/* =====================================================
   ASTRA – HEADER FIJO / STICKY
===================================================== */


.ast-mobile-header-content {
    position: fixed;
    top: 100px;
    width: 100%;
    height: 20px;
}


/* =====================================================
   WOOCOMMERCE – LIMPIEZA HEADER SHOP
===================================================== */
.woocommerce-products-header,
.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}

/* =====================================================
   MARCAS / CAROUSEL
===================================================== */
@media (min-width: 576px) {
    .replib2 { display: none; }
}

@media (max-width: 575px) {
    .replib1 { display: none; }
}

.slick-list {
    width: 100%;
}

.pwb-carousel.slick-initialized.slick-slider {
    width: auto !important;
}

/* =====================================================
   NAVEGACIÓN DE CATEGORÍAS (BOTONES)
===================================================== */
.category-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 18px 0;
    margin: 0 auto;
}

.category-nav .cat-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: #f4f4f4;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    transition: background .18s ease, transform .18s ease;
}

.category-nav .cat-item:hover {
    background: #eaeaea;
    transform: translateY(-2px);
}

.category-nav .cat-item svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
    opacity: .8;
}

/* =====================================================
   HEADER – CUENTA / LOGIN
===================================================== */
.header-account,
.header-login,
.menu-account a,
.menu-login a {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Solo mobile */
@media (min-width: 769px) {
    .menu-mobile-only {
        display: none !important;
    }
}

.menu-mobile-only a {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* =====================================================
   MEDICAMENTOS – BOTONES DE MARCA
===================================================== */
.medicamentos-botones-marcas {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.medicamentos-botones-marcas .marca-btn {
    padding: 8px 14px;
    background: #f5f5f5;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    color: #333;
    border: 1px solid #ddd;
}

.medicamentos-botones-marcas .marca-btn:hover {
    background: #e9e9e9;
}

/* =====================================================
   BOTÓN “REPETIR PEDIDO”
===================================================== */
.order-again a.button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0;
}

.order-again a.button::before {
    content: "";
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpath d='M3.51 15a9 9 0 102.13-9.36L1 10'/%3E%3C/svg%3E") center / 16px no-repeat;
}

.order-again a.button::after {
    content: "Repetir Pedido";
    font-size: 14px;
    font-weight: 500;
}

.order-again a.button:hover::before {
    transform: rotate(360deg);
    transition: transform .6s ease;
}

/* =====================================================
   HOME – ESTRUCTURA SUPERIOR
===================================================== */
.home-shop-top {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 32px;
}

.home-shop-top > * {
    width: 100%;
}

/* =====================================================
   TIPOGRAFÍA HEADER
===================================================== */
.site-header,
header,
.wp-site-blocks header {
    font-family: 'Rubik', sans-serif;
}

.main-navigation a,
.wp-block-navigation a {
    font-weight: 500;
    letter-spacing: .2px;
    text-transform: none;
}

/* =====================================================
   CARRITO – PREMIUM CLEAN
===================================================== */
.woocommerce-cart table.shop_table {
    border: none;
    border-collapse: separate;
    border-spacing: 0 10px;
}

.woocommerce-cart table.shop_table tbody tr {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.woocommerce-cart table.shop_table tbody td {
    padding: 16px;
    border: none;
}

.woocommerce-cart .cart_totals {
    background: #f9fafb;
    border-radius: 16px;
    padding: 24px;
}

/* =====================================================
   CHECKOUT – UNA COLUMNA REAL
===================================================== */
.woocommerce-checkout #customer_details {
    width: 100%;
}

.woocommerce-checkout #customer_details .col-2 {
    display: none;
}

/* =====================================================
   WFPL – AJUSTES INPUTS
===================================================== */
.woocommerce-js .wfpl-price {
    width: 200px !important;
    max-width: 100% !important;
}

.wfpl-ui .wfpl-product {
    display: grid;
    grid-template-columns: 1fr 90px;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px dashed #e5e7eb;
}

@media (max-width: 768px) {
    .woocommerce-js .wfpl-product {
        grid-template-columns: 1fr;
        gap: 5px;
    }
}
/* CLIENTE - mobile: nombre y precio bien alineados */
@media (max-width: 768px) {
    .woocommerce-js .wfpl-product:has(.wfpl-price-text) {
        grid-template-columns: 1fr auto;
        align-items: center;
    }
}

/* =====================================================
   HOME – LOOK MODERNO
===================================================== */
.home .site-content {
    background: #fafafa;
}

.home section,
.home .wp-block-group,
.home .wp-block-columns {
    margin-bottom: 40px;
}
/* =====================================================
   LOOP PRODUCTOS – CARD MODERNA
===================================================== */
.woocommerce ul.products li.product {
    background: #ffffff;
    border-radius: 16px;
    padding: 14px;
    box-shadow: 0 4px 14px rgba(0,0,0,.04);
    transition: transform .2s ease, box-shadow .2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
/* =====================================================
   LOOP PRODUCTOS – CARD MODERNA
===================================================== */
.woocommerce ul.products li.product {
    background: #ffffff;
    border-radius: 16px;
    padding: 14px;
    box-shadow: 0 4px 14px rgba(0,0,0,.04);
    transition: transform .2s ease, box-shadow .2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.woocommerce ul.products li.product img {
    border-radius: 12px;
    margin-bottom: 10px;
}
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px;
    font-weight: 500;
    color: #111827;
    line-height: 1.3;
    margin-bottom: 6px;
}
.woocommerce ul.products li.product .price {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 10px;
}
/* =====================================================
   BOTÓN AGREGAR AL CARRITO
===================================================== */
.woocommerce ul.products li.product .button {
    background-color: #3483FA;        /* azul MercadoLibre */
    color: #ffffff !important;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    border: none;

    transition:
        background-color .2s ease,
        transform .12s ease,
        box-shadow .15s ease;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #2968C8; /* azul ML hover */
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0,0,0,.12);

}
.woocommerce ul.products li.product .added_to_cart {
    display: inline-block;
    margin-top: 6px;
    font-size: 13px;
    color: #2563eb;
    font-weight: 500;
}
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        padding: 12px;
    }

    .woocommerce ul.products li.product .button {
        width: 100%;
        text-align: center;
    }
}
/* =====================================================
   BOTONES – QUITAR MAYÚSCULAS
===================================================== */
button,
.button,
input[type="submit"],
input[type="button"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    text-transform: none;
    letter-spacing: normal;
}
.ast-button,
.ast-custom-button {
    text-transform: none;
}
/* Botones modernos */
button,
.button,
.woocommerce a.button {
    text-transform: none;
    letter-spacing: normal;
    font-weight: 500;
}
/* =====================================================
   BOTONES – MICRO ANIMACIÓN HOVER
===================================================== */
button,
.button,
.woocommerce a.button {
    transition: 
        background-color .18s ease,
        transform .15s ease,
        box-shadow .15s ease;
}

button:hover,
.button:hover,
.woocommerce a.button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0,0,0,.08);
}
/* Hover solo en loop de productos */
.woocommerce ul.products li.product .button {
    transition: transform .15s ease, box-shadow .15s ease;
}

