/* ============================================================
   1. AVISO DE WOOCOMMERCE
   ============================================================ */
.woocommerce-store-notice,
p.demo_store,
.demo_store {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 15px !important;
}

.woocommerce-store-notice a,
p.demo_store a,
.demo_store a {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}


/* ============================================================
   2. PRECIOS Y BOTONES DE PRODUCTOS EN TIENDA
   ============================================================ */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price span.amount,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #000000 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 1.1em !important;
}

.woocommerce ul.products li.product .price a,
.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
}

.woocommerce ul.products li.product .button,
.woocommerce a.button.add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button.add_to_cart_button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}


/* ============================================================
   3. PÁGINA DEL CARRITO DE COMPRAS
   ============================================================ */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart a.checkout-button,
.woocommerce .cart .button,
.wc-block-cart__submit-button,
a.wc-block-components-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 16px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart a.checkout-button:hover,
a.wc-block-components-button:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25) !important;
}

.woocommerce-cart a.checkout-button *,
a.wc-block-components-button * {
    color: #ffffff !important;
    text-decoration: none !important;
}

.woocommerce-cart .cart_totals .order-total .amount,
.wc-block-components-totals-item__value {
    font-size: 1.3em !important;
    font-weight: 800 !important;
    color: #000000 !important;
}

.woocommerce-cart table.cart td.product-quantity input.qty,
.wc-block-cart-items__row input {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}


/* ============================================================
   4. CHECKOUT / FINALIZAR COMPRA
   ============================================================ */
body.woocommerce-checkout button.button.alt,
body.woocommerce-checkout input.button.alt,
body.woocommerce-checkout #place_order,
.woocommerce-checkout .wc-block-checkout__submit-button,
button[name="woocommerce_checkout_place_order"],
.wc-block-components-button:not(.is-link) {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 16px 24px !important;
    border-radius: 4px !important;
    border: none !important;
    width: 100% !important;
    opacity: 1 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}

body.woocommerce-checkout button.button.alt:hover,
body.woocommerce-checkout input.button.alt:hover,
body.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .wc-block-checkout__submit-button:hover,
button[name="woocommerce_checkout_place_order"]:hover,
.wc-block-components-button:not(.is-link):hover {
    background-color: #222222 !important;
    background: #222222 !important;
    color: #ffffff !important;
}


/* ============================================================
   5. PANEL "MI CUENTA"
   ============================================================ */
.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 20px;
}

.woocommerce-MyAccount-navigation {
    flex: 1 1 240px;
    max-width: 280px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation ul li {
    list-style-type: none !important;
    margin: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 14px 20px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s ease-in-out !important;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.woocommerce-MyAccount-content {
    flex: 3 1 500px;
    background-color: #ffffff !important;
    padding: 30px !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
}

.woocommerce-MyAccount-content a {
    color: #000000 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.woocommerce-MyAccount-content a:hover {
    color: #555555 !important;
}

.woocommerce-account .page-header,
.woocommerce-account .page-title-section {
    background-color: #000000 !important;
    padding: 50px 20px !important;
}

.woocommerce-account .page-header h1,
.woocommerce-account .page-title,
.woocommerce-account .entry-title {
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-content p a {
    text-decoration: none !important;
    border-bottom: 2px solid #000000 !important;
    padding-bottom: 1px !important;
    transition: all 0.2s ease !important;
}

.woocommerce-MyAccount-content p a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.woocommerce-MyAccount-content p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #222222 !important;
    margin-bottom: 18px !important;
}

.woocommerce-MyAccount-content::after {
    content: "💡 Cada interacción y adquisición en nuestra tienda apoya la autogestión de nuestras iniciativas culturales y educativas." !important;
    display: block !important;
    margin-top: 25px !important;
    padding: 15px 20px !important;
    background-color: #f5f5f5 !important;
    border-left: 3px solid #000000 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
}


/* ============================================================
   6. PORTAL DE CLIENTES
   ============================================================ */
.page-id-clients .entry-content p:first-of-type,
body[class*="clients"] .entry-content p:first-of-type {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #000000 !important;
    margin-bottom: 20px !important;
}

.page-id-clients .entry-content::after,
body[class*="clients"] .entry-content::after {
    content: "💡 Si requieres asistencia para facturación electrónica o convenios institucionales, puedes contactarnos directamente." !important;
    display: block !important;
    margin-top: 30px !important;
    padding: 18px 22px !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #000000 !important;
    border-left: 4px solid #000000 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #111111 !important;
}

.entry-content ul li a[href*="clients"],
.entry-content div[class*="client"] ul li a,
.entry-content nav ul li a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 18px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    margin-bottom: 6px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

.entry-content ul li a[href*="clients"]:hover,
.entry-content div[class*="client"] ul li a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.entry-content a {
    text-decoration: none !important;
}


/* ============================================================
   7. PÁGINA DE CONTACTO (FORMULARIO)
   ============================================================ */
.page-id-contacto .entry-content form,
body[class*="contacto"] form,
.wpcf7-form,
div.wpforms-container {
    background-color: #ffffff !important;
    padding: 30px !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
}

.page-id-contacto label,
body[class*="contacto"] label,
.wpcf7 label,
.wpforms-field-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #000000 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.page-id-contacto input[type="text"],
.page-id-contacto input[type="email"],
.page-id-contacto textarea,
body[class*="contacto"] input[type="text"],
body[class*="contacto"] input[type="email"],
body[class*="contacto"] textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    border: 1.5px solid #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 0px !important;
    padding: 12px 15px !important;
    font-size: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out !important;
}

.page-id-contacto input:focus,
.page-id-contacto textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border-color: #000000 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px #000000 !important;
}

.page-id-contacto input[type="submit"],
.page-id-contacto button[type="submit"],
body[class*="contacto"] input[type="submit"],
.wpcf7 input[type="submit"],
.wpforms-submit {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 14px 28px !important;
    border-radius: 4px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    display: inline-block !important;
    margin-top: 15px !important;
}