.woocommerce ul.products li.product .button:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(0,0,0,.08);
}
/* Click feedback */
button:active,
.button:active,
.woocommerce a.button:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}
/* Botón principal checkout */
.woocommerce .checkout-button,
.woocommerce button#place_order {
    background-color: #00A650; /* verde ML */
    font-size: 15px;
    padding: 14px;
    border-radius: 8px;
}

.woocommerce .checkout-button:hover,
.woocommerce button#place_order:hover {
    background-color: #008E45;
}
/* Botones secundarios */
.woocommerce a.button.alt {
    background-color: #ffffff;
    color: #3483FA !important;
    border: 1px solid #3483FA;
}

.woocommerce a.button.alt:hover {
    background-color: #f0f6ff;
}
/* Botones secundarios */
.woocommerce ul.button.alt {
    background-color: #ffffff;
    color: #3483FA !important;
    border: 1px solid #3483FA;
}

.woocommerce ul.button.alt:hover {
    background-color: #f0f6ff;
}
.woocommerce a.button.disabled,
.woocommerce a.button:disabled {
    background-color: #e5e7eb;
    color: #9ca3af !important;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}
@media (max-width: 768px) {
    .woocommerce a.button,
    .woocommerce button.button {
        padding: 12px 16px;
        font-size: 15px;
    }
}

/* =====================================================
   HEADER – LOOK MODERNO
===================================================== */

/* Header más compacto */
.main-header-bar .ast-container {
    min-height: 64px;
}
/* Logo */
.site-header .custom-logo {
    max-height: 42px;
}

/* Links del menú */
.main-navigation a {
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 10px;
    transition: background .15s ease;
}

.main-navigation a:hover {
    background: rgba(0,0,0,.04);
}
/* Íconos del header */
.ast-header-account,
.ast-header-cart {
    opacity: .85;
    transition: opacity .15s ease, transform .15s ease;
}

.ast-header-account:hover,
.ast-header-cart:hover {
    opacity: 1;
    transform: translateY(-1px);
}
/* Buscador header */
.dgwt-wcas-search-input {
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    padding: 10px 14px !important;
}
@media (max-width: 768px) {

    .main-header-bar {
        box-shadow: 0 2px 10px rgba(0,0,0,.06);
    }

    .ast-mobile-header-content {
        background: #ffffff;
        border-top: 1px solid rgba(0,0,0,.05);
    }
}
/* Cuando Astra aplica sticky */
.ast-sticky-active .main-header-bar {
    background: rgba(255,255,255,.96);
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
/* ==============================
   ALTURA REAL DEL HEADER ASTRA
================================ */

.site-header,
.main-header-bar {
    height: 100px; /* ajustable */
}
/* Compensar header fijo */
.site-content {
    padding-top: 2px;
}
.home .site-content,
.woocommerce-shop .site-content {
    padding-top: 0;
}

@media (max-width: 768px) {
    .site-header,
    .main-header-bar {
        height: 96px;
    }

    .site-content {
        padding-top: 2px;
    }
}
/* Notices debajo del header */
.woocommerce-notices-wrapper {
    margin-top: 72px;
}

@media (max-width: 768px) {
    .woocommerce-notices-wrapper {
        margin-top: 96px;
    }
}
/* Icono y texto */
.ast-site-header-cart a.cart-container {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    color: #111827;
}

/* Icono */
.ast-site-header-cart svg {
    width: 22px;
    height: 22px;
    transition: transform .2s ease, color .2s ease;
}

/* Hover */
.ast-site-header-cart a.cart-container:hover svg {
    transform: scale(1.05);
}

/* Total */
.ast-woo-header-cart-total {
    font-size: 14px;
    font-weight: 500;
}

/* Badge */
.astra-icon[data-cart-total]:after {
    content: attr(data-cart-total);
    position: absolute;
    top: -6px;
    right: -8px;

    min-width: 16px;
    height: 16px;
    font-size: 11px;
    line-height: 16px;
    border-radius: 999px;

    background: #ef4444;
    color: #fff;
    text-align: center;
}
/* ==============================
   HEADER SOLIDO MODERNO
================================ */

.main-header-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;

    background: #ffffff;
    border-bottom: 2px solid #e5e7eb; /* gris suave */
    backdrop-filter: saturate(180%) blur(6px);

    align-items: center;

    transition: 
        background-color .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}
body.scrolled .main-header-bar {
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
}
.site-header i,
.site-header svg {
    color: #374151;
    transition: color .2s ease, transform .2s ease;
}

.site-header a:hover svg,
.site-header a:hover i {
    color: #111827;
    transform: scale(1.3);
}
.ast-site-header-cart {
    margin-left: 100px;
}



.wp-block-uagb-container.uagb-block-dc340946.default {
	padding-top: 0px;
}
/* Contenedor */
/* Contenedor visual real del carrito */
/* Wrapper real del carrito */
.ast-site-header-cart-li {
    border-radius: 999px;
}

/* Hover */
.ast-site-header-cart-li:hover {
    background-color: #f3f4f6 !important;
}
.ast-site-header-cart-li .astra-icon {
    transition: transform .15s ease !important;
}

.ast-site-header-cart-li:hover .astra-icon {
    transform: scale(1.1);
}
.ast-primary-header-bar {
    background-color: #FFE600 !important;
}
.ast-primary-header-bar,
.ast-primary-header-bar a,
.ast-primary-header-bar .astra-icon {
    color: #111827; /* negro suave */
}
.ast-primary-header-bar a:hover {
    opacity: .8;
}
.ast-site-header-cart-li:hover {
    background-color: rgba(0,0,0,.08) !important;
}
.ast-primary-header-bar {
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.12);
}

.ast-primary-header-bar {
    min-height: 64px;
    display: flex;
    align-items: center;
}
.ast-primary-header-bar {
    height: 76px;
}
.site-header-primary-section-left,
.site-branding {
    height: 100%;
    display: flex;
    align-items: center;
}
.custom-logo {
    height: 100%;
    max-height: 100px; /* ahora sí responde */
    width: auto;
    object-fit: contain;
    display: block;
}
.custom-logo {
    transform: scale(1.3);
    transform-origin: left center;
}

/* Header amarillo ML */
.ast-primary-header-bar {
    background-color: #FFE600 !important;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.12);
}

/* Tipografía limpia */
.ast-primary-header-bar,
.ast-primary-header-bar a,
.ast-primary-header-bar .astra-icon {
    color: #111827;
}
/* Contenedor del buscador */
.dgwt-wcas-search-wrapp {
    background: #ffffff;
    border-radius: 8px;
    padding: 6px 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
}

/* Input */
.dgwt-wcas-search-input {
    border: none !important;
    box-shadow: none !important;
    font-size: 15px;
    color: #111827;
	display: all;
}

/* Placeholder */
.dgwt-wcas-search-input::placeholder {
    color: #6b7280;
}

/* Quitar borde al focus */
.dgwt-wcas-search-input:focus {
    outline: none;
}
.ast-site-header-cart-li {
    border-radius: 999px;
}

.ast-site-header-cart-li:hover {
    background-color: rgba(0,0,0,.08) !important;
}
.main-header-menu a {
    text-transform: none;
    font-weight: 500;
    font-size: 14px;
}

/* Hover ML */
.main-header-menu a:hover {
    opacity: .75;
}
/* Botón agregar al carrito */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button.add_to_cart_button {
    background-color: #3483FA;        /* azul MercadoLibre */
    color: #ffffff !important;
    border-radius: 6px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    border: none;

    transition:
        background-color .2s ease,
        transform .12s ease,
        box-shadow .15s ease;
}

/* Compactar header */
.ast-primary-header-bar .ast-container {
    padding-left: 16px;
    padding-right: 16px;
}

/* Badge Nuevo */
.woocommerce ul.products li.product.is-new::before {
    content: "Nuevo";

    position: absolute;
    top: 10px;
    right: 10px;

    background-color: #3483FA; /* azul ML */
    color: #ffffff;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    padding: 6px 8px;
    border-radius: 4px;
}
/* Badge Destacado */
.woocommerce ul.products li.product.featured::after {
    content: "Destacado";

    position: absolute;
    bottom: 10px;
    left: 10px;

    background-color: #F59E0B; /* dorado suave */
    color: #ffffff;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    padding: 6px 8px;
    border-radius: 4px;
}
@media (max-width: 768px) {
    .woocommerce ul.products li.product.is-new::before,
    .woocommerce ul.products li.product.featured::after {
        font-size: 11px;
        padding: 5px 7px;
    }
}
/* Card base */
.woocommerce ul.products li.product {
    background: #ffffff;
    border-radius: 10px;
    padding: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,.10);
    transition: box-shadow .2s ease, transform .15s ease;
}

/* Hover ML (muy sutil) */
.woocommerce ul.products li.product:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.14);
    transform: translateY(-2px);
}
/* Imagen */
.woocommerce ul.products li.product img {
    border-radius: 8px;
    margin-bottom: 10px;
}
/* Título */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
    font-weight: 400;
    color: #111827;
    margin: 6px 0 4px;
    line-height: 1.3;
}
/* Precio */
.woocommerce ul.products li.product .price {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 8px;
}

/* Precio tachado (si hay oferta) */
.woocommerce ul.products li.product .price del {
    color: #9ca3af;
    font-weight: 400;
    margin-right: 6px;
}

.woocommerce ul.products li.product .price ins {
    text-decoration: none;
    color: #111827;
}
/* Botón dentro de la card */
.woocommerce ul.products li.product .button {
    width: 100%;
    margin-top: 6px;
    text-align: center;
}
/* Quitar rating si molesta (opcional) */
.woocommerce ul.products li.product .star-rating {
    display: none;
}
/* Ajuste grid */
.woocommerce ul.products {
    gap: 16px;
}
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        padding: 12px;
    }

    .woocommerce ul.products li.product .price {
        font-size: 17px;
    }
}
/* Badge de oferta ML-style */
.woocommerce span.onsale {
    position: absolute;
    top: 10px;
    left: 10px;

    background-color: #E00034; /* rojo MercadoLibre */
    color: #ffffff;

    font-size: 12px;
    font-weight: 600;
    line-height: 1;

    padding: 6px 8px;
    border-radius: 4px;

    min-height: auto;
    min-width: auto;

    text-transform: none;
    box-shadow: none;
}
.woocommerce ul.products li.product {
    position: relative;
}
.woocommerce span.onsale::before,
.woocommerce span.onsale::after {
    display: none;
}
.woocommerce ul.products li.product:hover span.onsale {
    transform: scale(1.05);
}
@media (max-width: 768px) {
    .woocommerce span.onsale {
        font-size: 11px;
        padding: 5px 7px;
    }
}
/* Mientras se agrega */
.woocommerce a.button.loading, .woocommerce button.add_but2.loading, .woocommerce button.add_but3.loading {
    opacity: .7;
    cursor: wait;
}
/* Cuando ya se agregó */
.woocommerce a.button.added, .woocommerce button.add_but2.added, .woocommerce button.add_but3.added{
    background-color: #00A650 !important; /* verde ML */
    box-shadow: none;
}
.woocommerce a.button:active {
    transform: scale(.97);
}
@keyframes ml-card-pulse {
    0% {
        box-shadow: 0 1px 3px rgba(0,0,0,.10);
    }
    50% {
        box-shadow: 0 0 0 3px rgba(52,131,250,.25);
    }
    100% {
        box-shadow: 0 1px 3px rgba(0,0,0,.10);
    }
}
.woocommerce ul.products li.product:has(a.added) {
    animation: ml-card-pulse .4s ease-out;
}
@media (max-width: 768px) {
    .woocommerce ul.products li.product:has(a.added) {
        animation: none;
    }
}
.astra-mobile-cart-overlay {
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
}
#astra-mobile-cart-drawer {
    background: #ffffff;
    box-shadow: -8px 0 24px rgba(0,0,0,.18);
}
.astra-cart-drawer-header {
    background-color: #FFE600; /* amarillo ML */
    color: #111827;

    padding: 14px 16px;
    border-bottom: 1px solid rgba(0,0,0,.1);

    display: flex;
    align-items: center;
    justify-content: space-between;
}
.astra-cart-drawer-title {
    font-size: 16px;
    font-weight: 600;
}
.astra-cart-drawer-close {
    background: transparent;
    border: none;
    color: #111827;
    padding: 6px;
    border-radius: 50%;
    cursor: pointer;

    transition: background-color .15s ease;
}

.astra-cart-drawer-close:hover {
    background-color: rgba(0,0,0,.08);
}
.astra-cart-drawer-content {
    padding: 16px;
}


}
.widget_shopping_cart_content p {
    font-size: 14px;
    color: #6b7280;
    text-align: center;
}
/* Botones del mini cart (Astra real) */
.astra-cart-drawer 
.woocommerce-mini-cart__buttons 
.button {
    display: block !important;
    width: 100% !important;

    margin-top: 10px !important;
    padding: 12px !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;

    border-radius: 6px !important;
    text-transform: none !important;

    border: none !important;
    box-shadow: none !important;

    transition: background-color .2s ease !important;
}
.astra-cart-drawer 
.woocommerce-mini-cart__buttons 
.button.wc-forward:not(.checkout) {
    background-color: #3483FA !important;
    color: #ffffff !important;
}
.astra-cart-drawer 
.woocommerce-mini-cart__buttons 
.button.checkout {
    background-color: #00A650 !important;
    color: #ffffff !important;
}
/* Subtotal */
.astra-cart-drawer 
.woocommerce-mini-cart__total {
    margin-top: 16px !important;
    padding-top: 12px !important;
    border-top: 1px solid #e5e7eb !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111827 !important;

    display: flex !important;
    justify-content: space-between !important;
}
/* Imagen producto mini-cart */
.astra-cart-drawer 
.woocommerce-mini-cart-item img {
    width: 48px !important;
    height: auto !important;
    border-radius: 6px !important;
    margin-right: 10px !important;
}