.page-id-contacto input[type="submit"]:hover,
.page-id-contacto button[type="submit"]:hover,
body[class*="contacto"] input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover,
.wpforms-submit:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}


/* ============================================================
   8. MENÚ DE NAVEGACIÓN (HEADER) - UNA FILA Y MÁXIMO CONTRASTE
   ============================================================ */

/* Solo para escritorio (pantallas grandes) */
@media screen and (min-width: 769px) {

    .main-navigation a, 
    .site-header .main-navigation ul li a,
    #site-navigation a {
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #666666 !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        letter-spacing: -0.3px !important;
    }

    #site-navigation a[href*="tienda"],
    #site-navigation a[href*="shop"],
    .main-navigation a[href*="tienda"],
    .main-navigation a[href*="shop"],
    #site-navigation a[href*="cursos"],
    #site-navigation a[href*="curso"],
    .main-navigation a[href*="cursos"],
    .main-navigation a[href*="curso"],
    #site-navigation a[href*="trabajos"],
    #site-navigation a[href*="trabajo"],
    .main-navigation a[href*="trabajos"],
    .main-navigation a[href*="trabajo"] {
        font-weight: 900 !important;
        color: #000000 !important;
        font-size: 13.5px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    #site-navigation a:hover, 
    .main-navigation a:hover {
        color: #000000 !important;
    }
}

/* En celulares (Móvil) */
@media screen and (max-width: 768px) {
    .main-navigation a[href*="tienda"],
    .main-navigation a[href*="cursos"],
    .main-navigation a[href*="trabajos"] {
        font-weight: 900 !important;
        color: #000000 !important;
    }
}


/* ============================================================
   9. RESPONSIVIDAD MÓVIL Y FLUIDEZ DE TEXTOS (SIN CORTES)
   ============================================================ */

@media screen and (max-width: 768px) {

    body, p, h1, h2, h3, h4, h5, h6, a, span, li {
        hyphens: none !important;
        -webkit-hyphens: none !important;
        -ms-hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    h1, .entry-title, .page-title {
        font-size: clamp(22px, 6vw, 32px) !important;
        line-height: 1.25 !important;
        letter-spacing: -0.5px !important;
    }

    h2 {
        font-size: clamp(18px, 5vw, 24px) !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: clamp(16px, 4.5vw, 20px) !important;
        line-height: 1.35 !important;
    }

    p, li, span {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .site-content, 
    .content-area, 
    main, 
    article, 
    .entry-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    img, iframe, video, figure {
        max-width: 100% !important;
        height: auto !important;
    }
}


/* ============================================================
   10. BLOQUES DE SUSCRIPCIÓN, WHATSAPP Y REDES
   ============================================================ */

.wp-block-subscribe input[type="submit"], 
.widget_subscribers input[type="submit"], 
#subscribe-submit, 
.es_subscription_form input[type="submit"],
.wp-block-button__link.has-background {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.wp-block-subscribe input[type="submit"]:hover, 
.es_subscription_form input[type="submit"]:hover,
.wp-block-button__link.has-background:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.wp-block-subscribe input[type="email"], 
.es_textbox {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

a[href*="whatsapp"],
.joinchat,
.joinchat__button,
.whatsapp-btn,
.btn-whatsapp {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    border: 1px solid #000000 !important;
}

a[href*="whatsapp"]:hover,
.joinchat:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

div.sharedaddy a.sd-button, 
.sd-social-icon-text .sd-button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

div.sharedaddy a.sd-button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.wp-block-subscribe button,
.wp-block-subscribe input[type="submit"],
.wp-block-jetpack-subscriptions button,
.wp-block-jetpack-subscriptions input[type="submit"],
div.wp-block-subscribe .wp-block-button__link,
.jetpack-subscribers-name input[type="submit"],
button[type="submit"].wp-block-button__link {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.wp-block-subscribe button:hover,
.wp-block-subscribe input[type="submit"]:hover,
.wp-block-jetpack-subscriptions button:hover,
.wp-block-jetpack-subscriptions input[type="submit"]:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.wp-block-subscribe input[type="email"],
.wp-block-jetpack-subscriptions input[type="email"] {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
}


/* ============================================================
   11. TIENDA, CATÁLOGO Y FICHA DE PRODUCTO
   ============================================================ */

.woocommerce .site-main,
.woocommerce-page .site-main,
.archive.tax-product_cat .site-main {
    max-width: 1300px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

@media screen and (max-width: 768px) {
    .site-header,
    .main-navigation,
    .main-navigation ul,
    .nav-menu {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .woocommerce ul.products[class*="columns-"],
    .woocommerce-page ul.products[class*="columns-"],
    ul.products {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    ul.products li.product,
    .woocommerce ul.products li.product-category,
    .woocommerce-page ul.products li.product-category {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
        clear: both !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce h2, 
    .woocommerce h1 {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
    }

    body, #page, .site-content, .site-main, .woocommerce {
        overflow-x: hidden !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .woocommerce-ordering,
    .woocommerce-ordering select {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.woocommerce-ordering {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
}

.woocommerce-ordering select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    height: auto !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Ficha de Producto */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce .button.single_add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    padding: 14px 28px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: 1px solid #000000 !important;
    transition: all 0.2s ease !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.woocommerce div.product form.cart {
    background-color: transparent !important;
    padding: 0 !important;
}

.woocommerce div.product form.cart .variations {
    width: 100% !important;
    margin-bottom: 20px !important;
}

.woocommerce div.product form.cart .variations label {
    font-weight: 700 !important;
    text-transform: UPPERCASE !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    color: #000000 !important;
}

.woocommerce div.product form.cart .variations select {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    padding: 8px 12px !important;
    background-color: #ffffff !important;
    font-size: 0.9rem !important;
    width: 100% !important;
    max-width: 100% !important;
}

.woocommerce div.product form.cart .quantity input.qty {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    padding: 10px !important;
    font-weight: 700 !important;
}

button.single_add_to_cart_button,
button.single_add_to_cart_button.button,
.woocommerce button.button.alt,
.woocommerce form.cart .button {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
}

button.single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover {
    background-color: #222222 !important;
    background: #222222 !important;
    color: #ffffff !important;
}

.woocommerce .quantity .qty,
.woocommerce form.cart .quantity input {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    background: #ffffff !important;
}

.woocommerce div.product form.cart .variations td.label,
.woocommerce div.product form.cart .variations label {
    color: #000000 !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
    padding-right: 15px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #000000 !important;
    color: #ffffff !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #ffffff !important;
}

.single-product #secondary,
.single-product .widget-area,
.single-product .sidebar,
.woocommerce #secondary,
.woocommerce-page #secondary,
.woocommerce .widget-area,
.woocommerce-page .widget-area,
.archive.tax-product_cat #secondary {
    display: none !important;
}

.single-product #primary,
.single-product .content-area,
.single-product div.product,
.woocommerce #primary,
.woocommerce-page #primary,
.woocommerce .content-area,
.woocommerce-page .content-area,
.archive.tax-product_cat #primary {
    width: 100% !important;
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

.post-type-archive-product .site-main::before {
    content: "Lleva contigo parte de nuestra colección cultural. En nuestra tienda encontrarás libros especializados, vestuario y recuerdos exclusivos diseñados para profesionales, estudiantes y amantes del patrimonio.\A\A Cada compra apoya directamente la autogestión y sostenibilidad de las iniciativas educativas y culturales de Museo de los Museos.";
    white-space: pre-wrap;
    display: block;
    max-width: 800px;
    margin: 0 auto 40px auto;
    font-size: 1.05rem;
    line-height: 1.6;
    color: #333333;
    text-align: center;
}

.page-header .page-title + p,
.page-title-description,
.woocommerce-products-header__description,
.woocommerce-archive-description {
    display: none !important;
}

.page-title::after,
.woocommerce-products-header__title::after {
    content: "Objetos y recuerdos para amantes de los museos.";
    display: block !important;
    font-size: 1.2rem !important;
    font-weight: 300 !important;
    margin-top: 10px !important;
    color: #ffffff !important;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) !important;
    letter-spacing: 0.5px !important;
}

header.page-header p,
.woocommerce-products-header__description + p,
.page-header-subtitle {
    visibility: hidden !important;
}

header.page-header p,
.page-header-subtitle,
.woocommerce-products-header p {
    font-size: 0 !important;
    line-height: 0 !important;
}

header.page-header p::after,
.page-header-subtitle::after,
.woocommerce-products-header p::after {
    content: "Objetos y recuerdos para amantes de los museos." !important;
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    display: block !important;
    visibility: visible !important;
}

.elementor-image-carousel-wrapper,
.elementor-image-carousel {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.elementor-image-carousel .swiper-slide {
    width: auto !important;
    max-width: 180px !important;
    display: inline-block !important;
    opacity: 1 !important;
}

.elementor-image-carousel img {
    max-height: 100px !important;
    width: auto !important;
    object-fit: contain !important;
}


/* ============================================================
   12. ESTILO UNIFICADO Y RESPONSIVO PARA COMENTARIOS
   ============================================================ */
.comment-form,
#respond {
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    padding: 25px !important;
    margin-top: 30px !important;
}

.comment-form label {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    color: #000000 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 10px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.comment-form input[type="submit"],
#submit {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.comment-form input[type="submit"]:hover,
#submit:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.comment-list .comment-body {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding: 20px 0 !important;
}

.comment-list .bypostauthor > .comment-body {
    background-color: #ffffff !important;
    border-left: 3px solid #000000 !important;
    padding-left: 15px !important;
}


/* ============================================================
   RESTAURACIÓN EXACTA: BUSCADOR Y COMENTARIOS MÓVIL
   ============================================================ */
@media screen and (max-width: 768px) {
    .search-form,
    .wp-block-search,
    .site-search,
    header .search-field,
    .search-submit {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .search-form input[type="search"],
    .wp-block-search__input {
        width: 100% !important;
        border: 1px solid #000000 !important;
        border-radius: 0px !important;
        padding: 12px !important;
        background-color: #ffffff !important;
        color: #000000 !important;
    }

    .search-form input[type="submit"],
    .wp-block-search__button {
        background-color: #000000 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 0px !important;
        padding: 10px 20px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        width: 100% !important;
        margin-top: 8px !important;
    }
}

@media screen and (max-width: 768px) {
    .comment-form,
    #respond,
    .comment-respond {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 15px !important;
        margin: 20px 0 !important;
    }

    .comment-form textarea,
    .comment-form input[type="text"],
    .comment-form input[type="email"],
    .comment-form input[type="url"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* ============================================================
   RESTAURACIÓN EXACTA: MENÚ MÓVIL EN NEGRO Y NEGRITA
   ============================================================ */
@media screen and (max-width: 768px) {
    .main-navigation a[href*="tienda"],
    .main-navigation a[href*="shop"],
    .main-navigation a[href*="cursos"],
    .main-navigation a[href*="curso"],
    .main-navigation a[href*="trabajos"],
    .main-navigation a[href*="trabajo"],
    #site-navigation a[href*="tienda"],
    #site-navigation a[href*="cursos"],
    #site-navigation a[href*="trabajos"] {
        font-weight: 900 !important;
        color: #000000 !important;
    }
}
/* ============================================================
   1. AVISO DE WOOCOMMERCE
   ============================================================ */
.woocommerce-store-notice,
p.demo_store,
.demo_store {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 15px !important;
}

.woocommerce-store-notice a,
p.demo_store a,
.demo_store a {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}


/* ============================================================
   2. PRECIOS Y BOTONES DE PRODUCTOS EN TIENDA
   ============================================================ */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price span.amount,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #000000 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    font-size: 1.1em !important;
}

.woocommerce ul.products li.product .price a,
.woocommerce ul.products li.product .price ins {
    text-decoration: none !important;
}

.woocommerce ul.products li.product .button,
.woocommerce a.button.add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 10px 18px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button.add_to_cart_button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}


/* ============================================================
   3. PÁGINA DEL CARRITO DE COMPRAS
   ============================================================ */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart a.checkout-button,
.woocommerce .cart .button,
.wc-block-cart__submit-button,
a.wc-block-components-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 16px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart a.checkout-button:hover,
a.wc-block-components-button:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25) !important;
}

.woocommerce-cart a.checkout-button *,
a.wc-block-components-button * {
    color: #ffffff !important;
    text-decoration: none !important;
}

.woocommerce-cart .cart_totals .order-total .amount,
.wc-block-components-totals-item__value {
    font-size: 1.3em !important;
    font-weight: 800 !important;
    color: #000000 !important;
}

.woocommerce-cart table.cart td.product-quantity input.qty,
.wc-block-cart-items__row input {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}


/* ============================================================
   4. CHECKOUT / FINALIZAR COMPRA
   ============================================================ */
body.woocommerce-checkout button.button.alt,
body.woocommerce-checkout input.button.alt,
body.woocommerce-checkout #place_order,
.woocommerce-checkout .wc-block-checkout__submit-button,
button[name="woocommerce_checkout_place_order"],
.wc-block-components-button:not(.is-link) {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 16px 24px !important;
    border-radius: 4px !important;
    border: none !important;
    width: 100% !important;
    opacity: 1 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}

body.woocommerce-checkout button.button.alt:hover,
body.woocommerce-checkout input.button.alt:hover,
body.woocommerce-checkout #place_order:hover,
.woocommerce-checkout .wc-block-checkout__submit-button:hover,
button[name="woocommerce_checkout_place_order"]:hover,
.wc-block-components-button:not(.is-link):hover {
    background-color: #222222 !important;
    background: #222222 !important;
    color: #ffffff !important;
}


/* ============================================================
   5. PANEL "MI CUENTA"
   ============================================================ */
.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 20px;
}

.woocommerce-MyAccount-navigation {
    flex: 1 1 240px;
    max-width: 280px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    overflow: hidden;
}

.woocommerce-MyAccount-navigation ul li {
    list-style-type: none !important;
    margin: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 14px 20px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s ease-in-out !important;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.woocommerce-MyAccount-content {
    flex: 3 1 500px;
    background-color: #ffffff !important;
    padding: 30px !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
}

.woocommerce-MyAccount-content a {
    color: #000000 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.woocommerce-MyAccount-content a:hover {
    color: #555555 !important;
}

.woocommerce-account .page-header,
.woocommerce-account .page-title-section {
    background-color: #000000 !important;
    padding: 50px 20px !important;
}

.woocommerce-account .page-header h1,
.woocommerce-account .page-title,
.woocommerce-account .entry-title {
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-content p a {
    text-decoration: none !important;
    border-bottom: 2px solid #000000 !important;
    padding-bottom: 1px !important;
    transition: all 0.2s ease !important;
}

.woocommerce-MyAccount-content p a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.woocommerce-MyAccount-content p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #222222 !important;
    margin-bottom: 18px !important;
}

.woocommerce-MyAccount-content::after {
    content: "💡 Cada interacción y adquisición en nuestra tienda apoya la autogestión de nuestras iniciativas culturales y educativas." !important;
    display: block !important;
    margin-top: 25px !important;
    padding: 15px 20px !important;
    background-color: #f5f5f5 !important;
    border-left: 3px solid #000000 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
}


/* ============================================================
   6. PORTAL DE CLIENTES
   ============================================================ */
.page-id-clients .entry-content p:first-of-type,
body[class*="clients"] .entry-content p:first-of-type {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #000000 !important;
    margin-bottom: 20px !important;
}

.page-id-clients .entry-content::after,
body[class*="clients"] .entry-content::after {
    content: "💡 Si requieres asistencia para facturación electrónica o convenios institucionales, puedes contactarnos directamente." !important;
    display: block !important;
    margin-top: 30px !important;
    padding: 18px 22px !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #000000 !important;
    border-left: 4px solid #000000 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #111111 !important;
}

.entry-content ul li a[href*="clients"],
.entry-content div[class*="client"] ul li a,
.entry-content nav ul li a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 18px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    margin-bottom: 6px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

.entry-content ul li a[href*="clients"]:hover,
.entry-content div[class*="client"] ul li a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.entry-content a {
    text-decoration: none !important;
}


/* ============================================================
   7. PÁGINA DE CONTACTO (FORMULARIO)
   ============================================================ */
.page-id-contacto .entry-content form,
body[class*="contacto"] form,
.wpcf7-form,
div.wpforms-container {
    background-color: #ffffff !important;
    padding: 30px !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
}

.page-id-contacto label,
body[class*="contacto"] label,
.wpcf7 label,
.wpforms-field-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #000000 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.page-id-contacto input[type="text"],
.page-id-contacto input[type="email"],
.page-id-contacto textarea,
body[class*="contacto"] input[type="text"],
body[class*="contacto"] input[type="email"],
body[class*="contacto"] textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    border: 1.5px solid #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 0px !important;
    padding: 12px 15px !important;
    font-size: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out !important;
}

.page-id-contacto input:focus,
.page-id-contacto textarea:focus,
.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border-color: #000000 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px #000000 !important;
}

.page-id-contacto input[type="submit"],
.page-id-contacto button[type="submit"],
body[class*="contacto"] input[type="submit"],
.wpcf7 input[type="submit"],
.wpforms-submit {
    background-color: #000000 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 14px 28px !important;
    border-radius: 4px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    display: inline-block !important;
    margin-top: 15px !important;
}

.page-id-contacto input[type="submit"]:hover,
.page-id-contacto button[type="submit"]:hover,
body[class*="contacto"] input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover,
.wpforms-submit:hover {
    background-color: #222222 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}


/* ============================================================
   8. MENÚ DE NAVEGACIÓN (HEADER) - UNA FILA Y MÁXIMO CONTRASTE
   ============================================================ */

/* Solo para escritorio (pantallas grandes) */
@media screen and (min-width: 769px) {

    .main-navigation a, 
    .site-header .main-navigation ul li a,
    #site-navigation a {
        font-size: 13px !important;
        font-weight: 400 !important;
        color: #666666 !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        letter-spacing: -0.3px !important;
    }

    #site-navigation a[href*="tienda"],
    #site-navigation a[href*="shop"],
    .main-navigation a[href*="tienda"],
    .main-navigation a[href*="shop"],
    #site-navigation a[href*="cursos"],
    #site-navigation a[href*="curso"],
    .main-navigation a[href*="cursos"],
    .main-navigation a[href*="curso"],
    #site-navigation a[href*="trabajos"],
    #site-navigation a[href*="trabajo"],
    .main-navigation a[href*="trabajos"],
    .main-navigation a[href*="trabajo"] {
        font-weight: 900 !important;
        color: #000000 !important;
        font-size: 13.5px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    #site-navigation a:hover, 
    .main-navigation a:hover {
        color: #000000 !important;
    }
}

/* En celulares (Móvil) */
@media screen and (max-width: 768px) {
    .main-navigation a[href*="tienda"],
    .main-navigation a[href*="cursos"],
    .main-navigation a[href*="trabajos"] {
        font-weight: 900 !important;
        color: #000000 !important;
    }
}


/* ============================================================
   9. RESPONSIVIDAD MÓVIL Y FLUIDEZ DE TEXTOS (SIN CORTES)
   ============================================================ */

@media screen and (max-width: 768px) {

    body, p, h1, h2, h3, h4, h5, h6, a, span, li {
        hyphens: none !important;
        -webkit-hyphens: none !important;
        -ms-hyphens: none !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    h1, .entry-title, .page-title {
        font-size: clamp(22px, 6vw, 32px) !important;
        line-height: 1.25 !important;
        letter-spacing: -0.5px !important;
    }

    h2 {
        font-size: clamp(18px, 5vw, 24px) !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: clamp(16px, 4.5vw, 20px) !important;
        line-height: 1.35 !important;
    }

    p, li, span {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .site-content, 
    .content-area, 
    main, 
    article, 
    .entry-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    img, iframe, video, figure {
        max-width: 100% !important;
        height: auto !important;
    }
}


/* ============================================================
   10. BLOQUES DE SUSCRIPCIÓN, WHATSAPP Y REDES
   ============================================================ */

.wp-block-subscribe input[type="submit"], 
.widget_subscribers input[type="submit"], 
#subscribe-submit, 
.es_subscription_form input[type="submit"],
.wp-block-button__link.has-background {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.wp-block-subscribe input[type="submit"]:hover, 
.es_subscription_form input[type="submit"]:hover,
.wp-block-button__link.has-background:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.wp-block-subscribe input[type="email"], 
.es_textbox {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

a[href*="whatsapp"],
.joinchat,
.joinchat__button,
.whatsapp-btn,
.btn-whatsapp {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    border: 1px solid #000000 !important;
}

a[href*="whatsapp"]:hover,
.joinchat:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

div.sharedaddy a.sd-button, 
.sd-social-icon-text .sd-button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

div.sharedaddy a.sd-button:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.wp-block-subscribe button,
.wp-block-subscribe input[type="submit"],
.wp-block-jetpack-subscriptions button,
.wp-block-jetpack-subscriptions input[type="submit"],
div.wp-block-subscribe .wp-block-button__link,
.jetpack-subscribers-name input[type="submit"],
button[type="submit"].wp-block-button__link {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.wp-block-subscribe button:hover,
.wp-block-subscribe input[type="submit"]:hover,
.wp-block-jetpack-subscriptions button:hover,
.wp-block-jetpack-subscriptions input[type="submit"]:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
}

.wp-block-subscribe input[type="email"],
.wp-block-jetpack-subscriptions input[type="email"] {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
}


/* ============================================================
   11. TIENDA, CATÁLOGO Y FICHA DE PRODUCTO
   ============================================================ */

.woocommerce .site-main,
.woocommerce-page .site-main,
.archive.tax-product_cat .site-main {
    max-width: 1300px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

@media screen and (max-width: 768px) {
    .site-header,
    .main-navigation,
    .main-navigation ul,
    .nav-menu {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .woocommerce ul.products[class*="columns-"],
    .woocommerce-page ul.products[class*="columns-"],
    ul.products {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    ul.products li.product,
    .woocommerce ul.products li.product-category,
    .woocommerce-page ul.products li.product-category {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
        clear: both !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce h2, 
    .woocommerce h1 {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
    }

    body, #page, .site-content, .site-main, .woocommerce {
        overflow-x: hidden !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .woocommerce-ordering,
    .woocommerce-ordering select {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.woocommerce-ordering {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-bottom: 20px !important;
}

.woocommerce-ordering select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    height: auto !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Ficha de Producto */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce .button.single_add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    padding: 14px 28px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    border: 1px solid #000000 !important;
    transition: all 0.2s ease !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.woocommerce div.product form.cart {
    background-color: transparent !important;
    padding: 0 !important;
}

.woocommerce div.product form.cart .variations {
    width: 100% !important;
    margin-bottom: 20px !important;
}

.woocommerce div.product form.cart .variations label {
    font-weight: 700 !important;
    text-transform: UPPERCASE !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.5px !important;
    color: #000000 !important;
}

.woocommerce div.product form.cart .variations select {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    padding: 8px 12px !important;
    background-color: #ffffff !important;
    font-size: 0.9rem !important;
    width: 100% !important;
    max-width: 100% !important;
}

.woocommerce div.product form.cart .quantity input.qty {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    padding: 10px !important;
    font-weight: 700 !important;
}

button.single_add_to_cart_button,
button.single_add_to_cart_button.button,
.woocommerce button.button.alt,
.woocommerce form.cart .button {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 0px !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    opacity: 1 !important;
}

button.single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover {
    background-color: #222222 !important;
    background: #222222 !important;
    color: #ffffff !important;
}

.woocommerce .quantity .qty,
.woocommerce form.cart .quantity input {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    background: #ffffff !important;
}

.woocommerce div.product form.cart .variations td.label,
.woocommerce div.product form.cart .variations label {
    color: #000000 !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
    padding-right: 15px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-radius: 0px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #000000 !important;
    color: #ffffff !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #ffffff !important;
}

.single-product #secondary,
.single-product .widget-area,
.single-product .sidebar,
.woocommerce #secondary,
.woocommerce-page #secondary,
.woocommerce .widget-area,
.woocommerce-page .widget-area,
.archive.tax-product_cat #secondary {
    display: none !important;
}

.single-product #primary,
.single-product .content-area,
.single-product div.product,
.woocommerce #primary,
.woocommerce-page #primary,
.woocommerce .content-area,
.woocommerce-page .content-area,
.archive.tax-product_cat #primary {
    width: 100% !important;
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

.post-type-archive-product .site-main::before {
    content: "Lleva contigo parte de nuestra colección cultural. En nuestra tienda encontrarás libros especializados, vestuario y recuerdos exclusivos diseñados para profesionales, estudiantes y amantes del patrimonio.\A\A Cada compra apoya directamente la autogestión y sostenibilidad de las iniciativas educativas y culturales de Museo de los Museos.";
    white-space: pre-wrap;
    display: block;
    max-width: 800px;
    margin: 0 auto 40px auto;
    font-size: 1.05rem;
    line-height: 1.6;
    color: #333333;
    text-align: center;
}

.page-header .page-title + p,
.page-title-description,
.woocommerce-products-header__description,
.woocommerce-archive-description {
    display: none !important;
}

.page-title::after,
.woocommerce-products-header__title::after {
    content: "Objetos y recuerdos para amantes de los museos.";
    display: block !important;
    font-size: 1.2rem !important;
    font-weight: 300 !important;
    margin-top: 10px !important;
    color: #ffffff !important;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7) !important;
    letter-spacing: 0.5px !important;
}

header.page-header p,
.woocommerce-products-header__description + p,
.page-header-subtitle {
    visibility: hidden !important;
}

header.page-header p,
.page-header-subtitle,
.woocommerce-products-header p {
    font-size: 0 !important;
    line-height: 0 !important;
}

header.page-header p::after,
.page-header-subtitle::after,
.woocommerce-products-header p::after {
    content: "Objetos y recuerdos para amantes de los museos." !important;
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    display: block !important;
    visibility: visible !important;
}

.elementor-image-carousel-wrapper,
.elementor-image-carousel {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.elementor-image-carousel .swiper-slide {
    width: auto !important;
    max-width: 180px !important;
    display: inline-block !important;
    opacity: 1 !important;
}

.elementor-image-carousel img {
    max-height: 100px !important;
    width: auto !important;
    object-fit: contain !important;
}


/* ============================================================
   12. ESTILO UNIFICADO Y RESPONSIVO PARA COMENTARIOS
   ============================================================ */
.comment-form,
#respond {
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    padding: 25px !important;
    margin-top: 30px !important;
}

.comment-form label {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    color: #000000 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 10px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.comment-form input[type="submit"],
#submit {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 0px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.comment-form input[type="submit"]:hover,
#submit:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.comment-list .comment-body {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding: 20px 0 !important;
}

.comment-list .bypostauthor > .comment-body {
    background-color: #ffffff !important;
    border-left: 3px solid #000000 !important;
    padding-left: 15px !important;
}


/* ============================================================
   RESTAURACIÓN EXACTA: BUSCADOR Y COMENTARIOS MÓVIL
   ============================================================ */
@media screen and (max-width: 768px) {
    .search-form,
    .wp-block-search,
    .site-search,
    header .search-field,
    .search-submit {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .search-form input[type="search"],
    .wp-block-search__input {
        width: 100% !important;
        border: 1px solid #000000 !important;
        border-radius: 0px !important;
        padding: 12px !important;
        background-color: #ffffff !important;
        color: #000000 !important;
    }

    .search-form input[type="submit"],
    .wp-block-search__button {
        background-color: #000000 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 0px !important;
        padding: 10px 20px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        width: 100% !important;
        margin-top: 8px !important;
    }
}

@media screen and (max-width: 768px) {
    .comment-form,
    #respond,
    .comment-respond {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 15px !important;
        margin: 20px 0 !important;
    }

    .comment-form textarea,
    .comment-form input[type="text"],
    .comment-form input[type="email"],
    .comment-form input[type="url"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* ============================================================
   RESTAURACIÓN EXACTA: MENÚ MÓVIL EN NEGRO Y NEGRITA
   ============================================================ */
@media screen and (max-width: 768px) {
    .main-navigation a[href*="tienda"],
    .main-navigation a[href*="shop"],
    .main-navigation a[href*="cursos"],
    .main-navigation a[href*="curso"],
    .main-navigation a[href*="trabajos"],
    .main-navigation a[href*="trabajo"],
    #site-navigation a[href*="tienda"],
    #site-navigation a[href*="cursos"],
    #site-navigation a[href*="trabajos"] {
        font-weight: 900 !important;
        color: #000000 !important;
    }
}
/* ============================================================
   CORRECCIÓN RADICAL: BUSCADOR DE TIENDA EN MÓVIL (SOBREESCRITURA TOTAL)
   ============================================================ */
@media screen and (max-width: 768px) {
    /* Forzar que cualquier contenedor de búsqueda sea un bloque vertical completo */
    div[class*="search"], 
    form[class*="search"], 
    .wp-block-search,
    .woocommerce-product-search,
    .widget_product_search {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        position: relative !important;
        box-sizing: border-box !important;
        margin-bottom: 20px !important;
    }

    /* Anular contenedores internos flex que fuercen el desajuste lateral */
    .wp-block-search__inside-wrapper,
    .woocommerce-product-search {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    /* Campo de texto de búsqueda limpio y completo */
    .wp-block-search__input,
    .woocommerce-product-search input[type="search"],
    .widget_product_search input[type="search"],
    input[name="s"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 48px !important;
        border: 2px solid #000000 !important;
        border-radius: 0px !important;
        background-color: #ffffff !important;
        color: #000000 !important;
        padding: 0 15px !important;
        margin: 0 0 10px 0 !important;
        box-sizing: border-box !important;
        float: none !important;
        position: static !important;
    }

    /* Botón negro de la lupa ubicado debajo y ancho total */
    .wp-block-search__button,
    .woocommerce-product-search button,
    .widget_product_search input[type="submit"],
    button[type="submit"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 48px !important;
        background: #000000 !important;
        background-color: #000000 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 0px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        display: block !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        float: none !important;
        position: static !important;
    }
}
/* ============================================================
   SOLO 3 OPCIONES DESTACADAS EN BLANCO Y NEGRITA PARA MÓVIL
   ============================================================ */
@media screen and (max-width: 768px) {
    .main-navigation a[href*="tienda"],
    .main-navigation a[href*="shop"],
    .main-navigation a[href*="cursos"],
    .main-navigation a[href*="curso"],
    .main-navigation a[href*="trabajos"],
    .main-navigation a[href*="trabajo"],
    #site-navigation a[href*="tienda"],
    #site-navigation a[href*="cursos"],
    #site-navigation a[href*="trabajos"] {
        font-weight: 900 !important;
        color: #ffffff !important;
    }
}
/* ============================================================
   RESPONSIVIDAD PERFECTA PARA COMENTARIOS EN MÓVIL
   ============================================================ */
@media screen and (max-width: 768px) {
    /* Contenedores generales de comentarios y formularios */
    .comment-form,
    #respond,
    .comment-respond,
    .woocommerce-Reviews,
    #reviews {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 15px !important;
        margin: 20px 0 !important;
        float: none !important;
        clear: both !important;
    }

    /* Campos de texto, inputs y selectores dentro de comentarios */
    .comment-form textarea,
    .comment-form input[type="text"],
    .comment-form input[type="email"],
    .comment-form input[type="url"],
    .comment-form select,
    #respond input,
    #respond textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 16px !important; /* Evita el zoom automático en iOS */
    }

    /* Botón de enviar comentario responsivo */
    .comment-form input[type="submit"],
    .comment-form button[type="submit"],
    #submit {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        margin-top: 10px !important;
    }

    /* Listado de comentarios existentes en el sitio */
    .comment-list,
    .comment-list article,
    .comment-list .comment-body {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
}/* ============================================================
   CORRECCIÓN DEFINITIVA: BOTÓN DE PUBLICAR COMENTARIO EN MÓVIL
   ============================================================ */
@media screen and (max-width: 768px) {
    /* Forzar que el contenedor del botón y el botón mismo abarquen todo el ancho */
    .form-submit,
    .comment-form .form-submit {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 15px !important;
        float: none !important;
        clear: both !important;
    }

    .comment-form input[type="submit"],
    .comment-form button[type="submit"],
    #submit,
    input#submit {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: block !important;
        background-color: #000000 !important;
        background: #000000 !important;
        color: #ffffff !important;
        border: 2px solid #000000 !important;
        border-radius: 0px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        padding: 14px 20px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        cursor: pointer !important;
        float: none !important;
        position: static !important;
    }

    .comment-form input[type="submit"]:hover,
    .comment-form button[type="submit"]:hover,
    #submit:hover,
    input#submit:hover {
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #000000 !important;
    }
}/* ============================================================
   CORRECCIÓN FINAL: TEXTO AJUSTADO EN BOTÓN DE COMENTARIO MÓVIL
   ============================================================ */
@media screen and (max-width: 768px) {
    .comment-form input[type="submit"],
    .comment-form button[type="submit"],
    #submit,
    input#submit {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        display: block !important;
        background-color: #000000 !important;
        background: #000000 !important;
        color: #ffffff !important;
        border: 2px solid #000000 !important;
        border-radius: 0px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-size: 13px !important; /* Reducimos ligeramente para que quepa perfecto */
        padding: 14px 10px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        white-space: normal !important; /* Permite que el texto se acomode si es largo */
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        cursor: pointer !important;
        float: none !important;
        position: static !important;
    }

    .comment-form input[type="submit"]:hover,
    .comment-form button[type="submit"]:hover,
    #submit:hover,
    input#submit:hover {
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #000000 !important;
    }
}/* ============================================================
   RESPONSIVIDAD PERFECTA PARA FORMULARIOS E IFRAMES EN MÓVIL
   ============================================================ */
@media screen and (max-width: 768px) {
    /* Contenedores generales de formularios e iframes */
    iframe,
    .wp-block-embed__wrapper iframe,
    .elementor-widget-embed iframe,
    form,
    .wpcf7-form,
    div[class*="form"] {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Contenedor específico para incrustaciones de Google Forms (iframe) */
    iframe[src*="docs.google.com/forms"],
    iframe[src*="google.com/maps"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        min-height: 600px !important; /* Altura segura para visualización vertical */
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Envoltorios responsivos para que el iframe no desborde horizontalmente */
    .wp-block-embed,
    .elementor-fit-aspect-ratio,
    .embed-container {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}/* ============================================================
   ANCHO AMPLIADO PARA FORMULARIOS E IFRAMES EN MÓVIL
   ============================================================ */
@media screen and (max-width: 768px) {
    /* Forzar que los bloques contenedores y artículos usen casi el 100% real sin márgenes laterales excesivos */
    .site-content, 
    .content-area, 
    main, 
    article, 
    .entry-content,
    .wp-block-post-content {
        max-width: 100% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        box-sizing: border-box !important;
    }

    /* Ampliar contenedores y iframes de Google Forms al máximo ancho posible */
    iframe[src*="docs.google.com/forms"],
    .wp-block-embed__wrapper,
    .elementor-widget-embed,
    .wp-block-embed {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Ajuste interno para asegurar que el contenido incrustado no tenga restricciones de ancho */
    iframe[src*="docs.google.com/forms"] {
        width: 100% !important;
        min-width: 100% !important;
    }
}/* ============================================================
   CORRECCIÓN DEFINITIVA: POPUP / CUADRO EMERGENTE DE SUSCRIPCIÓN EN MÓVIL
   ============================================================ */
@media screen and (max-width: 768px) {
    /* Contenedores generales del modal o cuadro emergente de suscripción */
    div[class*="subscribe"], 
    div[class*="popup"], 
    div[class*="modal"],
    div[class*="jetpack"],
    .widget_subscribers,
    .es_subscription_form {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Forzar que el formulario interno del popup sea una columna vertical limpia */
    div[class*="subscribe"] form,
    div[class*="popup"] form,
    div[class*="modal"] form,
    .es_subscription_form,
    .wp-block-subscribe,
    .wp-block-jetpack-subscriptions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Campo de correo electrónico dentro del popup */
    div[class*="subscribe"] input[type="email"],
    div[class*="popup"] input[type="email"],
    .es_textbox,
    .wp-block-subscribe input[type="email"],
    .wp-block-jetpack-subscriptions input[type="email"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 46px !important;
        border: 1.5px solid #000000 !important;
        border-radius: 0px !important;
        background-color: #ffffff !important;
        color: #000000 !important;
        padding: 0 15px !important;
        margin: 0 0 10px 0 !important;
        box-sizing: border-box !important;
    }

    /* Botón de suscripción (Negro con letras blancas) ubicado debajo y a ancho total */
    div[class*="subscribe"] input[type="submit"],
    div[class*="subscribe"] button,
    div[class*="popup"] input[type="submit"],
    div[class*="popup"] button,
    .es_subscription_form input[type="submit"],
    .wp-block-subscribe button,
    .wp-block-subscribe input[type="submit"],
    .wp-block-jetpack-subscriptions button,
    .wp-block-jetpack-subscriptions input[type="submit"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 46px !important;
        background-color: #000000 !important;
        background: #000000 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 0px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
}/* ============================================================
   AJUSTE PRECISO: INPUT ARRIBA Y BOTÓN ABAJO EN POPUP MÓVIL
   ============================================================ */
@media screen and (max-width: 768px) {
    /* Forzar contenedor flexible en columna para los formularios de suscripción emergentes */
    div[class*="subscribe"] form,
    div[class*="popup"] form,
    div[class*="modal"] form,
    .es_subscription_form,
    .wp-block-subscribe,
    .wp-block-jetpack-subscriptions {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Barra de escritura (Input) arriba, sola, amplia y cómoda */
    div[class*="subscribe"] input[type="email"],
    div[class*="popup"] input[type="email"],
    .es_textbox,
    .wp-block-subscribe input[type="email"],
    .wp-block-jetpack-subscriptions input[type="email"] {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 50px !important;
        border: 2px solid #000000 !important;
        border-radius: 0px !important;
        background-color: #ffffff !important;
        color: #000000 !important;
        padding: 0 15px !important;
        margin: 0 0 12px 0 !important;
        box-sizing: border-box !important;
        float: none !important;
    }

    /* Botón de suscripción abajo, ocupando todo el ancho */
    div[class*="subscribe"] input[type="submit"],
    div[class*="subscribe"] button,
    div[class*="popup"] input[type="submit"],
    div[class*="popup"] button,
    .es_subscription_form input[type="submit"],
    .wp-block-subscribe button,
    .wp-block-subscribe input[type="submit"],
    .wp-block-jetpack-subscriptions button,
    .wp-block-jetpack-subscriptions input[type="submit"] {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: 48px !important;
        background-color: #000000 !important;
        background: #000000 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 0px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        float: none !important;
    }
}/* ============================================================
   CORRECCIÓN DEFINITIVA: CLICS EN IMÁGENES Y BOTONES DE "POSTULA AQUÍ"
   ============================================================ */

/* Asegurar que el contenedor de la tarjeta/imagen sea posicionado para atrapar el clic */
.page-id-trabajos .wp-block-image,
.page-id-trabajos .elementor-image,
body[class*="trabajo"] .wp-block-image,
body[class*="trabajo"] .elementor-image,
div[class*="trabajo"] figure,
div[class*="portfolio"] figure {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* Forzar que el enlace dentro de la imagen ocupe todo el espacio y reciba los clics */
.page-id-trabajos .wp-block-image a,
.page-id-trabajos .elementor-image a,
body[class*="trabajo"] a,
div[class*="trabajo"] a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 10 !important;
}

/* Forzar que la imagen no bloquee el clic y responda al contenedor */
.page-id-trabajos a img,
body[class*="trabajo"] a img,
div[class*="trabajo"] img {
    pointer-events: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

/* Estilo impecable y zona táctil amplia para los botones/textos de "Postula aquí" */
.page-id-trabajos a[href*="http"],
body[class*="trabajo"] a[href*="http"],
div[class*="trabajo"] a {
    pointer-events: auto !important;
}

/* En celulares, garantizar que el área táctil sea cómoda y no falle al primer toque */
@media screen and (max-width: 768px) {
    .page-id-trabajos a,
    body[class*="trabajo"] a,
    div[class*="trabajo"] a {
        padding: 4px !important;
        touch-action: manipulation !important;
    }
}