@keyframes ml-cart-slide {
    from {
        transform: translateX(20px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
#astra-mobile-cart-drawer {
    animation: ml-cart-slide .25s ease-out;
}
.astra-cart-drawer 
.woocommerce-mini-cart a:not(.button) {
    display: flex !important;
    margin-top: 1px !important;

    text-align: center !important;
    font-size: 16px !important;
    color: #3483FA !important;
    text-decoration: none !important;
}
.astra-cart-drawer 
.woocommerce-mini-cart a:not(.button):hover {
    text-decoration: underline !important;
}
/* 🔒 Aislar estilos del drawer: reset links fuera del carrito */
.home-shop-top a,
.category-nav a,
.brands-carousel a {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    text-align: left !important;
}
/* ❌ Eliminar spacers fantasmas solo en la tienda */
.woocommerce-shop .replib1,
.woocommerce-shop .replib2 {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
}
.home-shop-top {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.category-nav {
    margin-top: 0 !important;
}
/* 🔒 Limitar ancho SOLO del bloque categorías + marcas */
.home-shop-top {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}
/* Fondo general del shop (como Home) */
.woocommerce-shop main.site-main {
    background: #f5f5f5; /* mismo gris claro */
}
/* Cards sobre fondo gris */
.woocommerce-shop ul.products li.product {
    background: #ffffff;
    border-radius: 12px;
}
/* Quitar margen superior extra solo en la tienda */
.woocommerce-shop #primary.content-area {
    margin-top: 0 !important;
}
/* Eliminar espacio si no hay notices */
/* ❌ Eliminar espacio de notices vacío (shop + home shop loop) */
.woocommerce-notices-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

.woocommerce-notices-wrapper:empty {
    display: none !important;
}
/* ❌ Quitar margen superior extra del shop */
.woocommerce-shop #primary.content-area {
    margin-top: 0 !important;
}
/* Espacio real y controlado entre brands y productos */
.home-shop-top {
    margin-bottom: 40px;
}
/* Espacio entre brands y productos SOLO en la Home */
.home .home-shop-top {
    margin-bottom: 40px;
}
:root {
  --ml-yellow: #ffe600;
  --ml-yellow-soft: #fff3a0;
  --ml-text: #1f2937;
  --ml-border: rgba(0,0,0,.08);
}
.category-nav {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.category-nav .cat-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 10px 14px;
  border-radius: 10px;

  background: var(--ml-yellow);
  color: var(--ml-text);

  font-size: 14px;
  font-weight: 500;
  text-decoration: none;

  border: 1px solid var(--ml-border);

  transition:
    background-color .2s ease,
    box-shadow .2s ease,
    transform .15s ease;
}
.category-nav .cat-item svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  stroke: currentColor;
  transition: transform .2s ease;
}
.category-nav .cat-item:hover {
  background: var(--ml-yellow-soft);
  box-shadow: 0 4px 10px rgba(0,0,0,.08);
  transform: translateY(-1px);
}

.category-nav .cat-item:hover svg {
  transform: scale(1.1);
}
.category-nav .cat-item.is-active,
.category-nav .cat-item[aria-current="true"] {
  background: #fff;
  border-color: #e5c900;
  box-shadow: inset 0 0 0 1px #e5c900;
}
.category-nav .cat-item.is-active,
.category-nav .cat-item[aria-current="true"] {
  background: #fff;
  border-color: #e5c900;
  box-shadow: inset 0 0 0 1px #e5c900;
}
/* ===============================
   ANIMACIONES ADD TO CART – ML LIGHT
================================ */

/* Header feedback al agregar al carrito */
@keyframes header-cart-feedback {
  0%   { box-shadow: 0 0 0 rgba(0,0,0,0); }
  40%  { box-shadow: 0 6px 16px rgba(0,0,0,.18); }
  100% { box-shadow: 0 0 0 rgba(0,0,0,0); }
}

.site-header.cart-feedback {
  animation: header-cart-feedback .45s ease;
}

/* Botón agrega */
@keyframes cart-pulse {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.06); }
  100% { transform: scale(1); }
}

/* Header cart */
@keyframes header-bounce {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-3px); }
  60%  { transform: translateY(1px); }
  100% { transform: translateY(0); }
}

/* Badge */
@keyframes badge-pop {
  0%   { transform: scale(.6); opacity: .5; }
  60%  { transform: scale(1.15); }
  100% { transform: scale(1); opacity: 1; }
}

/* Estados */
.added-anim {
  animation: cart-pulse .35s ease;
}

.header-cart-anim {
  animation: header-bounce .4s ease;
}

.cart-badge-anim {
  animation: badge-pop .35s ease;
}
.ast-site-header-cart {
  transition: background-color .2s ease;
}

.ast-site-header-cart:hover {
  background: rgba(0,0,0,.04);
}
/* Contenedor del carrito */
.ast-site-header-cart {
  position: relative;
  border-radius: 999px;
  transition:
    background-color .25s ease,
    box-shadow .25s ease;
}
/* ===== FEEDBACK CARRITO – ML LIGHT (SAFE) ===== */

/* ================================
   CART FEEDBACK – ML LIGHT (REAL)
================================ */

.ast-site-header-cart {
  position: relative;
  transition: transform .15s ease;
}

/* feedback visual */
.ast-site-header-cart.cart-feedback {
  animation: cart-pop .45s cubic-bezier(.34,1.56,.64,1);
}

/* flash sólido */
.ast-site-header-cart.cart-feedback::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 999px;
  background: rgba(255,230,0,.35); /* amarillo ML */
  opacity: 0;
  animation: cart-flash .45s ease;
  pointer-events: none;
}

/* pop */
@keyframes cart-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.12); }
  100% { transform: scale(1); }
}

/* flash */
@keyframes cart-flash {
  0%   { opacity: 0; }
  30%  { opacity: 1; }
  100% { opacity: 0; }
}
/* ================================
   FIX TOTAL CARRITO – MOBILE
   Evita que el header salte
================================ */

@media (max-width: 768px) {

  .ast-site-header-cart {
    margin: 0 !important;
    white-space: nowrap;
    max-width: 140px; /* límite seguro */
  }

  /* Total: números estables */
  .ast-woo-header-cart-total {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

}
/* =====================================
   MY ACCOUNT – ML STYLE (NO LOGUEADO)
===================================== */

/* Fondo general */
.woocommerce-account:not(.logged-in) {
  background: #f5f6f7;
}

/* =====================================
   MY ACCOUNT – LAYOUT CORRECTO
===================================== */

/* Mobile: card compacta */
@media (max-width: 768px) {

  .woocommerce-account:not(.logged-in) .woocommerce {
    max-width: 420px;
    margin: 0 auto;
  }

}

/* Desktop: más ancho y cómodo */
@media (min-width: 769px) {

  .woocommerce-account:not(.logged-in) .woocommerce {
    max-width: 1300px; /* ajustable */
  }

}


/* Card */
.woocommerce-account:not(.logged-in) #customer_login {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px 20px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}



/* Títulos */
.woocommerce-account:not(.logged-in) h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #111;
}

/* Inputs */
.woocommerce-account:not(.logged-in) input[type="text"],
.woocommerce-account:not(.logged-in) input[type="email"],
.woocommerce-account:not(.logged-in) input[type="password"] {
  border-radius: 8px;
  padding: 12px 14px;
  border: 1px solid #d1d5db;
  font-size: 14px;
}

/* Botones */
.woocommerce-account:not(.logged-in) button,
.woocommerce-account:not(.logged-in) .button {
  width: 100%;
  border-radius: 10px;
  padding: 12px;
  font-weight: 600;
  background: #ffe600;           /* amarillo ML */
  color: #111;
  border: none;
}

/* Hover */
.woocommerce-account:not(.logged-in) button:hover {
  background: #f2d900;
}

/* Texto auxiliar */
.woocommerce-account:not(.logged-in) .woocommerce-LostPassword {
  text-align: center;
  margin-top: 12px;
  font-size: 13px;
}


/* ================================
   FIX BOTÓN MOSTRAR CONTRASEÑA
================================ */

/* =====================================
   FIX SHOW PASSWORD (REAL)
===================================== */

/* =====================================
   SHOW PASSWORD – FIX SEGURO
===================================== */

.woocommerce-account .password-input {
  position: relative;
}

.woocommerce-account .password-input .show-password-input {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #6b7280;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
}

.woocommerce-account .password-input .show-password-input:hover {
  color: #111827;
}

/* ================================
   MY ACCOUNT – BOTONES AZULES
================================ */

.woocommerce-account:not(.logged-in) button,
.woocommerce-account:not(.logged-in) .button {
  background: #3483fa;   /* azul ML */
  color: #ffffff;
}

.woocommerce-account:not(.logged-in) button:hover {
  background: #2968c8;
}

/* =====================================
   MY ACCOUNT – DESKTOP ANCHO CORRECTO
===================================== */

@media (min-width: 769px) {

  body.woocommerce-account .woocommerce {
    max-width: 1100px;
    margin: 0 auto;
  }

}
/* =====================================
   MY ACCOUNT – DESKTOP ANCHO CORRECTO
===================================== */

@media (min-width: 769px) {

  body.woocommerce-account .woocommerce {
    max-width: 1100px;
    margin: 0 auto;
  }

}
/* =====================================
   CART DRAWER – FIX HEADER
===================================== */

.astra-cart-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.astra-cart-drawer-close {
  background: transparent !important;
  color: #111 !important;
  padding: 6px !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
}

.astra-cart-drawer-close:hover {
  background: rgba(0,0,0,.05);
}
/* =====================================
   HEADER MOBILE – FIX FOCUS AZUL
===================================== */

#masthead button:focus,
#masthead button:focus-visible,
#masthead button:active {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* =========================================
   CARRITO – BASE REAL (ASTRA + WC)
========================================= */

.woocommerce-cart-form {
  margin-top: 0 !important;
}

/* Tabla real */
.woocommerce-cart-form table {
  border-collapse: separate;
  border-spacing: 0 10px;
}

/* Fila producto */
.woocommerce-cart-form tbody tr {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

/* Celdas */
.woocommerce-cart-form td {
  padding: 12px 14px !important;
  vertical-align: middle;
}

/* Quitar márgenes fantasmas */
.woocommerce-cart-form .product-remove {
  padding-right: 6px !important;
}

/* Imagen */
.woocommerce-cart-form .product-thumbnail img {
  max-width: 70px;
  border-radius: 8px;
}
/* =========================================
   MOBILE – COMPACTACIÓN REAL
========================================= */
@media (max-width: 768px) {

  /* Quitar aire general */
  .woocommerce-cart .site-main {
    padding: 0 !important;
  }

  .woocommerce-cart-form {
    margin: 0 !important;
  }

  /* Cada producto = card compacta */
  .woocommerce-cart-form tbody tr {
    display: block;
    margin: 0 0 10px 0 !important;
    padding: 6px 0 !important;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,.06);
  }

  /* Celdas ultra compactas */
  .woocommerce-cart-form td {
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 6px 10px !important;
    margin: 0 !important;
    border: none !important;

    font-size: 14px;
  }

  /* Labels */
  .woocommerce-cart-form td::before {
    font-size: 12px;
    font-weight: 500;
    color: #6b7280;
  }

  /* Imagen mini */
  .woocommerce-cart-form .product-thumbnail img {
    max-width: 56px !important;
    border-radius: 6px;
  }

  /* Nombre producto */
  .woocommerce-cart-form .product-name {
    font-size: 14px;
    line-height: 1.25;
  }

  /* Precio + subtotal */
  .woocommerce-cart-form .product-price,
  .woocommerce-cart-form .product-subtotal {
    font-size: 14px;
    font-weight: 600;
  }

  /* Cantidad SIN aire */
  .woocommerce-cart-form .quantity {
    margin: 0 !important;
  }

  .woocommerce-cart-form input.qty {
    width: 56px;
    padding: 4px;
  }

  /* Botón eliminar */
  .woocommerce-cart-form .product-remove {
    padding: 1px !important;
		
  }

  /* Totales compactos */
  .woocommerce-cart .cart_totals {
    margin-top: 12px !important;
    padding: 14px !important;
    border-radius: 12px;
  }

  /* Botones */
  .woocommerce-cart .cart_totals .button {
    padding: 12px !important;
    font-size: 15px;
  }
}
@media (max-width: 768px) {

  /* RESET DURO */
  .woocommerce-cart-form table,
  .woocommerce-cart-form tbody,
  .woocommerce-cart-form tr,
  .woocommerce-cart-form td {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
  }

  .woocommerce-cart-form thead {
    display: none;
  }

  .woocommerce-cart-form td::before {
    display: none !important;
    content: none !important;
  }

  /* ITEM = FILA UNICA */
  .woocommerce-cart-form tr.cart_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;

    max-width: 420px;
    margin: 0 auto 12px;
    padding: 12px;

    background: #fff;
    border-radius: 10px;
  }

  /* ORDEN FORZADO */
  .woocommerce-cart-form td.product-thumbnail { order: 1; }
  .woocommerce-cart-form td.product-name      { order: 2; }
  .woocommerce-cart-form td.product-remove    { order: 3; }

  /* IMAGEN */
  .woocommerce-cart-form td.product-thumbnail {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }

  .woocommerce-cart-form td.product-thumbnail img {
    width: 42px;
    height: auto;
    border-radius: 6px;
    display: block;
  }

  /* TEXTO */
  .woocommerce-cart-form td.product-name {
    display: flex;
    flex-direction: column;
    justify-content: center;

    flex: 1;
    min-width: 0;
  }

  .woocommerce-cart-form td.product-name a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #3483FA;
    text-decoration: none;
  }

  .woocommerce-cart-form td.product-name a:hover {
    text-decoration: underline;
  }

  /* qty × price */
  

  /* REMOVE */
  .woocommerce-cart-form td.product-remove {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }

  .woocommerce-cart-form td.product-remove a {
    font-size: 18px;
    color: #9ca3af;
    padding: 6px;
    border-radius: 50%;
  }

  .woocommerce-cart-form td.product-remove a:hover {
    background: rgba(0,0,0,.08);
  }

  /* OCULTAR TODO LO DEMAS */
  .woocommerce-cart-form td.product-price,
  .woocommerce-cart-form td.product-subtotal,
  .woocommerce-cart-form .variation {
    display: none !important;
  }
}
@media (max-width: 768px) {

  /* 1️⃣ sacar TODO lo raro del flujo */
  .woocommerce-cart-form tr.cart_item > * {
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: none !important;
  }

  /* 2️⃣ eliminar elementos extra (círculo / radios / selects) */
 

  /* 3️⃣ fila real */
  .woocommerce-cart-form tr.cart_item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 10px;
    max-width: 420px;
    margin: 0 auto 12px;
    padding: 12px;

    background: #fff;
    border-radius: 10px;
  }

  /* 4️⃣ forzar INLINE real */
  .woocommerce-cart-form td.product-thumbnail,
  .woocommerce-cart-form td.product-name
  {
    display: flex !important;
    align-items: center !important;
  }

  /* 5️⃣ órdenes */
  .woocommerce-cart-form td.product-thumbnail { order: 1; flex-shrink: 0; }
  .woocommerce-cart-form td.product-name      { order: 2; flex: 1; min-width: 0; }
  .woocommerce-cart-form td.product-remove    { order: 3; flex-shrink: 0; }

  /* imagen */
  .woocommerce-cart-form td.product-thumbnail img {
    width: 42px;
    border-radius: 6px;
    display: block;
  }

  /* texto */
  .woocommerce-cart-form td.product-name {
    flex-direction: column;
    justify-content: center;
  }

  .woocommerce-cart-form td.product-name a {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
  }


  /* remove */
  .woocommerce-cart-form td.product-remove a {
    font-size: 18px;
    padding: 6px;
    border-radius: 50%;
  }

  /* 6️⃣ ocultar columnas Woo */

}
@media (max-width: 768px) {

  /* mostrar precio y hacerlo visible */
  .woocommerce-cart-form td.product-price {
    display: flex !important;
    margin-top: 6px;
    font-size: 15px;
    font-weight: 600;
    color: #111827;
  }
}
@media (max-width: 768px) {

  /* input cantidad visible y grande */
  .woocommerce-cart-form .quantity input.qty {
    display: block !important;
    width: 64px;
    height: 38px;

    font-size: 16px;
    font-weight: 600;
    text-align: center;

    border-radius: 8px;
    border: 1px solid #d1d5db;
    background: #fff;

    appearance: none;
    -webkit-appearance: none;
  }

  /* ocultar botones + / - si molestan */
  .woocommerce-cart-form .quantity .minus,
  .woocommerce-cart-form .quantity .plus {
    display: none;
  }
}
@media (max-width: 768px) {

  /* item como fila flexible */
  .woocommerce-cart-form tr.cart_item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
  }

  /* imagen */
  .woocommerce-cart-form td.product-thumbnail {
    order: 1;
    flex-shrink: 0;
  }

  /* bloque central (nombre) */
  .woocommerce-cart-form td.product-name {
    order: 2;
    flex: 1;
    display: fixed;
    flex-direction: column;
    justify-content: center;
  }

  /* precio */
  .woocommerce-cart-form td.product-price {
    order: 3;
    margin-right: 8px;
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    white-space: nowrap;
  }

  /* cantidad */
  .woocommerce-cart-form td.product-quantity {
    order: 4;
    display: flex;
    align-items: flex;
  }

  .woocommerce-cart-form .quantity input.qty {
    width: 56px;
    height: 36px;
    font-size: 16px;
    font-weight: 600;
    text-align: flex;
  }

  /* eliminar subtotal y ruido */
  .woocommerce-cart-form td.product-subtotal {
    display: none !important;
  }
}
@media (max-width: 768px) {

  /* asegurar que el item sea el contenedor */
  .woocommerce-cart-form tr.cart_item {
    position: relative;
  }

  /* mover REMOVE al extremo derecho */
  .woocommerce-cart-form td.product-remove {
    order: 99;                 /* siempre último */
    flex-shrink: 0;
    margin-left: 8px;
  }

  /* estilo del icono (más discreto, tipo drawer) */
  .woocommerce-cart-form td.product-remove a {
    font-size: 18px;
    line-height: 1;
    color: #9ca3af;
    padding: 6px;
    border-radius: 50%;
  }

  .woocommerce-cart-form td.product-remove a:hover {
    background: rgba(0,0,0,.08);
  }
}

@media (max-width: 768px) {

  /* dar más ancho al nombre */
  .woocommerce-cart-form td.product-name {
    flex: 1 1 auto;   /* crece más */
    min-width: 0;
    padding-right: 8px;
  }

  /* compactar precio */
  .woocommerce-cart-form td.product-price {
    margin-right: 6px;   /* antes más grande */
    font-size: 15px;
    white-space: nowrap;
  }

  /* compactar input cantidad */
  .woocommerce-cart-form td.product-quantity {
    margin-right: 4px;
  }

  .woocommerce-cart-form .quantity input.qty {
    width: 52px;   /* un poco más chico */
  }
}
@media (max-width: 768px) {
  .woocommerce-cart-form td.product-name a {
    white-space: normal;
    line-height: 1.3;
  }
}
@media (max-width: 768px) {

  /* 1️⃣ matar anchos fantasmas */
  .woocommerce-cart-form td.product-price,
  .woocommerce-cart-form td.product-quantity {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
  }

  /* 2️⃣ alinearlos como bloque compacto */
  .woocommerce-cart-form tr.cart_item {
    align-items: center;
  }

  /* 3️⃣ precio sin ocupar más de lo necesario */
  .woocommerce-cart-form td.product-price {
    flex: 0 0 auto;
    white-space: nowrap;
    margin-right: 4px !important; /* gap REAL */
    text-align: left;
  }

  /* 4️⃣ cantidad pegada al precio */
  .woocommerce-cart-form td.product-quantity {
    flex: 0 0 auto;
    margin-right: 0 !important;
  }

  /* 5️⃣ input compacto */
  .woocommerce-cart-form .quantity input.qty {
    width: 48px;
    padding: 0;
  }
}
@media (max-width: 768px) {

  .woocommerce-cart-form td.product-remove a {
    width: 20px;
    height: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    font-weight: 700;
    line-height: 1;

    color: #dc2626;        /* rojo */
    background: #fee2e2;   /* rojo muy suave */
    border-radius: 50%;

    padding: 0;
    margin: 0;

    text-decoration: none;
  }

  .woocommerce-cart-form td.product-remove a:hover {
    background: #fecaca;
    color: #b91c1c;
  }
}
@media (max-width: 768px) {

  /* dejar espacio para el botón */
  body.woocommerce-cart {
    padding-bottom: 70px;
  }

  /* ocultar todo el bloque de totales */
  .woocommerce-cart .cart_totals table,
  .woocommerce-cart .cart_totals h2 {
    display: none;
  }

  /* hacer sticky SOLO el botón */
  .woocommerce-cart .wc-proceed-to-checkout {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

    z-index: 999;

    background: #ffffff;
    padding: 10px 12px;

    box-shadow: 0 -6px 20px rgba(0,0,0,.15);
  }

  /* botón full width, compacto */
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    display: block;
    width: 100%;

    padding: 14px;
    font-size: 16px;
    font-weight: 600;

    border-radius: 10px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding: 12px;
    font-size: 15px;
  }
}


/* CONTENEDOR GENERAL pagina checkout */

.woocommerce-info a {
    color: #2563eb;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-info a:hover {
    text-decoration: underline;
}
.woocommerce-checkout .form-row {
    margin-bottom: 12px;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    border-radius: 10px;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    font-size: 14px;
}

.woocommerce-checkout label {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}
.woocommerce-billing-fields h3 {
    font-size: 18px;
    margin-bottom: 14px;
    padding-bottom: 6px;
    border-bottom: 2px solid #facc15;
}
@media (max-width: 768px) {
    .woocommerce-checkout .col2-set,
    .woocommerce-checkout #customer_details {
        padding: 0;
        margin: 0;
    }

    .woocommerce-checkout .woocommerce-info {
        font-size: 13px;
        padding: 12px;
    }
}
body.woocommerce-checkout {
    background: #f3f4f6;
}

.woocommerce-checkout .site-content {
    background: #fff;
    border-radius: 14px;
    padding: 16px;
}
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before {
    display: none !important;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    display: flex;
    align-items: center;
    gap: 10px;

    background: #f8f9fb;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #2563eb;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 16px;

    font-size: 14px;
    color: #1f2937;
    box-shadow: 0 4px 10px rgba(0,0,0,.04);
}
.woocommerce-info::after,
.woocommerce-message::after,
.woocommerce-error::after {
    font-size: 18px;
    flex-shrink: 0;
}
.woocommerce-info::after {
    content: "ℹ️";
}

.woocommerce-message::after {
    content: "✅";
}

.woocommerce-error::after {
    content: "⛔";
}
.woocommerce-message {
    border-left-color: #16a34a;
}

.woocommerce-error {
    border-left-color: #dc2626;
}
/* Ocultar país / región (billing y shipping) */
#billing_country_field,
#shipping_country_field {
    display: none !important;
}
/* Ocultar Transferencia bancaria directa */
.payment_method_bacs {
    display: none !important;
}

/* ===============================
   FOOTER
================================ */

.site-footer {
    background: #111;
    color: #eee;
    margin-top: 80px;
}

/* Footer principal */
.site-primary-footer-wrap {
    padding: 60px 0;
}

.site-footer a {
    color: #eee;
    text-decoration: none;
}

.site-footer a:hover {
    text-decoration: underline;
}

/* Widgets */
.site-footer .widget-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer ul li {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5;
}

/* Logo footer */
.site-footer img {
    max-width: 140px;
    height: auto;
}

/* Footer inferior */
.site-below-footer-wrap {
    border-top: 1px solid rgba(255,255,255,.1);
    padding: 20px 0;
    font-size: 13px;
    color: #aaa;
}

.ast-footer-copyright p,
.site-footer .ast-builder-html-element p {
    margin: 0;
}

/* Mobile */
@media (max-width: 768px) {
    .site-primary-footer-wrap {
        padding: 40px 20px;
        text-align: center;
    }

    .site-below-footer-wrap {
        text-align: center;
    }
}
/* ===============================
   COMENTARIOS – OVERRIDE ASTRA
================================ */

#comments #respond {
    margin-top: 30px;
}

#comments #reply-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 16px;
}

/* inputs */
#comments .comment-form input[type="text"],
#comments .comment-form input[type="email"],
#comments .comment-form input[type="url"],
#comments .comment-form textarea {
    width: 100%;
    border-radius: 14px !important;
    border: 1px solid #ddd !important;
    padding: 14px 16px !important;
    font-size: 14px;
    background: #fafafa !important;
    box-shadow: none !important;
}

/* focus */
#comments .comment-form input:focus,
#comments .comment-form textarea:focus {
    border-color: #111 !important;
    background: #fff !important;
    outline: none;
}

/* textarea */
#comments .comment-form textarea {
    min-height: 140px;
}

/* botón */
#comments .comment-form .submit,
#comments .comment-form input[type="submit"] {
    background: #3483fa !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
    font-weight: 600;
    border: 0 !important;
    box-shadow: none !important;
    transition: all .2s ease;
}

#comments .comment-form .submit:hover {
    background: #3483fa !important;
    transform: translateY(-1px);
}

/* cookies */
#comments .comment-form-cookies-consent {
    font-size: 13px;
    color: #666;
    margin: 18px 0;
}

/* grid mobile fix */
@media (max-width: 768px) {
    #comments .ast-comment-formwrap {
        display: block;
    }
}
/* =====================================
   PAGINACIÓN ESTILO MERCADO LIBRE
===================================== */

/* reset contenedor Woo */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
    border: 0;
    background: transparent;
    margin: 0;
    padding: 0;
}

/* reset total Astra */
.page-numbers,
.page-numbers a,
.page-numbers span {
    all: unset;
}

/* base */
.page-numbers {
    display: inline-block;
    margin: 0 6px;
    font-size: 14px;
    font-weight: 400;
    color: #3483fa; /* azul ML */
    cursor: pointer;
    line-height: 32px;
}

/* hover */
.page-numbers.:not(.current):hover {
    text-decoration: underline;
		background: #3483fa !important;
}

/* página actual */
.page-numbers.current {
    background: #3483fa !important;
    color: #fff;
    border-radius: 6px;
    padding: 0 10px;
    font-weight: 600;
    cursor: default;
}

/* prev / next */
.page-numbers.prev,
.page-numbers.next {
    font-size: 16px;
    font-weight: 600;
}

/* deshabilitados */
.page-numbers.disabled {
    color: #bbb;
    pointer-events: none;
}

/* mobile */
@media (max-width: 768px) {
    .page-numbers {
        margin: 0 4px;
        font-size: 13px;
    }
}
/* =====================================
   BOTÓN COMENTARIOS – FIX ASTRA
===================================== */

#comments .comment-form input[type="submit"],
#comments .comment-form .submit {
    text-transform: none !important;   /* quitar uppercase */
    letter-spacing: 0 !important;      /* quitar espaciado */
    font-size: 14px !important;         /* tamaño normal */
    padding: 12px 22px !important;      /* menos alto */
    min-height: auto !important;
}
/* Ocultar campo Sitio Web en comentarios */
#comments .comment-form-url {
    display: none !important;
}
/* =====================================
   LABELS FLOTANTES – COMENTARIOS
===================================== */

/* wrapper */
#comments .comment-form p,
#comments .comment-form-author,
#comments .comment-form-email {
    position: relative;
}

/* inputs */
#comments .comment-form input[type="text"],
#comments .comment-form input[type="email"],
#comments .comment-form textarea {
    padding: 20px 16px 10px !important;
}

/* label flotante */
#comments .comment-form label {
    position: absolute;
    top: 14px;
    left: 16px;
    font-size: 13px;
    color: #777;
    pointer-events: none;
    background: transparent;
    transition: all .2s ease;
}

/* estado activo */
#comments .comment-form .is-filled + label,
#comments .comment-form input:focus + label,
#comments .comment-form textarea:focus + label {
    top: 6px;
    font-size: 11px;
    color: #111;
}

/* textarea fix */
#comments .comment-form textarea + label {
    top: 18px;
}
/* Ocultar checkbox cookies comentarios */
#comments .comment-form-cookies-consent {
    display: none !important;
}
/* Ocultar nota informativa de comentarios */
#comments .comment-notes {
    display: none !important;
}
/* =====================================
   REORDENAR CAMPOS COMENTARIOS
===================================== */

/* convertir el form en flex */
#comments .comment-form {
    display: flex;
    flex-direction: column;
}

/* comentario */
#comments .comment-form-comment {
    order: 1;
}

/* wrapper nombre + email */
#comments .ast-comment-formwrap {
    order: 0; /* sube arriba */
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

/* columnas iguales */
#comments .comment-form-author,
#comments .comment-form-email {
    flex: 1;
}

/* botón */
#comments .form-submit {
    order: 3;
}

/* mobile */
@media (max-width: 768px) {
    #comments .ast-comment-formwrap {
        flex-direction: column;
    }
}
/* =====================================
   FIX LABEL FLOTANTE TEXTAREA
===================================== */

#comments .comment-form-comment {
    position: relative;
}

/* textarea padding */
#comments .comment-form-comment textarea {
    padding: 26px 16px 12px !important;
}

/* label comentario */
#comments .comment-form-comment label {
    position: absolute;
    top: 18px;
    left: 16px;
    font-size: 13px;
    color: #777;
    pointer-events: none;
    transition: all .2s ease;
}

/* estado flotante */
#comments .comment-form-comment.is-filled label,
#comments .comment-form-comment textarea:focus + label,
#comments .comment-form-comment textarea:focus ~ label {
    top: 6px;
    font-size: 11px;
    color: #111;
}

/* ================================
   THANK YOU PAGE – ML STYLE
================================ */

/* contenedor general */
.woocommerce-order {
    max-width: 900px;
    margin: 0 auto;
}

/* mensaje de éxito */
.woocommerce-notice--success {
    background: #ecfdf3;
    border: 1px solid #b7f0cc;
    color: #0f5132;
    font-size: 18px;
    font-weight: 600;
    padding: 18px 20px;
    border-radius: 12px;
    margin-bottom: 24px;
}

/* ================================
   ORDER OVERVIEW – ML CLEAN
================================ */

.woocommerce-order-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px;
    margin: 24px 0 28px;
    padding: 0;
}

.woocommerce-order-overview li {
    list-style: none;
    background: #fff;
    border: none;
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 6px 18px rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* label */
.woocommerce-order-overview li {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #888;
}

/* valor */
.woocommerce-order-overview li strong {
    font-size: 17px;
    font-weight: 600;
    color: #111;
    line-height: 1.2;
    margin: 0;
}

/* TOTAL destacado pero prolijo */
.woocommerce-order-overview__total {
    background: #f5f9ff;
}

.woocommerce-order-overview__total strong {
    font-size: 20px;
    font-weight: 700;
    color: #3483fa;
}
/* ================================
   THANK YOU – ICON SVG
================================ */

.woocommerce-notice--success {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #ecfdf3;
    border: none;
    color: #0f5132;
    font-size: 17px;
    font-weight: 600;
    padding: 18px 20px;
    border-radius: 14px;
}

/* icono */
.woocommerce-notice--success::before {
    content: "";
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2322c55e'/%3E%3Cpath d='M7 12.5l3 3 7-7' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.woocommerce-order > p {
    background: #f8fafc;
    border-radius: 14px;
    padding: 16px 18px;
    font-size: 14px;
    color: #444;
    margin-top: 12px;
}

/* ================================
   DETALLES DEL PEDIDO
================================ */

.woocommerce-order-details__title,
.woocommerce-column__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 14px;
}

/* tabla */
.woocommerce-table--order-details {
    border: none;
    border-collapse: separate;
    border-spacing: 0 12px;
}

.woocommerce-table--order-details thead th {
    font-size: 13px;
    text-transform: uppercase;
    color: #888;
    border: none;
    padding: 8px 0;
}

.woocommerce-table--order-details tbody tr {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0,0,0,.04);
}

.woocommerce-table--order-details tbody td {
    border: none;
    padding: 14px 16px;
    vertical-align: middle;
}

.woocommerce-table__product-name a {
    font-weight: 600;
    color: #111;
    text-decoration: none;
}

.woocommerce-table__product-name small {
    display: block;
    font-size: 12px;
    color: #777;
    margin-top: 4px;
}

/* total por producto */
.woocommerce-table__product-total {
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

/* ================================
   FOOTER TOTALES
================================ */

.woocommerce-table--order-details tfoot tr {
    background: transparent;
}

.woocommerce-table--order-details tfoot th {
    font-weight: 500;
    color: #555;
    padding: 8px 0;
    border: none;
}

.woocommerce-table--order-details tfoot td {
    font-weight: 600;
    text-align: right;
    border: none;
}

/* total final */
.woocommerce-table--order-details tfoot tr:last-child td,
.woocommerce-table--order-details tfoot tr:last-child th {
    font-size: 16px;
}

/* ================================
   BOTÓN BOLETA
================================ */

.order-actions-button {
    background: #3483fa;
    color: #fff !important;
    border-radius: 10px;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all .2s ease;
}

.order-actions-button:hover {
    background: #2968c8;
    transform: translateY(-1px);
}

/* ================================
   DIRECCIÓN CLIENTE
================================ */

.woocommerce-customer-details {
    margin-top: 32px;
}

.woocommerce-customer-details address {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    padding: 16px 18px;
    font-style: normal;
    line-height: 1.6;
}

.woocommerce-customer-details--email {
    margin-top: 8px;
    font-size: 13px;
    color: #555;
}

/* ================================
   MOBILE
================================ */

@media (max-width: 600px) {

    .woocommerce-notice--success {
        font-size: 16px;
    }

    .woocommerce-table__product-total {
        text-align: left;
        margin-top: 8px;
    }

    .woocommerce-table--order-details tbody tr {
        box-shadow: 0 2px 8px rgba(0,0,0,.05);
    }

    .order-actions-button {
        width: 100%;
        justify-content: center;
    }
}
/* última fila de totales numéricos (antes del método de pago) */
.woocommerce-table--order-details tfoot tr:nth-last-of-type(2) th,
.woocommerce-table--order-details tfoot tr:nth-last-of-type(2) td {
    padding-top: 16px;
}

.woocommerce-table--order-details tfoot tr:nth-last-of-type(2) th {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.woocommerce-table--order-details tfoot tr:nth-last-of-type(2) td {
    font-size: 22px;
    font-weight: 700;
    color: #111;
}
.woocommerce-table--order-details tfoot tr:nth-last-of-type(2) {
    border-top: 2px dashed #ccc;
}