/* Reglas críticas trasladadas desde index.html */
[data-managed-visual][hidden]{display:none!important;}
html:not(.ae-logo-cache-ready) .logo img,
html:not(.ae-logo-cache-ready) .footer__logo,
html:not(.ae-logo-cache-ready) .auth-logo,
html:not(.ae-logo-cache-ready) .auth-card>img{opacity:0!important;}
/* ALTEREGO - CSS UNIFICADO FINAL
   Archivo único para evitar estilos montados.
*/


/* ===== estilos.css ===== */
:root {
    --bg: #0c0f0e;
    --dark: #111514;
    --green: #075c3b;
    --green2: #0c8a5a;
    --gold: #d8b15a;
    --white: #fff;
    --muted: #6c757d;
    --soft: #f5f7f6;
    --border: #e6e6e6;
    --shadow: 0 20px 50px rgba(0, 0, 0, .12);
    --radius: 18px;
    --max: 1180px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    
    
    line-height: 1.5;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    max-width: 100%;
    display: block;
}

button,
input,
select,
textarea {
    font: inherit;
}

.container {
    
    margin: auto;
}

.header {
    position: sticky;
    
    z-index: 50;
    
    
}

.header__content {
    
    display: flex;
    align-items: center;
    
    gap: 20px;
}



.nav {
    display: flex;
    
    align-items: center;
    
    font-weight: 600;
    font-size: 14px;
}

.nav a {
    opacity: .9;
}

.nav a:hover {
    color: var(--gold);
    opacity: 1;
}

.header__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon-btn {
    
    
    
    border-radius: 999px;
    min-width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.icon-btn:hover {
    background: rgba(255, 255, 255, .16);
}
.profile-link--label {
    width: auto;
    min-width: 112px;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .profile-link--label {
        min-width: auto;
        height: 38px;
        padding: 0 10px;
        font-size: 12px;
    }
}


.cart-link span {
    position: absolute;
    top: -8px;
    right: -8px;
    
    
    border-radius: 99px;
    min-width: 22px;
    height: 22px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
}

.menu-btn {
    display: none;
}

.search-panel {
    display: none;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding: 14px 0;
    
}

.search-panel.active {
    display: block;
}

.search-panel__inner {
    display: flex;
    gap: 10px;
}

.search-panel input {
    flex: 1;
    padding: 13px 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .2);
    outline: none;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    
    padding: 13px 22px;
    
    cursor: pointer;
    transition: .2s;
}

.btn--primary {
    background: linear-gradient(135deg, var(--green), var(--green2));
    color: #fff;
}

.btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(7, 92, 59, .28);
}

.btn--outline {
    border: 1px solid rgba(255, 255, 255, .6);
    color: #fff;
    background: transparent;
}

.btn--secondary {
    background: #ffffff;
    color: var(--green);
    border: 1px solid var(--green);
}

.btn--secondary:hover {
    background: var(--green);
    color: #ffffff;
}

.btn--dark {
    background: #111;
    color: #fff;
}

.btn--danger {
    background: #b42318;
    color: #fff;
}

.hero {
    
    color: #fff;
    
}

.hero__grid {
    
    
    gap: 46px;
    
}

.tag {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .18);
    color: #f8df9a;
    font-weight: 700;
    margin-bottom: 16px;
}

.hero h1 {
    
    
    margin-bottom: 18px;
}

.hero p {
    font-size: 18px;
    opacity: .9;
    
}

.hero__buttons {
    display: flex;
    gap: 14px;
    margin-top: 28px;
    flex-wrap: wrap;
}

.hero__media {
    border-radius: 28px;
    overflow: hidden;
    
    border: 1px solid rgba(255, 255, 255, .16);
}

.hero__media img {
    height: 420px;
    width: 100%;
    object-fit: cover;
}





.section__title {
    text-align: center;
    margin-bottom: 30px;
}

.section__title h2 {
    font-size: 32px;
    margin-bottom: 8px;
}



.categories {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.category-card {
    
    
    
    padding: 24px;
    text-align: center;
    
    transition: .2s;
}

.category-card:hover {
    transform: translateY(-4px);
    border-color: var(--green);
}

.category-card span {
    font-size: 34px;
    display: block;
    margin-bottom: 8px;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}



















.small-btn {
    border: 0;
    background: var(--green);
    color: #fff;
    border-radius: 12px;
    padding: 10px 13px;
    font-weight: 800;
    cursor: pointer;
}

.small-btn:hover {
    background: var(--green2);
}

.benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.benefits article {
    padding: 24px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .05);
}

.benefits span {
    font-size: 32px;
}

.benefits h3 {
    margin: 8px 0;
}

.benefits p {
    color: var(--muted);
}

.cta {
    background: linear-gradient(135deg, #063c28, #111);
    color: #fff;
    text-align: center;
    padding: 58px 0;
}

.cta h2 {
    font-size: 34px;
}

.cta p {
    margin: 10px auto 22px;
    opacity: .88;
}

.footer {
    
    
    padding-top: 44px;
}

.footer__grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.2fr;
    gap: 28px;
}

.footer__logo {
    width: 150px;
    margin-bottom: 12px;
}

.footer h4 {
    margin-bottom: 12px;
    color: #f2d27c;
}

.footer a,
.footer p {
    display: block;
    color: rgba(255, 255, 255, .75);
    margin-bottom: 8px;
}

.footer a:hover {
    color: #fff;
}

.footer__bottom {
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding: 18px;
    margin-top: 28px;
    color: rgba(255, 255, 255, .6);
}

.whatsapp {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    box-shadow: var(--shadow);
    z-index: 60;
}



.page-hero h1 {
    font-size: 40px;
}

.toolbar {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.toolbar input,
.toolbar select,
.form input,
.form select,
.form textarea {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
    outline: none;
}

.toolbar input {
    max-width: 360px;
}

.toolbar select {
    max-width: 230px;
}

.cart-layout,
.checkout-layout {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 24px;
    align-items: start;
}

.panel {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .06);
    padding: 22px;
}

.cart-item {
    display: grid;
    grid-template-columns: 90px 1fr auto;
    gap: 14px;
    align-items: center;
    border-bottom: 1px solid var(--border);
    padding: 16px 0;
}

.cart-item:last-child {
    border-bottom: 0;
}

.cart-item img {
    height: 90px;
    width: 90px;
    object-fit: cover;
    border-radius: 14px;
    background: #eef3f0;
}

.qty {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.qty button {
    width: 30px;
    height: 30px;
    border: 1px solid var(--border);
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    margin: 12px 0;
}

.summary-total {
    font-size: 22px;
    font-weight: 900;
    border-top: 1px solid var(--border);
    padding-top: 14px;
    margin-top: 14px;
}

.form {
    display: grid;
    gap: 14px;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}





.auth-card img {
    width: 150px;
    margin: 0 auto 18px;
    background: #0b0f0d;
    border-radius: 16px;
    padding: 8px;
}

.auth-card h1 {
    text-align: center;
    
}

.auth-card p {
    text-align: center;
    
    margin-bottom: 20px;
}

.auth-card .form {
    text-align: left;
}

.alert {
    padding: 12px 14px;
    border-radius: 12px;
    background: #edf7f2;
    color: #075c3b;
    margin: 12px 0;
    display: none;
}



.empty {
    text-align: center;
    padding: 35px;
    color: var(--muted);
}

/* CONTACTO */



.contact-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.section-small {
    margin-top: 32px;
}

.map-container {
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.whatsapp-float {
    position: fixed;
    right: 22px;
    bottom: 22px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #25d366;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
    z-index: 999;
}

.whatsapp-float:hover {
    transform: scale(1.06);
}

/* RESPONSIVE */

@media (max-width: 900px) {
    .nav {
        display: none;
        position: absolute;
        top: 78px;
        left: 0;
        right: 0;
        background: #0b0f0d;
        flex-direction: column;
        padding: 18px;
    }

    .nav.active {
        display: flex;
    }

    .menu-btn {
        display: inline-flex;
    }

    .hero__grid,
    .cart-layout,
    .checkout-layout,
    .contact-layout {
        grid-template-columns: 1fr;
    }

    .categories,
    .products-grid,
    .benefits,
    .footer__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero__media img {
        height: 320px;
    }
}

@media (max-width: 560px) {
    .header__content {
        height: 70px;
    }

    .logo img {
        width: 120px;
    }

    .categories,
    .products-grid,
    .benefits,
    .footer__grid,
    .form-row {
        grid-template-columns: 1fr;
    }

    .hero {
        padding: 42px 0;
    }

    .section {
        padding: 42px 0;
    }

    .cart-item {
        grid-template-columns: 74px 1fr;
    }

    .cart-item img {
        width: 74px;
        height: 74px;
    }

    .cart-item__price {
        grid-column: 2;
    }

    .toolbar input,
    .toolbar select {
    min-width: 220px;
    max-width: 230px;

    }
}

/* Ajustes de catálogo y banner */
.promo-banner {
    padding: 34px 0 18px;
}

.promo-banner__inner {
    display: grid;
    grid-template-columns: 1.35fr 0.65fr;
    align-items: center;
    gap: 28px;
    padding: 28px;
    
    
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
    overflow: hidden;
}

.promo-banner__tag {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,0.12);
    color: #ffffff;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.promo-banner h2 {
    color: #ffffff;
    font-size: clamp(26px, 4vw, 44px);
    margin-bottom: 10px;
}

.promo-banner p {
    color: rgba(255,255,255,0.82);
    margin-bottom: 18px;
    max-width: 620px;
}

.promo-banner img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 22px;
}

.product-card__body {
    font-size: 13px;
}







.product-card__bottom {
    
    flex-direction: column;
    
    
    
}





.product-stock {
    display: inline-flex;
    
    
    
    
    
}

.product-stock--empty {
    
    
    font-weight: 700;
}



.small-btn:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.cart-toast {
    position: fixed;
    right: 22px;
    
    
    padding: 13px 18px;
    border-radius: 999px;
    background: #0d0d0d;
    color: #ffffff;
    box-shadow: 0 14px 40px rgba(0,0,0,.24);
    transform: translateY(18px);
    opacity: 0;
    pointer-events: none;
    transition: .25s ease;
    font-size: 13px;
}

.cart-toast.show {
    transform: translateY(0);
    opacity: 1;
}

@media (max-width: 760px) {
    .promo-banner__inner {
        grid-template-columns: 1fr;
    }

    .promo-banner img {
        height: 190px;
    }
}

/* ===== ADMIN ALTEREGO ===== */
.auth-page {
    
    
    place-items: center;
    
    
}

.auth-card {
    
    
    
    
    
    display: grid;
    gap: 14px;
}

.auth-card h1 {
    margin: 0;
    
}

.auth-card input,
.admin-form input,
.admin-form textarea,
.admin-form select,
.admin-table select {
    width: 100%;
    border: 1px solid #d8d8d8;
    border-radius: 12px;
    padding: 12px 14px;
    font: inherit;
}

.auth-msg {
    display: none;
    padding: 10px 12px;
    border-radius: 10px;
    background: #ffecec;
    color: #9b1c1c;
    font-size: .9rem;
}

.admin-header {
    position: sticky;
    top: 0;
    z-index: 5;
    
    
    
    
    
    
}

.admin-header h1 {
    margin: 0;
    
    letter-spacing: .08em;
}

.admin-layout {
    max-width: 1200px;
    
    
    
    
}



.admin-stats div,
.admin-section {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 22px;
    padding: 20px;
    box-shadow: 0 12px 30px rgba(0,0,0,.07);
}



.admin-stats span {
    
    font-size: .9rem;
}

.admin-section h2 {
    margin-top: 0;
    font-size: 1.2rem;
}

.admin-form {
    
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    
    
}

.admin-form textarea {
    
    grid-column: 1 / -1;
}

.admin-form label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .9rem;
}

.admin-form label input {
    width: auto;
}



.admin-table {
    
    
    font-size: .86rem;
}

.admin-table th,
.admin-table td {
    border-bottom: 1px solid #eee;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}



.admin-table button {
    border: 0;
    border-radius: 8px;
    padding: 7px 10px;
    cursor: pointer;
    margin: 2px;
}


/* =========================
   ADMIN PANEL MEJORADO
========================= */


.admin-header {
    min-height: 86px;
    padding: 18px 32px;
    background: linear-gradient(135deg, #07110d, #075c3b);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
}

.admin-header h1 {
    font-size: 25px;
    margin-bottom: 4px;
}

.admin-header p {
    opacity: .78;
    font-size: 14px;
}





.admin-stats div {
    background: #fff;
    border: 1px solid #e4ebe8;
    border-radius: 20px;
    
    box-shadow: 0 12px 28px rgba(7, 92, 59, .08);
}

.admin-stats strong {
    display: block;
    color: var(--green);
    font-size: 34px;
    line-height: 1;
    margin-bottom: 8px;
}

.admin-stats span {
    color: #66736f;
    font-weight: 700;
}

.admin-section {
    background: #fff;
    border: 1px solid #e4ebe8;
    border-radius: 24px;
    
    box-shadow: 0 18px 44px rgba(0, 0, 0, .06);
}

.admin-section--wide {
    overflow: hidden;
}

.admin-section__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.admin-section__head h2 {
    font-size: 24px;
    margin-bottom: 4px;
}

.admin-section__head p {
    color: #66736f;
    font-size: 14px;
}

.admin-form {
    display: grid;
    gap: 14px;
    margin-bottom: 20px;
}

.admin-form--grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
}

.admin-field {
    display: grid;
    gap: 6px;
}



.admin-field label {
    font-weight: 800;
    color: #34433e;
    font-size: 13px;
}

.admin-form input,
.admin-form select,
.admin-form textarea,
.admin-toolbar input,
.admin-toolbar select,
.admin-select {
    width: 100%;
    
    border-radius: 14px;
    padding: 12px 14px;
    outline: none;
    
    
}

.admin-form textarea {
    min-height: 78px;
    resize: vertical;
}

.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus,
.admin-toolbar input:focus,
.admin-toolbar select:focus,
.admin-select:focus {
    border-color: var(--green);
    box-shadow: 0 0 0 4px rgba(7, 92, 59, .10);
}

.admin-check {
    
    
    
    
    font-weight: 800;
    color: #34433e;
}

.admin-check input {
    width: auto;
}



.admin-toolbar {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 12px;
    margin: 10px 0 12px;
}

.admin-list-info {
    color: #66736f;
    font-size: 14px;
    margin-bottom: 10px;
}

.admin-table-wrap {
    
    overflow-x: auto;
    
    
}



.admin-table th {
    
    
    
    
    letter-spacing: .02em;
    
    
}





.admin-table small {
    color: #6f7d78;
}

.admin-actions {
    
    
    
    flex-wrap: wrap;
}

.btn-mini {
    
    
    
    
    font-weight: 800;
    
    
    cursor: pointer;
}

.btn-mini:hover {
    filter: brightness(.96);
}













.admin-pagination {
    
    
    
    
    flex-wrap: wrap;
    margin-top: 18px;
}

.admin-pagination button {
    border: 1px solid #dce5e1;
    
    
    
    cursor: pointer;
    font-weight: 800;
    
}

.admin-pagination button.active {
    
    
    border-color: var(--green);
}

.admin-pagination button:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.admin-toast {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #073d29;
    color: #fff;
    padding: 14px 18px;
    border-radius: 14px;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .22);
    transform: translateY(20px);
    opacity: 0;
    pointer-events: none;
    transition: .2s;
    z-index: 999;
    font-weight: 800;
}

.admin-toast.show {
    transform: translateY(0);
    opacity: 1;
}

.admin-toast--error {
    background: #b42318;
}

@media (max-width: 900px) {
    .admin-header {
        padding: 16px 20px;
    }

    .admin-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .admin-form--grid {
        grid-template-columns: 1fr;
    }

    .admin-field--span2 {
        grid-column: span 1;
    }

    .admin-toolbar {
        grid-template-columns: 1fr;
    }

    .admin-section__head {
        flex-direction: column;
    }
}

@media (max-width: 560px) {
    .admin-stats {
        grid-template-columns: 1fr;
    }

    .admin-header {
        flex-direction: column;
        align-items: flex-start;
    }
}


/* =========================
   AJUSTES FINALES: PRODUCTOS Y ADMIN
========================= */
















.product-card__bottom .small-btn,
.small-btn {
    min-height: 36px;
    
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.15;
}



.admin-form button:disabled,
.admin-table button:disabled {
    opacity: .55;
    cursor: not-allowed;
}

@media (max-width: 980px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .products-grid {
        grid-template-columns: 1fr;
    }

    .product-card {
        min-height: auto;
    }
}


/* ===== NAV PROFESIONAL CON CATEGORÍAS ===== */
.nav-dropdown {
    position: relative;
}

.nav-dropdown__menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    padding: 10px;
    border-radius: 14px;
    background: #ffffff;
    color: #16211e;
    box-shadow: var(--shadow);
    display: none;
    z-index: 100;
}

.nav-dropdown:hover .nav-dropdown__menu,
.nav-dropdown:focus-within .nav-dropdown__menu {
    display: grid;
    gap: 4px;
}

.nav-dropdown__menu a {
    color: #16211e;
    padding: 10px 12px;
    border-radius: 10px;
    opacity: 1;
}

.nav-dropdown__menu a:hover {
    background: var(--soft);
    color: var(--green);
}

/* ===== TARJETAS DE PRODUCTOS MISMO TAMAÑO ===== */




















.small-btn,
.btn--sm {
    padding: 9px 14px;
    font-size: 13px;
    min-height: 36px;
}

/* ===== HISTORIAL DE PEDIDOS EN TARJETAS ===== */
.orders-grid {
    display: grid;
    gap: 18px;
}

.order-card--separada {
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

.order-card__head,
.order-card__footer {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.order-label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.order-card__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 18px;
    margin: 16px 0;
}

.order-items--card {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 12px 0;
    margin: 12px 0;
}

.order-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 800;
    background: #eef6f2;
    color: var(--green);
}

.order-status--cancelado {
    background: #fee4e2;
    color: #b42318;
}

.order-status--entregado {
    background: #dcfae6;
    color: #067647;
}

.order-status--enviado {
    background: #e0f2fe;
    color: #026aa2;
}

.order-total {
    font-size: 18px;
}

/* ===== MODAL Y TOAST SIN ALERTS ===== */
.modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    z-index: 300;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.modal-backdrop.active {
    display: flex;
}

.modal-card {
    width: min(440px, 100%);
    
    border-radius: 20px;
    padding: 22px;
    box-shadow: var(--shadow);
}

.modal-card h3 {
    margin-bottom: 8px;
}

.modal-card input {
    width: 100%;
    margin: 14px 0;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
}

.modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

.app-toast {
    position: fixed;
    right: 18px;
    bottom: 18px;
    background: #111;
    color: #fff;
    padding: 13px 16px;
    border-radius: 14px;
    box-shadow: var(--shadow);
    z-index: 400;
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
    transition: .2s;
}

.app-toast.show {
    opacity: 1;
    transform: translateY(0);
}

.app-toast--error {
    background: #b42318;
}

/* ===== MI CUENTA ===== */
.account-layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 22px;
    align-items: start;
}

.account-card {
    background: linear-gradient(135deg, #0b0f0d, #063c28);
    color: #fff;
    border-radius: 22px;
    padding: 24px;
    box-shadow: var(--shadow);
    display: grid;
    gap: 12px;
}

.account-avatar {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.12);
    font-size: 32px;
}

.account-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.account-form label {
    display: grid;
    gap: 6px;
    font-weight: 700;
}

.account-form input,
.account-form textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--border);
    border-radius: 12px;
}

.account-form__full {
    grid-column: 1 / -1;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .nav.active {
        display: grid;
        gap: 8px;
    }

    .nav-dropdown__menu {
        position: static;
        box-shadow: none;
        margin-top: 8px;
    }

    .order-card__head,
    .order-card__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .order-card__meta,
    .account-layout,
    .account-form {
        grid-template-columns: 1fr;
    }

    .product-card {
        min-height: 0;
    }
}

/* =========================
   RESPONSIVE FINAL PRODUCTOS: 2 POR FILA EN CELULAR
   Mantiene tarjetas alineadas y compactas.
========================= */
@media (max-width: 768px) {
    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        align-items: stretch;
    }

    .product-card {
        min-height: 0 !important;
        height: 100%;
        border-radius: 14px;
    }

    .product-card__img {
        height: 135px !important;
        flex: 0 0 135px !important;
    }

    .product-card__img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 8px;
    }

    .product-card__body {
        min-height: 205px !important;
        padding: 10px !important;
        gap: 6px !important;
    }

    .product-card__brand {
        font-size: 10px !important;
        min-height: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .product-card__title {
        font-size: 13px !important;
        line-height: 1.25 !important;
        min-height: 33px !important;
        -webkit-line-clamp: 2;
    }

    .product-card__desc {
        font-size: 11px !important;
        line-height: 1.25 !important;
        min-height: 28px !important;
        -webkit-line-clamp: 2;
    }

    .product-stock {
        font-size: 11px !important;
        min-height: 20px !important;
    }

    .product-card__bottom {
        margin-top: auto;
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 7px !important;
        align-items: stretch !important;
    }

    .product-card__bottom .price {
        font-size: 15px !important;
        line-height: 1.1;
    }

    .product-card__bottom .small-btn,
    .product-card .small-btn {
        width: 100%;
        min-height: 32px !important;
        padding: 7px 8px !important;
        font-size: 11px !important;
        border-radius: 9px !important;
    }
}

@media (max-width: 360px) {
    .products-grid {
        gap: 10px !important;
    }

    .product-card__img {
        height: 120px !important;
        flex-basis: 120px !important;
    }

    .product-card__body {
        padding: 9px !important;
    }
}

.admin-help{
    display:block;
    font-size:12px;
    color:#6b7280;
    margin-top:-8px;
}

/* ===== Perfil rápido en navbar ===== */
.profile-menu-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
}
.profile-icon-link{
    font-size:20px;
    text-decoration:none;
}
.profile-menu{
    display:none;
    position:absolute;
    right:0;
    top:calc(100% + 12px);
    
    background:#ffffff;
    color:#1b1b1b;
    border:1px solid rgba(0,0,0,.08);
    border-radius:18px;
    padding:16px;
    box-shadow:0 18px 45px rgba(0,0,0,.18);
    z-index:9999;
}
.profile-menu.active{ display:block; }
.profile-menu__header{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding-bottom:12px;
    border-bottom:1px solid #eeeeee;
    margin-bottom:12px;
}
.profile-menu__header small{ color:#666; }
.profile-menu__form{
    display:grid;
    gap:10px;
}
.profile-menu__form label{
    display:grid;
    gap:5px;
    font-size:13px;
    font-weight:600;
}
.profile-menu__form input,
.profile-menu__form textarea{
    width:100%;
    border:1px solid #dddddd;
    border-radius:10px;
    padding:9px 10px;
    font:inherit;
}
.profile-menu__form textarea{
    min-height:70px;
    resize:vertical;
}
.btn--small{
    padding:8px 12px;
    font-size:13px;
}
.profile-menu__link{
    display:block;
    margin:12px 0;
    color:#04613f;
    font-weight:700;
    text-decoration:none;
}
.profile-menu__msg{
    display:block;
    margin-top:10px;
    font-size:13px;
}
.profile-menu__msg.ok{ color:#0b7a43; }
.profile-menu__msg.error,
.profile-menu__error{ color:#b00020; }
.profile-menu__loading{ color:#555; }
.promo-banner-list{
    display:grid;
    gap:18px;
}
@media(max-width:768px){
    .profile-menu{
        position:fixed;
        top:74px;
        right:12px;
        left:12px;
        width:auto;
        max-height:calc(100vh - 90px);
        overflow:auto;
    }
}
.admin-actions-inline{align-items:center;justify-content:flex-end;}

/* Ajustes finales ALTEREGO */
.order-card--actual{
    border:2px solid #0b5f42;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.order-items small{
    color:#666;
    font-size:11px;
}

/* Ajustes finales ALTEREGO */
.product-card__bottom .small-btn,
.product-card .small-btn,
.btn--small{
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 8px 12px !important;
  min-height: 34px;
  align-self: flex-start;
}
.hero-carousel{ position: relative; }
.hero-carousel__dots{
  display:flex;
  gap:8px;
  justify-content:center;
  padding: 0 0 18px;
}
.hero-carousel__dots button{
  width:10px;
  height:10px;
  border-radius:50%;
  border:0;
  background:#c7c7c7;
  cursor:pointer;
}
.hero-carousel__dots button.active{ background:#0b5f42; }

.profile-menu__form select{
  width:100%;
  border:1px solid #ddd;
  border-radius:8px;
  padding:8px;
}
.profile-menu__form input:disabled,
.profile-menu__form textarea:disabled,
.profile-menu__form select:disabled{
  background:#f4f4f4;
  color:#555;
}

/* ===== ALTEREGO FINAL ADMIN / OFERTAS ===== */
.admin-nav{
  border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:50;
}


.admin-chart{width:100%;height:auto;background:#fff;border-radius:16px;padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.08);}
.center-actions{text-align:center;margin-top:22px;}
.price--offer{align-items:flex-start;}

.offer-badge{align-items:center;width:max-content;}
.product-card__bottom .small-btn{width:auto;min-width:auto;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;align-self:flex-end;}
.product-card--empty .small-btn{opacity:.65;}
.admin-actions-inline{display:flex;gap:10px;flex-wrap:wrap;}
@media(max-width:768px){.admin-nav{padding:10px;gap:6px;}.admin-nav a{font-size:12px;padding:8px 10px;}.admin-layout{padding:14px;}.admin-table{font-size:12px;}.admin-table th,.admin-table td{padding:8px;}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;}.product-card__img{height:145px;}.product-card__title{font-size:14px;min-height:38px;}.product-card__desc{font-size:12px;min-height:48px;}.product-card__bottom{gap:8px;}.product-card__bottom .small-btn{font-size:12px;padding:7px 10px;}}

/* ===== Admin final separado ===== */
.admin-nav{max-width:1200px;}




.sales-chart div{height:100%;min-width:26px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:6px;}


.admin-mini-list{display:grid;gap:10px;}.admin-mini-list p{border-radius:12px;background:rgba(255,255,255,.05);}
.admin-mini-list span,.muted{color:#bdd9ce;}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.config-grid p{margin:0;padding:12px;border-radius:12px;background:rgba(255,255,255,.05);display:grid;gap:4px;}
.status-pill--offer{background:#fff0bd!important;color:#563a00!important;}.offer-badge{display:inline-flex;align-self:flex-start;margin-bottom:6px;}.price--offer{line-height:1.05;}.price--offer small{text-decoration:line-through;color:#8c8c8c;font-size:12px;font-weight:600;}.product-card--empty{opacity:.78;}.product-card--empty .small-btn{cursor:not-allowed;}
@media(max-width:768px){.admin-dashboard-grid{grid-template-columns:1fr;}.config-grid{grid-template-columns:1fr;}.admin-nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;}.admin-nav a{white-space:nowrap;}}

/* ===== Ajustes finales admin / ofertas ===== */

.admin-topbar{
  
  
  
  
  
  
  justify-content:space-between;
  
  
  
  
}
.admin-brand{
  
  
  
  
  
  font-weight:800;
  letter-spacing:.3px;
  white-space:nowrap;
}
.admin-brand img{height:42px;display:block;}
.admin-nav{
  
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  
  margin:0;
  padding:0;
  background:transparent;
}


.admin-logout{white-space:nowrap;}


.orders-summary{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.orders-summary span{
  display:inline-flex;
  gap:5px;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#edf8f3;
  color:#0b5f42;
  font-weight:700;
}

.sales-chart>div{
  min-width:34px;
  height:190px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
}


.auth-logo{display:block;max-width:180px;margin:0 auto 18px;}

.page-hero{
  background:linear-gradient(135deg,#092c20,#0b5f42 55%,#061812);
  color:#fff;
  padding:62px 0;
}
.page-hero .tag,
.offer-badge{
  display:inline-flex;
  width:max-content;
  padding:5px 10px;
  border-radius:999px;
  background:#e7fff3;
  color:#0b5f42;
  font-weight:800;
  font-size:12px;
}
.products-section{padding:34px 0 60px;}

.product-card__bottom .small-btn,
.small-btn{
  width:auto;
  min-width:auto;
  align-self:flex-end;
  padding:8px 13px;
  white-space:nowrap;
}
.price--offer{display:flex;flex-direction:column;gap:2px;}
.old-price{font-weight:500;}

@media (max-width: 900px){
  .admin-topbar{align-items:flex-start;flex-direction:column;}
  .admin-nav{justify-content:flex-start;}
  .admin-logout{position:absolute;right:18px;top:18px;}
}
@media (max-width: 640px){
  .admin-topbar{padding:12px;}
  .admin-brand img{height:34px;}
  .admin-brand span{font-size:14px;}
  .admin-nav a{padding:8px 10px;font-size:12px;}
  .sales-chart>div{min-width:28px;}
}

/* ===== FIX ADMIN LEGIBLE ALTEREGO ===== */
.admin-body{
  
  
  min-height:100vh;
}
.admin-topbar{
  
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  
}
.admin-layout{margin:28px auto 60px;}
.admin-section,
.admin-stats div{
  
  
  
  box-shadow:0 18px 45px rgba(7,92,59,.10) !important;
}
.admin-section h2,
.admin-section h3,
.admin-section strong,
.admin-field label,
.admin-check,
.admin-table td,
.admin-table th{color:#10251d !important;}
.admin-section p,
.admin-section small,
.admin-list-info,
.admin-table small{color:#5f6f68 !important;}
.admin-form input,
.admin-form textarea,
.admin-form select,
.admin-toolbar input,
.admin-toolbar select,
.admin-select{
  background:#fff !important;
  color:#10251d !important;
  border:1px solid #d7e5df !important;
}
.admin-form input::placeholder,
.admin-form textarea::placeholder,
.admin-toolbar input::placeholder{opacity:1;}





.admin-price-offer{display:grid;gap:2px;line-height:1.1;}
.admin-price-offer small{text-decoration:line-through;color:#8a9690 !important;font-weight:700;}
.admin-price-offer strong{color:#b42318 !important;}
.modal-card{background:#fff !important;color:#10251d !important;}


/* ===== FIX NAVBAR BOTONES JUNTO AL LOGO ===== */
.header__content{
  justify-content:flex-start !important;
}
.header__actions{
  margin-left:auto !important;
}
.nav{
  margin-left:18px !important;
  justify-content:flex-start !important;
  
}
.nav > a,
.nav-dropdown__toggle{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 15px !important;
  border-radius:999px;
  color:#ffffff !important;
  text-decoration:none !important;
  font-weight:800;
  letter-spacing:.2px;
  opacity:1 !important;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.nav > a:hover,
.nav-dropdown__toggle:hover{
  color:#ffffff !important;
  background:linear-gradient(135deg,#0b5f42,#1ba36f);
  border-color:rgba(255,255,255,.32);
  transform:translateY(-1px);
}
.nav-dropdown__menu a{
  box-shadow:none !important;
  border:0 !important;
  background:transparent !important;
}
.nav-dropdown__menu a:hover{
  transform:none !important;
}
.admin-order-filters{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 240px;
  gap:12px;
  margin:18px 0 16px;
}
.admin-order-filters input,
.admin-order-filters select{
  width:100%;
  border:1px solid #d7e6df;
  background:#fff;
  color:#13231d;
  border-radius:16px;
  padding:13px 16px;
  font:inherit;
  outline:none;
  box-shadow:0 8px 20px rgba(11,95,66,.06);
}
.admin-order-filters input:focus,
.admin-order-filters select:focus{
  border-color:#0b5f42;
  box-shadow:0 0 0 4px rgba(11,95,66,.12);
}
.admin-order-count{
  margin:0 0 12px;
  color:#405247;
  font-weight:700;
}
@media(max-width:900px){
  .header__content{justify-content:space-between !important;}
  .nav{margin-left:0 !important;}
}
@media(max-width:640px){
  .admin-order-filters{grid-template-columns:1fr;}
}


/* ===== AJUSTE ADMIN PRODUCTOS: BOTÓN MASIVO Y ACCIONES COMPACTAS ===== */

.admin-bulk-btn{
    
    
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.admin-table td.admin-actions{
    display: flex !important;
    align-items: center;
    gap: 5px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap;
}
.admin-actions .btn-mini{
    padding: 6px 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
}

@media (max-width: 760px){
    .admin-toolbar--productos{
        grid-template-columns: 1fr !important;
    }
    .admin-bulk-btn{
        width: 100%;
    }
}


/* ===== ADMIN PRODUCTOS: ACCIONES MASIVAS + TABLA COMPACTA ===== */
.admin-toolbar--productos{
    grid-template-columns:minmax(240px,1fr) 170px auto auto !important;
    gap:10px !important;
    align-items:center !important;
}
.admin-bulk-btn{
    min-height:38px !important;
    padding:8px 12px !important;
    font-size:12px !important;
    white-space:nowrap !important;
    border-radius:999px !important;
}
#productsTable{
    min-width:1280px !important;
    table-layout:auto !important;
    font-size:12px !important;
}
#productsTable th,
#productsTable td{
    padding:8px 9px !important;
    vertical-align:middle !important;
    white-space:nowrap !important;
}
#productsTable .product-admin-name{
    min-width:280px !important;
    max-width:none !important;
}
#productsTable .product-admin-brand{
    min-width:120px !important;
}
#productsTable .product-admin-price{
    min-width:78px !important;
    font-weight:800 !important;
}
#productsTable .product-admin-code{
    max-width:150px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
#productsTable .admin-price-offer{
    display:flex !important;
    gap:5px !important;
    align-items:center !important;
}
#productsTable .admin-price-offer small{
    text-decoration:line-through !important;
}
#productsTable .stock-note{
    font-size:10px !important;
    font-weight:800 !important;
    color:#b42318 !important;
}
#productsTable .status-pill{
    min-width:78px !important;
    height:26px !important;
    justify-content:center !important;
    align-items:center !important;
    padding:4px 8px !important;
    font-size:10.5px !important;
    line-height:1 !important;
}
#productsTable td.admin-actions{
    display:flex !important;
    align-items:center !important;
    gap:4px !important;
    flex-wrap:nowrap !important;
    min-width:255px !important;
}
#productsTable .admin-actions .btn-mini{
    padding:6px 7px !important;
    min-height:26px !important;
    font-size:10.5px !important;
    line-height:1 !important;
    border-radius:999px !important;
    white-space:nowrap !important;
}
@media(max-width:760px){
    .admin-toolbar--productos{
        grid-template-columns:1fr !important;
    }
    .admin-bulk-btn{
        width:100% !important;
    }
}

/* =========================================================
   ALTEREGO PREMIUM PUBLIC UI - verde/negro + glassmorphism
   Solo modifica la vista pública. No toca el panel admin.
========================================================= */
body:not(.admin-body) {
    
    
    overflow-x: hidden;
}



body:not(.admin-body) .logo img {
    
    filter: drop-shadow(0 0 12px rgba(75, 255, 135, .16));
}

body:not(.admin-body) .nav > a,
body:not(.admin-body) .nav-dropdown__toggle {
    
    
    
    border: 1px solid transparent;
    
}
body:not(.admin-body) .nav > a:hover,
body:not(.admin-body) .nav-dropdown__toggle:hover {
    
    border-color: rgba(89,229,130,.45);
    
    
}
body:not(.admin-body) .icon-btn,
body:not(.admin-body) .cart-link,
body:not(.admin-body) .profile-link {
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(89,229,130,.58);
    box-shadow: inset 0 0 14px rgba(89,229,130,.08);
}
body:not(.admin-body) .cart-link span {
    background: #59e582;
    color: #001b0b;
}
body:not(.admin-body) .btn--primary,
body:not(.admin-body) .small-btn {
    background: linear-gradient(135deg, #0d6b42 0%, #24d164 100%);
    color: #fff;
    border: 1px solid rgba(105,255,154,.65);
    box-shadow: 0 12px 30px rgba(36, 209, 100, .18);
}
body:not(.admin-body) .btn--primary:hover,
body:not(.admin-body) .small-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(36, 209, 100, .28);
}
body:not(.admin-body) .btn--outline,
body:not(.admin-body) .btn--secondary {
    background: rgba(0,0,0,.22);
    color: #fff;
    border: 1px solid rgba(89,229,130,.65);
}
body:not(.admin-body) .section,
body:not(.admin-body) .section--soft {
    background: transparent !important;
}
body:not(.admin-body) .section__title h2,
body:not(.admin-body) .page-hero h1 {
    color: #fff;
}
body:not(.admin-body) .section__title p,
body:not(.admin-body) .page-hero p,
body:not(.admin-body) .product-card__desc,
body:not(.admin-body) .benefits p {
    color: rgba(255,255,255,.68);
}
body:not(.admin-body) .hero {
    
    padding: 0;
    display: flex;
    align-items: stretch;
    position: relative;
    
    
    border-bottom: 1px solid rgba(89,229,130,.16);
}
body:not(.admin-body) .hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 110px;
    background: linear-gradient(0deg, #06110d, transparent);
    pointer-events: none;
}
body:not(.admin-body) .hero__grid {
    position: relative;
    z-index: 1;
    grid-template-columns: .8fr 1.2fr;
    
    
}
body:not(.admin-body) .hero__text {
    align-self: center;
    animation: aeFadeUp .75s ease both;
}
body:not(.admin-body) .tag {
    background: transparent;
    border: 0;
    padding: 0;
    color: #59e582;
    letter-spacing: .06em;
    text-transform: uppercase;
}
body:not(.admin-body) .hero h1 {
    
    max-width: 580px;
    
    
}
body:not(.admin-body) .hero h1 strong,
body:not(.admin-body) .hero h1 span {
    color: #59e582;
}

body:not(.admin-body) .hero__media {
    
    
    border: 0;
    
    
    
    z-index: -1;
    
}

body:not(.admin-body) .hero__buttons .btn {
    min-width: 170px;
    justify-content: space-between;
}
body:not(.admin-body) .hero-carousel__dots {
    position: absolute;
    left: 50%;
    
    transform: translateX(-50%);
    z-index: 3;
}
body:not(.admin-body) .hero-carousel__dots button {
    width: 12px;
    height: 12px;
    border-radius: 99px;
    border: 0;
    margin: 0 5px;
    background: rgba(255,255,255,.32);
    cursor: pointer;
}
body:not(.admin-body) .hero-carousel__dots button.active {
    background: #59e582;
    box-shadow: 0 0 18px rgba(89,229,130,.8);
}
body:not(.admin-body) .categories {
    display: flex;
    
    align-items: center;
    
    overflow-x: auto;
    
}
body:not(.admin-body) .category-card {
    
    
    
    
    
    color: #fff;
    
    
    
    
    
    
}

body:not(.admin-body) .category-card span {
    
    opacity: .95;
}

body:not(.admin-body) .product-card {
    
    
    
    
    
    color: #fff;
    
    
    
    transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;
    
}
body:not(.admin-body) .product-card:hover {
    
    border-color: rgba(89,229,130,.85);
    
}

body:not(.admin-body) .product-card__img {
    
    
    
    
    z-index: 1;
}
body:not(.admin-body) .product-card__img::after {
    content: "";
    position: absolute;
    
    
    
    
    border-radius: 50%;
    
    filter: blur(12px);
}







body:not(.admin-body) .old-price {
    display: block;
    
    
    
}

body:not(.admin-body) .product-card__bottom .small-btn {
    width: auto;
    min-width: 52px;
    min-height: 42px;
    
    
    background: rgba(0,0,0,.20);
}
body:not(.admin-body) .product-wish {
    
    
    
    
    
    
    
    
    
    
    line-height: 1;
    cursor: pointer;
}

body:not(.admin-body) .product-stock--empty {
    color: #ffd1d1;
    background: rgba(255, 80, 80, .16);
}
body:not(.admin-body) .offer-badge {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 4px;
    
    
    
    
    
    
}
body:not(.admin-body) .promo-banner__inner,
body:not(.admin-body) .benefits article,
body:not(.admin-body) .panel,
body:not(.admin-body) .order-card,
body:not(.admin-body) .account-card,
body:not(.admin-body) .glass-panel {
    background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.04));
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
    box-shadow: 0 24px 64px rgba(0,0,0,.32);
    backdrop-filter: blur(18px);
}
body:not(.admin-body) .footer,
body:not(.admin-body) .cta {
    background: rgba(0,0,0,.82);
    border-top: 1px solid rgba(89,229,130,.14);
}
body:not(.admin-body) .whatsapp {
    background: #39d86a;
    box-shadow: 0 0 34px rgba(57,216,106,.35);
}

/* Página productos estilo shop premium */
body:not(.admin-body) .shop-page {
    padding: 48px 0 76px;
    min-height: calc(100vh - 88px);
}
.shop-breadcrumb {
    margin-bottom: 34px;
    color: rgba(255,255,255,.82);
    font-size: 14px;
    letter-spacing: .02em;
}
.shop-breadcrumb a,
#shopResultsText span {
    color: #59e582;
}
.shop-layout {
    
    
    
    align-items: start;
}
.shop-sidebar {
    
    
    
    
    max-height: calc(100vh - 136px);
    overflow: auto;
}
.shop-sidebar h3,
.shop-filter-title h3 {
    color: #59e582;
    font-size: 18px;
    margin: 0;
}
.shop-search-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 22px;
    padding: 12px 16px;
    
    
    
}
.shop-search-box input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    
}

.shop-filter-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.13);
}
.shop-filter-title span {
    color: #59e582;
    font-size: 24px;
}
.shop-checks {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}
.shop-checks label {
    display: grid;
    grid-template-columns: 22px 1fr;
    
    align-items: start;
    
    cursor: pointer;
}
.shop-checks input {
    appearance: none;
    
    
    border-radius: 5px;
    border: 1px solid rgba(137,255,170,.70);
    background: rgba(255,255,255,.05);
    position: relative;
}
.shop-checks input:checked {
    background: #59e582;
    box-shadow: 0 0 18px rgba(89,229,130,.42);
}
.shop-checks input:checked::after {
    content: "✓";
    position: absolute;
    inset: -1px 0 0 0;
    text-align: center;
    color: #001b0b;
    font-size: 15px;
    font-weight: 900;
}
.shop-hidden-filters {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.shop-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    
}
.shop-topbar p {
    
    font-size: 18px;
}
.shop-topbar select {
    min-width: 260px;
    
    
    
    
    
    outline: 0;
}
.shop-products-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.shop-empty {
    grid-column: 1 / -1;
    padding: 26px;
    border-radius: 22px;
    background: rgba(255,255,255,.08);
    color: #fff;
}

@keyframes aeFadeUp {
    from { opacity: 0; transform: translateY(22px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 1180px) {
    .shop-products-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 980px) {
    body:not(.admin-body) .hero__grid { grid-template-columns: 1fr; }
    body:not(.admin-body) .hero__media { inset: 0; opacity: .35; }
    .shop-layout { grid-template-columns: 1fr; }
    .shop-sidebar { position: static; max-height: none; }
    .shop-products-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px) {
    body:not(.admin-body) .header__content { height: 76px; }
    body:not(.admin-body) .logo img { width: 140px; }
    body:not(.admin-body) .hero { min-height: 480px; }
    body:not(.admin-body) .hero__grid { min-height: 480px; }
    body:not(.admin-body) .hero h1 { font-size: 44px; }
    body:not(.admin-body) .category-card { min-width: 110px; height: 110px; padding: 14px; }
    .shop-topbar { flex-direction: column; align-items: stretch; }
    .shop-topbar select { width: 100%; min-width: 0; }
    body:not(.admin-body) .product-card { border-radius: 18px; }
    body:not(.admin-body) .product-card__img { height: 150px !important; flex-basis: 150px !important; }
    body:not(.admin-body) .product-card__body { padding: 12px !important; }
    body:not(.admin-body) .product-card__bottom { flex-direction: column; align-items: stretch; }
    body:not(.admin-body) .product-card__bottom .small-btn { width: 100%; }
}

/* =========================================================
   ALTEREGO - Ajuste visual final premium verde/negro
   Solo interfaz pública: index + productos. No cambia lógica.
   ========================================================= */
body:not(.admin-body) {
    --ae-green: #58e783;
    --ae-green-2: #20c761;
    --ae-black: #020403;
    --ae-panel: rgba(13, 31, 23, .72);
    --ae-line: rgba(120, 255, 170, .34);
    background:
        radial-gradient(circle at 8% 20%, rgba(37, 209, 100, .18), transparent 26%),
        radial-gradient(circle at 92% 38%, rgba(37, 209, 100, .12), transparent 32%),
        linear-gradient(180deg, #020403 0%, #06110d 45%, #020403 100%) !important;
    
}

body:not(.admin-body)::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background:
        linear-gradient(115deg, transparent 0 58%, rgba(41, 214, 101, .09) 58.5%, transparent 63%),
        linear-gradient(20deg, transparent 0 64%, rgba(41, 214, 101, .075) 64.5%, transparent 70%);
    filter: blur(.2px);
}

/* Header premium */
body:not(.admin-body) .header {
    
    border-bottom: 1px solid rgba(120, 255, 170, .16);
    
    backdrop-filter: blur(18px);
}


body:not(.admin-body) .nav {
    margin-left: auto;
    gap: 18px;
}
body:not(.admin-body) .nav > a,
body:not(.admin-body) .nav-dropdown__toggle {
    padding: 10px 15px;
    border-radius: 999px;
    color: #fff;
    transition: transform .22s ease, color .22s ease, background .22s ease;
}
body:not(.admin-body) .nav > a:hover,
body:not(.admin-body) .nav-dropdown__toggle:hover {
    color: var(--ae-green);
    background: rgba(88, 231, 131, .08);
    transform: translateY(-2px);
}

/* Index: hero estilo premium */
body:not(.admin-body) .hero {
    min-height: 560px !important;
    background:
        linear-gradient(90deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.72) 38%, rgba(0,0,0,.32) 100%),
        radial-gradient(circle at 88% 48%, rgba(88, 231, 131, .15), transparent 35%),
        #020403 !important;
}
body:not(.admin-body) .hero__grid { min-height: 560px !important; }
body:not(.admin-body) .hero__text { padding-top: 22px; }
body:not(.admin-body) .hero h1 {
    font-size: clamp(48px, 7vw, 92px) !important;
    
    letter-spacing: -.055em;
    font-weight: 400;
    text-shadow: 0 20px 42px rgba(0,0,0,.55);
}
body:not(.admin-body) .hero p {
    margin-top: 22px;
    font-size: 18px;
    
}
body:not(.admin-body) .hero__media {
    inset: 0 0 0 32% !important;
    opacity: .78 !important;
}
body:not(.admin-body) .hero__media::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 74% 44%, transparent 0 22%, rgba(0,0,0,.24) 58%, rgba(0,0,0,.66) 100%),
        linear-gradient(90deg, rgba(0,0,0,.62), transparent 42%);
}
body:not(.admin-body) .hero__media img,
body:not(.admin-body) .hero__media video {
    filter: grayscale(1) contrast(1.15) brightness(.70) !important;
}
body:not(.admin-body) .hero__buttons .btn,
body:not(.admin-body) .btn--primary {
    border-radius: 999px;
}

/* Categorías circulares en index */
body:not(.admin-body) .index-category-strip {
    padding: 26px 0 18px !important;
    border-top: 1px solid rgba(88,231,131,.14);
    border-bottom: 1px solid rgba(88,231,131,.12);
}
body:not(.admin-body) .index-category-strip .section__title {
    display: none;
}
body:not(.admin-body) .categories {
    justify-content: space-between !important;
    gap: clamp(14px, 3vw, 42px) !important;
    padding: 0 0 2px !important;
}
body:not(.admin-body) .category-card {
    min-width: 126px !important;
    height: 126px !important;
    
    
    
    
    
    
}



/* Tarjetas de producto: estilo blanco ordenado + glass verde/negro */

body:not(.admin-body) .product-card {
    
    
    
    
    
    
    
    
    
    
    animation: aeFadeUp .62s ease both;
}
body:not(.admin-body) .product-card::before { display: none !important; }

body:not(.admin-body) .product-card__img {
    
    
    
    
    
    
    
    
    backdrop-filter: blur(18px);
}
body:not(.admin-body) .product-card__img::after {
    width: 50% !important;
    height: 14px !important;
    bottom: 20px !important;
    left: 25% !important;
    background: rgba(88,231,131,.16) !important;
}





body:not(.admin-body) .product-stock {
    align-self: flex-start;
    
    
    
    
    
    
}

body:not(.admin-body) .price,
body:not(.admin-body) .product-card__bottom .price {
    color: var(--ae-green) !important;
    font-size: 24px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    white-space: nowrap;
}


body:not(.admin-body) .product-card__bottom .small-btn,
body:not(.admin-body) .product-card .small-btn {
    
    
    
    
    
    
    
    
    background: rgba(0,0,0,.28) !important;
    color: #fff !important;
    border: 1px solid rgba(88,231,131,.75) !important;
    box-shadow: inset 0 0 20px rgba(88,231,131,.07), 0 12px 28px rgba(0,0,0,.20) !important;
}
body:not(.admin-body) .product-card__bottom .small-btn:hover:not(:disabled),
body:not(.admin-body) .product-card .small-btn:hover:not(:disabled) {
    background: linear-gradient(135deg, rgba(13,107,66,.96), rgba(36,209,100,.96)) !important;
    transform: translateY(-2px);
}
body:not(.admin-body) .product-wish {
    
    
    
    
    
    
    
    backdrop-filter: blur(10px);
    
}
body:not(.admin-body) .product-card--empty .product-card__img,
body:not(.admin-body) .product-card--empty .product-card__body {
    opacity: .62;
}

/* Página productos: layout más limpio y sin elementos montados */
body:not(.admin-body) .shop-page {
    padding-top: 54px !important;
}
body:not(.admin-body) .shop-results {
    min-width: 0;
}
body:not(.admin-body) .shop-topbar {
    margin-bottom: 34px !important;
}
body:not(.admin-body) .shop-products-grid {
    grid-template-columns: repeat(4, minmax(210px, 1fr)) !important;
    gap: 34px 28px !important;
}
body:not(.admin-body) .shop-sidebar {
    background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.04)) !important;
    border: 1px solid rgba(255,255,255,.20) !important;
}
body:not(.admin-body) .shop-topbar select {
    background-color: rgba(0,0,0,.42) !important;
}

/* Home cards un poco más anchas y elegantes */
body:not(.admin-body) main > .section .products-grid:not(.shop-products-grid) {
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: 36px;
}
body:not(.admin-body) .section__title {
    margin-bottom: 28px;
}
body:not(.admin-body) .section__title h2 {
    position: relative;
    padding-left: 14px;
}
body:not(.admin-body) .section__title h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: .24em;
    bottom: .18em;
    width: 3px;
    border-radius: 999px;
    background: var(--ae-green);
    box-shadow: 0 0 16px rgba(88,231,131,.8);
}

@media (max-width: 1180px) {
    body:not(.admin-body) .shop-products-grid,
    body:not(.admin-body) main > .section .products-grid:not(.shop-products-grid) {
        grid-template-columns: repeat(3, minmax(210px, 1fr)) !important;
    }
}
@media (max-width: 980px) {
    body:not(.admin-body) .hero__media { inset: 0 !important; opacity: .35 !important; }
    body:not(.admin-body) .shop-products-grid,
    body:not(.admin-body) main > .section .products-grid:not(.shop-products-grid) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 620px) {
    body:not(.admin-body) .header__content { height: 74px; }
    body:not(.admin-body) .logo img { width: 132px; }
    body:not(.admin-body) .hero,
    body:not(.admin-body) .hero__grid { min-height: 500px !important; }
    body:not(.admin-body) .hero h1 { font-size: 42px !important; }
    body:not(.admin-body) .categories { gap: 14px !important; }
    body:not(.admin-body) .category-card { min-width: 104px !important; height: 104px !important; }
    body:not(.admin-body) .product-card__img { height: 190px !important; flex-basis: 190px !important; }
    body:not(.admin-body) .product-card__img img { padding: 18px !important; }
    body:not(.admin-body) .product-card__title { font-size: 15px !important; min-height: 38px !important; }
    body:not(.admin-body) .price,
    body:not(.admin-body) .product-card__bottom .price { font-size: 20px !important; }
    body:not(.admin-body) .product-card__bottom .small-btn { font-size: 12px !important; padding: 9px 10px !important; }
}
body:not(.admin-body) .ae-premium-hidden-banner { display: none !important; }

body:not(.admin-body) .ae-home-categories .category-card:first-child span {
    color: var(--ae-green);
    font-size: 42px !important;
    line-height: 1;
}
body:not(.admin-body) .ae-home-categories .category-card:last-child span {
    color: var(--ae-green);
    font-size: 48px !important;
    font-weight: 300;
    line-height: 1;
}


/* =========================================================
   AJUSTE FINAL UI PREMIUM - solicitado por Johpser
   - Categorías/marcas sin barra inferior
   - Círculos glass sin borde verde fuerte
   - Productos aparecen desde abajo al hacer scroll
   - Admin con el mismo lenguaje visual verde/negro
========================================================= */
body:not(.admin-body) .categories,
body:not(.admin-body) .ae-home-categories {
    overflow-x: visible !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 0 !important;
}
body:not(.admin-body) .categories::-webkit-scrollbar,
body:not(.admin-body) .ae-home-categories::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}
body:not(.admin-body) .index-category-strip {
    overflow: hidden !important;
}
body:not(.admin-body) .category-card {
    border-color: rgba(255,255,255,.26) !important;
    
    
}

body:not(.admin-body) .category-card span {
    
    
    
    display: inline-flex !important;
    
    
    margin-bottom: 10px !important;
    color: rgba(255,255,255,.92) !important;
    font-size: 22px !important;
    font-weight: 900;
    letter-spacing: .02em;
    
    border: 1px solid rgba(255,255,255,.18);
    filter: none !important;
}
body:not(.admin-body) .ae-home-categories .category-card:first-child {
    border-radius: 999px !important;
    min-width: 126px !important;
}
body:not(.admin-body) .ae-home-categories .category-card:first-child span,
body:not(.admin-body) .ae-home-categories .category-card:last-child span {
    color: rgba(255,255,255,.92) !important;
    font-size: 24px !important;
}
body:not(.admin-body) .product-card.reveal-card {
    opacity: 0;
    transform: translateY(42px) scale(.985);
    transition: opacity .62s ease, transform .62s cubic-bezier(.2,.8,.2,1), border-color .28s ease, box-shadow .28s ease;
    animation: none !important;
}
body:not(.admin-body) .product-card.reveal-card.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}
body:not(.admin-body) .product-card.reveal-card.is-visible:hover {
    transform: translateY(-8px) scale(1);
}



body:not(.admin-body) .product-card__bottom {
    grid-template-columns: 1fr auto !important;
    
}
body:not(.admin-body) .product-card__bottom .small-btn,
body:not(.admin-body) .product-card .small-btn {
    
    
    padding-inline: 14px !important;
}
@media (max-width: 680px) {
    body:not(.admin-body) .categories,
    body:not(.admin-body) .ae-home-categories { flex-wrap: nowrap !important; overflow-x: auto !important; justify-content: flex-start !important; }
    body:not(.admin-body) .product-card__bottom { grid-template-columns: 1fr !important; }
    body:not(.admin-body) .product-card__bottom .small-btn { width: 100% !important; }
}

/* ADMIN PREMIUM VERDE/NEGRO */

.admin-topbar,
.admin-header {
    background: rgba(0,0,0,.84) !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 18px 48px rgba(0,0,0,.34) !important;
    backdrop-filter: blur(18px);
}
.admin-brand,
.admin-nav a,
.admin-header h1,
.admin-header p { color: #fff !important; }
.admin-nav a {
    
    
    
    transition: .22s ease;
}
.admin-nav a:hover,
.admin-nav a.active {
    color: #59e582 !important;
    border-color: rgba(89,229,130,.44) !important;
    background: rgba(89,229,130,.10) !important;
    transform: translateY(-2px);
}
.admin-section,
.admin-stats div,
.admin-dashboard-card,
.admin-card,
.modal-card {
    background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    color: #fff !important;
    box-shadow: 0 24px 64px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10) !important;
    backdrop-filter: blur(18px);
}
.admin-section h2,
.admin-section__head h2,
.admin-stats strong { color: #59e582 !important; }
.admin-section p,
.admin-section__head p,
.admin-stats span,
.admin-table small,
.admin-list-info { color: rgba(255,255,255,.68) !important; }
.admin-form input,
.admin-form select,
.admin-form textarea,
.admin-toolbar input,
.admin-toolbar select,
.admin-select,
.admin-table select {
    background: rgba(0,0,0,.32) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
}












/* =========================================================
   AJUSTE PRODUCTOS: marcas en sidebar + tarjetas ordenadas
   - Filtro de marca debajo de categorías
   - Botón solo "Agregar" y sin montarse
   - Imagen grande estilo limpio + tarjeta glass
========================================================= */
body:not(.admin-body) .shop-filter-title--brand {
    margin-top: 24px !important;
    padding-top: 22px !important;
    border-top: 1px solid rgba(255,255,255,.16) !important;
}
body:not(.admin-body) .shop-brand-checks {
    max-height: 285px;
    overflow-y: auto;
    padding-right: 6px;
}
body:not(.admin-body) .shop-brand-checks::-webkit-scrollbar { width: 6px; }
body:not(.admin-body) .shop-brand-checks::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.22);
    border-radius: 999px;
}
body:not(.admin-body) .shop-muted {
    display: block;
    color: rgba(255,255,255,.58);
    font-weight: 700;
    padding: 6px 0;
}


body:not(.admin-body) .shop-products-grid,
body:not(.admin-body) main > .section .products-grid:not(.shop-products-grid) {
    align-items: stretch !important;
}








body:not(.admin-body) .product-stock {
    
    
    white-space: nowrap !important;
}

body:not(.admin-body) .product-card__bottom .price,
body:not(.admin-body) .price {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    
    
    
}
body:not(.admin-body) .product-card__bottom .small-btn,
body:not(.admin-body) .product-card .small-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 92px !important;
    max-width: 110px !important;
    min-height: 42px !important;
    padding: 10px 16px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
body:not(.admin-body) .product-card--empty .product-card__bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
}
body:not(.admin-body) .product-card--empty .small-btn {
    max-width: none !important;
    width: 100% !important;
}
@media (max-width: 760px) {
    body:not(.admin-body) .product-card { min-height: 450px !important; padding: 14px !important; }
    body:not(.admin-body) .product-card__img { height: 200px !important; flex-basis: 200px !important; }
    body:not(.admin-body) .product-card__title { font-size: 15px !important; min-height: 40px !important; }
    body:not(.admin-body) .product-card__bottom { gap: 8px !important; }
    body:not(.admin-body) .product-card__bottom .price { font-size: 19px !important; }
    body:not(.admin-body) .product-card__bottom .small-btn { min-width: 82px !important; max-width: 96px !important; padding: 9px 12px !important; font-size: 12px !important; }
}

/* =========================================================
   FIX VISUAL FINAL - PRODUCTOS ORDENADOS, AUTH Y ADMIN LEGIBLE
   ========================================================= */
:root{
  --ae-black:#020805;
  --ae-deep:#07170f;
  
  
  
  
  
  
}

body:not(.admin-body):not(.auth-page){
  background:
    radial-gradient(circle at 14% 12%, rgba(51,214,122,.16), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(26,148,84,.14), transparent 28%),
    linear-gradient(135deg, #020805 0%, #06130d 48%, #010302 100%);
  color:var(--ae-text);
}

/* Productos tipo tarjeta limpia: imagen blanca + info ordenada */
.products-grid,
.shop-products-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(210px,1fr));
  gap:28px;
  align-items:start;
}

.product-card,
.shop-products-grid .product-card{
  position:relative;
  min-height:0 !important;
  height:auto !important;
  overflow:visible;
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  opacity:0;
  transform:translateY(42px) scale(.985);
  transition:opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1), filter .25s ease;
}

.product-card.is-visible,
.reveal-card.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}



.product-card__img{
  
  
  
  
  
  
  
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 18px 34px rgba(0,0,0,.28), 0 0 0 1px rgba(85,232,137,.08) inset;
  
  
  
}

.product-card__img::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(180deg, transparent 58%, rgba(0,0,0,.06) 100%);
}





.product-wish{
  position:absolute;
  z-index:4;
  top:16px;
  right:16px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(4,12,8,.08);
  border-radius:999px;
  background:rgba(255,255,255,.88);
  color:#111;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
  font-size:23px;
  cursor:pointer;
}

.product-card__body{
  
  
  
  
  
  color:#fff;
}

.product-card__brand{
  order:1;
  
  
  
  
  
  
}

.product-card__title{
  order:2;
  
  
  
  
  
  
  letter-spacing:-.02em;
  
  
  
  
}

.product-card__desc{
  order:3;
  
  margin:0;
  
  
  
  
  
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.product-stock{
  order:4;
  width:max-content;
  min-height:auto;
  
  
  border-radius:999px;
  
  
  
  font-weight:800;
}



.product-card__bottom{
  
  position:static;
  
  
  
  
  gap:12px;
  
}

.product-card__bottom .price,
.price{
  color:var(--ae-green) !important;
  font-size:22px !important;
  line-height:1.05;
  font-weight:900;
  white-space:nowrap;
}

.old-price{
  display:block;
  
  
  
  margin-bottom:3px;
}

.product-card__bottom .small-btn,
.small-btn.js-add-cart{
  position:absolute;
  left:50%;
  bottom:26px;
  z-index:5;
  transform:translateX(-50%);
  min-width:158px;
  max-width:calc(100% - 42px);
  min-height:52px;
  padding:11px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:#050505;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:14px;
  line-height:1.05;
  font-weight:900;
  box-shadow:0 14px 28px rgba(0,0,0,.28);
  white-space:normal;
  text-align:center;
  transition:background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.product-card__bottom .small-btn::before,
.small-btn.js-add-cart::before{
  content:"🛒";
  font-size:18px;
  line-height:1;
}

.product-card__bottom .small-btn:hover,
.small-btn.js-add-cart:hover{
  background:linear-gradient(135deg, #07150d, #0b0b0b);
  box-shadow:0 16px 34px rgba(85,232,137,.22);
  transform:translateX(-50%) translateY(-2px);
}

.product-card__bottom .small-btn:disabled,
.small-btn.js-add-cart:disabled{
  background:#2a2f2c;
  color:#bfc8c2;
  cursor:not-allowed;
  box-shadow:none;
}

.offer-badge{
  position:absolute;
  top:16px;
  left:16px;
  z-index:5;
  
  
  
  
  
  font-weight:900;
}

.product-card--empty .product-card__img{
  filter:grayscale(.55);
  opacity:.82;
}

/* Sidebar filtros más legible */
.shop-sidebar.glass-panel,
.glass-panel{
  background:linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 22px 52px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}

.shop-checks label{ text-shadow:0 1px 0 rgba(0,0,0,.25);}



.shop-search-box input::placeholder{color:rgba(255,255,255,.55);}

/* Auth/login usuario y admin con la misma línea visual */
.auth-page,
body:has(.auth-card){
  min-height:100vh;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 20% 15%, rgba(85,232,137,.18), transparent 30%),
    radial-gradient(circle at 80% 80%, rgba(20,130,72,.16), transparent 35%),
    linear-gradient(135deg,#020805,#07140d 55%,#000);
  color:#fff;
  padding:26px;
}

.auth-card{
  
  padding:34px;
  
  
  
  
  backdrop-filter:blur(18px);
  
  text-align:center;
}

.auth-card img,.auth-logo{max-width:210px; width:70%; margin:0 auto 20px; display:block;}
.auth-card h1{color:#fff; font-size:30px; margin-bottom:8px;}
.auth-card p{color:rgba(255,255,255,.72);}
.auth-card input{
  width:100%;
  margin-top:12px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.24);
  color:#fff;
  outline:none;
}
.auth-card input::placeholder{color:rgba(255,255,255,.5);}
.auth-card input:focus{border-color:var(--ae-green); box-shadow:0 0 0 4px rgba(85,232,137,.12);}
.auth-card a{color:var(--ae-green);}
.auth-msg,.alert{color:#ffb4b4; margin-top:12px;}

/* Admin premium legible sin tocar funcionalidad */

.admin-topbar,.admin-header{
  background:rgba(0,0,0,.72) !important;
  border-bottom:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
}
.admin-nav a,.admin-brand span,.admin-header h1,.admin-header p{color:#fff !important;}
.admin-nav a:hover{color:var(--ae-green) !important;}
.admin-layout{gap:24px;}
.admin-section,
.admin-stats div{
  background:linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#f7fff9 !important;
  box-shadow:0 20px 44px rgba(0,0,0,.32);
  backdrop-filter:blur(16px);
}
.admin-section__head h2,.admin-section h2,.admin-stats strong{color:#fff !important;}
.admin-section__head p,.admin-list-info,.admin-table small,.admin-stats span{color:rgba(255,255,255,.70) !important;}
.admin-field label,.admin-check{color:#eafff1 !important;}
.admin-form input,
.admin-form select,
.admin-form textarea,
.admin-toolbar input,
.admin-toolbar select,
.admin-select{
  background:rgba(0,0,0,.25) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
}
.admin-form input::placeholder,
.admin-form textarea::placeholder,
.admin-toolbar input::placeholder{color:rgba(255,255,255,.52) !important;}
.admin-form select option,.admin-toolbar select option{background:#07140d; color:#fff;}
.admin-table-wrap{border-color:rgba(255,255,255,.14) !important; }

.admin-table th{
  
  
  border-bottom:1px solid rgba(255,255,255,.13) !important;
}
.admin-table td{
  border-bottom:1px solid rgba(255,255,255,.09) !important;
  
}

.product-admin-name strong,
.product-admin-brand,
.product-admin-price{color:#fff !important;}



.stock-low{color:#ff9d9d !important;}
.stock-note{ margin-top:2px;}

.btn-mini{
  min-height:30px;
  padding:6px 8px !important;
  border-radius:10px !important;
  font-size:11px !important;
  line-height:1.05;
  text-align:center;
  white-space:normal;
  background:rgba(85,232,137,.14) !important;
  color:#79f5a7 !important;
  border:1px solid rgba(85,232,137,.24) !important;
}
.btn-mini--danger{background:rgba(255,75,75,.13) !important; color:#ffb4b4 !important; border-color:rgba(255,75,75,.22) !important;}
.btn-mini--stock{background:rgba(255,214,102,.13) !important; color:#ffe09b !important; border-color:rgba(255,214,102,.24) !important;}
.btn-mini--warning{background:rgba(255,255,255,.10) !important; color:#fff !important; border-color:rgba(255,255,255,.18) !important;}
.admin-pagination button{background:rgba(0,0,0,.25) !important; color:#fff !important; border-color:rgba(255,255,255,.16) !important;}
.admin-pagination button.active{background:var(--ae-green) !important; color:#041008 !important;}

@media (max-width:1180px){
  .products-grid,.shop-products-grid{grid-template-columns:repeat(3,minmax(210px,1fr));}
}
@media (max-width:820px){
  .products-grid,.shop-products-grid{grid-template-columns:repeat(2,minmax(160px,1fr)); gap:20px;}
  .product-card__img{height:260px !important; flex-basis:260px !important;}
  .product-card__title{font-size:15px !important; min-height:38px !important;}
  .product-card__bottom .small-btn,.small-btn.js-add-cart{min-width:138px; min-height:46px; font-size:13px; bottom:20px;}
}
@media (max-width:540px){
  .products-grid,.shop-products-grid{grid-template-columns:1fr;}
  .product-card__img{height:320px !important; flex-basis:320px !important;}
  .admin-actions{grid-template-columns:repeat(2, 1fr);}
}

/* =========================================================
   FIX DEFINITIVO 2026-07 - Legibilidad + productos ordenados
   - Botón carrito aparece al pasar el mouse y no se monta
   - Categorías con iconos, no marcas
   - Tablas admin oscuras y legibles en todas las páginas
   ========================================================= */

/* Categorías del index: glass más elegante, sin borde verde fuerte */
body:not(.admin-body) .index-category-strip,
body:not(.admin-body) .ae-home-categories{
  overflow: visible !important;
}
body:not(.admin-body) .ae-home-categories{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:28px 42px !important;
}
body:not(.admin-body) .ae-home-categories .category-card,
body:not(.admin-body) .category-card{
  
  
  
  
  
  
  border:1px solid rgba(255,255,255,.28) !important;
  background:radial-gradient(circle at 35% 20%, rgba(255,255,255,.20), transparent 34%),
             linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.035)) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.20) !important;
  backdrop-filter:blur(18px) !important;
}
body:not(.admin-body) .ae-home-categories .category-card:hover,
body:not(.admin-body) .category-card:hover{
  transform:translateY(-7px) scale(1.025) !important;
  border-color:rgba(255,255,255,.46) !important;
  box-shadow:0 24px 58px rgba(0,0,0,.36), 0 0 24px rgba(85,232,137,.14), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
body:not(.admin-body) .ae-home-categories .category-card span,
body:not(.admin-body) .category-card span{
  
  
  
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  
  color:#f7fff9 !important;
  font-size:25px !important;
  line-height:1 !important;
  background:linear-gradient(145deg, rgba(255,255,255,.17), rgba(255,255,255,.045)) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  filter:none !important;
}
body:not(.admin-body) .ae-home-categories .category-card strong,
body:not(.admin-body) .category-card strong{
  
  
  
  
  font-weight:850 !important;
}

/* Productos públicos: imagen tipo tarjeta blanca + info abajo sin montarse */
body:not(.admin-body) .product-card,
body:not(.admin-body) .shop-products-grid .product-card{
  
  
  
  
  
  
  
  
  
  
  
  opacity:0;
  transform:translateY(42px) scale(.985);
  transition:opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1) !important;
}
body:not(.admin-body) .product-card.is-visible,
body:not(.admin-body) .product-card.reveal-card.is-visible{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
}
body:not(.admin-body) .product-card.reveal-card.is-visible:hover,
body:not(.admin-body) .product-card:hover{
  transform:translateY(-8px) scale(1.01) !important;
}







body:not(.admin-body) .product-stock{
  width:max-content !important;
  margin:2px 0 0 !important;
  
  border-radius:999px !important;
  
  line-height:1 !important;
  font-weight:800 !important;
  color:#eafff1 !important;
  background:rgba(255,255,255,.10) !important;
}

body:not(.admin-body) .product-card__bottom .price,
body:not(.admin-body) .price{
  
  
  
  
  white-space:nowrap !important;
}

body:not(.admin-body) .product-card__bottom .small-btn,
body:not(.admin-body) .small-btn.js-add-cart{
  position:static !important;
  transform:none !important;
  opacity:0 !important;
  pointer-events:none !important;
  visibility:hidden !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:86px !important;
  max-width:112px !important;
  min-height:38px !important;
  padding:9px 13px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:#050505 !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  text-align:center !important;
  box-shadow:0 12px 24px rgba(0,0,0,.26) !important;
  transition:opacity .24s ease, visibility .24s ease, background .24s ease, transform .24s ease !important;
}
body:not(.admin-body) .product-card:hover .product-card__bottom .small-btn,
body:not(.admin-body) .product-card:hover .small-btn.js-add-cart,
body:not(.admin-body) .product-card:focus-within .small-btn.js-add-cart{
  opacity:1 !important;
  pointer-events:auto !important;
  visibility:visible !important;
}
body:not(.admin-body) .product-card__bottom .small-btn::before,
body:not(.admin-body) .small-btn.js-add-cart::before{
  content:"🛒" !important;
  font-size:15px !important;
  line-height:1 !important;
}
body:not(.admin-body) .product-card__bottom .small-btn:hover:not(:disabled),
body:not(.admin-body) .small-btn.js-add-cart:hover:not(:disabled){
  background:linear-gradient(135deg,#07150d,#0b0b0b) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 30px rgba(85,232,137,.22) !important;
}
body:not(.admin-body) .product-card__bottom .small-btn:disabled,
body:not(.admin-body) .small-btn.js-add-cart:disabled{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
  background:#2a2f2c !important;
  color:#c7d0ca !important;
}
body:not(.admin-body) .product-wish{
  position:absolute !important;
  z-index:4 !important;
  top:14px !important;
  right:14px !important;
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(4,12,8,.08) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.88) !important;
  color:#111 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.12) !important;
  font-size:23px !important;
}

/* Admin: forzar legibilidad en productos, pedidos y reportes */
.admin-body,
.admin-body *{
  text-shadow:none !important;
}
.admin-body .admin-section,
.admin-body .admin-table-wrap,
.admin-body .admin-card,
.admin-body .admin-stats div{
  background:linear-gradient(145deg, rgba(14,34,24,.96), rgba(6,17,12,.96)) !important;
  border:1px solid rgba(133,255,178,.18) !important;
  color:#f7fff9 !important;
}

.admin-body .admin-table th,
.admin-body #productsTable th,
.admin-body .admin-table td,
.admin-body #productsTable td{
  background:rgba(7,22,14,.92) !important;
  color:#f7fff9 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  padding:10px 9px !important;
  vertical-align:middle !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}


.admin-body .admin-table td *,
.admin-body #productsTable td *,
.admin-body .admin-table small,
.admin-body #productsTable small,
.admin-body .product-admin-name,
.admin-body .product-admin-name strong,
.admin-body .product-admin-brand,
.admin-body .product-admin-price,
.admin-body .admin-price-offer,
.admin-body .admin-price-offer strong{
  color:inherit !important;
}
.admin-body .product-admin-name strong{
  
  font-size:12px !important;
  line-height:1.2 !important;
  white-space:normal !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}
.admin-body .product-admin-name small,
.admin-body .admin-table small{
  color:rgba(232,255,239,.72) !important;
}









.admin-body #productsTable td.admin-actions,
.admin-body .admin-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  align-items:center !important;
  justify-items:stretch !important;
  min-width:0 !important;
  max-width:none !important;
  width:100% !important;
  white-space:normal !important;
}
.admin-body .admin-actions .btn-mini,
.admin-body .btn-mini{
  min-width:0 !important;
  width:100% !important;
  min-height:28px !important;
  padding:6px 7px !important;
  border-radius:9px !important;
  font-size:10.5px !important;
  line-height:1.05 !important;
  white-space:normal !important;
  text-align:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#dfffea !important;
  background:rgba(85,232,137,.13) !important;
  border:1px solid rgba(85,232,137,.26) !important;
}
.admin-body .btn-mini--danger{color:#ffd0d0 !important;background:rgba(255,70,70,.16) !important;border-color:rgba(255,70,70,.28) !important;}
.admin-body .btn-mini--stock{color:#ffe6a6 !important;background:rgba(255,214,102,.16) !important;border-color:rgba(255,214,102,.28) !important;}
.admin-body .btn-mini--warning{color:#fff !important;background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.22) !important;}
.admin-body .status-pill{
  min-width:0 !important;
  width:auto !important;
  max-width:100% !important;
  padding:5px 7px !important;
  font-size:10.5px !important;
  line-height:1 !important;
  white-space:normal !important;
  color:#eafff1 !important;
}


.admin-body .admin-toolbar input,
.admin-body .admin-toolbar select,
.admin-body .admin-order-filters input,
.admin-body .admin-order-filters select,
.admin-body .admin-table select{
  background:#ffffff !important;
  color:#10251d !important;
  border:1px solid rgba(85,232,137,.28) !important;
}
.admin-body .admin-toolbar input::placeholder,
.admin-body .admin-order-filters input::placeholder{
  color:#66766d !important;
}
.admin-body .admin-table select option,
.admin-body .admin-toolbar select option{
  color:#10251d !important;
  background:#fff !important;
}
.admin-body .stock-note{color:#ffb4b4 !important;font-weight:900 !important;}
.admin-body .admin-price-offer small{color:rgba(232,255,239,.65) !important;text-decoration:line-through !important;}

@media(max-width:1180px){
  body:not(.admin-body) .product-card__img{height:270px !important;flex-basis:270px !important;}
}
@media(max-width:760px){
  body:not(.admin-body) .product-card__img{height:230px !important;flex-basis:230px !important;}
  body:not(.admin-body) .product-card__title{font-size:14px !important;min-height:34px !important;max-height:34px !important;}
  body:not(.admin-body) .product-card__bottom .small-btn,
  body:not(.admin-body) .small-btn.js-add-cart{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;min-width:78px !important;max-width:96px !important;font-size:11px !important;padding:8px 10px !important;}
  .admin-body .admin-table-wrap{overflow-x:auto !important;}
  .admin-body .admin-table,.admin-body #productsTable{min-width:900px !important;}
}

/* =====================================================
   AJUSTE FINAL UI: productos ordenados + admin legible
   ===================================================== */
.product-wish,
.product-card .product-wish {
    display: none !important;
}



.product-card__img {
    
    
    border-radius: 24px !important;
    
    
}

.product-card__img img {
    
    padding: 18px !important;
    transition: transform .35s ease, filter .35s ease !important;
}

.product-card:hover .product-card__img img {
    transform: scale(1.035);
    filter: brightness(.78);
}

.product-card__overlay-btn {
    position: absolute !important;
    left: 50% !important;
    bottom: 16px !important;
    transform: translate(-50%, 14px) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: auto !important;
    min-width: 158px !important;
    max-width: calc(100% - 28px) !important;
    min-height: 44px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    background: rgba(0,0,0,.92) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.32) !important;
    transition: opacity .25s ease, transform .25s ease, background .25s ease !important;
    z-index: 5 !important;
}

.product-card:hover .product-card__overlay-btn,
.product-card:focus-within .product-card__overlay-btn {
    opacity: 1 !important;
    transform: translate(-50%, 0) !important;
    pointer-events: auto !important;
}

.product-card__overlay-btn:not(:disabled):hover {
    background: #050505 !important;
    transform: translate(-50%, -2px) !important;
}

.product-card__overlay-btn:disabled {
    background: rgba(20,20,20,.72) !important;
    color: rgba(255,255,255,.82) !important;
    cursor: not-allowed !important;
}

.product-card__body {
    
    
    min-height: 0 !important;
}

.product-card__brand {
    
    
    
    
    margin: 0 !important;
}

.product-card__title {
    
    
    
    
    
    
    
    text-transform: none !important;
    
    
    
    
    
}

.product-card__desc {
    font-size: 12px !important;
    line-height: 1.35 !important;
    min-height: 0 !important;
    max-height: 34px !important;
    color: rgba(255,255,255,.72) !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
}

.product-stock {
    margin-top: 2px !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    color: #d8efe1 !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
}

.product-stock--empty {
    color: #ffe1dc !important;
    background: rgba(180,35,24,.18) !important;
}



.product-card__bottom .price,
.product-card .price {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
    color: #58e58a !important;
}

.old-price {
    font-size: 12px !important;
    color: rgba(255,255,255,.45) !important;
    text-decoration: line-through !important;
}

/* Animación de aparición al hacer scroll */
.reveal-card {
    opacity: 0;
    transform: translateY(34px);
    transition: opacity .55s ease, transform .55s ease;
}
.reveal-card.is-visible,
.reveal-card.visible,
.reveal-card.revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Admin: legibilidad y acciones ordenadas */
.admin-body,
body.admin-body {
    color: #f4fff8 !important;
}

.admin-header,
.admin-section,
.admin-stats div,
.admin-table-wrap {
    color: #f4fff8 !important;
}

.admin-section h1,
.admin-section h2,
.admin-section h3,
.admin-header h1,
.admin-header p,
.admin-section__head h2,
.admin-section__head p,
.admin-list-info,
.admin-field label {
    color: #f4fff8 !important;
}

.admin-table {
    
    
    
    background: rgba(6, 22, 15, .82) !important;
}

.admin-table th {
    
    
    
    padding: 12px 10px !important;
    white-space: nowrap !important;
}

.admin-table td {
    
    
    font-size: 12px !important;
    line-height: 1.25 !important;
    padding: 10px !important;
    vertical-align: middle !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.admin-table tr:hover td {
    
    color: #ffffff !important;
}

.admin-table td *,
.admin-table small,
.admin-table strong,
.admin-table span {
    color: inherit;
}

.admin-table input,
.admin-table select,
.admin-form input,
.admin-form select,
.admin-form textarea,
.admin-toolbar input,
.admin-toolbar select,
.admin-select {
    background: rgba(255,255,255,.96) !important;
    color: #10201a !important;
    border-color: rgba(103, 230, 147, .35) !important;
}

.admin-table select option,
.admin-form select option,
.admin-toolbar select option {
    color: #10201a !important;
    background: #fff !important;
}

.admin-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(58px, 1fr)) !important;
    gap: 6px !important;
    align-items: center !important;
    justify-items: stretch !important;
    min-width: 132px !important;
    max-width: 160px !important;
    margin-left: auto !important;
}

.admin-actions .btn-mini,
.admin-table .btn-mini,
.admin-table button {
    width: 100% !important;
    min-height: 30px !important;
    padding: 6px 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.status-pill,
.admin-table .status-pill {
    min-width: 78px !important;
    justify-content: center !important;
    color: #06331f !important;
}

.status-pill--off,
.stock-low {
    color: #ffcac4 !important;
}

@media (max-width: 768px) {
    .product-card__img {
        min-height: 150px !important;
    }
    .product-card__title {
        font-size: 12.5px !important;
        min-height: 32px !important;
        max-height: 34px !important;
    }
    .product-card__desc {
        display: none !important;
    }
    .product-card__overlay-btn {
        min-width: 118px !important;
        min-height: 36px !important;
        font-size: 11px !important;
        padding: 8px 12px !important;
    }
    .product-card__bottom .price,
    .product-card .price {
        font-size: 17px !important;
    }
}

/* =====================================================
   AJUSTE SOLICITADO: botón AÑADIR al costado del stock
   - No se monta sobre la imagen
   - Imagen centrada y limpia como antes
   - Botón pequeño con cestita dentro
   - Admin más legible en fondos oscuros
   ===================================================== */










body:not(.admin-body) .product-card__status-row .product-card__add-btn,
body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    transition:background .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important;
}







body:not(.admin-body) .product-card__status-row .product-card__add-btn:hover:not(:disabled),
body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart:hover:not(:disabled){
    
    background:#000000 !important;
    
    
}







/* Admin: letras blancas y controles legibles sobre fondos oscuros */
.admin-body .admin-section,
.admin-body .admin-table-wrap,
.admin-body .admin-stats div,
.admin-body .admin-card,
.admin-body .modal-card{
    background:linear-gradient(145deg, rgba(13,34,24,.97), rgba(5,14,10,.97)) !important;
    color:#f7fff9 !important;
}

.admin-body .admin-section *,
.admin-body .admin-table-wrap *,
.admin-body .admin-stats div *,
.admin-body .admin-card *,
.admin-body .modal-card *{
    color:#f7fff9;
}

.admin-body .admin-section p,
.admin-body .admin-section small,
.admin-body .admin-list-info,
.admin-body .admin-table small,
.admin-body .muted{
    color:rgba(235,255,242,.76) !important;
}

.admin-body .admin-table th{
    background:rgba(34,86,55,.98) !important;
    color:#ffffff !important;
}

.admin-body .admin-table td{
    background:rgba(7,22,15,.95) !important;
    color:#f7fff9 !important;
}

.admin-body .admin-table tr:hover td{
    background:rgba(22,62,39,.98) !important;
    color:#ffffff !important;
}







@media(max-width:760px){
    body:not(.admin-body) .product-card__img{
        min-height:230px !important;
        height:230px !important;
        flex-basis:230px !important;
    }
    body:not(.admin-body) .product-card__status-row{
        gap:6px !important;
    }
    body:not(.admin-body) .product-card__status-row .product-card__add-btn,
    body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart{
        min-width:76px !important;
        max-width:82px !important;
        height:28px !important;
        min-height:28px !important;
        padding:5px 7px !important;
        font-size:9.5px !important;
    }
    body:not(.admin-body) .product-card__cart-icon{
        font-size:11px !important;
        width:12px !important;
        min-width:12px !important;
    }
}

/* =====================================================
   FIX FINAL JOHPSER 2026-07-04
   Productos: sin montajes, oferta sobre imagen, botones contenidos.
   Admin: texto legible en fondos oscuros.
   Index: banners promocionales visibles desde el panel.
   ===================================================== */

/* Banners del index: permitir que se vean los creados desde admin */
body:not(.admin-body) #promoBanner,
body:not(.admin-body) .promo-banner {
  display: block !important;
  padding: 34px 0 !important;
  background: transparent !important;
}
body:not(.admin-body) #promoBanner:empty {
  display: none !important;
}

body:not(.admin-body) .promo-banner__inner {
  
  
  
  
  
  border-radius: 28px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.10) !important;
  color: #fff !important;
  
}
body:not(.admin-body) .promo-banner__inner h2,
body:not(.admin-body) .promo-banner__inner p { color: #fff !important; }
body:not(.admin-body) .promo-banner__inner p { color: rgba(255,255,255,.74) !important; }
body:not(.admin-body) .promo-banner__inner img {
  width: 100% !important;
  max-height: 220px !important;
  object-fit: contain !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.92) !important;
  padding: 14px !important;
}
body:not(.admin-body) .promo-banner__tag {
  background: #58e58a !important;
  color: #041008 !important;
}

/* Carrusel / hero: evitar capas duplicadas visuales y asegurar video/imagen únicos */
body:not(.admin-body) #heroCarousel .hero__media video,
body:not(.admin-body) #heroCarousel .hero__media img {
  display: block !important;
}
body:not(.admin-body) #heroCarousel .hero__media video + video,
body:not(.admin-body) #heroCarousel .hero__media img + img,
body:not(.admin-body) #heroCarousel .hero__media video + img,
body:not(.admin-body) #heroCarousel .hero__media img + video {
  display: none !important;
}

/* Tarjetas públicas: estructura estable y nada montado */



body:not(.admin-body) .product-card__img img {
  
  
  
  
  
  
  
  
  
  transition: transform .38s ease, filter .38s ease !important;
}
body:not(.admin-body) .product-card:hover .product-card__img img {
  
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.24)) !important;
}

/* Oferta: arriba a la derecha de la foto, sin mover nada */
body:not(.admin-body) .product-card__img .offer-badge,
body:not(.admin-body) .product-card .offer-badge {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: calc(100% - 28px) !important;
  padding: 7px 12px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #58e58a !important;
  color: #041008 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
  white-space: nowrap !important;
}






/* Fila stock + botón: nunca se sale del contenedor */
body:not(.admin-body) .product-card__status-row {
  
  
  
  
  
  min-width: 0 !important;
  
}
body:not(.admin-body) .product-card__status-row .product-stock {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  color: #eafff1 !important;
  background: rgba(255,255,255,.11) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body:not(.admin-body) .product-card__status-row .product-stock--empty {
  color: #ffd9d5 !important;
  background: rgba(180,35,24,.17) !important;
}
body:not(.admin-body) .product-card__status-row .product-card__add-btn,
body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart {
  
  
  
  
  
  
  flex: 0 0 auto !important;
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  text-align: center !important;
  
}
body:not(.admin-body) .product-card__status-row .product-card__add-btn::before,
body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart::before { display: none !important; content: none !important; }
body:not(.admin-body) .product-card__cart-icon {
  
  align-items: center !important;
  justify-content: center !important;
  
  
  
  
  
}

body:not(.admin-body) .product-card__status-row .product-card__add-btn:disabled,
body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart:disabled {
  min-width: 112px !important;
  max-width: 126px !important;
  color: #d9e4de !important;
  background: rgba(34,41,37,.94) !important;
  border-color: rgba(255,255,255,.18) !important;
  cursor: not-allowed !important;
}

body:not(.admin-body) .product-card__bottom .price,
body:not(.admin-body) .product-card .price {
  
  
  
  flex-wrap: wrap !important;
  
  
  
  
  
}
body:not(.admin-body) .old-price,
body:not(.admin-body) .price--offer small {
  font-size: 12px !important;
  color: rgba(255,255,255,.50) !important;
  text-decoration: line-through !important;
  font-weight: 750 !important;
}

/* Admin: forzar letras blancas y alto contraste en dashboard/productos/pedidos/reportes */

.admin-body .admin-section,
.admin-body .admin-table-wrap,
.admin-body .admin-stats div,
.admin-body .admin-card,
.admin-body .admin-dashboard-card,
.admin-body .modal-card,
.admin-body .admin-mini-list p,
.admin-body .config-grid p,
.admin-body .orders-summary span {
  background: linear-gradient(145deg, rgba(13,34,24,.97), rgba(5,14,10,.97)) !important;
  border: 1px solid rgba(133,255,178,.18) !important;
  color: #f7fff9 !important;
  box-shadow: 0 20px 44px rgba(0,0,0,.30) !important;
}
.admin-body .admin-section *,
.admin-body .admin-table-wrap *,
.admin-body .admin-stats div *,
.admin-body .admin-card *,
.admin-body .admin-dashboard-card *,
.admin-body .admin-mini-list *,
.admin-body .config-grid *,
.admin-body .orders-summary *,
.admin-body #topProducts *,
.admin-body #latestOrders *,
.admin-body #dashboardTopProducts *,
.admin-body #dashboardLatestOrders * {
  color: #f7fff9 !important;
}
.admin-body .admin-section p,
.admin-body .admin-section small,
.admin-body .admin-list-info,
.admin-body .admin-table small,
.admin-body .muted,
.admin-body .admin-mini-list span,
.admin-body .config-grid span {
  color: rgba(235,255,242,.78) !important;
}
.admin-body .admin-table,
.admin-body #productsTable {
  
  
  
  
  
  
  
  font-size: 12px !important;
}



.admin-body .admin-table td *,
.admin-body #productsTable td *,
.admin-body .product-admin-name,
.admin-body .product-admin-name strong,
.admin-body .product-admin-brand,
.admin-body .product-admin-price,
.admin-body .admin-price-offer,
.admin-body .admin-price-offer strong { color: inherit !important; }
.admin-body .admin-table input,
.admin-body .admin-table select,
.admin-body .admin-form input,
.admin-body .admin-form select,
.admin-body .admin-form textarea,
.admin-body .admin-toolbar input,
.admin-body .admin-toolbar select,
.admin-body .admin-select,
.admin-body .admin-order-filters input,
.admin-body .admin-order-filters select {
  background: #fff !important;
  color: #10251d !important;
  border: 1px solid rgba(85,232,137,.32) !important;
}
.admin-body .admin-table input::placeholder,
.admin-body .admin-form input::placeholder,
.admin-body .admin-form textarea::placeholder,
.admin-body .admin-toolbar input::placeholder,
.admin-body .admin-order-filters input::placeholder { color: #65746c !important; }
.admin-body .admin-table select option,
.admin-body .admin-form select option,
.admin-body .admin-toolbar select option,
.admin-body .admin-order-filters select option { background: #fff !important; color: #10251d !important; }
.admin-body .status-pill,
.admin-body .admin-table .status-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 78px !important;
  max-width: 100% !important;
  padding: 5px 8px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}
.admin-body .status-pill--on { background: rgba(85,232,137,.18) !important; color: #86ffad !important; }
.admin-body .status-pill--off { background: rgba(255,255,255,.12) !important; color: #d7e2db !important; }
.admin-body .stock-note,
.admin-body .stock-low { color: #ffb4b4 !important; font-weight: 900 !important; }
.admin-body .admin-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(58px, 1fr)) !important;
  gap: 6px !important;
  align-items: center !important;
  justify-items: stretch !important;
  min-width: 132px !important;
  max-width: 166px !important;
  width: 100% !important;
  margin-left: auto !important;
}
.admin-body .admin-actions .btn-mini,
.admin-body .admin-table .btn-mini,
.admin-body .admin-table button {
  width: 100% !important;
  min-height: 30px !important;
  padding: 6px 8px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 900px) {
  body:not(.admin-body) .promo-banner__inner { grid-template-columns: 1fr !important; }
}
@media (max-width: 760px) {
  body:not(.admin-body) .product-card__img { height: 230px !important; flex-basis: 230px !important; min-height: 230px !important; }
  body:not(.admin-body) .product-card__title { font-size: 13.5px !important; min-height: 33px !important; max-height: 34px !important; }
  body:not(.admin-body) .product-card__status-row { gap: 6px !important; }
  body:not(.admin-body) .product-card__status-row .product-card__add-btn { min-width: 78px !important; max-width: 96px !important; height: 28px !important; min-height: 28px !important; padding: 5px 7px !important; font-size: 9.5px !important; }
  body:not(.admin-body) .product-card__status-row .product-card__add-btn:disabled { min-width: 96px !important; max-width: 112px !important; }
  body:not(.admin-body) .product-card__cart-icon { font-size: 11px !important; width: 12px !important; min-width: 12px !important; }
  .admin-body .admin-table-wrap { overflow-x: auto !important; }
  .admin-body .admin-table, .admin-body #productsTable { min-width: 900px !important; }
}

/* === Mejoras funcionales migradas desde HGJK: dashboard, reportes, promociones y legibilidad === */
.dashboard-kpi-grid{width:100%;}
.dashboard-kpi-card{box-shadow:0 12px 30px rgba(0,0,0,.22);transition:transform .25s ease,border-color .25s ease,background .25s ease;}
.dashboard-kpi-card:hover{transform:translateY(-4px);border-color:rgba(93,255,148,.75);background:rgba(22,85,55,.92);}
.dashboard-kpi-card span{color:#dfffe9;font-size:.9rem;font-weight:700;}
.dashboard-kpi-card strong{color:#fff;font-size:1.65rem;line-height:1;}
.dashboard-kpi-card em{font-weight:800;font-size:.85rem;}
.sales-chart{min-height:260px;overflow-x:auto;}
.sales-chart a,.sales-chart div{min-width:34px;height:220px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;color:#fff;text-decoration:none;}
.sales-chart span{display:block;min-height:6px;box-shadow:0 0 18px rgba(88,255,144,.28);}
.sales-chart small{color:#fff;opacity:.95;writing-mode:vertical-rl;transform:rotate(180deg);}
.admin-mini-list--scroll{padding-right:6px;}
.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0;color:#fff;}
.admin-pagination .btn-mini[disabled]{opacity:.45;cursor:not-allowed;}
.admin-report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;align-items:end;width:100%;}
.admin-report-filters label{display:flex;flex-direction:column;gap:6px;color:#fff;font-weight:800;}
.admin-report-filters input{height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:0 14px;}
.admin-section,.admin-table-wrap,.dashboard-kpi-panel,.report-filter-panel{color:#fff;}
.admin-section h1,.admin-section h2,.admin-section h3,.admin-section p,.admin-section span,.admin-section small,.admin-section strong,.admin-table th,.admin-table td,.admin-mini-list p,.admin-mini-list span,.admin-mini-list strong{color:#fff;}

.admin-table tr:hover td{color:#fff;}
.admin-order-products small{display:block;max-width:320px;line-height:1.35;color:#eaffef;}
.admin-stock-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.stock-note{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:800;line-height:1;}
.stock-note--on{background:rgba(88,255,143,.18);color:#75ff9d;border:1px solid rgba(88,255,143,.35);}
.stock-note--off{background:rgba(255,92,92,.16);color:#ffb1b1;border:1px solid rgba(255,92,92,.28);}
.status-pill,.btn-mini,.admin-actions button{white-space:nowrap;}
.admin-actions{display:grid;grid-template-columns:repeat(2,minmax(76px,1fr));gap:6px;align-items:center;justify-items:stretch;min-width:170px;}
.admin-actions .btn-mini{width:100%;padding:7px 8px;font-size:.76rem;text-align:center;}
.promo-page{min-height:100vh;padding:70px 0;background:radial-gradient(circle at top left,rgba(44,183,105,.20),transparent 35%),#06130d;}
.promo-detail-card{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(102,255,156,.20);border-radius:28px;padding:34px;box-shadow:0 22px 60px rgba(0,0,0,.35);backdrop-filter:blur(14px);}
.promo-detail-card h1{font-size:clamp(2rem,5vw,4rem);line-height:1;color:#fff;margin:10px 0;}
.promo-detail-card p{color:#e9fff0;font-size:1.05rem;line-height:1.6;}
.promo-detail-card__media img{width:100%;max-height:420px;object-fit:contain;border-radius:24px;background:rgba(255,255,255,.08);}
@media(max-width:820px){.promo-detail-card{grid-template-columns:1fr;padding:22px;}.sales-chart{min-height:220px;}.sales-chart a,.sales-chart div{height:185px;}.admin-actions{grid-template-columns:1fr 1fr;min-width:140px;}}


/* =====================================================
   RESPONSIVE FINAL AE STORE - márgenes, carrusel, banners,
   categorías cuadradas y filtros plegables móvil/tablet
   ===================================================== */
:root{
  --ae-green-bright:#20d47a;
  --ae-green-soft:#7df0aa;
  --ae-dark-900:#06110c;
  --ae-dark-800:#0b1b13;
  
  --ae-glass-border:rgba(255,255,255,.16);
}

body:not(.admin-body) .container{
  
  padding-left:clamp(16px,4vw,32px);
  padding-right:clamp(16px,4vw,32px);
}
body:not(.admin-body) main,
body:not(.admin-body) .shop-page,
body:not(.admin-body) .section{overflow:hidden;}

/* Header responsive con aire */
@media(max-width:900px){
  .header__content{height:auto;min-height:72px;padding-top:10px;padding-bottom:10px;}
  .logo img{width:132px;}
  .menu-btn{display:inline-flex!important;}
  .nav{position:absolute;left:16px;right:16px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;gap:8px;padding:14px;border-radius:18px;background:rgba(3,18,11,.97);border:1px solid rgba(125,240,170,.22);box-shadow:0 18px 48px rgba(0,0,0,.35);}
  .nav.active{display:flex;}
  .nav a,.nav-dropdown__toggle{padding:11px 12px;border-radius:12px;background:rgba(255,255,255,.06);}
  .nav-dropdown__menu{position:static!important;display:grid!important;box-shadow:none!important;background:rgba(255,255,255,.04)!important;border-radius:12px!important;margin-top:6px!important;}
}

/* Index hero: decente en móvil y sin montarse */
body:not(.admin-body) .hero{
  
  
  
  
  background:radial-gradient(circle at 20% 10%,rgba(32,212,122,.20),transparent 34%),linear-gradient(135deg,#030806,#071b12 60%,#020403);
}
body:not(.admin-body) .hero__grid{
  
  align-items:center;
  gap:clamp(18px,4vw,54px);
}
body:not(.admin-body) .hero__media,
body:not(.admin-body) .hero__media img,
body:not(.admin-body) .hero__media video{
  width:100%;height:100%;min-height:clamp(260px,36vw,500px);object-fit:cover;border-radius:26px;
}
body:not(.admin-body) .hero__media{box-shadow:0 20px 60px rgba(0,0,0,.35);}
body:not(.admin-body) .hero h1{font-size:clamp(2.2rem,8vw,5.4rem);line-height:.95;}
body:not(.admin-body) .hero p{max-width:560px;color:rgba(255,255,255,.82);}
body:not(.admin-body) .hero-carousel__dots{bottom:20px;}
@media(max-width:760px){
  body:not(.admin-body) .hero{margin-top:12px;border-radius:22px;}
  body:not(.admin-body) .hero__grid{grid-template-columns:1fr!important;min-height:auto;padding-top:28px;padding-bottom:28px;}
  body:not(.admin-body) .hero__media{order:-1;min-height:240px;}
  body:not(.admin-body) .hero__media img,body:not(.admin-body) .hero__media video{min-height:240px;max-height:300px;}
  body:not(.admin-body) .hero__buttons{display:flex;flex-wrap:wrap;gap:10px;}
  body:not(.admin-body) .hero__buttons .btn{width:auto;min-width:142px;padding:11px 16px;}
}

/* Banners promocionales responsive */
body:not(.admin-body) .promo-banner{padding:clamp(18px,4vw,42px) 0;}
body:not(.admin-body) .promo-banner-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));}

body:not(.admin-body) .promo-banner__inner img{width:100%;height:clamp(190px,28vw,320px);background:#fff;}
body:not(.admin-body) .promo-banner .btn,body:not(.admin-body) .promo-banner__inner .btn{background:linear-gradient(135deg,#096b44,#20d47a)!important;color:#fff!important;border:0!important;}
@media(max-width:760px){body:not(.admin-body) .promo-banner__inner{grid-template-columns:1fr;}.promo-banner__inner img{order:-1;}}

/* Categorías del index: cuadraditos con esquinas ovaladas, no círculos */
body:not(.admin-body) .ae-home-categories,
body:not(.admin-body) .categories{
  padding:4px 0!important;
}
body:not(.admin-body) .category-card{
  
  
  border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 40px rgba(0,0,0,.22)!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  transform:translateZ(0);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
body:not(.admin-body) .category-card:hover{transform:translateY(-6px);border-color:rgba(125,240,170,.45)!important;box-shadow:0 22px 48px rgba(13,174,93,.18)!important;}
body:not(.admin-body) .category-card span{width:46px;height:46px;border-radius:16px!important;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);color:var(--ae-green-soft);font-size:25px;}
body:not(.admin-body) .category-card strong{font-size:.92rem;line-height:1.15;text-align:center;color:#fff;}
@media(max-width:620px){body:not(.admin-body) .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}body:not(.admin-body) .category-card{min-height:104px!important;border-radius:20px!important;}}

/* Productos: grilla con margen y tarjetas ordenadas */






body:not(.admin-body) .product-card__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.7em!important;}
body:not(.admin-body) .product-card__status-row{gap:8px!important;flex-wrap:nowrap!important;}
body:not(.admin-body) .product-stock,body:not(.admin-body) .product-card__add-btn{height:34px!important;min-height:34px!important;border-radius:999px!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;}
body:not(.admin-body) .product-stock{min-width:74px!important;padding:0 10px!important;font-size:.72rem!important;}
body:not(.admin-body) .product-card__add-btn{background:linear-gradient(135deg,#0a6f46,#18c875)!important;color:#fff!important;border:1px solid rgba(125,240,170,.45)!important;overflow:hidden!important;}
body:not(.admin-body) .product-card__add-btn:disabled{min-width:112px!important;max-width:130px!important;background:rgba(255,255,255,.12)!important;color:#d8eee0!important;border-color:rgba(255,255,255,.20)!important;}
body:not(.admin-body) .product-card__cart-icon{overflow:hidden!important;}
@media(max-width:760px){
  body:not(.admin-body) .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
  body:not(.admin-body) .product-card{border-radius:18px!important;}
  body:not(.admin-body) .product-card__img{height:185px!important;min-height:185px!important;flex-basis:185px!important;border-radius:18px!important;}
  body:not(.admin-body) .product-card__body{padding:12px!important;gap:7px!important;}
  body:not(.admin-body) .product-card__brand{font-size:.68rem!important;}
  body:not(.admin-body) .product-card__title{font-size:.78rem!important;}
  body:not(.admin-body) .product-card__desc{display:none!important;}
  body:not(.admin-body) .product-card__status-row{gap:5px!important;}
  body:not(.admin-body) .product-stock{min-width:60px!important;font-size:.62rem!important;padding:0 7px!important;}
  body:not(.admin-body) .product-card__add-btn{min-width:78px!important;max-width:92px!important;font-size:.62rem!important;padding:0 7px!important;}
  body:not(.admin-body) .product-card__add-btn:disabled{min-width:94px!important;max-width:104px!important;font-size:.58rem!important;}
}
@media(max-width:380px){body:not(.admin-body) .products-grid{grid-template-columns:1fr!important;}body:not(.admin-body) .product-card__img{height:220px!important;}}

/* Productos: filtros plegables en móvil/tablet */
.shop-filter-toggle{display:none;width:100%;border:1px solid rgba(125,240,170,.25);background:linear-gradient(135deg,rgba(12,138,90,.95),rgba(7,92,59,.95));color:#fff;border-radius:16px;padding:13px 15px;font-weight:900;align-items:center;justify-content:space-between;margin-bottom:14px;}
.shop-filter-content{display:block;}
@media(max-width:980px){
  .shop-shell{padding-top:18px!important;}
  .shop-layout{grid-template-columns:1fr!important;gap:18px!important;}
  .shop-sidebar{position:relative!important;top:auto!important;width:100%!important;padding:16px!important;border-radius:22px!important;}
  .shop-filter-toggle{display:flex!important;}
  .shop-filter-content{display:none;}
  .shop-sidebar.filters-open .shop-filter-content{display:block;}
  .shop-checks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px!important;}
  .shop-checks label{min-width:0!important;font-size:.92rem!important;}
  .shop-topbar{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-items:stretch!important;}
  .shop-topbar select{width:100%!important;}
}
@media(max-width:560px){.shop-checks{grid-template-columns:1fr!important;}.shop-breadcrumb{font-size:.82rem!important;}.shop-search-box input{height:46px!important;}.shop-filter-title h3{font-size:1rem!important;}}

/* Auth: recuperación de contraseña legible y responsive */
.auth-page{padding:20px!important;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 10%,rgba(32,212,122,.22),transparent 34%),linear-gradient(135deg,#030806,#0b2418)!important;}
.auth-card{width:min(430px,100%)!important;margin:0!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(125,240,170,.22)!important;border-radius:28px!important;box-shadow:0 24px 70px rgba(0,0,0,.35)!important;color:#fff!important;}
.auth-card h1,.auth-card p,.auth-card a,.auth-card strong{color:#fff!important;}
.auth-card .form input{background:#fff!important;color:#10251d!important;border-radius:14px!important;}
.auth-card .alert{color:#fff!important;background:rgba(32,212,122,.16)!important;border:1px solid rgba(32,212,122,.28)!important;border-radius:14px!important;padding:10px 12px!important;}

/* Checkout: resumen con envío por distrito */
.checkout-shipping-note {
    margin-top: 12px;
    color: #5b6b63;
    font-size: .92rem;
    line-height: 1.45;
}

#checkoutDistrito {
    cursor: pointer;
}

.summary-row strong#checkoutEnvio {
    text-align: right;
    color: var(--primary);
}

@media (max-width: 900px) {
    .checkout-layout {
        gap: 18px;
    }

    .checkout-layout .panel {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .checkout-layout .panel {
        padding: 18px;
        border-radius: 18px;
    }

    .summary-row {
        gap: 10px;
        align-items: flex-start;
    }

    .summary-row span {
        max-width: 62%;
    }
}

/* =========================================================
   ALTEREGO PRO THEME - MODO CLARO / OSCURO TIPO VIDRIO
   Se aplica en todas las páginas mediante js/theme.js
========================================================= */
:root,
html[data-theme="dark"]{
  --ae-bg:#0b0f0d;
  --ae-bg-2:#111816;
  --ae-surface:rgba(16,24,21,.82);
  --ae-surface-solid:#101815;
  --ae-card:rgba(255,255,255,.06);
  --ae-card-solid:#151f1b;
  --ae-text:#ffffff;
  --ae-text-strong:#ffffff;
  --ae-muted:rgba(255,255,255,.70);
  --ae-line:rgba(255,255,255,.13);
  --ae-accent:#16865a;
  --ae-accent-2:#35c986;
  --ae-glass:rgba(255,255,255,.08);
  --ae-shadow:0 22px 60px rgba(0,0,0,.30);
}



html[data-theme="light"] body{
  background:
    radial-gradient(circle at 8% -4%, rgba(15,107,71,.12), transparent 30%),
    linear-gradient(135deg,#f6fafb 0%,#eef4f1 45%,#ffffff 100%) !important;
}

.header,
.admin-topbar{
  background:linear-gradient(135deg,rgba(7,15,12,.90),rgba(8,42,30,.88)) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--ae-line) !important;
  box-shadow:var(--ae-shadow) !important;
}

html[data-theme="light"] .nav,
html[data-theme="light"] .admin-nav a,
html[data-theme="light"] .admin-brand,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .nav > a,
html[data-theme="light"] .nav-dropdown__toggle{
  color:#101715 !important;
}
html[data-theme="light"] .nav > a,
html[data-theme="light"] .nav-dropdown__toggle,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .admin-nav a{
  background:rgba(255,255,255,.74) !important;
  border-color:rgba(12,20,17,.10) !important;
  box-shadow:0 10px 25px rgba(20,40,34,.08) !important;
}
html[data-theme="light"] .nav > a:hover,
html[data-theme="light"] .nav-dropdown__toggle:hover,
html[data-theme="light"] .admin-nav a:hover,
html[data-theme="light"] .admin-nav a.active{
  background:#ffffff !important;
  color:#0b6b47 !important;
  border-color:rgba(11,107,71,.24) !important;
}

.theme-toggle{
  
  min-width:110px;
  
  
  
  
  
  
  justify-content:center;
  
  
  cursor:pointer;
  
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  font-weight:900;
  font-size:12px;
  letter-spacing:.02em;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  flex:0 0 auto;
}
.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 16px 35px rgba(0,0,0,.16);}
.theme-toggle__icon{
  
  
  
  
  
  
  line-height:1;
}
.theme-toggle__sun{color:#f6a800;background:rgba(246,168,0,.12);}

html[data-theme="light"] .theme-toggle__moon{color:#1d2630;background:#eef3f5;}
html[data-theme="dark"] .theme-toggle__sun{opacity:.55;}
html[data-theme="light"] .theme-toggle__moon{opacity:.55;}
.theme-floating-wrap{position:fixed;top:16px;left:16px;z-index:9999;}

.hero,
.page-hero,
.cta,
.account-card{
  background:
    radial-gradient(circle at 88% 18%, rgba(53,201,134,.20), transparent 30%),
    linear-gradient(135deg,#07100d 0%,#10211b 48%,#07100d 100%) !important;
  color:#fff !important;
}
html[data-theme="light"] .hero,
html[data-theme="light"] .page-hero,
html[data-theme="light"] .cta,
html[data-theme="light"] .account-card{
  background:rgba(255,255,255,.78) !important;
  color:#101715 !important;
  border:1px solid var(--ae-line);
  box-shadow:var(--ae-shadow);
}
html[data-theme="light"] .hero{margin:18px auto 0;width:min(1180px,94%);border-radius:28px;padding:52px 0;overflow:hidden;}
html[data-theme="light"] .hero h1,
html[data-theme="light"] .hero p,
html[data-theme="light"] .page-hero h1,
html[data-theme="light"] .page-hero p,
html[data-theme="light"] .cta h2,
html[data-theme="light"] .cta p{color:#101715 !important;}
html[data-theme="light"] .tag{background:#ffffff;color:#0b6b47;border-color:rgba(11,107,71,.18);box-shadow:0 10px 24px rgba(20,40,34,.08);}
.hero__media,
.promo-banner__inner,
.product-card,
.category-card,
.benefits article,
.panel,
.auth-card,
.order-card--separada,
.modal-card,
.profile-menu,
.glass-panel,
.admin-section,
.admin-stats div{
  background:var(--ae-card) !important;
  color:var(--ae-text) !important;
  border:1px solid var(--ae-line) !important;
  box-shadow:var(--ae-shadow) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
html[data-theme="light"] .hero__media,
html[data-theme="light"] .promo-banner__inner,
html[data-theme="light"] .product-card,
html[data-theme="light"] .category-card,
html[data-theme="light"] .benefits article,
html[data-theme="light"] .panel,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .order-card--separada,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .profile-menu,
html[data-theme="light"] .glass-panel,
html[data-theme="light"] .admin-section,
html[data-theme="light"] .admin-stats div{
  background:rgba(255,255,255,.82) !important;
  color:#101715 !important;
}

.promo-banner__inner{border-radius:28px !important;background:linear-gradient(135deg,rgba(10,18,15,.88),rgba(9,50,34,.76)) !important;}
html[data-theme="light"] .promo-banner__inner{background:rgba(255,255,255,.82) !important;}
html[data-theme="light"] .promo-banner h2,
html[data-theme="light"] .promo-banner p,
html[data-theme="light"] .promo-banner__tag{color:#101715 !important;}
html[data-theme="light"] .promo-banner__tag{background:#f2f7f4;border:1px solid var(--ae-line);}
.promo-banner img,.hero__media img,.hero__media video{border-radius:24px;object-fit:cover;width:100%;height:100%;min-height:320px;}

.section--soft{background:rgba(255,255,255,.03) !important;}
html[data-theme="light"] .section--soft{background:rgba(255,255,255,.48) !important;}
.section__title h2,
.product-card__title,
.price,
.benefits h3,
.category-card strong,
.panel h1,
.panel h2,
.panel h3,
.admin-section h2,
.admin-section h3,
.admin-section strong{color:var(--ae-text-strong) !important;}
.section__title p,
.product-card__desc,
.benefits p,
.footer p,.footer a,.admin-section p,.admin-section small,.muted,.shop-muted{color:var(--ae-muted) !important;}
.product-card__brand,.profile-menu__link{color:var(--ae-accent-2) !important;}
html[data-theme="light"] .product-card__brand,
html[data-theme="light"] .profile-menu__link{color:#0b6b47 !important;}
.product-card__img{border-bottom:1px solid var(--ae-line);}
.category-card{min-height:126px;display:grid;place-items:center;gap:5px;}
.ae-home-categories .category-card{border-radius:24px !important;}
.ae-home-categories .category-card span{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:rgba(31,163,109,.12);font-size:25px;margin:0 auto 8px;}
html[data-theme="light"] .ae-home-categories .category-card span{background:#eef8f2;}

.btn--primary,.small-btn,.admin-pagination button.active{
  background:linear-gradient(135deg,var(--ae-accent),var(--ae-accent-2)) !important;
  color:#fff !important;
  border:0 !important;
}
html[data-theme="light"] .btn--primary,
html[data-theme="light"] .small-btn,
html[data-theme="light"] .admin-pagination button.active{
  background:#0b6b47 !important;
  color:#fff !important;
}



input,select,textarea,
.form input,.form select,.form textarea,
.toolbar input,.toolbar select,
.admin-form input,.admin-form textarea,.admin-form select,.admin-toolbar input,.admin-toolbar select,.admin-select,
.profile-menu__form input,.profile-menu__form textarea,.profile-menu__form select{
  background:var(--ae-card-solid) !important;
  color:var(--ae-text-strong) !important;
  border:1px solid var(--ae-line) !important;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .form input,
html[data-theme="light"] .form select,
html[data-theme="light"] .form textarea,
html[data-theme="light"] .toolbar input,
html[data-theme="light"] .toolbar select,
html[data-theme="light"] .admin-form input,
html[data-theme="light"] .admin-form textarea,
html[data-theme="light"] .admin-form select,
html[data-theme="light"] .admin-toolbar input,
html[data-theme="light"] .admin-toolbar select,
html[data-theme="light"] .admin-select,
html[data-theme="light"] .profile-menu__form input,
html[data-theme="light"] .profile-menu__form textarea,
html[data-theme="light"] .profile-menu__form select{background:#fff !important;color:#101715 !important;}

.admin-body{color:var(--ae-text) !important;}
html[data-theme="light"] .admin-body{background:linear-gradient(135deg,#f6fafb,#eef5f1 48%,#ffffff) !important;color:#101715 !important;}
.admin-table-wrap,.admin-table{border-color:var(--ae-line) !important;}
.admin-table th{border-color:var(--ae-line) !important;}
.admin-table td{background:transparent !important;color:var(--ae-text) !important;border-color:var(--ae-line) !important;}
.admin-table tr:hover td{background:rgba(255,255,255,.05) !important;}

html[data-theme="light"] .admin-table td{color:#101715 !important;}



html[data-theme="light"] .footer{
  background:#ffffff !important;
  color:#101715 !important;
  box-shadow:0 -12px 40px rgba(20,40,34,.06);
}
html[data-theme="light"] .footer h4{color:#0b6b47 !important;}
html[data-theme="light"] .footer a,
html[data-theme="light"] .footer p{color:#53625c !important;}
.footer-social{flex-wrap:wrap;}
.footer-social a{
  
  
  color:#fff !important;font-weight:900;text-transform:uppercase;font-size:13px;
  transition:.2s ease;
}
.footer-social a:hover{transform:translateY(-2px);background:var(--ae-accent) !important;color:#fff !important;}
html[data-theme="light"] .footer-social a{background:#f1f7f4;border-color:#dfeae5;color:#0b6b47 !important;}

@media (max-width:900px){
  .theme-toggle{min-width:86px;height:38px;padding:4px 6px;font-size:0;gap:4px;}
  .theme-toggle__label{display:none;}
  .theme-toggle__icon{width:28px;height:28px;font-size:14px;}
  .header__content{gap:8px !important;}
  .nav.active{background:var(--ae-surface-solid) !important;color:var(--ae-text) !important;border-top:1px solid var(--ae-line);}
  html[data-theme="light"] .nav.active{background:#fff !important;color:#101715 !important;}
  .hero,.page-hero{width:min(100%,94%) !important;margin-inline:auto;border-radius:24px;}
  .promo-banner__inner{grid-template-columns:1fr !important;padding:20px !important;}
}
@media (max-width:560px){
  .theme-toggle--header{order:2;}
  .header__actions{gap:6px;}
  .icon-btn{min-width:38px;height:38px;}
  .hero{padding:34px 0 !important;}
  .promo-banner img,.hero__media img,.hero__media video{min-height:220px;}
  .category-card{min-height:110px;padding:16px !important;}
  .footer-social a{width:36px;height:36px;border-radius:12px;}
}

/* =========================================================
   FIX FINAL MODO CLARO/OSCURO - CARRUSEL Y CONTRASTE
   Mantiene el mismo tamaño/layout entre temas.
========================================================= */

/* Variables refinadas */
html[data-theme="light"]{
  --ae-bg:#f4f7f8;
  --ae-bg-2:#ffffff;
  --ae-surface:rgba(255,255,255,.76);
  --ae-surface-solid:#ffffff;
  --ae-card:rgba(255,255,255,.78);
  --ae-card-solid:#ffffff;
  --ae-text:#101715;
  --ae-text-strong:#050807;
  --ae-muted:#52625c;
  --ae-line:rgba(12,24,18,.12);
  --ae-accent:#0f7a4f;
  --ae-accent-2:#5fe09a;
  --ae-glass:rgba(255,255,255,.74);
  --ae-shadow:0 20px 60px rgba(20,38,32,.12);
}

/* El modo claro NO debe cambiar tamaños del carrusel */
html[data-theme="light"] body:not(.admin-body) .hero,
html[data-theme="dark"] body:not(.admin-body) .hero,
body:not(.admin-body) .hero{
  width:min(1180px,94%) !important;
  margin:18px auto 0 !important;
  border-radius:28px !important;
  padding:0 !important;
  overflow:hidden !important;
  min-height:560px !important;
  display:block !important;
}

html[data-theme="light"] body:not(.admin-body) .hero__grid,
html[data-theme="dark"] body:not(.admin-body) .hero__grid,
body:not(.admin-body) .hero__grid{
  min-height:560px !important;
  display:grid !important;
  grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr) !important;
  align-items:center !important;
  gap:30px !important;
  padding:54px 34px !important;
}

/* Modo claro: vidrio blanco, misma estructura del oscuro */
html[data-theme="light"] body:not(.admin-body) .hero,
html[data-theme="light"] .page-hero,
html[data-theme="light"] .cta,
html[data-theme="light"] .account-card{
  background:
    radial-gradient(circle at 80% 12%, rgba(15,122,79,.10), transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.88),rgba(247,251,249,.72)) !important;
  color:#101715 !important;
  border:1px solid rgba(12,24,18,.12) !important;
  box-shadow:var(--ae-shadow) !important;
}

html[data-theme="light"] body:not(.admin-body) .hero::after{
  background:linear-gradient(90deg,rgba(255,255,255,.90),rgba(255,255,255,.52),rgba(255,255,255,.08)) !important;
  opacity:.92 !important;
}

/* Textos siempre legibles en claro */
html[data-theme="light"] body:not(.admin-body) .hero h1,
html[data-theme="light"] body:not(.admin-body) .hero h1 span,
html[data-theme="light"] body:not(.admin-body) .hero h1 strong,
html[data-theme="light"] body:not(.admin-body) .hero p,
html[data-theme="light"] .section__title h2,
html[data-theme="light"] .section__title p,
html[data-theme="light"] .product-card__title,
html[data-theme="light"] .category-card strong,
html[data-theme="light"] .benefits h3,
html[data-theme="light"] .benefits p,
html[data-theme="light"] .panel h1,
html[data-theme="light"] .panel h2,
html[data-theme="light"] .panel h3,
html[data-theme="light"] .panel p,
html[data-theme="light"] .auth-card h1,
html[data-theme="light"] .auth-card h2,
html[data-theme="light"] .auth-card p,
html[data-theme="light"] .admin-section,
html[data-theme="light"] .admin-section h1,
html[data-theme="light"] .admin-section h2,
html[data-theme="light"] .admin-section h3,
html[data-theme="light"] .admin-section p,
html[data-theme="light"] .admin-section label,
html[data-theme="light"] .admin-section small,
html[data-theme="light"] .admin-table,
html[data-theme="light"] .admin-table th,
html[data-theme="light"] .admin-table td{
  color:#101715 !important;
}

/* Quitar nitidez artificial: sin gris, sin contraste, sin brillo forzado */
body:not(.admin-body) .hero__media img,
body:not(.admin-body) .hero__media video,
body:not(.admin-body) #heroCarousel .hero__media img,
body:not(.admin-body) #heroCarousel .hero__media video,
.promo-banner img,
.product-card__img img,
.product-card img,
.category-card img{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  object-position:center center !important;
}

/* Imagen/video del carrusel con color original y centrado */
body:not(.admin-body) .hero__media{
  position:relative !important;
  min-height:430px !important;
  height:430px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.06) !important;
}

html[data-theme="light"] body:not(.admin-body) .hero__media{
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(12,24,18,.10) !important;
}

body:not(.admin-body) .hero__media img,
body:not(.admin-body) .hero__media video{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:24px !important;
  display:block !important;
}

/* Si el carrusel trae productos con fondo blanco, mantenerlos limpios */
body:not(.admin-body) .hero__media img[src*="american"],
body:not(.admin-body) .hero__media img[src*="revlon"],
body:not(.admin-body) .hero__media img[src*="crew"]{
  object-fit:contain !important;
  background:#fff !important;
  padding:18px !important;
}

/* Botones en claro: verdes con letra negra, distinguibles */
html[data-theme="light"] .btn--primary,
html[data-theme="light"] .small-btn,
html[data-theme="light"] .admin-pagination button.active,
html[data-theme="light"] button.btn--primary,
html[data-theme="light"] a.btn--primary{
  background:linear-gradient(135deg,#9ff0bd,#42c980) !important;
  color:#07110c !important;
  border:1px solid rgba(7,17,12,.12) !important;
  box-shadow:0 14px 30px rgba(26,144,85,.20) !important;
  text-shadow:none !important;
}

html[data-theme="light"] .btn--primary:hover,
html[data-theme="light"] .small-btn:hover{
  background:linear-gradient(135deg,#b7f6cc,#58d893) !important;
  color:#000 !important;
}

html[data-theme="light"] .btn--outline,
html[data-theme="light"] .btn--secondary{
  background:rgba(255,255,255,.78) !important;
  color:#0c2419 !important;
  border:1px solid rgba(15,122,79,.28) !important;
  box-shadow:0 12px 28px rgba(20,38,32,.08) !important;
}

/* Cards y paneles claros con texto negro */
html[data-theme="light"] .product-card,
html[data-theme="light"] .category-card,
html[data-theme="light"] .benefits article,
html[data-theme="light"] .promo-banner__inner,
html[data-theme="light"] .panel,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .glass-panel,
html[data-theme="light"] .order-card--separada,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .admin-section,
html[data-theme="light"] .admin-table-wrap,
html[data-theme="light"] .dashboard-kpi-panel,
html[data-theme="light"] .report-filter-panel{
  background:rgba(255,255,255,.80) !important;
  color:#101715 !important;
  border:1px solid rgba(12,24,18,.11) !important;
  box-shadow:var(--ae-shadow) !important;
}

html[data-theme="light"] .product-card__brand,
html[data-theme="light"] .price,
html[data-theme="light"] .shop-filter-title h3,
html[data-theme="light"] .shop-breadcrumb a,
html[data-theme="light"] .shop-breadcrumb strong{
  color:#0f7a4f !important;
}

/* Header claro tipo vidrio, sin cambiar tamaño */
html[data-theme="light"] .header,
html[data-theme="light"] .admin-topbar{
  background:rgba(255,255,255,.78) !important;
  color:#101715 !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  border-bottom:1px solid rgba(12,24,18,.10) !important;
}

html[data-theme="light"] .logo img,
html[data-theme="light"] .footer__logo{
  filter:invert(1) hue-rotate(170deg) saturate(.6) brightness(.55) !important;
}

/* Switch estable: no debe deformar header ni carrusel */
.theme-toggle,
.theme-toggle--header,
.theme-toggle--admin,
.theme-toggle--floating{
  width:92px !important;
  min-width:92px !important;
  height:42px !important;
  padding:5px !important;
  border-radius:999px !important;
  gap:6px !important;
}
.theme-toggle__label{display:none !important;}
.theme-toggle__icon{
  width:31px !important;
  height:31px !important;
  font-size:15px !important;
  flex:0 0 31px !important;
}
html[data-theme="light"] .theme-toggle{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(12,24,18,.12) !important;
}
html[data-theme="dark"] .theme-toggle{
  
  border-color:rgba(255,255,255,.14) !important;
}

/* Admin claro: sidebar/topbar/paneles legibles */
html[data-theme="light"] .admin-body,
html[data-theme="light"] body.admin-body{
  background:linear-gradient(135deg,#f6fafb,#eef5f1 48%,#ffffff) !important;
  color:#101715 !important;
}
html[data-theme="light"] .admin-sidebar,
html[data-theme="light"] .admin-main,
html[data-theme="light"] .admin-card,
html[data-theme="light"] .admin-stat,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .admin-panel{
  background:rgba(255,255,255,.78) !important;
  color:#101715 !important;
  border-color:rgba(12,24,18,.11) !important;
}
html[data-theme="light"] .admin-nav a{
  color:#101715 !important;
}
html[data-theme="light"] .admin-nav a.active,
html[data-theme="light"] .admin-nav a:hover{
  background:rgba(95,224,154,.20) !important;
  color:#0f5f40 !important;
}

/* Responsive: mismo comportamiento en claro y oscuro */
@media (max-width:900px){
  html[data-theme="light"] body:not(.admin-body) .hero,
  html[data-theme="dark"] body:not(.admin-body) .hero,
  body:not(.admin-body) .hero{
    width:min(100%,94%) !important;
    min-height:auto !important;
    border-radius:24px !important;
  }
  html[data-theme="light"] body:not(.admin-body) .hero__grid,
  html[data-theme="dark"] body:not(.admin-body) .hero__grid,
  body:not(.admin-body) .hero__grid{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:28px 18px !important;
    gap:20px !important;
  }
  body:not(.admin-body) .hero__media{
    order:-1 !important;
    height:300px !important;
    min-height:300px !important;
  }
  body:not(.admin-body) .hero__media img,
  body:not(.admin-body) .hero__media video{
    height:300px !important;
    min-height:0 !important;
    max-height:none !important;
  }
  html[data-theme="light"] body:not(.admin-body) .hero::after{
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.88)) !important;
  }
}

@media (max-width:560px){
  .theme-toggle,
  .theme-toggle--header,
  .theme-toggle--admin,
  .theme-toggle--floating{
    width:78px !important;
    min-width:78px !important;
    height:38px !important;
  }
  .theme-toggle__icon{
    width:28px !important;
    height:28px !important;
    flex-basis:28px !important;
    font-size:14px !important;
  }
  body:not(.admin-body) .hero__media{
    height:240px !important;
    min-height:240px !important;
  }
  body:not(.admin-body) .hero__media img,
  body:not(.admin-body) .hero__media video{
    height:240px !important;
  }
}


/* Mejoras modo claro y media visual */
[data-theme="light"]{
 --text-primary:#111 !important;
}
[data-theme="light"] *{
 color: inherit;
}
[data-theme="light"] .text-white,
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] .login-card,
[data-theme="light"] .producto-card,
[data-theme="light"] .categoria-card{
 color:#111 !important;
}
.hero-slide img,
.hero-slide video,
.hero-banner img,
.banner img{
 width:100% !important;
 height:100% !important;
 object-fit:cover !important;
 object-position:center center !important;
 filter:none !important;
}

/* =========================================================
   FIX FINAL VISIBILIDAD MODO CLARO + CARRUSEL/BANNERS
   ========================================================= */

/* Modo claro: ningún texto blanco sobre fondos blancos */
html[data-theme="light"] body,
html[data-theme="light"] body:not(.admin-body),
html[data-theme="light"] .main,
html[data-theme="light"] main,
html[data-theme="light"] .section,
html[data-theme="light"] .section--soft,
html[data-theme="light"] .page-hero,
html[data-theme="light"] .shop-shell,
html[data-theme="light"] .shop-layout,
html[data-theme="light"] .shop-sidebar,
html[data-theme="light"] .shop-results,
html[data-theme="light"] .auth-page,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .glass-panel,
html[data-theme="light"] .card,
html[data-theme="light"] .admin-body,
html[data-theme="light"] body.admin-body,
html[data-theme="light"] .admin-layout,
html[data-theme="light"] .admin-section,
html[data-theme="light"] .admin-card,
html[data-theme="light"] .admin-panel,
html[data-theme="light"] .admin-stats div,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .dashboard-kpi,
html[data-theme="light"] .dashboard-kpi-panel,
html[data-theme="light"] .report-filter-panel,
html[data-theme="light"] .admin-table-wrap,
html[data-theme="light"] .modal-card,
html[data-theme="light"] .order-card,
html[data-theme="light"] .order-card--separada,
html[data-theme="light"] .promo-banner__inner,
html[data-theme="light"] .product-card,
html[data-theme="light"] .category-card,
html[data-theme="light"] .benefits article {
  color:#101715 !important;
  text-shadow:none !important;
}

html[data-theme="light"] body:not(.admin-body) :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,li,td,th,div,a),
html[data-theme="light"] body.admin-body :where(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,li,td,th,div,a),
html[data-theme="light"] .auth-card :where(h1,h2,h3,h4,p,span,strong,small,label,a),
html[data-theme="light"] .shop-sidebar :where(h1,h2,h3,h4,p,span,strong,small,label,a),
html[data-theme="light"] .product-card :where(h1,h2,h3,h4,p,span,strong,small,label,a),
html[data-theme="light"] .category-card :where(h1,h2,h3,h4,p,span,strong,small,label,a),
html[data-theme="light"] .admin-section :where(h1,h2,h3,h4,p,span,strong,small,label,a,td,th),
html[data-theme="light"] .admin-table :where(td,th,span,strong,small,button) {
  color:#101715 !important;
  text-shadow:none !important;
}

/* Excepciones de acento en modo claro */
html[data-theme="light"] .price,
html[data-theme="light"] .product-card__brand,
html[data-theme="light"] .shop-breadcrumb a,
html[data-theme="light"] .shop-breadcrumb strong,
html[data-theme="light"] .page-hero .tag,
html[data-theme="light"] .tag,
html[data-theme="light"] .promo-banner__tag,
html[data-theme="light"] .offer-badge {
  color:#087347 !important;
}

/* Fondo claro vidrio: todo lo verde de paneles pasa a blanco/vidrio */
html[data-theme="light"] .admin-stats div,
html[data-theme="light"] .dashboard-kpi,
html[data-theme="light"] .dashboard-kpi-panel,
html[data-theme="light"] .admin-section,
html[data-theme="light"] .admin-card,
html[data-theme="light"] .admin-panel,
html[data-theme="light"] .admin-mini-list p,
html[data-theme="light"] .config-grid p,
html[data-theme="light"] .orders-summary span,
html[data-theme="light"] .shop-sidebar,
html[data-theme="light"] .product-card,
html[data-theme="light"] .category-card,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .glass-panel,
html[data-theme="light"] .promo-banner__inner,
html[data-theme="light"] .benefits article {
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(6,61,40,.13) !important;
  box-shadow:0 20px 50px rgba(7,92,59,.10) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

/* Dashboard y tablas en claro: legibilidad total */
html[data-theme="light"] .admin-table,
html[data-theme="light"] .admin-table tbody,
html[data-theme="light"] .admin-table tr,
html[data-theme="light"] .admin-table td {
  background:#ffffff !important;
  color:#101715 !important;
}
html[data-theme="light"] .admin-table th {
  background:rgba(9,92,59,.12) !important;
  color:#101715 !important;
}
html[data-theme="light"] .admin-table tr:hover td {
  background:#f4fbf7 !important;
}
html[data-theme="light"] .admin-list-info,
html[data-theme="light"] .admin-section small,
html[data-theme="light"] .admin-table small,
html[data-theme="light"] .muted {
  color:#46564f !important;
}

/* Inputs y formularios: texto negro y placeholder visible */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select,
html[data-theme="light"] .admin-form input,
html[data-theme="light"] .admin-form textarea,
html[data-theme="light"] .admin-form select,
html[data-theme="light"] .admin-toolbar input,
html[data-theme="light"] .admin-toolbar select,
html[data-theme="light"] .admin-select,
html[data-theme="light"] .search-panel input {
  background:#ffffff !important;
  color:#101715 !important;
  border:1px solid rgba(18,176,106,.30) !important;
  caret-color:#087347 !important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder,
html[data-theme="light"] .admin-toolbar input::placeholder,
html[data-theme="light"] .auth-card input::placeholder {
  color:#697872 !important;
  opacity:1 !important;
}

/* Login/registro: enlaces antes blancos ahora visibles */
html[data-theme="light"] .auth-card a,
html[data-theme="light"] .auth-links a,
html[data-theme="light"] .forgot-password,
html[data-theme="light"] .auth-card .link,
html[data-theme="light"] .auth-card .btn-link,
html[data-theme="light"] .auth-card p a {
  color:#075c3b !important;
  font-weight:800 !important;
  opacity:1 !important;
}
html[data-theme="light"] .auth-card .btn--primary,
html[data-theme="light"] .auth-card button[type="submit"] {
  color:#06110c !important;
}

/* Categorías del index en modo claro: vidrio blanco y letra negra */
html[data-theme="light"] body:not(.admin-body) .category-card {
  
  border-color:rgba(7,92,59,.12) !important;
}
html[data-theme="light"] body:not(.admin-body) .category-card strong,
html[data-theme="light"] body:not(.admin-body) .category-card span {
  color:#101715 !important;
}
html[data-theme="light"] body:not(.admin-body) .category-card span {
  background:rgba(7,92,59,.08) !important;
}

/* Stock en tienda: verde/rojo fuerte para que destaque sobre blanco */
html[data-theme="light"] body:not(.admin-body) .product-stock,
html[data-theme="light"] body:not(.admin-body) .stock-note--on {
  background:rgba(0,150,82,.14) !important;
  color:#047343 !important;
  border:1px solid rgba(0,150,82,.38) !important;
  font-weight:900 !important;
}
html[data-theme="light"] body:not(.admin-body) .product-stock--empty,
html[data-theme="light"] body:not(.admin-body) .stock-note--off {
  background:rgba(198,40,40,.12) !important;
  color:#b42318 !important;
  border:1px solid rgba(198,40,40,.35) !important;
  font-weight:900 !important;
}

/* Stock admin: más claro, separado y sin montarse */
.admin-stock-cell {
  min-width:118px !important;
  gap:8px !important;
}
.admin-stock-cell strong {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:44px !important;
  min-height:30px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  padding:4px 10px !important;
}
html[data-theme="light"] .admin-stock-cell strong {
  background:rgba(7,92,59,.08) !important;
  color:#073d2a !important;
}
html[data-theme="light"] .stock-note--on,
html[data-theme="light"] .btn-mini--stock,
html[data-theme="light"] .btn-mini[data-action*="disponible"],
html[data-theme="light"] button[data-action*="Disponible"] {
  background:#e6f9ee !important;
  color:#047343 !important;
  border:1px solid rgba(0,150,82,.42) !important;
}
html[data-theme="light"] .stock-note--off,
html[data-theme="light"] .stock-low,
html[data-theme="light"] .btn-mini--danger,
html[data-theme="light"] button[data-action*="No"] {
  background:#fff0ef !important;
  color:#b42318 !important;
  border:1px solid rgba(198,40,40,.35) !important;
}

/* Botones verdes en modo claro con letra negra legible */
html[data-theme="light"] .btn--primary,
html[data-theme="light"] .small-btn,
html[data-theme="light"] .btn-mini,
html[data-theme="light"] .product-card__add-btn,
html[data-theme="light"] .admin-form button,
html[data-theme="light"] .admin-toolbar button,
html[data-theme="light"] .admin-actions button,
html[data-theme="light"] .admin-actions-inline button {
  color:#06110c !important;
  text-shadow:none !important;
}
html[data-theme="light"] .btn--danger,
html[data-theme="light"] .btn-mini--danger {
  color:#7a160f !important;
}

/* Carrusel principal: video o imagen siempre del tamaño exacto del carrete */
body:not(.admin-body) #heroCarousel.hero,
body:not(.admin-body) .hero.hero-carousel {
  
  margin:24px auto 0 !important;
  padding:0 !important;
  
  height:auto !important;
  
  
}
body:not(.admin-body) #heroCarousel .hero__grid,
body:not(.admin-body) .hero-carousel .hero__grid {
  width:100% !important;
  max-width:none !important;
  
  margin:0 !important;
  
  
  
  
  gap:clamp(24px,4vw,64px) !important;
}
body:not(.admin-body) #heroCarousel .hero__media,
body:not(.admin-body) .hero-carousel .hero__media {
  
  
  
  
  aspect-ratio:16/10 !important;
  
  
  display:block !important;
  
  
}
body:not(.admin-body) #heroCarousel .hero__media img,
body:not(.admin-body) #heroCarousel .hero__media video,
body:not(.admin-body) .hero-carousel .hero__media img,
body:not(.admin-body) .hero-carousel .hero__media video {
  
  
  display:block !important;
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

/* Banners: imagen ocupa exactamente el área del banner */

body:not(.admin-body) .promo-banner__inner img,
body:not(.admin-body) .promo-banner img,
body:not(.admin-body) .banner img,
body:not(.admin-body) .hero-banner img {
  width:100% !important;
  height:320px !important;
  min-height:320px !important;
  max-height:320px !important;
  object-fit:cover !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:24px !important;
  filter:none !important;
}

@media (max-width:980px){
  body:not(.admin-body) #heroCarousel.hero,
  body:not(.admin-body) .hero.hero-carousel{
    width:min(100% - 28px, 900px) !important;
    min-height:auto !important;
    border-radius:28px !important;
  }
  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) .hero-carousel .hero__grid{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:28px 20px !important;
  }
  body:not(.admin-body) #heroCarousel .hero__media,
  body:not(.admin-body) .hero-carousel .hero__media{
    order:-1 !important;
    height:340px !important;
    min-height:340px !important;
    max-height:340px !important;
  }
  body:not(.admin-body) .promo-banner__inner img,
  body:not(.admin-body) .promo-banner img,
  body:not(.admin-body) .banner img,
  body:not(.admin-body) .hero-banner img{
    height:260px !important;
    min-height:260px !important;
    max-height:260px !important;
  }
}

@media (max-width:560px){
  body:not(.admin-body) #heroCarousel.hero,
  body:not(.admin-body) .hero.hero-carousel{
    width:calc(100% - 22px) !important;
    border-radius:22px !important;
  }
  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) .hero-carousel .hero__grid{
    padding:18px 14px 24px !important;
    gap:16px !important;
  }
  body:not(.admin-body) #heroCarousel .hero__media,
  body:not(.admin-body) .hero-carousel .hero__media{
    height:240px !important;
    min-height:240px !important;
    max-height:240px !important;
    border-radius:20px !important;
  }
  body:not(.admin-body) .promo-banner__inner img,
  body:not(.admin-body) .promo-banner img,
  body:not(.admin-body) .banner img,
  body:not(.admin-body) .hero-banner img{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}

/* =====================================================
   FIX FINAL TIENDA: tarjetas premium + botón centrado
   - No mostrar stock en tarjeta pública
   - Botón centrado, blanco legible en modo claro
   - Sin stock: NO DISPONIBLE rojo fuerte
   - Carrusel y banners llenan su marco sin deformarse
   ===================================================== */
body:not(.admin-body) .product-card__status-row--center,
body:not(.admin-body) .product-card__status-row{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:10px 0 8px !important;
  padding:0 !important;
  gap:0 !important;
}
body:not(.admin-body) .product-card__status-row .product-stock,
body:not(.admin-body) .product-card .product-stock{
  display:none !important;
}
body:not(.admin-body) .product-card__status-row .product-card__add-btn,
body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  width:min(100%, 205px) !important;
  max-width:205px !important;
  min-width:172px !important;
  height:42px !important;
  min-height:42px !important;
  padding:10px 18px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  background:linear-gradient(135deg,#0c2b1e,#126a42) !important;
  color:#ffffff !important;
  border:1px solid rgba(91,235,145,.48) !important;
  box-shadow:0 14px 26px rgba(5,45,27,.23) !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  line-height:1 !important;
  white-space:nowrap !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  text-shadow:none !important;
}
html[data-theme="light"] body:not(.admin-body) .product-card__status-row .product-card__add-btn,
html[data-theme="light"] body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart{
  background:linear-gradient(135deg,#07934f,#53d487) !important;
  color:#ffffff !important;
  border:1px solid rgba(5,125,67,.35) !important;
  box-shadow:0 16px 34px rgba(11,135,75,.22) !important;
}
body:not(.admin-body) .product-card__status-row .product-card__add-btn:hover:not(:disabled),
body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart:hover:not(:disabled){
  transform:translateY(-2px) !important;
  color:#ffffff !important;
  filter:none !important;
  box-shadow:0 18px 38px rgba(10,147,79,.30) !important;
}
body:not(.admin-body) .product-card__cart-icon{
  display:inline-flex !important;
  
  
  
  min-width:auto !important;
}
body:not(.admin-body) .product-card__add-btn--empty,
body:not(.admin-body) .product-card__status-row .product-card__add-btn:disabled,
body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart:disabled{
  min-width:178px !important;
  max-width:210px !important;
  background:linear-gradient(135deg,#d61f1f,#a31313) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,69,69,.46) !important;
  box-shadow:0 14px 28px rgba(188,24,24,.25) !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn--empty,
html[data-theme="light"] body:not(.admin-body) .product-card__status-row .product-card__add-btn:disabled,
html[data-theme="light"] body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart:disabled{
  background:linear-gradient(135deg,#ef2a2a,#ba1717) !important;
  color:#ffffff !important;
  border:1px solid rgba(210,21,21,.42) !important;
  box-shadow:0 14px 30px rgba(210,21,21,.22) !important;
}




/* Modo claro: cualquier texto heredado blanco sobre vidrio pasa a oscuro */
html[data-theme="light"] body:not(.admin-body) .shop-hero,
html[data-theme="light"] body:not(.admin-body) .shop-hero *,
html[data-theme="light"] body:not(.admin-body) .product-card,
html[data-theme="light"] body:not(.admin-body) .product-card *:not(.product-card__add-btn):not(.product-card__add-btn *),
html[data-theme="light"] body:not(.admin-body) .auth-card,
html[data-theme="light"] body:not(.admin-body) .auth-card *:not(button):not(button *),
html[data-theme="light"] body:not(.admin-body) .category-card,
html[data-theme="light"] body:not(.admin-body) .category-card *{
  color:#111a16 !important;
  text-shadow:none !important;
}
html[data-theme="light"] body:not(.admin-body) .muted,
html[data-theme="light"] body:not(.admin-body) .product-card__desc,
html[data-theme="light"] body:not(.admin-body) .auth-card p{
  color:#2f3c36 !important;
}
html[data-theme="light"] body:not(.admin-body) .category-card .category-icon,
html[data-theme="light"] body:not(.admin-body) .category-card span:first-child{
  color:#087347 !important;
}

/* Categorías estilo boceto: vidrio rectangular con esquinas ovaladas, no círculos */
body:not(.admin-body) .category-card{
  border-radius:24px !important;
  min-height:132px !important;
  aspect-ratio:auto !important;
  padding:22px 18px !important;
  background:rgba(255,255,255,.12) !important;
  backdrop-filter:blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2) !important;
}
html[data-theme="light"] body:not(.admin-body) .category-card{
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 22px 48px rgba(15,50,32,.10) !important;
}

/* Carrusel: el video/imagen ocupa exactamente todo el espacio visual del carrete grande */
body:not(.admin-body) #heroCarousel.hero,
body:not(.admin-body) .hero.hero-carousel{
  width:min(1440px, calc(100% - 44px)) !important;
  min-height:560px !important;
  border-radius:34px !important;
  
}
body:not(.admin-body) #heroCarousel .hero__grid,
body:not(.admin-body) .hero-carousel .hero__grid{
  min-height:560px !important;
  height:560px !important;
  overflow:hidden !important;
}
body:not(.admin-body) #heroCarousel .hero__media,
body:not(.admin-body) .hero-carousel .hero__media{
  
  height:430px !important;
  min-height:430px !important;
  max-height:430px !important;
  border-radius:28px !important;
  
  
  background:transparent !important;
}
body:not(.admin-body) #heroCarousel .hero__media img,
body:not(.admin-body) #heroCarousel .hero__media video,
body:not(.admin-body) .hero-carousel .hero__media img,
body:not(.admin-body) .hero-carousel .hero__media video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
  filter:none !important;
  transform:none !important;
  opacity:1 !important;
}
body:not(.admin-body) #heroCarousel .hero__media::after,
body:not(.admin-body) .hero-carousel .hero__media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,0)) !important;
}

@media (max-width:980px){
  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) .hero-carousel .hero__grid{
    height:auto !important;
    min-height:auto !important;
  }
  body:not(.admin-body) #heroCarousel .hero__media,
  body:not(.admin-body) .hero-carousel .hero__media{
    height:340px !important;
    min-height:340px !important;
    max-height:340px !important;
  }
}
@media (max-width:560px){
  body:not(.admin-body) .product-card__status-row .product-card__add-btn,
  body:not(.admin-body) .product-card .product-card__add-btn.small-btn.js-add-cart{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    font-size:11px !important;
    height:40px !important;
    min-height:40px !important;
  }
  body:not(.admin-body) #heroCarousel .hero__media,
  body:not(.admin-body) .hero-carousel .hero__media{
    height:250px !important;
    min-height:250px !important;
    max-height:250px !important;
  }
}

/* =========================================================
   AJUSTE FINAL - tarjetas, perfil desplegable y filtros
   ========================================================= */

/* Tarjetas de productos: botón centrado, texto pequeño y siempre legible */




body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn.js-add-cart,
body:not(.admin-body) .product-card__bottom .small-btn{
  width:auto !important;
  min-width:150px !important;
  max-width:180px !important;
  height:38px !important;
  min-height:38px !important;
  padding:0 14px !important;
  margin:0 auto !important;
  border-radius:999px !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  background:linear-gradient(135deg,#086b43,#20d47a) !important;
  color:#fff !important;
  border:1px solid rgba(125,240,170,.55) !important;
  box-shadow:0 12px 26px rgba(4,74,45,.24) !important;
}
body:not(.admin-body) .product-card__add-btn *,
body:not(.admin-body) .product-card .small-btn.js-add-cart *,
body:not(.admin-body) .product-card__bottom .small-btn *{
  color:#fff !important;
}
body:not(.admin-body) .product-card__add-btn:hover:not(:disabled),
body:not(.admin-body) .product-card .small-btn.js-add-cart:hover:not(:disabled),
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn:hover:not(:disabled),
html[data-theme="light"] body:not(.admin-body) .product-card .small-btn.js-add-cart:hover:not(:disabled){
  background:linear-gradient(135deg,#064d32,#12b96a) !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
}
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn,
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn span,
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn:hover,
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn:hover span,
html[data-theme="light"] body:not(.admin-body) .product-card .small-btn.js-add-cart,
html[data-theme="light"] body:not(.admin-body) .product-card .small-btn.js-add-cart span,
html[data-theme="light"] body:not(.admin-body) .product-card .small-btn.js-add-cart:hover,
html[data-theme="light"] body:not(.admin-body) .product-card .small-btn.js-add-cart:hover span{
  color:#fff !important;
  text-shadow:none !important;
}
body:not(.admin-body) .product-card__add-btn--empty,
body:not(.admin-body) .product-card__add-btn:disabled,
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn--empty,
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn:disabled{
  min-width:138px !important;
  max-width:160px !important;
  background:#d82323 !important;
  color:#fff !important;
  border-color:#ff7b7b !important;
  box-shadow:0 12px 26px rgba(216,35,35,.18) !important;
  opacity:1 !important;
}
body:not(.admin-body) .product-card__add-btn--empty span,
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn--empty span{
  color:#fff !important;
}


@media(max-width:760px){
  body:not(.admin-body) .product-card__title{font-size:13px !important;min-height:32px !important;max-height:34px !important;}
  body:not(.admin-body) .product-card__brand{font-size:10px !important;}
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn.js-add-cart{min-width:128px !important;max-width:150px !important;height:36px !important;font-size:10px !important;padding:0 10px !important;}
  body:not(.admin-body) .product-card__add-btn--empty{min-width:120px !important;max-width:140px !important;}
  body:not(.admin-body) .product-card__bottom .price{font-size:20px !important;}
}
@media(max-width:420px){
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn.js-add-cart{min-width:112px !important;max-width:128px !important;font-size:9px !important;gap:4px !important;}
  body:not(.admin-body) .product-card__cart-icon{font-size:11px !important;}
}

/* Desplegable de perfil: oscuro real en modo oscuro y visible completo */
.profile-menu{
  width:min(360px, calc(100vw - 24px)) !important;
  max-height:calc(100vh - 92px) !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-width:thin !important;
}
html[data-theme="dark"] .profile-menu,
html:not([data-theme="light"]) .profile-menu{
  background:linear-gradient(145deg,rgba(3,14,9,.98),rgba(7,33,22,.96)) !important;
  color:#fff !important;
  border:1px solid rgba(88,231,131,.36) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.58) !important;
}
html[data-theme="dark"] .profile-menu :where(strong,small,label,a,p,span),
html:not([data-theme="light"]) .profile-menu :where(strong,small,label,a,p,span){
  color:#fff !important;
  text-shadow:none !important;
}
html[data-theme="dark"] .profile-menu__header,
html:not([data-theme="light"]) .profile-menu__header{border-bottom-color:rgba(255,255,255,.22) !important;}
html[data-theme="dark"] .profile-menu input,
html[data-theme="dark"] .profile-menu textarea,
html[data-theme="dark"] .profile-menu select,
html:not([data-theme="light"]) .profile-menu input,
html:not([data-theme="light"]) .profile-menu textarea,
html:not([data-theme="light"]) .profile-menu select{
  background:#07150f !important;
  color:#fff !important;
  border:1px solid rgba(88,231,131,.42) !important;
}
html[data-theme="dark"] .profile-menu select option,
html:not([data-theme="light"]) .profile-menu select option{background:#07150f !important;color:#fff !important;}
html[data-theme="light"] .profile-menu{
  background:rgba(255,255,255,.94) !important;
  color:#101715 !important;
}
html[data-theme="light"] .profile-menu :where(strong,small,label,a,p,span){color:#101715 !important;text-shadow:none !important;}
.profile-menu__actions{display:flex !important;gap:10px !important;flex-wrap:wrap !important;}
.profile-menu #quickLogout{width:100% !important;margin-top:4px !important;}
@media(max-width:768px){
  .profile-menu{position:fixed !important;left:12px !important;right:12px !important;top:76px !important;width:auto !important;max-height:calc(100vh - 90px) !important;padding:14px !important;}
  .profile-menu__form{gap:8px !important;}
  .profile-menu__form input,.profile-menu__form textarea,.profile-menu__form select{padding:8px 10px !important;}
  .profile-menu__form textarea{min-height:58px !important;}
}

/* Productos: categorías/filtros sin scrollbar interno, que se vea completo */
.shop-sidebar,
body:not(.admin-body) .shop-sidebar{
  max-height:none !important;
  overflow:visible !important;
}
.shop-filter-content{overflow:visible !important;max-height:none !important;}
.shop-checks{overflow:visible !important;max-height:none !important;}
@media(max-width:980px){
  .shop-sidebar{max-height:none !important;overflow:visible !important;}
  .shop-sidebar.filters-open .shop-filter-content{display:block !important;}
  .shop-checks{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:560px){.shop-checks{grid-template-columns:1fr !important;}}

/* =========================================================
   FINAL INDEX HERO: video/imagen como fondo del carrete
   Texto encima del carrusel, no al costado.
   ========================================================= */


body:not(.admin-body) #heroCarousel .hero__grid,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__grid,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__grid{
  
  
  max-width: none !important;
  
  
  
  
  
  gap: 0 !important;
}



body:not(.admin-body) #heroCarousel .hero__media img,
body:not(.admin-body) #heroCarousel .hero__media video,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__media img,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__media video,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__media img,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__media video{
  position: absolute !important;
  inset: 0 !important;
  
  
  min-width: 100% !important;
  
  max-width: none !important;
  
  
  
  
  
  
  
  opacity: 1 !important;
  
}

/* Quitar reglas anteriores que ponían contain a imágenes del hero */
body:not(.admin-body) #heroCarousel .hero__media img[src*="american"],
body:not(.admin-body) #heroCarousel .hero__media img[src*="revlon"],
body:not(.admin-body) #heroCarousel .hero__media img[src*="crew"]{
  object-fit: cover !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Capa oscura para que el texto sea legible encima del video/imagen */






body:not(.admin-body) #heroCarousel .tag,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .tag,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .tag{
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin-bottom: 18px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #6670859c !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  color: #62de0b !important;
  border: 1px solid rgba(89,242,143,.22) !important;
  letter-spacing: .08em !important;
  font-weight: 900 !important;
}



body:not(.admin-body) #heroCarousel h1 span,
body:not(.admin-body) #heroCarousel h1 strong,
html[data-theme="light"] body:not(.admin-body) #heroCarousel h1 span,
html[data-theme="light"] body:not(.admin-body) #heroCarousel h1 strong,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel h1 span,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel h1 strong{
  color: #55ef8a !important;
}



body:not(.admin-body) #heroCarousel .hero__buttons{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

body:not(.admin-body) #heroCarousel .hero__buttons .btn{
  
  justify-content: center !important;
}

body:not(.admin-body) #heroCarousel .hero-carousel__dots{
  z-index: 4 !important;
  
}

@media (max-width: 760px){
  body:not(.admin-body) #heroCarousel.hero,
  html[data-theme="light"] body:not(.admin-body) #heroCarousel.hero,
  html[data-theme="dark"] body:not(.admin-body) #heroCarousel.hero{
    width: min(94%, 520px) !important;
    min-height: 610px !important;
    border-radius: 26px !important;
  }
  body:not(.admin-body) #heroCarousel .hero__grid,
  html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__grid,
  html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__grid{
    min-height: 610px !important;
  }
  body:not(.admin-body) #heroCarousel::before{
    background:
      linear-gradient(0deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.64) 42%, rgba(0,0,0,.20) 78%, rgba(0,0,0,.34) 100%) !important;
  }
  body:not(.admin-body) #heroCarousel .hero__text,
  html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__text,
  html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__text{
    left: 20px !important;
    right: 20px !important;
    bottom: 54px !important;
    width: auto !important;
  }
  body:not(.admin-body) #heroCarousel h1,
  html[data-theme="light"] body:not(.admin-body) #heroCarousel h1,
  html[data-theme="dark"] body:not(.admin-body) #heroCarousel h1{
    font-size: clamp(2.8rem, 16vw, 4.5rem) !important;
  }
  body:not(.admin-body) #heroCarousel p,
  html[data-theme="light"] body:not(.admin-body) #heroCarousel p,
  html[data-theme="dark"] body:not(.admin-body) #heroCarousel p{
    font-size: 1.02rem !important;
  }
}


/* =========================================================
   AJUSTE FINAL PUBLICACIÓN: HERO, PRODUCTOS Y CATEGORÍAS
   ========================================================= */

/* HERO INDEX: imagen/video de fondo completo con texto encima, tamaño presentable */
body:not(.admin-body) #heroCarousel.hero,
html[data-theme="light"] body:not(.admin-body) #heroCarousel.hero,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel.hero{
  
  
  
  
  
  
  
  
  background:#06110b !important;
  border:1px solid rgba(69,230,134,.22) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.25) !important;
}



body:not(.admin-body) #heroCarousel .hero__media,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__media,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__media{
  
  
  
  
  
  
  
  
  display:block !important;
  border:0 !important;
  box-shadow:none !important;
  opacity:1 !important;
  order:initial !important;
}

body:not(.admin-body) #heroCarousel .hero__media img,
body:not(.admin-body) #heroCarousel .hero__media video,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__media img,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__media video,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__media img,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__media video{
  
  
  
  
  
  
  
  
  padding:0 !important;
  background:transparent !important;
  
}

body:not(.admin-body) #heroCarousel::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.46) 45%,rgba(0,0,0,.08) 100%) !important;
}

body:not(.admin-body) #heroCarousel::after{display:none !important;}

body:not(.admin-body) #heroCarousel .hero__text,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__text,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__text{
  position:absolute !important;
  z-index:2 !important;
  
  top:50% !important;
  
  transform:translateY(-50%) !important;
  
  padding:0 !important;
  margin:0 !important;
  color:#fff !important;
}

body:not(.admin-body) #heroCarousel .tag{
  
  
  border-radius:12px !important;
  background:rgba(255,255,255,.16) !important;
  color:#57f28d !important;
  border:1px solid rgba(87,242,141,.28) !important;
  
}

body:not(.admin-body) #heroCarousel h1,
html[data-theme="light"] body:not(.admin-body) #heroCarousel h1,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel h1{
  color:#fff !important;
  
  
  
  
  
  text-shadow:0 16px 38px rgba(0,0,0,.55) !important;
}

body:not(.admin-body) #heroCarousel h1 span,
body:not(.admin-body) #heroCarousel h1 strong{color:#53ec87 !important;}

body:not(.admin-body) #heroCarousel p,
html[data-theme="light"] body:not(.admin-body) #heroCarousel p,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel p{
  color:rgba(255,255,255,.92) !important;
  
  
  
  
  text-shadow:0 10px 24px rgba(0,0,0,.50) !important;
}

body:not(.admin-body) #heroCarousel .hero__buttons .btn{
  
  
  border-radius:15px !important;
  
  line-height:1.1 !important;
}

body:not(.admin-body) #heroCarousel .hero-carousel__dots{bottom:14px !important;}

/* PRODUCTOS: sin puntos suspensivos, texto más pequeño y centrado */
body:not(.admin-body) .product-card{
  
  
  
  gap:14px !important;
}





html[data-theme="dark"] body:not(.admin-body) .product-card__brand{color:#60ed98 !important;}










body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn,
body:not(.admin-body) .product-card__bottom .small-btn{
  
  min-width:0 !important;
  max-width:100% !important;
  
  
  
  
  
  
  
  
  overflow:visible !important;
  text-overflow:clip !important;
  
  
  letter-spacing:.02em !important;
  text-align:center !important;
  font-weight:900 !important;
  color:#fff !important;
}

html[data-theme="light"] body:not(.admin-body) .product-card__add-btn,
html[data-theme="light"] body:not(.admin-body) .product-card .small-btn,
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn:hover,
html[data-theme="light"] body:not(.admin-body) .product-card .small-btn:hover{
  color:#fff !important;
  background:linear-gradient(135deg,#069653,#38cf7a) !important;
  border-color:rgba(0,120,70,.25) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.18) !important;
}




body:not(.admin-body) .product-card__add-btn--empty,
body:not(.admin-body) .product-card--empty .product-card__add-btn,
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn--empty,
html[data-theme="light"] body:not(.admin-body) .product-card--empty .product-card__add-btn{
  background:linear-gradient(135deg,#d62b2b,#ff5353) !important;
  border-color:rgba(180,0,0,.35) !important;
  color:#fff !important;
  opacity:1 !important;
  cursor:not-allowed !important;
}





html[data-theme="dark"] body:not(.admin-body) .product-card__bottom .price,
html[data-theme="dark"] body:not(.admin-body) .price{color:#5df094 !important;}

/* CATEGORÍAS INDEX: más cuadradas, texto dentro del cuadro, responsive en tiras */
body:not(.admin-body) .ae-home-categories,
body:not(.admin-body) .categories{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr)) !important;
  gap:16px !important;
  overflow:visible !important;
}

body:not(.admin-body) .ae-home-categories .category-card,
body:not(.admin-body) .category-card{
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:126px !important;
  border-radius:20px !important;
  padding:16px 10px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  overflow:hidden !important;
}

body:not(.admin-body) .ae-home-categories .category-card span,
body:not(.admin-body) .category-card span{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  border-radius:14px !important;
  margin:0 0 10px !important;
}

body:not(.admin-body) .ae-home-categories .category-card strong,
body:not(.admin-body) .category-card strong{
  display:block !important;
  width:100% !important;
  color:inherit !important;
  font-size:.9rem !important;
  line-height:1.16 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

@media (max-width:760px){
  body:not(.admin-body) #heroCarousel.hero,
  html[data-theme="light"] body:not(.admin-body) #heroCarousel.hero,
  html[data-theme="dark"] body:not(.admin-body) #heroCarousel.hero{
    width:min(94%,520px) !important;
    height:520px !important;
    min-height:520px !important;
    border-radius:18px !important;
  }
  body:not(.admin-body) #heroCarousel .hero__text{
    left:18px !important;
    right:18px !important;
    top:auto !important;
    bottom:54px !important;
    transform:none !important;
    width:auto !important;
  }
  body:not(.admin-body) #heroCarousel::before{
    background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 46%,rgba(0,0,0,.18) 100%) !important;
  }
  body:not(.admin-body) #heroCarousel h1{
    font-size:clamp(2.25rem,13vw,3.8rem) !important;
    line-height:.98 !important;
  }
  body:not(.admin-body) #heroCarousel p{font-size:.96rem !important;}
  body:not(.admin-body) .ae-home-categories,
  body:not(.admin-body) .categories{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
  body:not(.admin-body) .ae-home-categories .category-card,
  body:not(.admin-body) .category-card{
    min-height:84px !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    gap:14px !important;
    padding:14px 16px !important;
    text-align:left !important;
  }
  body:not(.admin-body) .ae-home-categories .category-card span,
  body:not(.admin-body) .category-card span{margin:0 !important;}
  body:not(.admin-body) .ae-home-categories .category-card strong,
  body:not(.admin-body) .category-card strong{text-align:left !important;}
  body:not(.admin-body) .products-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important;}
  body:not(.admin-body) .product-card__add-btn{width:100% !important; min-height:42px !important; font-size:.68rem !important; padding:9px 8px !important;}
  body:not(.admin-body) .product-card__title{font-size:.78rem !important;}
}

@media (max-width:420px){
  body:not(.admin-body) .products-grid{grid-template-columns:1fr !important;}
  body:not(.admin-body) #heroCarousel.hero{height:500px !important;min-height:500px !important;}
}


/* =========================================================
   AJUSTE FINAL SOLICITADO - PRODUCTOS, TOAST Y HERO
   - Botón solo AÑADIR, sin puntos suspensivos
   - Tarjetas alineadas
   - Precios verdes y centrados
   - Carrusel más compacto, sin espacio vacío
   ========================================================= */

/* HERO INDEX: compacto, presentable y lleno */


body:not(.admin-body) #heroCarousel .hero__grid,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__grid,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__grid{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  position:relative !important;
}

body:not(.admin-body) #heroCarousel .hero__media,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__media,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__media{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  border-radius:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  background:#07110d !important;
}

body:not(.admin-body) #heroCarousel .hero__media img,
body:not(.admin-body) #heroCarousel .hero__media video,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__media img,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__media video,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__media img,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__media video{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  border-radius:0 !important;
  filter:none !important;
}

body:not(.admin-body) #heroCarousel .hero__text{
  width:min(560px,calc(100% - 42px)) !important;
  left:clamp(18px,4.4vw,62px) !important;
}

body:not(.admin-body) #heroCarousel h1{
  font-size:clamp(2rem,5.3vw,4.4rem) !important;
  line-height:.98 !important;
  max-width:560px !important;
  margin-bottom:16px !important;
}

body:not(.admin-body) #heroCarousel p{
  font-size:clamp(.88rem,1.45vw,1.06rem) !important;
  max-width:520px !important;
  margin-bottom:20px !important;
}

body:not(.admin-body) #heroCarousel .tag{
  font-size:clamp(.7rem,1.15vw,.88rem) !important;
  padding:7px 12px !important;
  margin-bottom:12px !important;
}

body:not(.admin-body) #heroCarousel .hero__buttons .btn{
  min-width:122px !important;
  padding:11px 18px !important;
  font-size:.86rem !important;
}

/* GRID: todas las tarjetas alineadas */
body:not(.admin-body) .shop-products-grid,
body:not(.admin-body) .products-grid,
body:not(.admin-body) #productosGrid,
body:not(.admin-body) #listaProductos,
body:not(.admin-body) .productos-grid{
  align-items:stretch !important;
}













html[data-theme="light"] body:not(.admin-body) .product-card__title{color:#0c1411 !important;}
html[data-theme="dark"] body:not(.admin-body) .product-card__title{color:#f8fff9 !important;}



body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn.js-add-cart,
body:not(.admin-body) .product-card .small-btn{
  width:min(156px,100%) !important;
  max-width:156px !important;
  min-width:0 !important;
  height:38px !important;
  min-height:38px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  font-size:.69rem !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  color:#fff !important;
  background:linear-gradient(135deg,#0aa85b,#3dcc80) !important;
  border:1px solid rgba(0,120,70,.25) !important;
  box-shadow:0 13px 28px rgba(22,184,103,.22) !important;
}

body:not(.admin-body) .product-card__add-btn:hover,
html[data-theme="light"] body:not(.admin-body) .product-card__add-btn:hover,
html[data-theme="light"] body:not(.admin-body) .product-card .small-btn:hover{
  color:#fff !important;
  background:linear-gradient(135deg,#07884a,#22bd6b) !important;
}

body:not(.admin-body) .product-card__add-btn span:last-child{
  color:#fff !important;
  display:inline-block !important;
  max-width:none !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

body:not(.admin-body) .product-card__cart-icon{
  color:#fff !important;
  font-size:.78rem !important;
  line-height:1 !important;
}

body:not(.admin-body) .product-card__add-btn--empty,
body:not(.admin-body) .product-card--empty .product-card__add-btn{
  width:min(172px,100%) !important;
  max-width:172px !important;
  background:linear-gradient(135deg,#b91c1c,#ef4444) !important;
  border-color:rgba(185,28,28,.35) !important;
  color:#fff !important;
  box-shadow:0 13px 28px rgba(185,28,28,.24) !important;
}



body:not(.admin-body) .product-card__bottom .price,
body:not(.admin-body) .product-card .price{
  
  
  
  
  
  
  
  letter-spacing:.01em !important;
}

html[data-theme="dark"] body:not(.admin-body) .product-card__bottom .price,
html[data-theme="dark"] body:not(.admin-body) .product-card .price{color:#5df094 !important;}
html[data-theme="light"] body:not(.admin-body) .product-card__bottom .price,
html[data-theme="light"] body:not(.admin-body) .product-card .price{color:#13aa5d !important;}

/* Mensaje añadido al carrito siempre legible */
.cart-toast,
.app-toast{
  background:linear-gradient(135deg,#087a45,#24c873) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.25) !important;
  font-weight:900 !important;
  text-shadow:0 1px 8px rgba(0,0,0,.18) !important;
}
.cart-toast.show,
.app-toast.show{color:#fff !important;}
.cart-toast--error,
.app-toast--error{background:linear-gradient(135deg,#b91c1c,#ef4444) !important;color:#fff !important;}

/* Categorías en móvil una debajo de otra, sin scroll horizontal */
@media (max-width:760px){
  body:not(.admin-body) #heroCarousel.hero,
  html[data-theme="light"] body:not(.admin-body) #heroCarousel.hero,
  html[data-theme="dark"] body:not(.admin-body) #heroCarousel.hero{
    width:min(94%,520px) !important;
    height:460px !important;
    min-height:460px !important;
    max-height:460px !important;
  }
  body:not(.admin-body) #heroCarousel .hero__text{
    left:18px !important;
    right:18px !important;
    bottom:44px !important;
    top:auto !important;
    transform:none !important;
    width:auto !important;
  }
  body:not(.admin-body) #heroCarousel h1{font-size:clamp(2rem,11vw,3.25rem) !important;}
  body:not(.admin-body) #heroCarousel p{font-size:.9rem !important;}

  body:not(.admin-body) .ae-home-categories,
  body:not(.admin-body) .categories,
  body:not(.admin-body) .shop-categories,
  body:not(.admin-body) .category-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    overflow:visible !important;
    max-height:none !important;
  }

  body:not(.admin-body) .product-card__img{
    height:220px !important;
    min-height:220px !important;
    flex-basis:220px !important;
  }
  body:not(.admin-body) .product-card__body{min-height:205px !important;padding:14px 14px 16px !important;}
  body:not(.admin-body) .product-card__title{font-size:.74rem !important;min-height:42px !important;}
  body:not(.admin-body) .product-card__add-btn{font-size:.66rem !important;width:min(138px,100%) !important;height:36px !important;min-height:36px !important;}
  body:not(.admin-body) .product-card__bottom .price,
  body:not(.admin-body) .product-card .price{font-size:1.05rem !important;}
}

@media (max-width:420px){
  body:not(.admin-body) #heroCarousel.hero{height:430px !important;min-height:430px !important;max-height:430px !important;}
  body:not(.admin-body) .product-card__img{height:210px !important;min-height:210px !important;flex-basis:210px !important;}
}

/* =====================================================
   FIX FINAL: ADMIN PRODUCTOS EN VIDRIO, ORDENADO Y LEGIBLE
   Evita bloques blancos/negros montados en tabla productos.
   ===================================================== */
.admin-body .admin-table-wrap{
  width:100% !important;
  
  
  border-radius:24px !important;
  padding:0 !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 22px 55px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
}
html[data-theme="light"] .admin-body .admin-table-wrap{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(7,92,49,.14) !important;
  box-shadow:0 18px 45px rgba(7,45,25,.10) !important;
}

.admin-body .admin-table,
.admin-body #productsTable{
  width:100% !important;
  min-width:1040px !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:transparent !important;
  color:#f7fff9 !important;
}

.admin-body .admin-table *,
.admin-body #productsTable *{
  box-sizing:border-box !important;
}

.admin-body .admin-table th,
.admin-body #productsTable th{
  background:rgba(24,92,55,.78) !important;
  color:#ffffff !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
  padding:14px 12px !important;
  font-size:13px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  text-align:left !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html[data-theme="light"] .admin-body .admin-table th,
html[data-theme="light"] .admin-body #productsTable th{
  background:rgba(255,255,255,.88) !important;
  color:#06150f !important;
  border-bottom-color:rgba(7,92,49,.13) !important;
}

.admin-body .admin-table td,
.admin-body #productsTable td{
  background:rgba(3,22,13,.66) !important;
  color:#f7fff9 !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
  padding:14px 12px !important;
  font-size:13px !important;
  line-height:1.25 !important;
  vertical-align:middle !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
html[data-theme="light"] .admin-body .admin-table td,
html[data-theme="light"] .admin-body #productsTable td{
  background:rgba(255,255,255,.62) !important;
  color:#07150f !important;
  border-bottom-color:rgba(7,92,49,.10) !important;
}

.admin-body .admin-table tr:hover td,
.admin-body #productsTable tr:hover td{
  background:rgba(21,78,48,.76) !important;
  color:#ffffff !important;
}
html[data-theme="light"] .admin-body .admin-table tr:hover td,
html[data-theme="light"] .admin-body #productsTable tr:hover td{
  background:rgba(229,249,238,.92) !important;
  color:#06150f !important;
}

/* Anchos específicos para que productos no se rompa */









.admin-body #productsTable td *,
.admin-body #productsTable .product-admin-name,
.admin-body #productsTable .product-admin-name strong,
.admin-body #productsTable .product-admin-brand,
.admin-body #productsTable .product-admin-code,
.admin-body #productsTable .product-admin-price{
  color:inherit !important;
  background:transparent !important;
}

.admin-body #productsTable .product-admin-name strong{
  display:block !important;
  max-width:100% !important;
  
  
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-weight:900 !important;
}
.admin-body #productsTable .product-admin-name small,
.admin-body #productsTable .product-admin-code small,
.admin-body #productsTable .stock-note{
  display:block !important;
  margin-top:4px !important;
  font-size:11px !important;
  line-height:1.15 !important;
  color:rgba(235,255,242,.72) !important;
  background:transparent !important;
}
html[data-theme="light"] .admin-body #productsTable .product-admin-name small,
html[data-theme="light"] .admin-body #productsTable .product-admin-code small,
html[data-theme="light"] .admin-body #productsTable .stock-note{
  color:#51645a !important;
}

.admin-body #productsTable .product-admin-price strong{
  color:#62f093 !important;
  font-size:13px !important;
  font-weight:950 !important;
  background:transparent !important;
}
html[data-theme="light"] .admin-body #productsTable .product-admin-price strong{
  color:#078b4b !important;
}

.admin-body #productsTable .admin-stock-cell{
  text-align:center !important;
  overflow:visible !important;
}
.admin-body #productsTable .admin-stock-cell > strong{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:34px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-weight:950 !important;
}
html[data-theme="light"] .admin-body #productsTable .admin-stock-cell > strong{
  background:rgba(7,92,49,.10) !important;
  color:#08351f !important;
}
.admin-body #productsTable .admin-stock-cell > strong.stock-low{
  background:rgba(239,68,68,.20) !important;
  color:#ff5d5d !important;
}

.admin-body #productsTable .status-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  
  
  
  border-radius:999px !important;
  
  font-weight:950 !important;
  
  
  box-shadow:none !important;
}
.admin-body #productsTable .status-pill--on{
  background:rgba(35,210,111,.18) !important;
  border:1px solid rgba(35,210,111,.48) !important;
  color:#5eff98 !important;
}
html[data-theme="light"] .admin-body #productsTable .status-pill--on{
  background:#e7fff0 !important;
  border-color:#9ee9ba !important;
  color:#075c31 !important;
}
.admin-body #productsTable .status-pill--off{
  background:rgba(239,68,68,.16) !important;
  border:1px solid rgba(239,68,68,.42) !important;
  color:#ffb0a8 !important;
}
html[data-theme="light"] .admin-body #productsTable .status-pill--off{
  background:#fff0ee !important;
  border-color:#ffb7ae !important;
  color:#a81919 !important;
}

.admin-body #productsTable td.admin-actions,
.admin-body .admin-table td.admin-actions{
  overflow:visible !important;
  background:rgba(3,22,13,.66) !important;
}
html[data-theme="light"] .admin-body #productsTable td.admin-actions,
html[data-theme="light"] .admin-body .admin-table td.admin-actions{
  background:rgba(255,255,255,.62) !important;
}
.admin-body #productsTable .admin-actions,
.admin-body .admin-table .admin-actions{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(72px,1fr)) !important;
  gap:8px !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:none !important;
  width:100% !important;
}
.admin-body #productsTable .btn-mini,
.admin-body .admin-table .btn-mini,
.admin-body #productsTable button,
.admin-body .admin-table button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:32px !important;
  height:32px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(73,232,132,.40) !important;
  background:rgba(22,99,55,.72) !important;
  color:#ffffff !important;
  font-size:11.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-align:center !important;
  box-shadow:none !important;
}
.admin-body #productsTable .btn-mini:hover,
.admin-body .admin-table .btn-mini:hover{
  background:#24c873 !important;
  color:#06150f !important;
}
.admin-body #productsTable .btn-mini--danger,
.admin-body .admin-table .btn-mini--danger{
  border-color:rgba(239,68,68,.45) !important;
  background:rgba(130,36,36,.82) !important;
  color:#ffffff !important;
}
.admin-body #productsTable .btn-mini--warning,
.admin-body .admin-table .btn-mini--warning{
  border-color:rgba(255,255,255,.20) !important;
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
}
html[data-theme="light"] .admin-body #productsTable .btn-mini,
html[data-theme="light"] .admin-body .admin-table .btn-mini{
  background:rgba(7,92,49,.10) !important;
  border-color:rgba(7,92,49,.22) !important;
  color:#075c31 !important;
}
html[data-theme="light"] .admin-body #productsTable .btn-mini:hover,
html[data-theme="light"] .admin-body .admin-table .btn-mini:hover{
  background:#23c973 !important;
  color:#ffffff !important;
}
html[data-theme="light"] .admin-body #productsTable .btn-mini--danger,
html[data-theme="light"] .admin-body .admin-table .btn-mini--danger{
  background:#fff1ef !important;
  border-color:#ffb7ae !important;
  color:#a81919 !important;
}
html[data-theme="light"] .admin-body #productsTable .btn-mini--warning,
html[data-theme="light"] .admin-body .admin-table .btn-mini--warning{
  background:#eef7f2 !important;
  border-color:#c6ded2 !important;
  color:#244238 !important;
}

/* Móvil/tablet admin: tabla usable sin romperse */
@media(max-width:900px){
  .admin-body .admin-table,
  .admin-body #productsTable{min-width:980px !important;}
  .admin-body .admin-table-wrap{overflow-x:auto !important;}
}

/* =====================================================
   FIX DEFINITIVO ADMIN PRODUCTOS - columnas sin montar
   ===================================================== */
.admin-body .admin-toolbar--productos{
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) minmax(170px,220px) auto auto !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
}
.admin-body .admin-toolbar--productos input,
.admin-body .admin-toolbar--productos select,
.admin-body .admin-toolbar--productos .btn{
  min-height:50px !important;
  height:50px !important;
  border-radius:16px !important;
  white-space:nowrap !important;
  color:#f8fff9 !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
.admin-body .admin-toolbar--productos input::placeholder{color:rgba(248,255,249,.68) !important;}
html[data-theme="light"] .admin-body .admin-toolbar--productos input,
html[data-theme="light"] .admin-body .admin-toolbar--productos select,
html[data-theme="light"] .admin-body .admin-toolbar--productos .btn{
  color:#07150f !important;
  background:rgba(255,255,255,.80) !important;
  border-color:rgba(7,92,49,.14) !important;
}
html[data-theme="light"] .admin-body .admin-toolbar--productos input::placeholder{color:#66756d !important;}
.admin-body .admin-toolbar--productos .admin-bulk-btn,
.admin-body .admin-toolbar--productos .admin-bulk-btn:disabled{
  opacity:1 !important;
  color:#ffffff !important;
  background:rgba(4,39,24,.80) !important;
  border-color:rgba(79,232,132,.22) !important;
}
.admin-body .admin-toolbar--productos .btn--warning,
.admin-body .admin-toolbar--productos .btn--warning:disabled{
  color:#ffffff !important;
  background:linear-gradient(135deg,#1c6f43,#24b968) !important;
  border-color:rgba(106,255,158,.30) !important;
}
html[data-theme="light"] .admin-body .admin-toolbar--productos .admin-bulk-btn,
html[data-theme="light"] .admin-body .admin-toolbar--productos .admin-bulk-btn:disabled{
  color:#075c31 !important;
  background:rgba(232,249,239,.95) !important;
  border-color:rgba(7,92,49,.22) !important;
}

.admin-body .admin-table-wrap{
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch !important;
}
.admin-body #productsTable{
  
  
  
  
  border-spacing:0 !important;
}
.admin-body #productsTable th,
.admin-body #productsTable td{
  display:table-cell !important;
  
  
  
}
.admin-body #productsTable th:nth-child(1),
.admin-body #productsTable td:nth-child(1){width:290px !important;}
.admin-body #productsTable th:nth-child(2),
.admin-body #productsTable td:nth-child(2){width:120px !important;}
.admin-body #productsTable th:nth-child(3),
.admin-body #productsTable td:nth-child(3){width:120px !important;}
.admin-body #productsTable th:nth-child(4),
.admin-body #productsTable td:nth-child(4){width:105px !important;}
.admin-body #productsTable th:nth-child(5),
.admin-body #productsTable td:nth-child(5){width:95px !important;text-align:center !important;}
.admin-body #productsTable th:nth-child(6),
.admin-body #productsTable td:nth-child(6){width:125px !important;text-align:center !important;overflow:visible !important;}
.admin-body #productsTable th:nth-child(7),
.admin-body #productsTable td:nth-child(7){width:135px !important;text-align:center !important;overflow:visible !important;}
.admin-body #productsTable th:nth-child(8),
.admin-body #productsTable td:nth-child(8){width:125px !important;text-align:center !important;overflow:visible !important;}
.admin-body #productsTable th:nth-child(9),
.admin-body #productsTable td:nth-child(9){width:205px !important;overflow:visible !important;}
.admin-body #productsTable td.admin-actions{
  display:table-cell !important;
  overflow:visible !important;
  padding:12px 14px !important;
}
.admin-body #productsTable .admin-actions-grid{
  
  grid-template-columns:1fr 1fr !important;
  
  
}
.admin-body #productsTable .admin-actions-grid .btn-mini{
  width:100% !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 10px !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.admin-body #productsTable .status-pill{
  
  
  margin:0 auto !important;
  height:34px !important;
  
}
.admin-body #productsTable .admin-stock-cell{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:72px !important;
}
.admin-body #productsTable .stock-note{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:94px !important;
  max-width:112px !important;
  height:26px !important;
  margin:0 !important;
  padding:0 10px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  background:rgba(35,210,111,.14) !important;
  border:1px solid rgba(35,210,111,.32) !important;
  color:#8cffad !important;
}
html[data-theme="light"] .admin-body #productsTable .stock-note{
  background:#e7fff0 !important;
  border-color:#9ee9ba !important;
  color:#075c31 !important;
}
.admin-body #productsTable .stock-note--off{
  background:rgba(239,68,68,.16) !important;
  border-color:rgba(239,68,68,.38) !important;
  color:#ffb0a8 !important;
}
html[data-theme="light"] .admin-body #productsTable .stock-note--off{
  background:#fff0ee !important;
  border-color:#ffb7ae !important;
  color:#a81919 !important;
}
.admin-body #productsTable .product-admin-name strong{
  font-size:14px !important;
  line-height:1.18 !important;
  overflow-wrap:anywhere !important;
}
.admin-body #productsTable .product-admin-code small,
.admin-body #productsTable .product-admin-brand,
.admin-body #productsTable .product-admin-price{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.admin-body #productsTable .product-admin-price{
  font-weight:950 !important;
  color:#ffffff !important;
}
html[data-theme="light"] .admin-body #productsTable .product-admin-price{color:#07150f !important;}
@media(max-width:900px){
  .admin-body .admin-toolbar--productos{grid-template-columns:1fr !important;}
  .admin-body .admin-toolbar--productos input,
  .admin-body .admin-toolbar--productos select,
  .admin-body .admin-toolbar--productos .btn{width:100% !important;}
  .admin-body #productsTable{min-width:1320px !important;}
}


/* =========================================================
   FIX FINAL AE - Productos tipo inicio + carrito X roja
   ========================================================= */


body:not(.admin-body) .product-card,
body:not(.admin-body) .shop-products-grid .product-card{
  position:relative !important;
  
  
  padding:0 22px 24px !important;
  
  
  
  
  align-items:stretch !important;
  gap:0 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(180deg, rgba(18,42,30,.74), rgba(7,17,12,.86)) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.34), 0 0 0 1px rgba(71,214,128,.12) inset !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
}

html[data-theme="light"] body:not(.admin-body) .product-card,
html[data-theme="light"] body:not(.admin-body) .shop-products-grid .product-card{
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(245,255,249,.62)) !important;
  border:1px solid rgba(17,96,59,.12) !important;
  box-shadow:0 28px 72px rgba(12,55,36,.10), 0 0 0 1px rgba(255,255,255,.65) inset !important;
  color:#0b1711 !important;
}

body:not(.admin-body) .product-card::before{
  content:"";
  position:absolute;
  inset:auto 10% 0 10%;
  height:42%;
  border-radius:999px 999px 0 0;
  background:radial-gradient(circle at 50% 0%, rgba(67,210,125,.22), transparent 65%);
  pointer-events:none;
  filter:blur(18px);
}

body:not(.admin-body) .product-card:hover{
  
  box-shadow:0 34px 82px rgba(0,0,0,.38), 0 0 0 1px rgba(71,214,128,.22) inset !important;
}

html[data-theme="light"] body:not(.admin-body) .product-card:hover{
  box-shadow:0 34px 86px rgba(12,55,36,.16), 0 0 0 1px rgba(255,255,255,.85) inset !important;
}

body:not(.admin-body) .product-card__img{
  
  
  
  
  
  
  
  
  
  box-shadow:0 30px 48px rgba(0,0,0,.22) !important;
  
  
  
}

html[data-theme="dark"] body:not(.admin-body) .product-card__img{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,248,245,.92)) !important;
}



body:not(.admin-body) .product-card__img img{
  
  
  
  
  border-radius:0 !important;
  
}

body:not(.admin-body) .product-wish,
body:not(.admin-body) .favorite-btn,
body:not(.admin-body) [class*="wish"],
body:not(.admin-body) [aria-label*="favorito" i],
body:not(.admin-body) [aria-label*="favoritos" i]{
  display:none !important;
}

body:not(.admin-body) .product-card__body{
  position:relative !important;
  z-index:2 !important;
  
  
  
  
  
  
  
  color:#f8fff9 !important;
}

html[data-theme="light"] body:not(.admin-body) .product-card__body{
  color:#0b1711 !important;
}

body:not(.admin-body) .product-card__brand{
  order:1 !important;
  
  
  opacity:.92 !important;
  
  
  
  
  
}

body:not(.admin-body) .product-card__title{
  order:2 !important;
  
  max-width:92% !important;
  
  
  
  
  
  
  
}





body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .small-btn.js-add-cart{
  position:static !important;
  transform:none !important;
  width:min(230px,92%) !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:54px !important;
  border-radius:999px !important;
  padding:14px 22px !important;
  border:1px solid rgba(255,255,255,.24) !important;
  background:linear-gradient(135deg,#13a15a,#51d482) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:950 !important;
  letter-spacing:.03em !important;
  box-shadow:0 16px 34px rgba(18,163,91,.25) !important;
  
  
  
  gap:10px !important;
  text-transform:uppercase !important;
}

body:not(.admin-body) .product-card__add-btn::before,
body:not(.admin-body) .small-btn.js-add-cart::before{
  display:none !important;
  content:none !important;
}

body:not(.admin-body) .product-card__add-btn:hover,
body:not(.admin-body) .small-btn.js-add-cart:hover{
  transform:translateY(-2px) !important;
  background:linear-gradient(135deg,#0b8f4e,#41c977) !important;
  box-shadow:0 20px 42px rgba(18,163,91,.34) !important;
}



body:not(.admin-body) .product-card__bottom .price,
body:not(.admin-body) .price{
  color:inherit !important;
  
  
  
  
}

html[data-theme="light"] body:not(.admin-body) .product-card__bottom .price,
html[data-theme="light"] body:not(.admin-body) .price{
  color:#08140e !important;
}

body:not(.admin-body) .offer-badge{
  
  left:16px !important;
  
  
}

/* Carrito: reemplazar Eliminar por X roja y ordenar filas */
body:not(.admin-body) .cart-item{
  grid-template-columns:108px 1fr auto !important;
  gap:18px !important;
  align-items:center !important;
  padding:20px 0 !important;
}

body:not(.admin-body) .cart-item img{
  width:108px !important;
  height:108px !important;
  object-fit:contain !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.08) !important;
}

body:not(.admin-body) .qty{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
}

body:not(.admin-body) .qty button:not(.btn-remove-cart){
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
  display:inline-grid !important;
  place-items:center !important;
  border:1px solid rgba(12,39,25,.12) !important;
  background:rgba(255,255,255,.86) !important;
  color:#0c1711 !important;
  font-size:20px !important;
  font-weight:800 !important;
}

body:not(.admin-body) .btn-remove-cart{
  width:38px !important;
  height:38px !important;
  margin-left:4px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,61,61,.45) !important;
  background:rgba(255,61,61,.10) !important;
  color:#e02626 !important;
  display:inline-grid !important;
  place-items:center !important;
  font-size:26px !important;
  line-height:1 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease !important;
}

body:not(.admin-body) .btn-remove-cart:hover{
  transform:scale(1.08) !important;
  background:#e02626 !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(224,38,38,.22) !important;
}

html[data-theme="dark"] body:not(.admin-body) .panel,
html[data-theme="dark"] body:not(.admin-body) .cart-item{
  color:#f8fff9 !important;
}

html[data-theme="dark"] body:not(.admin-body) .qty button:not(.btn-remove-cart){
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#fff !important;
}

@media(max-width:680px){
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid{grid-template-columns:1fr !important;gap:24px !important;}
  body:not(.admin-body) .product-card{min-height:560px !important;max-width:330px !important;margin-inline:auto !important;}
  body:not(.admin-body) .product-card__img{height:286px !important;flex-basis:286px !important;}
  body:not(.admin-body) .cart-item{grid-template-columns:92px 1fr !important;}
  body:not(.admin-body) .cart-item img{width:92px !important;height:92px !important;}
  body:not(.admin-body) .cart-item__price{grid-column:2 !important;justify-self:start !important;}
  body:not(.admin-body) .qty{gap:8px !important;}
}

/* AJUSTE FINAL JOHP: panel a pantalla completa y tabla compacta sin scroll lateral */
.admin-body.ae-control-panel{
  overflow-x:hidden !important;
}
.admin-body .ae-admin-main,
.admin-body .admin-layout{
  width:calc(100vw - 250px) !important;
  max-width:none !important;
  margin-left:250px !important;
  padding:14px 18px 24px !important;
  box-sizing:border-box !important;
}
.admin-body .admin-section,
.admin-body .admin-section--wide,
.admin-body #productosAdmin{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
.admin-body .admin-section__head{padding:0 0 10px !important;}
.admin-body .admin-toolbar{gap:8px !important; grid-template-columns:minmax(200px,1fr) 180px 130px auto auto auto !important;}
.admin-body .admin-table-wrap,
.admin-body .ae-table-wrap{
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  border-radius:12px !important;
}
.admin-body #productsTable{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  table-layout:fixed !important;
  border-collapse:collapse !important;
  font-size:11px !important;
}
.admin-body #productsTable col.col-check{width:40px !important;}
.admin-body #productsTable col.col-prod{width:37% !important;}
.admin-body #productsTable col.col-cat{width:12% !important;}
.admin-body #productsTable col.col-price{width:9% !important;}
.admin-body #productsTable col.col-stock{width:7% !important;}
.admin-body #productsTable col.col-state{width:10% !important;}
.admin-body #productsTable col.col-vis{width:10% !important;}
.admin-body #productsTable col.col-actions{width:15% !important;}
.admin-body #productsTable th,
.admin-body #productsTable td{
  padding:8px 6px !important;
  height:auto !important;
  vertical-align:middle !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.admin-body #productsTable th{font-size:11px !important;}
.admin-body #productsTable .ae-admin-product-cell{
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
}
.admin-body #productsTable .ae-admin-product-cell img{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  border-radius:8px !important;
  background:#f4fbf7 !important;
}
.admin-body #productsTable .ae-admin-product-cell strong{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  line-height:1.15 !important;
  font-size:11.5px !important;
  max-width:none !important;
}
.admin-body #productsTable .ae-admin-product-cell small{
  display:block !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.1 !important;
  font-size:9.5px !important;
}
.admin-body #productsTable .status-pill{
  min-width:0 !important;
  width:auto !important;
  max-width:100% !important;
  padding:5px 9px !important;
  font-size:10px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.admin-body #productsTable td.admin-actions{padding-right:6px !important;}
.admin-body #productsTable .admin-actions-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  gap:4px !important;
  width:100% !important;
}
.admin-body #productsTable .admin-icon-btn{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  padding:0 !important;
  border-radius:7px !important;
  font-size:11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.admin-body .admin-dashboard-grid,
.admin-body .dashboard-grid{width:100% !important; max-width:100% !important;}
.admin-body .dashboard-panel,
.admin-body #dashboardPanel,
.admin-body .admin-card{overflow:hidden !important;}
.admin-body #ultimosPedidosDashboard{width:100% !important; table-layout:fixed !important; font-size:12px !important;}
.admin-body #ultimosPedidosDashboard th,
.admin-body #ultimosPedidosDashboard td{padding:8px 10px !important; white-space:normal !important;}
.dashboard-summary-card{display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important;}
.dashboard-summary-card .summary-row{background:rgba(0,122,78,.08); border:1px solid rgba(0,122,78,.15); border-radius:12px; padding:12px; display:grid; gap:5px;}
.dashboard-summary-card .summary-row strong{font-size:12px; color:#355047;}
.dashboard-summary-card .summary-row span{font-size:18px; font-weight:900; color:#08251b;}
@media(max-width:980px){
  .admin-body .ae-admin-main,.admin-body .admin-layout{width:100% !important;margin-left:0 !important;padding:12px !important;}
  .admin-body .admin-toolbar{grid-template-columns:1fr 1fr !important;}
  .admin-body .admin-table-wrap,.admin-body .ae-table-wrap{overflow-x:auto !important;}
  .admin-body #productsTable{min-width:760px !important;}
}

/* =========================================================
   CORRECCIÓN FINAL PRESENTACIÓN: admin claro, legible y sin recortes
   ========================================================= */
body.admin-body, html body.admin-body{
  background:linear-gradient(135deg,#f7fbfa,#edf7f2 48%,#fff) !important;
  color:#0b1511 !important;
  overflow-x:hidden !important;
}
body.admin-body *{box-sizing:border-box !important;}
body.admin-body .ae-dark-pill,
body.admin-body .theme-toggle,
body.admin-body .ae-menu-btn{display:none !important;}
body.admin-body .ae-sidebar,
body.admin-body .admin-topbar{
  width:248px !important; min-width:248px !important; max-width:248px !important;
  
  color:#fff !important; border-radius:0 !important;
}
body.admin-body .ae-admin-main,.admin-body .admin-layout{
  margin-left:248px !important; width:calc(100% - 248px) !important;
  max-width:none !important; padding:14px 22px 36px !important;
}
body.admin-body .admin-nav,
body.admin-body .ae-icon-nav{display:flex !important; flex-direction:column !important; gap:10px !important; align-items:stretch !important;}
body.admin-body .admin-nav a,
body.admin-body .ae-icon-nav a{
  width:100% !important; min-height:44px !important; display:grid !important;
  grid-template-columns:26px 1fr auto !important; align-items:center !important; gap:10px !important;
  padding:10px 16px !important; border-radius:14px !important; color:#f7fff9 !important;
  text-decoration:none !important; font-size:14px !important; font-weight:800 !important;
  background:transparent !important; border:1px solid transparent !important;
}
body.admin-body .admin-nav a span{ place-items:center !important;   opacity:.95 !important;}

body.admin-body .admin-nav a.active,
body.admin-body .admin-nav a:hover{background:#128453 !important; border-color:rgba(255,255,255,.15) !important; box-shadow:0 10px 22px rgba(0,0,0,.16) !important;}
body.admin-body .admin-nav em{padding:3px 8px !important;}
body.admin-body .admin-logout{border-color:#b9ded0 !important;margin:0 12px 16px !important;}
body.admin-body .ae-admin-header{border:1px solid #dce9e4 !important;border-radius:18px !important;min-height:58px !important;color:#0b1511 !important;}
body.admin-body .ae-top-search input{color:#0b1511 !important;background:#fff !important;}
body.admin-body .ae-notify-btn,body.admin-body .ae-user-btn{color:#0b1511 !important;background:#fff !important;border:1px solid #dce9e4 !important;}
body.admin-body .admin-section,body.admin-body .panel,body.admin-body .modal-card,body.admin-body .ae-kpi-card{
  background:#fff !important;color:#0b1511 !important;border:1px solid #dce9e4 !important;box-shadow:0 12px 34px rgba(11,35,26,.08) !important;
}
body.admin-body h1,body.admin-body h2,body.admin-body h3,body.admin-body h4,body.admin-body strong,body.admin-body label,
body.admin-body p,body.admin-body td,body.admin-body th,body.admin-body span,body.admin-body small{color:#0b1511;}
body.admin-body .muted, body.admin-body small{color:#5d6e66 !important;}

body.admin-body .admin-table-wrap{overflow-x:hidden !important;}
body.admin-body .admin-table{font-size:12px !important;}
body.admin-body .admin-table th{padding:10px 8px !important;text-align:left !important;white-space:nowrap !important;}
body.admin-body .admin-table td{padding:9px 8px !important;vertical-align:middle !important;border-top:1px solid #e5efeb !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.admin-body .admin-table tr:nth-child(even) td{background:#fcfffd !important;}
body.admin-body .col-check{width:34px !important;}.admin-body .col-foto{width:56px !important;}.admin-body .col-sku{width:105px !important;}.admin-body .col-nombre{width:auto !important;}.admin-body .col-cat{width:92px !important;}.admin-body .col-price{width:76px !important;}.admin-body .col-stock{width:54px !important;}.admin-body .col-state{width:86px !important;}.admin-body .col-vis{width:82px !important;}.admin-body .col-actions{width:168px !important;}
body.admin-body .ae-product-photo{width:42px !important;height:42px !important;object-fit:contain !important;border-radius:10px !important;background:#f4faf7 !important;border:1px solid #dce9e4 !important;display:block !important;}
body.admin-body .td-product-name strong{font-size:12px !important;line-height:1.25 !important;white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
body.admin-body .td-sku{font-size:10.5px !important;color:#52675e !important;}
body.admin-body .status-pill{line-height:1 !important;}



body.admin-body .admin-actions{overflow:visible !important;text-overflow:clip !important;}
body.admin-body .admin-actions-grid{min-width:160px !important;}
body.admin-body .admin-icon-btn{place-items:center !important;cursor:pointer !important;}
.admin-body .admin-icon-btn--zero{background:#607d8b !important;}.admin-body .admin-icon-btn--stock{background:#14733f !important;}.admin-body .admin-icon-btn--edit{background:#0d7d59 !important;}.admin-body .admin-icon-btn--available,.admin-body .admin-icon-btn--show{background:#14a267 !important;}
body.admin-body .ae-dashboard-kpis{display:grid !important;grid-template-columns:repeat(5,minmax(145px,1fr)) !important;gap:14px !important;}

body.admin-body .ae-kpi-card.is-active{outline:2px solid #0f8f5d !important;}
body.admin-body .sales-chart{height:240px !important;background:#fbfffd !important;border-radius:16px !important;padding:16px !important;}
body.admin-body .sales-chart span,body.admin-body .sales-chart a{display:flex !important;align-items:end !important;justify-content:center !important;color:#0b1511 !important;}
body.admin-body .sales-chart i,body.admin-body .sales-chart span i{background:linear-gradient(180deg,#1ad784,#0c7550) !important;border-radius:8px 8px 0 0 !important;width:22px !important;display:block !important;}
body.admin-body .dashboard-summary-card{background:#fbfffd !important;border:1px solid #dce9e4 !important;border-radius:16px !important;padding:14px !important;}
body.admin-body .summary-row{display:flex !important;justify-content:space-between !important;gap:12px !important;padding:10px 0 !important;border-bottom:1px solid #e5efeb !important;}
body.admin-body .summary-row:last-child{border-bottom:0 !important;}
body.admin-body .ae-dropdown{box-shadow:0 16px 40px rgba(0,0,0,.12) !important;}
body.admin-body .ae-notify-item strong,body.admin-body .ae-notify-item span{color:#0b1511 !important;}
@media(max-width:1024px){body.admin-body .ae-sidebar,body.admin-body .admin-topbar{position:relative !important;width:min(96%,920px) !important;max-width:none !important;min-width:0 !important;margin:8px auto !important;border-radius:20px !important;}body.admin-body .ae-admin-main,.admin-body .admin-layout{margin-left:auto !important;margin-right:auto !important;width:min(96%,920px) !important;padding:10px 0 30px !important;}body.admin-body .ae-dashboard-kpis{grid-template-columns:repeat(2,1fr) !important;}body.admin-body .admin-table-wrap{overflow-x:auto !important;}body.admin-body .admin-table{min-width:980px !important;}}
@media(max-width:620px){body.admin-body .ae-dashboard-kpis{grid-template-columns:1fr !important;}body.admin-body .admin-nav a{font-size:13px !important;}body.admin-body .ae-admin-header{display:flex !important;gap:8px !important;}body.admin-body .ae-top-search{display:none !important;}}

/* Tarjetas de producto públicas más compactas */
body:not(.admin-body) .product-card,body:not(.admin-body) .shop-products-grid .product-card{min-height:430px !important;max-width:250px !important;border-radius:24px !important;}





body:not(.admin-body) .product-card__add-btn,body:not(.admin-body) .product-card .small-btn{height:34px !important;}

body:not(.admin-body) .product-card__bottom .price,body:not(.admin-body) .product-card .price{font-size:1.02rem !important;line-height:1.05 !important;}
body:not(.admin-body) .product-card__old-price{font-size:.78rem !important;}
@media(max-width:640px){body:not(.admin-body) .product-card,body:not(.admin-body) .shop-products-grid .product-card{max-width:220px !important;min-height:395px !important;}body:not(.admin-body) .product-card__img{height:170px !important;min-height:170px !important;flex-basis:170px !important;}body:not(.admin-body) .product-card__img img{max-height:140px !important;}}

/* Carrusel: solo video, sin imagen superpuesta */
body:not(.admin-body) .hero__media::before{display:none !important;content:none !important;}
body:not(.admin-body) .hero__grid{background:linear-gradient(90deg,rgba(255,255,255,.90),rgba(255,255,255,.38)) !important;}
body:not(.admin-body) .hero__media video{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;}
body:not(.admin-body) .hero__media img{display:none !important;}

/* CORRECCION FINAL TARJETAS PUBLICAS: compactas, alineadas y legibles */

body:not(.admin-body) .product-card,
body:not(.admin-body) .shop-products-grid .product-card{
  width:100% !important;
  max-width:230px !important;
  
  
  border-radius:22px !important;
  
  
}








body:not(.admin-body) .product-card__bottom .price,
body:not(.admin-body) .product-card .price{
  
  color:#0b1511 !important;
  
  
  
  
  
}

body:not(.admin-body) .price--offer small,
body:not(.admin-body) .old-price{
  order:1 !important;
  color:#7b8581 !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  text-decoration:line-through !important;
  text-align:left !important;
}
body:not(.admin-body) .price--offer{
  color:#0b1511 !important;
  text-align:right !important;
}

@media(max-width:640px){
  body:not(.admin-body) .product-card,
  body:not(.admin-body) .shop-products-grid .product-card{max-width:210px !important;height:345px !important;min-height:345px !important;}
  body:not(.admin-body) .product-card__img{height:150px !important;min-height:150px !important;flex-basis:150px !important;}
  body:not(.admin-body) .product-card__img img{max-height:122px !important;}
  body:not(.admin-body) .product-card__title{font-size:.72rem !important;min-height:32px !important;max-height:32px !important;}
}

/* ===== AJUSTE FINAL TARJETAS PRODUCTO: nombre completo visible y precios alineados ===== */
.products-grid{
    align-items:stretch!important;
}
.product-card{
    min-height:0!important;
    
}
.product-card__img{
    
    flex:0 0 190px!important;
}

.product-card__brand{
    
    
    
    
    min-height:12px!important;
    
}
.product-card__title{
    
    
    
    
    
    
    
    
    
    
    
    line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    
    
}


.product-card__add-btn,
.product-card .small-btn.js-add-cart{
    width:100%!important;
    min-height:39px!important;
    padding:9px 12px!important;
    font-size:12px!important;
    border-radius:18px!important;
}

.product-card__bottom .price{
    
    font-size:16px!important;
    line-height:1.1!important;
    text-align:center!important;
    color:#111!important;
}
.product-card__bottom .price--offer{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    
    gap:10px!important;
    width:100%!important;
    text-align:initial!important;
}
.product-card__bottom .price--offer .old-price,
.product-card__bottom .price--offer small{
    order:1!important;
    font-size:13px!important;
    color:#6f7774!important;
    text-decoration:line-through!important;
    font-weight:800!important;
    white-space:nowrap!important;
}
.product-card__bottom .price--offer{
    font-weight:900!important;
}
.offer-badge{
    font-size:10px!important;
    padding:4px 9px!important;
}
@media(max-width:768px){
    .product-card__img{height:150px!important;flex-basis:150px!important;}
    .product-card__body{padding:10px 11px 12px!important;gap:6px!important;}
    .product-card__brand{font-size:8.5px!important;letter-spacing:2px!important;}
    .product-card__title{font-size:10.5px!important;line-height:1.15!important;min-height:37px!important;-webkit-line-clamp:3!important;line-clamp:3!important;}
    .product-card__add-btn,.product-card .small-btn.js-add-cart{min-height:34px!important;font-size:10px!important;padding:7px 9px!important;}
    .product-card__bottom{margin-top:8px!important;}
    .product-card__bottom .price{font-size:14px!important;}
    .product-card__bottom .price--offer .old-price,.product-card__bottom .price--offer small{font-size:11px!important;}
}
@media(max-width:420px){
    .product-card__img{height:132px!important;flex-basis:132px!important;}
    .product-card__title{font-size:10px!important;min-height:35px!important;}
}

/* ===== CORRECCIÓN FINAL: nombres completos en tarjetas (home y productos) ===== */


body:not(.admin-body) .product-card,
body:not(.admin-body) .shop-products-grid .product-card{
  height:390px !important;
  min-height:390px !important;
  max-height:none !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:visible !important;
}















body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn,
body:not(.admin-body) .small-btn.js-add-cart{
  position:static !important;
  transform:none !important;
  left:auto !important;
  bottom:auto !important;
  
  max-width:100% !important;
  min-width:0 !important;
  
  
  
  
  
  
  
}

body:not(.admin-body) .product-card__bottom{
  
  
  
  
  
  flex-direction:row !important;
  
  
}



body:not(.admin-body) .product-card__bottom .price--offer,
body:not(.admin-body) .product-card .price--offer{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  
  gap:10px !important;
  width:100% !important;
  text-align:right !important;
}

body:not(.admin-body) .price--offer small,
body:not(.admin-body) .price--offer .old-price,
body:not(.admin-body) .old-price{
  order:1 !important;
  display:inline-block !important;
  margin:0 !important;
  text-align:left !important;
  font-size:11.5px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:line-through !important;
}

body:not(.admin-body) .price--offer::after{
  order:2 !important;
}



@media(max-width:768px){
  body:not(.admin-body) .product-card,
  body:not(.admin-body) .shop-products-grid .product-card{
    height:350px !important;
    min-height:350px !important;
  }
  body:not(.admin-body) .product-card__img{
    height:145px !important;
    min-height:145px !important;
    flex-basis:145px !important;
  }
  body:not(.admin-body) .product-card__img img{max-height:118px !important;}
  body:not(.admin-body) .product-card__body{padding:9px 12px 11px !important;gap:5px !important;}
  body:not(.admin-body) .product-card__brand{font-size:8px !important;letter-spacing:3px !important;}
  body:not(.admin-body) .product-card__title{font-size:10px !important;line-height:1.1 !important;min-height:42px !important;}
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn,
  body:not(.admin-body) .small-btn.js-add-cart{height:35px !important;min-height:35px !important;font-size:10.5px !important;padding:7px 9px !important;}
  body:not(.admin-body) .product-card__bottom .price,
  body:not(.admin-body) .product-card .price{font-size:14px !important;}
  body:not(.admin-body) .price--offer small,
  body:not(.admin-body) .price--offer .old-price,
  body:not(.admin-body) .old-price{font-size:10px !important;}
}

/* =========================================================
   CORRECCION FINAL JOHPSER - TARJETAS + PANEL LEGIBLE
   ========================================================= */

/* PANEL ADMINISTRATIVO: solo modo claro, textos legibles */


body.admin-body .theme-toggle,
body.admin-body .theme-switch,
body.admin-body [data-theme-toggle],
body.admin-body #themeToggle,
body.admin-body .dark-toggle,
body.admin-body .modo-oscuro,
body.admin-body .hamburger,
body.admin-body .menu-toggle,
body.admin-body #btnMenu,
body.admin-body .admin-menu-toggle {
    display: none !important;
}
body.admin-body .admin-layout,
body.admin-body .ae-admin-main,
body.admin-body .admin-section,
body.admin-body .dashboard-card,
body.admin-body .stat-card,
body.admin-body .ae-card,
body.admin-body .modal,
body.admin-body .modal-content,
body.admin-body .admin-table-wrap,
body.admin-body .admin-form,
body.admin-body input,
body.admin-body select,
body.admin-body textarea {
    background: #ffffff !important;
    color: #111827 !important;
}
body.admin-body h1,
body.admin-body h2,
body.admin-body h3,
body.admin-body h4,
body.admin-body h5,
body.admin-body h6,
body.admin-body p,
body.admin-body span,
body.admin-body label,
body.admin-body small,
body.admin-body strong,
body.admin-body b,
body.admin-body td,
body.admin-body th,
body.admin-body li,
body.admin-body a,
body.admin-body div,
body.admin-body button,
body.admin-body input,
body.admin-body select,
body.admin-body textarea {
    color: #111827;
}
body.admin-body .admin-table th,
body.admin-body table th {
    background: #f8faf9 !important;
    color: #07150f !important;
}
body.admin-body .admin-table td,
body.admin-body table td {
    background: #ffffff !important;
    color: #111827 !important;
}
body.admin-body .status,
body.admin-body .badge,
body.admin-body .tag,
body.admin-body .pill,
body.admin-body .status-pill {
    color: #06351d !important;
}
body.admin-body .status--danger,
body.admin-body .badge--danger,
body.admin-body .tag--danger,
body.admin-body .agotado,
body.admin-body .oculto {
    color: #991b1b !important;
}
body.admin-body .btn,
body.admin-body button.btn {
    color: #082016 !important;
}
body.admin-body .btn--primary,
body.admin-body .btn-primary,
body.admin-body .admin-nav a.active,
body.admin-body .admin-nav a:hover {
    color: #ffffff !important;
}
body.admin-body .admin-nav a,
body.admin-body .admin-nav a span,
body.admin-body .admin-nav a b,
body.admin-body .admin-nav a em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    color: #ffffff !important;
}


/* TARJETAS DE PRODUCTOS: iguales en INICIO, PRODUCTOS, OFERTAS y PROMOCIONES */









body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn,
body:not(.admin-body) .product-card__bottom .small-btn {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}

body:not(.admin-body) .product-card__bottom .price,
body:not(.admin-body) .price {
    
    
    
    font-weight: 900 !important;
    text-align: center !important;
}





@media (max-width: 1024px) {
    body:not(.admin-body) .products-grid,
    body:not(.admin-body) .shop-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 768px) {
    body:not(.admin-body) .products-grid,
    body:not(.admin-body) .shop-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    body:not(.admin-body) .product-card {
        height: 365px !important;
        min-height: 365px !important;
        max-height: 365px !important;
        padding: 11px !important;
    }
    body:not(.admin-body) .product-card__img {
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;
        flex-basis: 145px !important;
    }
    body:not(.admin-body) .product-card__img img {
        max-height: 118px !important;
    }
    body:not(.admin-body) .product-card__title {
        font-size: 10px !important;
        min-height: 58px !important;
        max-height: 58px !important;
    }
    body:not(.admin-body) .product-card__brand {
        font-size: 8px !important;
        letter-spacing: 3px !important;
    }
}
@media (max-width: 430px) {
    body:not(.admin-body) .products-grid,
    body:not(.admin-body) .shop-products-grid {
        grid-template-columns: 1fr !important;
    }
    body:not(.admin-body) .product-card {
        max-width: 260px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
/* Ajuste extra: nombres completos sin puntos, máximo aprovechamiento de espacio */


/* =========================================================
   CORRECCIÓN FINAL: promociones, tarjetas y panel legible
   ========================================================= */


body:not(.admin-body) .product-card__img{
  
  
  
  
  
  
  
  
  text-align:center!important;
  
}


body:not(.admin-body) .product-card__brand{
  
  
  justify-content:center!important;
  
  
  
  
  
  
}






body:not(.admin-body) .product-card__bottom .price--offer{
  
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  width:100%!important;
}
body:not(.admin-body) .product-card__bottom .price--offer .old-price{
  justify-self:start!important;
  text-align:left!important;
}
body:not(.admin-body) .product-card__bottom .price--offer .current-price{
  justify-self:end!important;
  text-align:right!important;
}

/* Panel administrativo solo claro y legible */
body.admin-body,
body.admin-body *{
  color-scheme:light!important;
}
body.admin-body .ae-admin-main,
body.admin-body .admin-layout,
body.admin-body .admin-section,
body.admin-body .admin-table-wrap,
body.admin-body .modal-card,
body.admin-body .ae-card,
body.admin-body .ae-dashboard-kpis article,
body.admin-body .ae-list-card,
body.admin-body .ae-chart-card,
body.admin-body .admin-form,
body.admin-body .admin-toolbar,
body.admin-body .ae-dropdown,
body.admin-body .ae-top-search,
body.admin-body input,
body.admin-body textarea,
body.admin-body select{
  background:#ffffff!important;
  color:#111827!important;
}
body.admin-body h1,
body.admin-body h2,
body.admin-body h3,
body.admin-body h4,
body.admin-body p,
body.admin-body label,
body.admin-body span,
body.admin-body b,
body.admin-body strong,
body.admin-body small,
body.admin-body td,
body.admin-body th,
body.admin-body input,
body.admin-body textarea,
body.admin-body select,
body.admin-body option{
  color:#111827!important;
}
body.admin-body .admin-table thead th,
body.admin-body .admin-table tbody td{
  background:#ffffff!important;
  color:#111827!important;
  border-color:#d8e6df!important;
}
body.admin-body .admin-table tbody tr:nth-child(even) td{
  background:#f7fbf8!important;
}
body.admin-body .status-pill,
body.admin-body .tag,
body.admin-body .badge{
  color:#064e3b!important;
  background:#dcfce7!important;
  border-color:#86efac!important;
}
body.admin-body .status-pill--off,
body.admin-body .status-pill--danger{
  color:#991b1b!important;
  background:#fee2e2!important;
  border-color:#fecaca!important;
}

body.admin-body .btn,
body.admin-body button{
  color:inherit;
}
body.admin-body .btn--primary,
body.admin-body .btn--warning,
body.admin-body .btn--danger,
body.admin-body .btn--blue{
  color:#ffffff!important;
}
body.admin-body .btn--secondary,
body.admin-body .btn--outline{
  color:#064e3b!important;
  background:#ffffff!important;
}
body.admin-body .ae-sidebar,
body.admin-body .admin-topbar{
  background:#063b2a!important;
}
body.admin-body .ae-sidebar *,
body.admin-body .admin-topbar *,
body.admin-body .admin-nav a,
body.admin-body .admin-nav a *{
  color:#ffffff!important;
}


body.admin-body .admin-nav a.is-active,
body.admin-body .admin-nav a.active,
body.admin-body .admin-nav a:hover{
  background:#108653!important;
}


@media (max-width:768px){
  body:not(.admin-body) .product-card{height:370px!important;min-height:370px!important;max-height:370px!important;}
  body:not(.admin-body) .product-card__img{height:150px!important;min-height:150px!important;max-height:150px!important;flex-basis:150px!important;}
  body:not(.admin-body) .product-card__title{font-size:10px!important;line-height:1.1!important;min-height:52px!important;}
}


/* =========================================================
   CORRECCIÓN FINAL ALTEREGO - PROMOCIONES / TARJETAS / PANEL
   ========================================================= */
/* Tarjetas iguales en inicio, productos, ofertas y promociones */
body:not(.admin-body) .products-grid,
body:not(.admin-body) .shop-products-grid,
body:not(.admin-body) #featuredProducts,
body:not(.admin-body) #offersProducts,
body:not(.admin-body) #indexOffersGrid,
body:not(.admin-body) #promotionGrid{
  align-items:stretch!important;
}







body:not(.admin-body) .product-card__status-row,
body:not(.admin-body) .product-card__status-row--center{
  order:3!important;
  
  
  
  
  
  
}
body:not(.admin-body) .product-card__add-btn{
  
  
  height:42px!important;
  
  
  
  font-size:13px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
}
body:not(.admin-body) .product-card__bottom{
  order:4!important;
  
  
  
  
  
  
}
body:not(.admin-body) .product-card__bottom .price,
body:not(.admin-body) .price{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  font-size:16px!important;
  line-height:1!important;
}




@media(max-width:1024px){
  body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:768px){
  body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  body:not(.admin-body) .product-card{height:360px!important;min-height:360px!important;max-height:360px!important;padding:12px!important;}
  body:not(.admin-body) .product-card__img{height:145px!important;min-height:145px!important;}
  body:not(.admin-body) .product-card__img img{max-height:120px!important;}
  body:not(.admin-body) .product-card__title{font-size:10.5px!important;min-height:50px!important;max-height:50px!important;}
  body:not(.admin-body) .product-card__brand{font-size:9px!important;letter-spacing:.22em!important;}
  body:not(.admin-body) .product-card__add-btn{height:39px!important;min-height:39px!important;font-size:12px!important;}
}
@media(max-width:420px){
  body:not(.admin-body) .product-card{height:338px!important;min-height:338px!important;max-height:338px!important;}
  body:not(.admin-body) .product-card__img{height:128px!important;min-height:128px!important;}
  body:not(.admin-body) .product-card__img img{max-height:105px!important;}
  body:not(.admin-body) .product-card__title{font-size:9.8px!important;min-height:48px!important;max-height:48px!important;}
  body:not(.admin-body) .current-price{font-size:15px!important;}
}

/* Panel administrativo: modo claro fijo y textos legibles */
body.admin-body,
html[data-theme="dark"] body.admin-body,
html[data-theme="light"] body.admin-body{
  background:#f6fbf8!important;
  color:#101b16!important;
}
body.admin-body .theme-toggle,
body.admin-body .theme-switch,
body.admin-body #themeToggle,
body.admin-body #darkModeToggle,
body.admin-body .ae-dark-pill{display:none!important;}
body.admin-body main,
body.admin-body .admin-layout,
body.admin-body .ae-admin-main,
body.admin-body .admin-section,
body.admin-body .admin-section--wide,
body.admin-body .admin-card,
body.admin-body .modal-card,
body.admin-body .admin-table-wrap,
body.admin-body .ae-dashboard-detail-card,
body.admin-body .ae-chart-card,
body.admin-body .ae-list-card,
body.admin-body .admin-form,
body.admin-body .admin-toolbar,
body.admin-body .ae-toolbar{
  background:#ffffff!important;
  color:#101b16!important;
  border-color:rgba(8,65,42,.14)!important;
}
body.admin-body h1,body.admin-body h2,body.admin-body h3,body.admin-body h4,
body.admin-body p,body.admin-body label,body.admin-body small,body.admin-body strong,
body.admin-body span:not(.status-pill):not(.offer-badge):not(.badge),
body.admin-body b,body.admin-body td,body.admin-body th,
body.admin-body .admin-table,body.admin-body .admin-table *:not(.status-pill):not(button):not(.btn),
body.admin-body .admin-field,body.admin-body .admin-field *,
body.admin-body .admin-section__head,
body.admin-body .ae-section-head{
  color:#101b16!important;
  text-shadow:none!important;
}


body.admin-body button:not(.admin-icon-btn):not(.btn--primary):not(.btn--danger),
body.admin-body .btn:not(.btn--primary):not(.btn--danger){
  color:#101b16!important;
}
body.admin-body button:hover,
body.admin-body .btn:hover{
  color:#101b16!important;
}
body.admin-body .btn--primary,body.admin-body .btn--danger{color:#fff!important;}
body.admin-body .admin-nav a,
body.admin-body .admin-nav a *,
body.admin-body .admin-brand,
body.admin-body .admin-brand *{color:#fff!important;}
body.admin-body .admin-nav a{padding-left:24px!important;}


body.admin-body .admin-table tr:nth-child(even){background:#f5fbf8!important;}
body.admin-body .admin-table tr:hover{background:#eaf8f1!important;}



body.admin-body .status-pill--off{border:1px solid #fca5a5!important;}



body.admin-body .admin-icon-btn--edit{background:#0f766e!important;}


body.admin-body .ae-top-search,body.admin-body .ae-top-search input{background:#fff!important;color:#101b16!important;}


@media(max-width:900px){
  body.admin-body .admin-topbar{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;border-radius:0!important;}
  body.admin-body .admin-layout,body.admin-body .ae-admin-main{margin-left:0!important;width:100%!important;padding:16px!important;}
  body.admin-body .admin-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body.admin-body .admin-nav a{width:100%!important;justify-content:center!important;padding:0 10px!important;}
}


/* ===== FIX FINAL TARJETAS: imagen y nombre centrados en inicio/productos/promociones ===== */
.product-card, .producto-card, .card-producto{display:flex!important;flex-direction:column!important;align-items:stretch!important;}
.product-card .product-img, .product-card .producto-imagen, .producto-card .product-img, .producto-card .producto-imagen, .card-producto .product-img, .card-producto .producto-imagen{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.product-card img, .producto-card img, .card-producto img{object-fit:contain!important;object-position:center center!important;margin-left:auto!important;margin-right:auto!important;display:block!important;}
.product-card .product-name, .producto-card .product-name, .card-producto .product-name, .producto-nombre{width:100%!important;text-align:center!important;font-size:12px!important;line-height:1.15!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;-webkit-line-clamp:unset!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 8px!important;word-break:normal!important;overflow-wrap:anywhere!important;}


/* =========================================================
   FIX FINAL ALTEREGO - TARJETAS IGUALES Y CENTRADAS
   ========================================================= */
.product-card{
  height:390px!important;
  
  
  
  align-items:stretch!important;
  
}
.product-card__img{
  
  min-height:165px!important;
  
  
  
  
  padding:14px!important;
}
.product-card__img img{
  
  height:auto!important;
  max-width:86%!important;
  
  
  object-position:center!important;
  
  
}
.product-card__body{
  
  
  
  align-items:stretch!important;
  text-align:center!important;
  gap:8px!important;
  
}
.product-card__brand{
  text-align:center!important;
  
  letter-spacing:.38em!important;
  line-height:1.1!important;
}
.product-card__title{
  min-height:50px!important;
  max-height:64px!important;
  
  
  font-weight:900!important;
  text-align:center!important;
  
  align-items:center!important;
  justify-content:center!important;
  
  
  
  -webkit-line-clamp:unset!important;
  
  
  margin:0!important;
}

.product-card__status-row{margin-top:auto!important;}
.product-card__add-btn{min-height:42px!important;max-width:210px!important;margin:0 auto!important;font-size:13px!important;}
.product-card__bottom{min-height:30px!important;}

.product-card__bottom .price--offer{justify-content:space-between!important;}
.product-card__bottom .old-price{order:1!important;text-align:left!important;}
.product-card__bottom .current-price{order:2!important;text-align:right!important;}

/* =========================================================
   FIX FINAL: filtros de productos plegables en tablet/celular
   ========================================================= */
@media (max-width: 980px){
  body:not(.admin-body) .shop-layout{
    display:block!important;
  }
  body:not(.admin-body) .shop-sidebar,
  body:not(.admin-body) .shop-sidebar.glass-panel{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 16px!important;
    padding:12px!important;
    border-radius:20px!important;
    overflow:hidden!important;
    background:linear-gradient(145deg,rgba(8,28,20,.96),rgba(12,45,30,.92))!important;
    border:1px solid rgba(99,255,156,.22)!important;
    box-shadow:0 18px 45px rgba(0,0,0,.28)!important;
  }
  body:not(.admin-body) .shop-filter-toggle{
    display:flex!important;
    width:100%!important;
    min-height:48px!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0!important;
    padding:0 15px!important;
    border-radius:16px!important;
    border:1px solid rgba(105,255,157,.30)!important;
    background:linear-gradient(135deg,#0f8d58,#0b5d3e)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
  }
  body:not(.admin-body) .shop-filter-toggle strong{
    width:28px!important;
    height:28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    transition:transform .25s ease!important;
  }
  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-toggle strong{
    transform:rotate(180deg)!important;
  }
  body:not(.admin-body) .shop-filter-content{
    display:block!important;
    max-height:0!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    padding:0!important;
    margin:0!important;
    transition:max-height .30s ease, opacity .25s ease, padding .25s ease, margin .25s ease!important;
  }
  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-content{
    max-height:900px!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:14px 2px 2px!important;
    margin-top:10px!important;
  }
  body:not(.admin-body) .shop-sidebar h3,
  body:not(.admin-body) .shop-filter-title h3{
    font-size:12px!important;
    margin:0!important;
    color:#54ef98!important;
  }
  body:not(.admin-body) .shop-search-box{
    height:42px!important;
    border-radius:13px!important;
    margin:8px 0 12px!important;
  }
  body:not(.admin-body) .shop-search-box input{
    height:40px!important;
    font-size:13px!important;
  }
  body:not(.admin-body) .shop-filter-title{
    padding:10px 0 6px!important;
    margin:0!important;
  }
  body:not(.admin-body) .shop-checks{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body:not(.admin-body) .shop-checks label{
    min-height:34px!important;
    margin:0!important;
    padding:7px 8px!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.05)!important;
    color:#f4fff8!important;
    font-size:12px!important;
    line-height:1.15!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  body:not(.admin-body) .shop-checks input{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
  }
  body:not(.admin-body) .shop-topbar{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  body:not(.admin-body) .shop-topbar p,
  body:not(.admin-body) .shop-topbar select{
    width:100%!important;
  }
}
@media (max-width: 560px){
  body:not(.admin-body) .shop-sidebar,
  body:not(.admin-body) .shop-sidebar.glass-panel{
    padding:10px!important;
    border-radius:18px!important;
  }
  body:not(.admin-body) .shop-checks{
    grid-template-columns:1fr!important;
  }
  body:not(.admin-body) .shop-filter-toggle{
    min-height:46px!important;
    font-size:13px!important;
  }
}

/* =========================================================
   RESPONSIVE DEFINITIVO ALTEREGO - tablet y celular
   Filtros plegables, tarjetas alineadas y sin desbordes
   ========================================================= */
html, body{
  
  overflow-x:hidden!important;
}
body:not(.admin-body) .container,
body:not(.admin-body) .shop-shell{
  width:min(100% - 28px, 1320px)!important;
  max-width:1320px!important;
  margin-inline:auto!important;
}
body:not(.admin-body) img,
body:not(.admin-body) video{
  max-width:100%!important;
}

/* Escritorio: filtros normales */
@media (min-width:1081px){
  body:not(.admin-body) .shop-filter-toggle{display:none!important;}
  body:not(.admin-body) .shop-filter-content{
    display:block!important;
    max-height:none!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
    padding:0!important;
    margin:0!important;
  }
  body:not(.admin-body) .shop-layout{
    display:grid!important;
    grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important;
    gap:26px!important;
    align-items:start!important;
  }
}

/* Tablet y celular: filtro cerrado por defecto, solo botón visible */
@media (max-width:1080px){
  body:not(.admin-body) .shop-page{
    padding-top:18px!important;
  }
  body:not(.admin-body) .shop-layout{
    display:block!important;
  }
  body:not(.admin-body) .shop-sidebar,
  body:not(.admin-body) .shop-sidebar.glass-panel{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0 auto 14px!important;
    padding:10px!important;
    border-radius:18px!important;
    position:relative!important;
    top:auto!important;
    overflow:hidden!important;
    background:rgba(7,26,18,.92)!important;
    border:1px solid rgba(95,232,151,.28)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
  }
  body:not(.admin-body) .shop-filter-toggle{
    display:flex!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid rgba(92,236,151,.36)!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#11985d,#0a5f3d)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  body:not(.admin-body) .shop-filter-toggle span{
    color:#fff!important;
  }
  body:not(.admin-body) .shop-filter-toggle strong{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.16)!important;
    color:#fff!important;
    transform:rotate(0deg)!important;
  }
  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-toggle strong{
    transform:rotate(180deg)!important;
  }
  body:not(.admin-body) .shop-filter-content{
    display:none!important;
    visibility:hidden!important;
    max-height:0!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    padding:0!important;
    margin:0!important;
  }
  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-content{
    display:block!important;
    visibility:visible!important;
    max-height:75vh!important;
    opacity:1!important;
    overflow:auto!important;
    pointer-events:auto!important;
    padding:12px 2px 2px!important;
    margin-top:10px!important;
    scrollbar-width:thin!important;
  }
  body:not(.admin-body) .shop-filter-content h3,
  body:not(.admin-body) .shop-filter-title h3{
    color:#55ef96!important;
    font-size:12px!important;
    font-weight:900!important;
    margin:0!important;
  }
  body:not(.admin-body) .shop-search-box{
    height:42px!important;
    margin:8px 0 12px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.07)!important;
  }
  body:not(.admin-body) .shop-search-box input{
    height:40px!important;
    color:#fff!important;
    font-size:13px!important;
  }
  body:not(.admin-body) .shop-filter-title{
    padding:10px 0 6px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
  body:not(.admin-body) .shop-checks,
  body:not(.admin-body) .shop-brand-checks{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body:not(.admin-body) .shop-checks label{
    min-height:34px!important;
    margin:0!important;
    padding:7px 8px!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.055)!important;
    color:#f4fff8!important;
    font-size:12px!important;
    line-height:1.15!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  body:not(.admin-body) .shop-checks input{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
  }
  body:not(.admin-body) .shop-topbar{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    align-items:center!important;
    margin:10px 0 16px!important;
  }
  body:not(.admin-body) .shop-topbar p{
    margin:0!important;
    font-size:12px!important;
  }
  body:not(.admin-body) .shop-topbar select{
    width:auto!important;
    min-width:190px!important;
    max-width:100%!important;
    height:42px!important;
    font-size:12px!important;
    border-radius:999px!important;
  }
  body:not(.admin-body) .products-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
    align-items:stretch!important;
  }
  body:not(.admin-body) .product-card{
    width:100%!important;
    min-width:0!important;
    min-height:350px!important;
    border-radius:22px!important;
  }
  body:not(.admin-body) .product-card__img{
    height:145px!important;
    min-height:145px!important;
    flex:0 0 145px!important;
    padding:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body:not(.admin-body) .product-card__img img{
    max-width:86%!important;
    max-height:116px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:auto!important;
    padding:0!important;
  }
  body:not(.admin-body) .product-card__body{
    min-height:188px!important;
    padding:12px 12px 14px!important;
    gap:7px!important;
    display:flex!important;
    flex-direction:column!important;
    text-align:center!important;
  }
  body:not(.admin-body) .product-card__brand{
    font-size:9px!important;
    line-height:1.1!important;
    letter-spacing:.28em!important;
    text-align:center!important;
  }
  body:not(.admin-body) .product-card__title{
    font-size:11px!important;
    line-height:1.16!important;
    min-height:42px!important;
    max-height:none!important;
    text-align:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:unset!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  body:not(.admin-body) .product-card__bottom{
    margin-top:auto!important;
    min-height:28px!important;
  }
  body:not(.admin-body) .product-card__bottom .small-btn,
  body:not(.admin-body) .product-card__add-btn{
    width:100%!important;
    max-width:190px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0 auto!important;
    padding:0 12px!important;
    font-size:12px!important;
  }
  body:not(.admin-body) .product-card__bottom .price,
  body:not(.admin-body) .price{
    font-size:16px!important;
  }
  body:not(.admin-body) .old-price{
    font-size:12px!important;
  }
}

/* Tablet mediana */
@media (max-width:820px){
  body:not(.admin-body) .container,
  body:not(.admin-body) .shop-shell{
    width:min(100% - 22px, 760px)!important;
  }
  body:not(.admin-body) .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body:not(.admin-body) .shop-topbar{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
  body:not(.admin-body) .shop-topbar select{
    width:100%!important;
    min-width:0!important;
  }
}

/* Celular */
@media (max-width:520px){
  body:not(.admin-body) .container,
  body:not(.admin-body) .shop-shell{
    width:min(100% - 16px, 100%)!important;
  }
  body:not(.admin-body) .shop-sidebar,
  body:not(.admin-body) .shop-sidebar.glass-panel{
    padding:8px!important;
    border-radius:16px!important;
    margin-bottom:12px!important;
  }
  body:not(.admin-body) .shop-filter-toggle{
    height:44px!important;
    min-height:44px!important;
    font-size:13px!important;
    border-radius:13px!important;
  }
  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-content{
    max-height:70vh!important;
  }
  body:not(.admin-body) .shop-checks,
  body:not(.admin-body) .shop-brand-checks{
    grid-template-columns:1fr!important;
  }
  body:not(.admin-body) .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body:not(.admin-body) .product-card{
    min-height:315px!important;
    border-radius:18px!important;
  }
  body:not(.admin-body) .product-card__img{
    height:118px!important;
    min-height:118px!important;
    flex-basis:118px!important;
    padding:8px!important;
  }
  body:not(.admin-body) .product-card__img img{
    max-height:92px!important;
    max-width:88%!important;
  }
  body:not(.admin-body) .product-card__body{
    min-height:178px!important;
    padding:10px 9px 12px!important;
  }
  body:not(.admin-body) .product-card__brand{
    font-size:8px!important;
    letter-spacing:.22em!important;
  }
  body:not(.admin-body) .product-card__title{
    font-size:10px!important;
    line-height:1.13!important;
    min-height:46px!important;
  }
  body:not(.admin-body) .product-card__bottom .small-btn,
  body:not(.admin-body) .product-card__add-btn{
    height:34px!important;
    min-height:34px!important;
    font-size:10px!important;
    padding:0 8px!important;
  }
  body:not(.admin-body) .product-card__bottom .price,
  body:not(.admin-body) .price{
    font-size:14px!important;
  }
  body:not(.admin-body) .old-price{
    font-size:10px!important;
  }
}

/* Celular muy angosto: una columna cómoda */
@media (max-width:360px){
  body:not(.admin-body) .products-grid{
    grid-template-columns:1fr!important;
  }
  body:not(.admin-body) .product-card{
    max-width:260px!important;
    margin-inline:auto!important;
  }
}


/* =========================================================
   ALTEREGO - CORRECCIÓN FINAL PRESENTACIÓN GERENTE
   - Tarjetas iguales en inicio/productos/ofertas/promociones
   - Promociones responsive como ofertas
   - Panel administrativo claro, legible y sin textos blancos sobre blanco
   ========================================================= */

body:not(.admin-body){background:#06140f;color:#fff;}
body:not(.admin-body) .header{max-width:1540px;background:rgba(0,0,0,.78)!important;border:1px solid rgba(69,208,131,.22);box-shadow:0 18px 50px rgba(0,0,0,.3);}

body:not(.admin-body) .nav a,body:not(.admin-body) .nav-dropdown__toggle{border-radius:999px;padding:13px 22px;font-weight:900;}
body:not(.admin-body) .nav a:hover,body:not(.admin-body) .nav a.active,body:not(.admin-body) .nav-dropdown:hover .nav-dropdown__toggle{background:rgba(255,255,255,.12);color:#fff!important;}
body:not(.admin-body) .hero{max-width:1540px;margin:22px auto 0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.28);}
body:not(.admin-body) .hero__grid{min-height:430px;}
body:not(.admin-body) .promo-banner{max-width:1540px;margin:38px auto;border-radius:32px;}
body:not(.admin-body) .promo-banner__inner{border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 70px rgba(0,0,0,.28);}
body:not(.admin-body) .promo-banner__inner img{object-fit:cover;border-radius:24px;max-height:360px;}
body:not(.admin-body) .promo-banner .btn,body:not(.admin-body) #promoButton{background:linear-gradient(135deg,var(--ae-green),var(--ae-green-2))!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px rgba(22,160,95,.22);}

/* Promociones usa mismo look de ofertas/productos */
body:not(.admin-body) .promociones-page .container,
body:not(.admin-body) .promociones-hero .container{max-width:1320px;}
body:not(.admin-body) .promociones-toolbar input,
body:not(.admin-body) .toolbar--offers input{width:100%;min-height:52px;border-radius:15px;background:rgba(255,255,255,.08);border:1px solid rgba(99,230,154,.28);color:#fff;padding:0 18px;}
body:not(.admin-body) .promociones-toolbar input::placeholder,
body:not(.admin-body) .toolbar--offers input::placeholder{color:rgba(255,255,255,.58);}

/* Tarjetas de producto iguales, centradas y sin puntos suspensivos */

body:not(.admin-body) .product-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;border:1px solid rgba(91,232,145,.24)!important;box-shadow:0 22px 54px rgba(0,0,0,.32)!important;backdrop-filter:blur(16px)!important;}
body:not(.admin-body) .product-card__img{border:1px solid rgba(255,255,255,.55)!important;}
body:not(.admin-body) .product-card__img::after{display:none!important;}
body:not(.admin-body) .product-card__img img{filter:drop-shadow(0 14px 14px rgba(0,0,0,.18))!important;}
body:not(.admin-body) .offer-badge{margin:0!important;background:#bfe8ce!important;color:#0d5132!important;border-radius:999px!important;font-weight:900!important;box-shadow:0 10px 20px rgba(0,0,0,.12)!important;}




body:not(.admin-body) .product-card__status-row{margin-bottom:14px!important;}
body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn{background:linear-gradient(135deg,#0fae62,#45d083)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;}
body:not(.admin-body) .product-card__add-btn--empty,
body:not(.admin-body) .product-card--empty .small-btn{background:linear-gradient(135deg,#ef7777,#dc5f5f)!important;color:#fff!important;opacity:1!important;}

body:not(.admin-body) .product-card__bottom .price{color:#54ee8d!important;font-weight:900!important;}
body:not(.admin-body) .price--offer{flex-direction:row!important;}
body:not(.admin-body) .old-price{font-weight:800!important;}
body:not(.admin-body) .current-price{color:#54ee8d!important;}
body:not(.admin-body) .price:not(.price--offer) .current-price{margin:auto!important;}

/* Admin: modo claro, letras legibles y botones alineados */

body.admin-body,body.admin-body *{text-shadow:none!important;}
body.admin-body h1,body.admin-body h2,body.admin-body h3,body.admin-body h4,body.admin-body h5,body.admin-body h6,
body.admin-body p,body.admin-body label,body.admin-body span,body.admin-body small,body.admin-body td,body.admin-body th,
body.admin-body input,body.admin-body select,body.admin-body textarea{color:#0b1410!important;}
body.admin-body .admin-section,body.admin-body .admin-card,body.admin-body .ae-card,body.admin-body .admin-table-wrap,
body.admin-body .ae-chart-card,body.admin-body .ae-list-card,body.admin-body .modal-content,body.admin-body .admin-modal,
body.admin-body .dashboard-card,body.admin-body .metric-card{background:#fff!important;color:#0b1410!important;border-color:rgba(7,54,34,.14)!important;}
body.admin-body input,body.admin-body select,body.admin-body textarea{background:#fff!important;border:1px solid rgba(7,54,34,.22)!important;color:#0b1410!important;}
body.admin-body input::placeholder,body.admin-body textarea::placeholder{color:#6b776f!important;}
body.admin-body .btn:not(.btn--danger):not(.btn--primary),body.admin-body button:not(.admin-icon-btn):not(.btn--danger):not(.btn--primary){color:#0b1410!important;}
body.admin-body .btn--primary,body.admin-body .admin-nav a.active,body.admin-body .admin-nav a:hover{color:#fff!important;background:linear-gradient(135deg,#0c8a55,#16a05f)!important;}
body.admin-body .admin-table{background:#fff!important;color:#0b1410!important;}
body.admin-body .admin-table th{background:#f5fbf8!important;color:#0b1410!important;font-size:12px!important;}
body.admin-body .admin-table td{background:#fff!important;color:#0b1410!important;font-size:12px!important;}
body.admin-body .admin-table tr:hover td{background:#eefaf4!important;color:#0b1410!important;}
body.admin-body .status-pill{color:#0b1410!important;background:#eef4f0!important;border:1px solid rgba(7,54,34,.12)!important;}
body.admin-body .status-pill--ok,body.admin-body .status-pill--active,body.admin-body .status-pill--visible{background:#dcfce7!important;color:#0f5132!important;border-color:#86efac!important;}
body.admin-body .status-pill--danger,body.admin-body .status-pill--hidden,body.admin-body .status-pill--off{background:#fee2e2!important;color:#991b1b!important;border-color:#fca5a5!important;}
body.admin-body .status-pill--offer,body.admin-body .status-pill--promo{background:#fff7d6!important;color:#6b4300!important;border-color:#fde68a!important;}
body.admin-body .ae-dark-pill,body.admin-body .theme-toggle,body.admin-body [data-theme-toggle],body.admin-body .dark-toggle{display:none!important;}

body.admin-body .admin-nav a span,body.admin-body .admin-nav a i{width:20px!important;min-width:20px!important;text-align:center!important;color:#eafff3!important;display:inline-flex!important;justify-content:center!important;}

body.admin-body .admin-icon-btn{overflow:visible!important;}
body.admin-body .admin-icon-btn svg,body.admin-body .admin-icon-btn i,body.admin-body .admin-icon-btn span{color:#fff!important;fill:currentColor!important;}

@media (max-width: 1180px){
  body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;}
  body:not(.admin-body) .product-card{min-height:425px!important;}
  body:not(.admin-body) .product-card__img{height:185px!important;flex-basis:185px!important;}
}
@media (max-width: 900px){
  body:not(.admin-body) .header{margin:10px 10px 0;border-radius:18px;}
  body:not(.admin-body) .header__content{min-height:62px;}
  body:not(.admin-body) .nav{position:absolute;left:12px;right:12px;top:70px;background:rgba(2,14,10,.96);border:1px solid rgba(99,230,154,.24);border-radius:18px;padding:12px;display:none;flex-direction:column;z-index:30;}
  body:not(.admin-body) .nav.active,body:not(.admin-body) .nav.is-open{display:flex!important;}
  body:not(.admin-body) .nav-dropdown__menu{position:static!important;display:grid!important;background:rgba(255,255,255,.06)!important;border-radius:14px!important;margin-top:8px!important;}
  body:not(.admin-body) .menu-btn{display:inline-flex!important;}
  body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
  body:not(.admin-body) .product-card{min-height:392px!important;border-radius:22px!important;}
  body:not(.admin-body) .product-card__img{height:160px!important;flex-basis:160px!important;margin:12px 12px 0!important;border-radius:18px!important;}
  body:not(.admin-body) .product-card__title{font-size:11.5px!important;min-height:42px!important;}
  body:not(.admin-body) .product-card__brand{font-size:9.5px!important;letter-spacing:.24em!important;}
  body:not(.admin-body) .product-card__add-btn,body:not(.admin-body) .product-card .small-btn{min-height:40px!important;font-size:11.5px!important;}
  body:not(.admin-body) .current-price{font-size:16px!important;}
  body.admin-body .admin-topbar{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;border-radius:0!important;}
  body.admin-body .admin-layout,body.admin-body .ae-admin-main{margin-left:0!important;width:100%!important;padding:16px!important;}
}
@media (max-width: 520px){
  body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  body:not(.admin-body) .product-card{min-height:348px!important;border-radius:18px!important;}
  body:not(.admin-body) .product-card__img{height:128px!important;flex-basis:128px!important;margin:10px 10px 0!important;border-radius:16px!important;}
  body:not(.admin-body) .product-card__img img{padding:12px!important;}
  body:not(.admin-body) .product-card__body{padding:10px 10px 12px!important;}
  body:not(.admin-body) .product-card__brand{font-size:8.5px!important;letter-spacing:.18em!important;margin-bottom:7px!important;}
  body:not(.admin-body) .product-card__title{font-size:10.5px!important;line-height:1.12!important;min-height:40px!important;margin-bottom:8px!important;}
  body:not(.admin-body) .product-card__add-btn,body:not(.admin-body) .product-card .small-btn{min-height:36px!important;font-size:10px!important;}
  body:not(.admin-body) .current-price{font-size:14px!important;}
  body:not(.admin-body) .old-price{font-size:11px!important;}
  body:not(.admin-body) .offer-badge{font-size:10px!important;padding:6px 8px!important;}
}


/* ===== ae-premium.css ===== */

/* =========================================================
   ALTEREGO PREMIUM UI - claro/oscuro, shop y dashboard
   Archivo generado para adaptar la tienda a los bocetos.
   ========================================================= */
:root{
    --ae-lime:#77e36d; 
     
  
  --ae-glass:rgba(255,255,255,.74);  --ae-radius:22px;
}
html[data-theme="dark"]{
  --ae-card:rgba(16,26,23,.86); --ae-text:#f6fff9; --ae-muted:#a8b7ae; --ae-border:rgba(173,255,194,.12);
  --ae-bg:radial-gradient(circle at 80% 10%,rgba(30,102,50,.30),transparent 32%),radial-gradient(circle at 10% 90%,rgba(0,168,84,.20),transparent 38%),linear-gradient(135deg,#020605,#07100d 48%,#020403);
  --ae-glass:rgba(12,22,19,.72); --ae-shadow:0 28px 80px rgba(0,0,0,.42);
}
body{background:var(--ae-bg)!important;color:var(--ae-text)!important;min-height:100vh;transition:background .35s ease,color .35s ease;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent,rgba(42,216,103,.08),transparent);opacity:.65;}
.btn,.small-btn{border-radius:12px!important;font-weight:800!important;letter-spacing:.02em;}.btn--primary,.small-btn{background:linear-gradient(135deg,var(--ae-green),#064f31)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 12px 32px rgba(20,115,63,.25);}.btn--outline,.btn--secondary{border:1px solid var(--ae-border)!important;background:var(--ae-glass)!important;color:var(--ae-text)!important;}
.header{top:14px!important;margin:0 auto 18px;width:min(1220px,94%);border-radius:20px;background:var(--ae-glass)!important;backdrop-filter:blur(22px);border:1px solid var(--ae-border);box-shadow:var(--ae-shadow);overflow:visible;}.header__content{height:74px!important;}.logo img{width:154px!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.12));}.nav{gap:25px!important;color:var(--ae-text)!important;}.nav a{font-size:12px;text-transform:uppercase;font-weight:900;position:relative;}.nav a:hover,.nav a.active{color:var(--ae-green-2)!important;}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--ae-green-2);transform:scaleX(0);transition:.25s;}.nav a:hover:after,.nav a.active:after{transform:scaleX(1);}.icon-btn{background:transparent!important;color:var(--ae-text)!important;border:0!important;font-size:18px;}.cart-link span{background:var(--ae-green-2)!important;color:#05210f!important;}.search-panel{background:transparent!important;}.search-panel__inner{background:var(--ae-card);border:1px solid var(--ae-border);border-radius:16px;padding:14px;box-shadow:var(--ae-shadow);}
.theme-toggle{height:40px;border:1px solid var(--ae-border)!important;background:rgba(255,255,255,.55)!important;color:var(--ae-text)!important;border-radius:999px!important;padding:4px 8px!important;display:inline-flex;align-items:center;gap:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);}html[data-theme="dark"] .theme-toggle{background:rgba(255,255,255,.09)!important;}.theme-toggle__label{font-size:11px;font-weight:900;text-transform:uppercase;}.theme-toggle__icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;}.theme-toggle__moon{background:#101820;color:#fff;}
.hero{padding:0!important;margin:8px auto 18px;width:min(1220px,94%);border-radius:24px;overflow:hidden;background:var(--ae-card)!important;border:1px solid var(--ae-border);box-shadow:var(--ae-shadow);}.hero__grid{width:100%!important;min-height:390px;display:grid!important;grid-template-columns:1fr 1.05fr;align-items:center;padding:42px 52px!important;position:relative;background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.45)),url("../archivos/wella.png") center/cover no-repeat;}html[data-theme="dark"] .hero__grid{background:linear-gradient(90deg,rgba(5,11,9,.94),rgba(5,11,9,.40)),url("../archivos/wella.png") center/cover no-repeat;}.hero__text .tag{display:none;}.hero h1{font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(38px,5vw,62px)!important;line-height:.94!important;color:var(--ae-text)!important;max-width:410px;}.hero h1 span{color:inherit!important;}.hero p{max-width:420px;color:var(--ae-text)!important;margin:20px 0 25px!important;}.hero__media{height:320px!important;display:flex!important;align-items:end;justify-content:center;background:transparent!important;box-shadow:none!important;}.hero__media video{display:none;}.hero__media:before{content:"";width:min(430px,100%);height:300px;background:url("../archivos/wella.png") 12% 68%/110px auto no-repeat,url("../archivos/Logo Negativo.png") 49% 76%/150px auto no-repeat,url("../archivos/Logo Negativo.png") 88% 60%/150px auto no-repeat;filter:drop-shadow(0 28px 30px rgba(0,0,0,.32));}.promo-banner{display:none!important;}.benefits,.ae-benefits{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px!important;margin-top:18px!important;}.benefits article,.ae-benefit{background:var(--ae-glass)!important;border:1px solid var(--ae-border)!important;border-radius:16px!important;box-shadow:0 12px 30px rgba(0,0,0,.06)!important;padding:18px!important;color:var(--ae-text)!important;}.benefits span{color:var(--ae-green-2)!important;}.section{padding:36px 0!important;}.section__title h2{color:var(--ae-text)!important;}.section__title p{color:var(--ae-muted)!important;}.category-card{background:var(--ae-card)!important;border:1px solid var(--ae-border)!important;border-radius:18px!important;box-shadow:var(--ae-shadow)!important;color:var(--ae-text)!important;overflow:hidden;}.category-card span{background:rgba(42,216,103,.12)!important;color:var(--ae-green-2)!important;}
.shop-page{padding:24px 0 60px!important;background:radial-gradient(circle at 70% 60%,rgba(33,221,103,.17),transparent 28%);}.shop-breadcrumb{display:none;}.shop-layout{display:grid!important;grid-template-columns:250px 1fr!important;gap:34px!important;}.shop-sidebar{position:sticky;top:112px;align-self:start;border-radius:18px!important;background:rgba(7,16,13,.78)!important;color:#f4fff7!important;border:1px solid rgba(109,255,154,.22)!important;box-shadow:0 24px 55px rgba(0,0,0,.35)!important;padding:20px!important;backdrop-filter:blur(18px);}html[data-theme="light"] .shop-sidebar{background:rgba(255,255,255,.82)!important;color:#0c1712!important;box-shadow:var(--ae-shadow)!important;}.shop-sidebar h3,.shop-filter-title h3{color:var(--ae-green-2)!important;font-size:15px;}.shop-search-box{border:1px solid rgba(92,255,143,.22)!important;background:rgba(255,255,255,.07)!important;border-radius:16px!important;}.shop-search-box input{color:inherit!important;}.shop-checks label{gap:10px!important;color:inherit!important;margin:9px 0!important;}.shop-checks input{accent-color:var(--ae-green-2);width:16px;height:16px;}.shop-topbar{margin-bottom:22px!important;}.shop-topbar p{color:var(--ae-text)!important;}.shop-topbar span{color:var(--ae-green-2)!important;}.shop-topbar select{border:1px solid var(--ae-border)!important;background:var(--ae-card)!important;color:var(--ae-text)!important;border-radius:999px!important;padding:13px 42px 13px 20px!important;}.shop-products-grid,.products-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}.product-card{min-height:440px;position:relative;background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.02)),radial-gradient(circle at 50% 8%,rgba(93,231,128,.25),transparent 40%),rgba(5,16,12,.92)!important;border:1px solid rgba(173,255,194,.26)!important;box-shadow:0 24px 60px rgba(0,0,0,.35)!important;color:#fff!important;padding:18px!important;transition:.25s;}.product-card:hover{transform:translateY(-7px);box-shadow:0 34px 80px rgba(0,0,0,.45),0 0 0 1px rgba(87,255,137,.22)!important;}.product-card:after{content:"♡";position:absolute;right:18px;top:15px;font-size:27px;color:#eaf8ef;z-index:3;}.product-card__img{height:205px!important;background:transparent!important;place-items:center;margin:4px 0 12px;}.product-card__img img{max-height:205px!important;width:auto!important;filter:drop-shadow(0 25px 28px rgba(0,0,0,.42));}.product-card__body{padding:0!important;min-height:178px;}.product-card__brand{color:var(--ae-green-2)!important;font-weight:900!important;font-size:12px!important;text-transform:uppercase;}.product-card__title{color:#fff!important;font-size:18px!important;line-height:1.25!important;min-height:48px;}.product-card__bottom{order:3;margin:2px 0 14px!important;}.price{color:#55e67e!important;font-weight:900!important;font-size:20px!important;}.product-card__status-row{order:4;margin-top:auto;}.product-card__add-btn{width:100%!important;height:44px!important;border-radius:999px!important;background:rgba(0,0,0,.20)!important;border:1px solid rgba(118,255,157,.60)!important;box-shadow:none!important;}.product-card__add-btn:hover{background:var(--ae-green)!important;}.offer-badge{background:var(--ae-green-2)!important;color:#06200f!important;border-radius:999px!important;}
.footer{background:rgba(2,8,6,.95)!important;color:#effff4!important;border-top:1px solid rgba(91,255,145,.18)!important;}.whatsapp{filter:drop-shadow(0 12px 22px rgba(68,214,111,.38));}
.admin-body{background:var(--ae-bg)!important;}.admin-topbar{position:fixed!important;left:24px;top:24px;bottom:24px;width:260px;z-index:20;border-radius:26px;background:var(--ae-glass)!important;border:1px solid var(--ae-border)!important;box-shadow:var(--ae-shadow)!important;padding:22px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:22px!important;backdrop-filter:blur(22px);}.admin-brand{gap:12px!important;color:var(--ae-text)!important;}.admin-brand span{font-size:11px!important;text-transform:uppercase;color:var(--ae-muted)!important;}.admin-nav{display:flex!important;flex-direction:column!important;gap:8px!important;}.admin-nav a:hover,.admin-nav a.active{background:rgba(45,202,98,.15)!important;color:var(--ae-green-2)!important;}.admin-layout{margin-left:310px!important;width:calc(100% - 340px)!important;padding:34px 24px!important;display:block!important;}.admin-layout:before{content:"Dashboard";display:block;font-size:30px;font-weight:900;margin-bottom:18px;color:var(--ae-text);}.admin-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;margin-bottom:18px!important;}.admin-stats div,.admin-section,.dashboard-kpi-card,.modal-card{background:var(--ae-card)!important;color:var(--ae-text)!important;border:1px solid var(--ae-border)!important;border-radius:18px!important;box-shadow:var(--ae-shadow)!important;}.admin-stats div{padding:24px!important;}.admin-stats strong,.dashboard-kpi-card strong{font-size:25px!important;color:var(--ae-text)!important;}.admin-stats span,.dashboard-kpi-card span,.admin-section p,.muted{color:var(--ae-muted)!important;}.admin-section{padding:24px!important;}.admin-section--wide{grid-column:1/-1;}.dashboard-kpi-card{display:flex!important;flex-direction:column!important;gap:8px!important;}.dashboard-kpi-card em{color:var(--ae-green-2)!important;font-style:normal!important;}.sales-chart{background:linear-gradient(180deg,transparent,rgba(68,214,111,.08));}.sales-chart a span{background:linear-gradient(180deg,var(--ae-green-2),var(--ae-green))!important;border-radius:999px 999px 6px 6px!important;}.admin-mini-list p{border-bottom:1px solid var(--ae-border)!important;}.admin-table-wrap,.admin-table{background:var(--ae-card)!important;color:var(--ae-text)!important;border-radius:18px;overflow:hidden;}.admin-table th{color:var(--ae-text)!important;}.admin-form input,.admin-form textarea,.admin-form select,.admin-table select,input,select,textarea{background:var(--ae-card)!important;color:var(--ae-text)!important;border:1px solid var(--ae-border)!important;border-radius:12px!important;}
@media (max-width:980px){.header{top:8px;}.nav{position:absolute;right:0;top:82px;width:240px;display:none!important;flex-direction:column;background:var(--ae-card);border:1px solid var(--ae-border);border-radius:18px;padding:18px;box-shadow:var(--ae-shadow);}.nav.open,.nav.active{display:flex!important;}.hero__grid{grid-template-columns:1fr!important;padding:32px!important;}.hero__media{height:230px!important;}.hero__media:before{height:230px;background-size:78px auto,115px auto,115px auto;}.benefits,.ae-benefits,.shop-products-grid,.products-grid{grid-template-columns:repeat(2,1fr)!important;}.shop-layout{grid-template-columns:1fr!important;}.shop-sidebar{position:relative;top:auto;}.admin-topbar{position:relative!important;left:auto;top:auto;bottom:auto;width:min(94%,1220px);margin:14px auto;}.admin-layout{margin:0 auto!important;width:min(94%,1220px)!important;padding:16px 0!important;}.admin-stats,.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)!important;}.admin-dashboard-grid{grid-template-columns:1fr!important;}}
@media (max-width:560px){.container{width:92%!important;}.header{width:94%;border-radius:18px;}.logo img{width:118px!important;}.theme-toggle__label{display:none;}.hero{width:94%;border-radius:18px;}.hero__grid{min-height:520px;padding:26px 20px!important;}.hero h1{font-size:36px!important;}.hero p{font-size:14px;}.benefits,.ae-benefits,.shop-products-grid,.products-grid{grid-template-columns:1fr!important;}.product-card{min-height:405px;}.admin-stats,.dashboard-kpi-grid{grid-template-columns:1fr!important;}.admin-brand img{width:118px!important;}}

/* ===== FIX JOHPSER 07-07: dashboard como boceto + productos compactos paginados ===== */
.shop-products-grid.products-grid,
.shop-products-grid,
.products-grid.shop-products-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}








.shop-page-btn,.admin-pagination button{min-width:38px;height:38px;border-radius:10px;border:1px solid #dbe3ea;background:#fff;color:#111827;font-weight:800;cursor:pointer;}
.shop-page-btn.is-active,.admin-pagination button.active{background:#08783f!important;color:#fff!important;border-color:#08783f!important;box-shadow:0 8px 18px rgba(8,120,63,.25);}
.shop-page-btn:disabled,.admin-pagination button:disabled{opacity:.45;cursor:not-allowed;}
.shop-page-dots,.admin-pagination span{padding:0 6px;color:#64748b;font-weight:800;}

.ae-control-panel{background:#f7f9fb!important;color:#0f172a!important;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif!important;}

.ae-control-panel .admin-brand{justify-content:flex-start!important;}

.ae-icon-nav{gap:10px!important;}
.ae-icon-nav a{height:54px!important;padding:0 15px!important;display:flex!important;align-items:center!important;gap:14px!important;border-radius:11px!important;color:#fff!important;font-size:15px!important;font-weight:700!important;}
.ae-icon-nav a span{width:24px;text-align:center;font-size:18px;line-height:1;}
.ae-icon-nav a b{font:inherit;}
.ae-icon-nav a em{margin-left:auto;background:#0b8b55;color:#fff;border-radius:999px;padding:4px 10px;font-style:normal;font-size:12px;}
.ae-icon-nav a:hover,.ae-icon-nav a.active{background:linear-gradient(135deg,#0c7c4d,#128c5a)!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important;}
.ae-dark-pill{margin-top:auto;height:58px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#fff;display:flex;align-items:center;gap:12px;padding:0 18px;font-weight:700;}
.ae-dark-pill i{margin-left:auto;width:34px;height:22px;background:rgba(255,255,255,.12);border-radius:99px;position:relative;}
.ae-dark-pill i:after{content:"";position:absolute;left:4px;top:4px;width:14px;height:14px;border-radius:50%;background:#7b8b88;}
.ae-admin-user{display:flex;align-items:center;gap:12px;color:#fff;padding:12px 10px 4px;}
.ae-admin-user>span{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;}
.ae-admin-user small{display:block;color:#c9d7d1;margin-top:2px;}

.ae-admin-main.admin-layout{margin-left:292px!important;width:calc(100% - 292px)!important;padding:0 44px 34px!important;background:#f7f9fb!important;}
.ae-admin-main:before{display:none!important;}
.ae-admin-header{height:80px;margin:0 -44px 22px;padding:0 44px;display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.9);border-bottom:1px solid #e5eaf0;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);}
.ae-menu-btn{border:0;background:transparent;font-size:24px;color:#111827;cursor:pointer;}
.ae-top-search{margin-left:auto;width:min(280px,35vw);}
.ae-top-search input{box-shadow:none!important;}
.ae-top-icons{font-size:23px;}
.ae-top-icons span{position:relative;}
.ae-top-icons em{position:absolute;right:-7px;top:-7px;background:#ef233c;color:#fff;border-radius:99px;font-size:10px;font-style:normal;padding:1px 5px;}
.ae-dashboard-title h1{margin:0;color:#0b1220;font-size:30px;font-weight:900;}

.ae-dashboard-kpis.admin-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;margin-bottom:24px!important;}
.ae-kpi-card{height:132px;box-shadow:0 9px 28px rgba(15,23,42,.06)!important;}
.ae-kpi-card span{margin-bottom:9px;}

.ae-kpi-card small{margin-top:16px;}
.ae-kpi-card--red small{color:#ef233c!important;}
.ae-kpi-card i{font-size:24px;}
.ae-kpi-card--green i{background:#e7f8ed;color:#16a34a;}.ae-kpi-card--purple i{background:#f0e6ff;color:#7c3aed;}.ae-kpi-card--blue i{background:#e7f0ff;color:#2563eb;}.ae-kpi-card--orange i{background:#fff2dc;color:#f59e0b;}.ae-kpi-card--red i{background:#ffe8e8;color:#ef233c;}
.ae-product-management.admin-section{border-radius:14px!important;background:#fff!important;border:1px solid #dfe6ee!important;box-shadow:0 12px 32px rgba(15,23,42,.07)!important;padding:16px 18px!important;}
.ae-section-head h2{font-size:20px!important;color:#0b1220!important;margin:0 0 14px!important;font-weight:700!important;}
.ae-toolbar.admin-toolbar{display:grid!important;grid-template-columns:minmax(260px,1fr) 220px 110px 125px auto auto;gap:12px!important;margin:0 0 18px!important;align-items:center!important;}
.ae-toolbar input,.ae-toolbar select{height:42px!important;border:1px solid #dbe3ea!important;background:#fff!important;color:#0f172a!important;border-radius:9px!important;padding:0 14px!important;}
.ae-toolbar .btn{height:42px!important;border-radius:9px!important;white-space:nowrap!important;display:inline-flex;align-items:center;justify-content:center;}
.ae-table-wrap.admin-table-wrap{border:1px solid #dfe6ee!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;}





.ae-admin-product-cell strong{text-overflow:ellipsis;}

.ae-stock-dot{display:inline-block;border-radius:50%;vertical-align:middle;}.ae-stock-dot.is-green{background:#22c55e;}.ae-stock-dot.is-orange{background:#f59e0b;}.ae-stock-dot.is-red{background:#ef233c;}




.admin-icon-btn--delete{color:#ef233c!important;border-color:#fecdd3!important;}
.ae-table-footer{display:flex;align-items:center;gap:18px;padding:14px 0 0;color:#667085;font-size:13px;}
.ae-table-footer .admin-pagination{margin-left:auto;display:flex;gap:8px;align-items:center;}
.ae-table-footer .admin-list-info{color:#667085;}
.admin-pagination button{font-size:13px!important;}
@media (max-width:1200px){.ae-dashboard-kpis.admin-stats{grid-template-columns:repeat(2,1fr)!important;}.ae-toolbar.admin-toolbar{grid-template-columns:1fr 1fr!important;}.ae-admin-main.admin-layout{padding:0 18px 24px!important;}.ae-admin-header{margin:0 -18px 18px;padding:0 18px;}.ae-control-panel .admin-topbar.ae-sidebar{width:86px!important;}.ae-control-panel .admin-brand img{width:54px!important;}.ae-icon-nav a b,.ae-icon-nav a em,.ae-dark-pill span,.ae-admin-user div{display:none;}.ae-admin-main.admin-layout{margin-left:86px!important;width:calc(100% - 86px)!important;}}
@media (max-width:760px){.shop-products-grid.products-grid,.shop-products-grid,.products-grid.shop-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.ae-control-panel .admin-topbar.ae-sidebar{position:relative!important;width:100%!important;inset:auto!important;}.ae-admin-main.admin-layout{margin:0!important;width:100%!important;}.ae-dashboard-kpis.admin-stats{grid-template-columns:1fr!important;}.ae-toolbar.admin-toolbar{grid-template-columns:1fr!important;}.ae-table-wrap{overflow-x:auto!important;}.ae-top-search{display:none;}}
@media (max-width:480px){.shop-products-grid.products-grid,.shop-products-grid,.products-grid.shop-products-grid{grid-template-columns:1fr!important;}}

/* =========================================================
   CORRECCIÓN FINAL PANEL ADMIN + PRODUCTOS (Johpser)
   ========================================================= */
body.admin-body.ae-control-panel{color:#101828!important;font-family:Inter,Arial,sans-serif!important;}
.ae-control-panel .admin-topbar.ae-sidebar{background:linear-gradient(160deg,#061d16,#003f2d 58%,#032116)!important;border:0!important;border-right:1px solid rgba(0,0,0,.08)!important;border-radius:0!important;box-shadow:none!important;position:fixed!important;inset:0 auto 0 0!important;z-index:40!important;}
.ae-control-panel .admin-brand{height:auto!important;margin:0!important;display:block!important;}
.ae-control-panel .admin-nav{display:flex!important;flex-direction:column!important;padding:4px 0!important;}.ae-control-panel .admin-nav a{display:grid!important;align-items:center!important;color:#fff!important;text-decoration:none!important;font-weight:650!important;background:transparent!important;border:0!important;}.ae-control-panel .admin-nav a span{line-height:1!important;}.ae-control-panel .admin-nav a.active,.ae-control-panel .admin-nav a:hover{background:linear-gradient(135deg,#0f8a55,#06633f)!important;box-shadow:0 8px 22px rgba(6,99,63,.24)!important;}.ae-control-panel .admin-nav em{background:#109e62!important;color:#fff!important;border-radius:999px!important;font-style:normal!important;padding:4px 9px!important;font-size:12px!important;}
.ae-control-panel .ae-dark-pill{margin-top:auto!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;display:flex!important;align-items:center!important;gap:12px!important;}.ae-control-panel .ae-dark-pill i{margin-left:auto!important;width:36px!important;height:20px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;position:relative!important;}.ae-control-panel .ae-dark-pill i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#7b8b86;left:3px;top:3px;}.ae-control-panel .ae-admin-user{align-items:center!important;gap:10px!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.08)!important;}.ae-control-panel .ae-admin-user span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);}.ae-control-panel .ae-admin-user strong{display:block;}.ae-control-panel .ae-admin-user small{display:block;color:#c8d8d3;}.ae-control-panel .admin-logout{display:none!important;}
.ae-control-panel .ae-admin-header{backdrop-filter:blur(10px)!important;}.ae-control-panel .ae-menu-btn{border:0!important;background:transparent!important;color:#101828!important;}.ae-control-panel .ae-top-search{border:1px solid #d8dee6!important;background:#fff!important;color:#667085!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 14px!important;margin-left:auto!important;}.ae-control-panel .ae-top-search input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;color:#101828!important;}.ae-control-panel .ae-top-icons{margin-left:22px!important;}.ae-control-panel .ae-top-icons span{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:16px;}.ae-control-panel .ae-top-icons span:last-child{background:#063b2d;color:#fff;}.ae-control-panel .ae-top-icons em{position:absolute;right:-2px;top:-4px;background:#ef233c;color:#fff;font-size:10px;border-radius:999px;padding:1px 5px;font-style:normal;}
.ae-control-panel .ae-dashboard-title h1{line-height:1.1!important;font-weight:800!important;}.ae-control-panel .ae-kpi-card{color:#101828!important;}.ae-control-panel .ae-kpi-card--red small{color:#ef233c!important;}.ae-control-panel .ae-kpi-card i{background:#eaf9ef!important;color:#10a557!important;font-style:normal!important;}.ae-control-panel .ae-kpi-card--purple i{background:#f3e9ff!important;color:#7c3aed!important;}.ae-control-panel .ae-kpi-card--blue i{background:#eaf2ff!important;color:#2563eb!important;}.ae-control-panel .ae-kpi-card--orange i{background:#fff4e4!important;color:#f59e0b!important;}.ae-control-panel .ae-kpi-card--red i{background:#ffecec!important;color:#ef233c!important;}
.ae-control-panel .ae-product-management.admin-section{background:#fff!important;border:1px solid #dfe5ea!important;box-shadow:0 8px 24px rgba(16,24,40,.05)!important;}.ae-control-panel .ae-section-head h2{color:#101828!important;font-weight:650!important;}.ae-control-panel .ae-toolbar.admin-toolbar{align-items:center!important;margin:0 0 18px!important;}.ae-control-panel .ae-toolbar input,.ae-control-panel .ae-toolbar select{border:1px solid #d8dee6!important;background:#fff!important;color:#344054!important;outline:none!important;}.ae-control-panel .btn{height:38px!important;border-radius:8px!important;font-size:13px!important;font-weight:750!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important;text-decoration:none!important;}.ae-control-panel .btn--secondary{background:#fff!important;border:1px solid #d8dee6!important;color:#101828!important;}.ae-control-panel .btn--primary{background:#087647!important;border:1px solid #087647!important;color:#fff!important;}.ae-control-panel .btn--danger{background:#fff1f2!important;border:1px solid #fecdd3!important;color:#e11d48!important;}.ae-control-panel .btn--warning{background:#fffbeb!important;border:1px solid #fde68a!important;color:#92400e!important;}.ae-control-panel .btn--blue{background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important;}
.ae-control-panel .ae-bulkbar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;border:1px dashed #cbd5e1!important;margin:0 0 12px!important;background:#f8fafc!important;}.ae-control-panel .ae-bulkbar strong{color:#475467!important;margin-right:4px!important;}.ae-control-panel .ae-bulkbar .btn:disabled{opacity:.45!important;cursor:not-allowed!important;}
.ae-control-panel .ae-table-wrap{border:1px solid #dfe5ea!important;border-radius:10px!important;background:#fff!important;}.ae-control-panel .admin-table{background:#fff!important;color:#101828!important;}.ae-control-panel .admin-table th{background:#f8fafc!important;color:#101828!important;font-weight:800!important;text-align:left!important;border-bottom:1px solid #e5e7eb!important;}.ae-control-panel .admin-table td{border-bottom:1px solid #eef2f6!important;color:#1f2937!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}.ae-control-panel .admin-table tr:hover td{background:#fbfdfc!important;}.ae-control-panel .admin-table th:nth-child(1),.ae-control-panel .admin-table td:nth-child(1){text-align:center!important;}.ae-control-panel .admin-table input[type="checkbox"]{accent-color:#087647!important;}.ae-control-panel .ae-admin-product-cell img{border:1px solid #e5e7eb!important;background:#f8fafc!important;flex:0 0 auto!important;}.ae-control-panel .ae-admin-product-cell div{min-width:0!important;}.ae-control-panel .ae-admin-product-cell strong{color:#101828!important;}.ae-control-panel .ae-admin-product-cell small{display:block!important;color:#667085!important;}.ae-control-panel .ae-stock-dot{display:inline-block!important;border-radius:50%!important;vertical-align:middle!important;}.ae-control-panel .ae-stock-dot.is-green{background:#16a34a!important;}.ae-control-panel .ae-stock-dot.is-orange{background:#f59e0b!important;}.ae-control-panel .ae-stock-dot.is-red{background:#dc2626!important;}.ae-control-panel .status-pill{min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;border:0!important;}.ae-control-panel .status-pill--on{background:#dcfce7!important;color:#07823e!important;}.ae-control-panel .status-pill--warn{background:#fff7ed!important;color:#ea580c!important;}.ae-control-panel .status-pill--off{background:#fee2e2!important;color:#dc2626!important;}.ae-control-panel .status-pill--offer{background:#fef3c7!important;color:#92400e!important;}.ae-control-panel .admin-actions-grid{align-items:center!important;}.ae-control-panel .admin-icon-btn{border:1px solid #e5e7eb!important;background:#f8fafc!important;color:#101828!important;display:grid!important;place-items:center!important;cursor:pointer!important;padding:0!important;}.ae-control-panel .admin-icon-btn:hover{background:#eef2f6!important;}.ae-control-panel .admin-icon-btn--delete,.ae-control-panel .admin-icon-btn--zero{background:#fff1f2!important;border-color:#fecdd3!important;color:#e11d48!important;}.ae-control-panel .admin-icon-btn--available,.ae-control-panel .admin-icon-btn--show{background:#dcfce7!important;border-color:#bbf7d0!important;color:#087647!important;}.ae-control-panel .ae-table-footer{padding:12px 0 0!important;color:#667085!important;}.ae-control-panel .admin-pagination button{border:1px solid #d8dee6!important;background:#fff!important;color:#101828!important;}.ae-control-panel .admin-pagination button.active{background:#087647!important;border-color:#087647!important;color:#fff!important;}.ae-control-panel .admin-pagination button:disabled{opacity:.45!important;}.ae-control-panel .admin-toast{position:fixed!important;right:28px!important;bottom:28px!important;background:#101828!important;color:#fff!important;border-radius:10px!important;padding:12px 16px!important;z-index:999!important;box-shadow:0 18px 38px rgba(16,24,40,.24)!important;}
.shop-products-grid.products-grid,.shop-products-grid,.products-grid.shop-products-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}.shop-products-grid .product-card{min-height:0!important;border-radius:18px!important;padding:12px!important;}.shop-products-grid .product-card__img{height:132px!important;margin:0 0 8px!important;border-radius:14px!important;}.shop-products-grid .product-card__img img{max-height:120px!important;max-width:88%!important;}.shop-products-grid .product-card__body{padding:0!important;}.shop-products-grid .product-card__brand{font-size:10px!important;letter-spacing:.04em!important;}.shop-products-grid .product-card__title{font-size:13px!important;line-height:1.25!important;min-height:34px!important;margin:4px 0!important;}.shop-products-grid .product-card__desc{font-size:11px!important;line-height:1.35!important;min-height:42px!important;margin:0 0 8px!important;}.shop-products-grid .price{font-size:16px!important;}.shop-products-grid .product-card__add-btn{height:34px!important;font-size:11px!important;padding:0 10px!important;}.shop-pagination{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin-top:24px!important;flex-wrap:wrap!important;}.shop-page-btn{min-width:34px!important;height:34px!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:13px!important;}.shop-page-btn.is-active{background:#0aa363!important;border-color:#0aa363!important;}.shop-page-btn:disabled{opacity:.45!important;}.shop-page-dots{color:#fff!important;opacity:.75!important;}
@media (max-width:1280px){.ae-control-panel .ae-dashboard-kpis.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.ae-control-panel .ae-toolbar.admin-toolbar{grid-template-columns:1fr 180px 120px auto!important;}.shop-products-grid.products-grid,.shop-products-grid,.products-grid.shop-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:980px){.ae-control-panel .admin-topbar.ae-sidebar{position:relative!important;width:100%!important;inset:auto!important;}.ae-control-panel .ae-admin-main.admin-layout{margin-left:0!important;width:100%!important;}.ae-control-panel .ae-dashboard-kpis.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.ae-control-panel .ae-toolbar.admin-toolbar{grid-template-columns:1fr 1fr!important;}.shop-products-grid.products-grid,.shop-products-grid,.products-grid.shop-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width:560px){.ae-control-panel .ae-dashboard-kpis.admin-stats{grid-template-columns:1fr!important;padding-left:16px!important;padding-right:16px!important;}.ae-control-panel .ae-product-management.admin-section{margin-left:16px!important;margin-right:16px!important;}.ae-control-panel .ae-toolbar.admin-toolbar{grid-template-columns:1fr!important;}.shop-products-grid.products-grid,.shop-products-grid,.products-grid.shop-products-grid{grid-template-columns:1fr!important;}}

/* =========================================================
   AJUSTE DEFINITIVO: panel ordenado sin scroll lateral
   ========================================================= */

@media (min-width:761px){
  .ae-control-panel .admin-topbar.ae-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:180px!important;padding:18px 10px!important;gap:10px!important;z-index:60!important;}
  .ae-control-panel .admin-brand{padding:0 8px 14px!important;text-align:left!important;}
  .ae-control-panel .admin-brand img{width:142px!important;max-height:58px!important;object-fit:contain!important;}
  .ae-control-panel .ae-icon-nav{gap:6px!important;}
  .ae-control-panel .ae-icon-nav a{height:40px!important;padding:0 10px!important;gap:9px!important;font-size:12px!important;border-radius:8px!important;}
  .ae-control-panel .ae-icon-nav a span{width:16px!important;font-size:13px!important;}
  .ae-control-panel .ae-icon-nav a em{font-size:10px!important;padding:2px 7px!important;}
  .ae-control-panel .ae-dark-pill{height:36px!important;padding:0 9px!important;font-size:11px!important;border-radius:9px!important;}
  .ae-control-panel .ae-dark-pill i{width:28px!important;height:17px!important;}
  .ae-control-panel .ae-dark-pill i:after{width:11px!important;height:11px!important;top:3px!important;left:3px!important;}
  .ae-control-panel .ae-admin-user{padding:8px 6px!important;gap:8px!important;}
  .ae-control-panel .ae-admin-user>span{width:28px!important;height:28px!important;font-size:12px!important;}
  .ae-control-panel .ae-admin-user strong{font-size:11px!important;}
  .ae-control-panel .ae-admin-user small{font-size:10px!important;}
  .ae-control-panel .ae-admin-main.admin-layout{margin-left:180px!important;width:calc(100% - 180px)!important;padding:0 18px 26px!important;min-width:0!important;}
}
.ae-control-panel .ae-admin-header{gap:12px!important;}
.ae-control-panel .ae-menu-btn{font-size:20px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;}
.ae-control-panel .ae-top-search{border-radius:8px!important;font-size:12px!important;}
.ae-control-panel .ae-top-search input{height:30px!important;}

.ae-control-panel .ae-notify-btn,.ae-control-panel .ae-user-btn{border:1px solid #dbe3ea!important;background:#fff!important;border-radius:50%!important;display:grid!important;place-items:center!important;cursor:pointer!important;position:relative!important;color:#0f172a!important;}
.ae-control-panel .ae-notify-btn em{position:absolute!important;right:-4px!important;top:-5px!important;background:#ef233c!important;color:#fff!important;border-radius:999px!important;font-size:9px!important;font-style:normal!important;padding:1px 4px!important;}
.ae-control-panel .ae-dropdown{display:none!important;position:absolute!important;border-radius:12px!important;padding:12px!important;}
.ae-control-panel .ae-dropdown.is-open{display:block!important;}
.ae-control-panel .ae-dropdown h3{font-size:14px!important;margin:0 0 10px!important;}
.ae-control-panel .ae-dropdown p{font-size:12px!important;margin:0!important;color:#667085!important;}
.ae-control-panel .ae-dropdown a{display:block!important;margin-top:10px!important;color:#087647!important;font-size:12px!important;font-weight:800!important;}
.ae-control-panel .ae-user-panel small{display:block!important;margin:4px 0 10px!important;color:#667085!important;}
.ae-control-panel .ae-notify-item{border-bottom:1px solid #eef2f6!important;}
.ae-control-panel .ae-notify-item:last-child{border-bottom:0!important;}






.ae-control-panel .ae-kpi-card span{margin-bottom:5px!important;}

.ae-control-panel .ae-kpi-card small{margin-top:7px!important;line-height:1.2!important;}

.ae-control-panel .ae-product-management.admin-section{padding:12px!important;border-radius:12px!important;margin:0!important;max-width:100%!important;overflow:hidden!important;}
.ae-control-panel .ae-section-head h2{font-size:16px!important;margin:0 0 10px!important;}
.ae-control-panel .ae-toolbar.admin-toolbar{display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(135px,.6fr) 90px auto auto auto!important;gap:8px!important;margin-bottom:10px!important;}
.ae-control-panel .ae-toolbar input,.ae-control-panel .ae-toolbar select{height:34px!important;font-size:11px!important;border-radius:7px!important;padding:0 9px!important;min-width:0!important;}
.ae-control-panel .ae-toolbar .btn{height:34px!important;font-size:11px!important;border-radius:7px!important;padding:0 10px!important;min-width:0!important;}
.ae-control-panel .ae-bulkbar{border-radius:8px!important;}


.ae-control-panel .ae-table-wrap{overflow:hidden!important;width:100%!important;}
.ae-control-panel .admin-table{font-size:10.5px!important;}
.ae-control-panel .admin-table th{padding:6px 6px!important;font-size:10.5px!important;}
.ae-control-panel .admin-table td{padding:5px 6px!important;font-size:10.5px!important;}
.ae-control-panel .admin-table th:nth-child(1),.ae-control-panel .admin-table td:nth-child(1){width:28px!important;}
.ae-control-panel .admin-table th:nth-child(2),.ae-control-panel .admin-table td:nth-child(2){width:31%!important;}
.ae-control-panel .admin-table th:nth-child(3),.ae-control-panel .admin-table td:nth-child(3){width:12%!important;}
.ae-control-panel .admin-table th:nth-child(4),.ae-control-panel .admin-table td:nth-child(4){width:10%!important;}
.ae-control-panel .admin-table th:nth-child(5),.ae-control-panel .admin-table td:nth-child(5){width:8%!important;}
.ae-control-panel .admin-table th:nth-child(6),.ae-control-panel .admin-table td:nth-child(6){width:12%!important;}
.ae-control-panel .admin-table th:nth-child(7),.ae-control-panel .admin-table td:nth-child(7){width:10%!important;}
.ae-control-panel .admin-table th:nth-child(8),.ae-control-panel .admin-table td:nth-child(8){width:96px!important;}
.ae-control-panel .admin-table input[type="checkbox"]{width:12px!important;height:12px!important;margin:0!important;}

.ae-control-panel .ae-admin-product-cell img{object-fit:contain!important;}

.ae-control-panel .ae-admin-product-cell small{margin-top:2px!important;}
.ae-control-panel .status-pill{border-radius:999px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ae-control-panel .ae-stock-dot{width:6px!important;height:6px!important;margin-right:4px!important;}
.ae-control-panel .admin-actions-grid{flex-wrap:wrap!important;}
.ae-control-panel .admin-icon-btn{border-radius:5px!important;}
.ae-control-panel .ae-table-footer{grid-template-columns:1fr auto!important;font-size:11px!important;}
.ae-control-panel .ae-table-footer>span{display:none!important;}

.ae-control-panel .admin-pagination button{border-radius:6px!important;}
@media (max-width:1180px){
  .ae-control-panel .ae-dashboard-kpis.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .ae-control-panel .ae-toolbar.admin-toolbar{grid-template-columns:1fr 1fr 90px auto!important;}
}
@media (max-width:760px){
  .ae-control-panel .admin-topbar.ae-sidebar{position:relative!important;width:100%!important;inset:auto!important;border-radius:0!important;}
  .ae-control-panel .ae-admin-main.admin-layout{margin-left:0!important;width:100%!important;padding:0 10px 20px!important;}
  .ae-control-panel .ae-admin-header{margin:0 -10px 14px!important;padding:0 10px!important;}
  .ae-control-panel .ae-dashboard-kpis.admin-stats{grid-template-columns:1fr 1fr!important;}
  .ae-control-panel .ae-toolbar.admin-toolbar{grid-template-columns:1fr!important;}
  .ae-control-panel .admin-table th:nth-child(3),.ae-control-panel .admin-table td:nth-child(3),.ae-control-panel .admin-table th:nth-child(7),.ae-control-panel .admin-table td:nth-child(7){display:none!important;}
}

/* =========================================================
   AJUSTE DEFINITIVO: panel limpio, sin scroll horizontal
   ========================================================= */
body.admin-body.ae-control-panel{background:#f4f7f6!important;}
.ae-control-panel .admin-topbar.ae-sidebar{width:210px!important;padding:18px 12px!important;gap:12px!important;}
.ae-control-panel .admin-brand{padding:0 8px 14px!important;text-align:center!important;}
.ae-control-panel .admin-brand img{width:155px!important;max-height:58px!important;object-fit:contain!important;}
.ae-control-panel .admin-brand span{display:block!important;color:#dce8e3!important;font-size:10px!important;letter-spacing:.08em!important;margin-top:6px!important;text-transform:uppercase!important;}
.ae-control-panel .admin-nav{gap:6px!important;}
.ae-control-panel .admin-nav a{height:38px!important;padding:0 10px!important;grid-template-columns:18px 1fr auto!important;gap:9px!important;border-radius:9px!important;font-size:12px!important;}
.ae-control-panel .admin-nav a span{font-size:14px!important;text-align:center!important;}
.ae-control-panel .admin-nav a em{font-size:10px!important;padding:2px 7px!important;}
.ae-control-panel .ae-dark-pill{height:38px!important;font-size:11px!important;padding:0 10px!important;border-radius:10px!important;}
.ae-control-panel .ae-admin-user{padding:10px 6px!important;}
.ae-control-panel .ae-admin-user>span{width:30px!important;height:30px!important;font-size:12px!important;}
.ae-control-panel .ae-admin-user strong{font-size:12px!important;}.ae-control-panel .ae-admin-user small{font-size:10px!important;}
.ae-control-panel .ae-admin-main.admin-layout{min-width:0!important;}

.ae-control-panel .ae-top-search{height:32px!important;width:210px!important;}
.ae-control-panel .ae-top-search input{font-size:11px!important;}
.ae-control-panel .ae-notify-btn,.ae-control-panel .ae-user-btn{width:30px!important;height:30px!important;font-size:13px!important;}
.ae-control-panel .ae-dropdown{top:38px!important;width:260px!important;}




.ae-control-panel .ae-dashboard-only{margin:0!important;}
.ae-control-panel .admin-section{padding:14px!important;border-radius:12px!important;margin-bottom:14px!important;overflow:hidden!important;}
.ae-control-panel .admin-section h2{font-size:16px!important;margin:0 0 10px!important;}
.ae-control-panel .admin-section__head h2{font-size:17px!important;}.ae-control-panel .admin-section__head p{font-size:11px!important;}
.ae-control-panel .admin-form{gap:9px!important;}.ae-control-panel .admin-field label{font-size:11px!important;}.ae-control-panel .admin-form input,.ae-control-panel .admin-form textarea,.ae-control-panel .admin-form select{height:32px!important;font-size:11px!important;border-radius:7px!important;padding:0 9px!important;}.ae-control-panel .admin-form textarea{height:58px!important;padding-top:8px!important;}
.ae-control-panel #productosAdmin.admin-section{margin:0!important;padding:12px!important;max-width:100%!important;width:100%!important;}
.ae-control-panel .ae-toolbar.admin-toolbar,.ae-control-panel .admin-toolbar.admin-toolbar--productos{display:grid!important;grid-template-columns:minmax(155px,1fr) minmax(130px,160px) 92px auto auto!important;gap:7px!important;margin:0 0 9px!important;align-items:center!important;}
.ae-control-panel .ae-toolbar input,.ae-control-panel .ae-toolbar select,.ae-control-panel .admin-toolbar input,.ae-control-panel .admin-toolbar select{height:32px!important;font-size:11px!important;border-radius:7px!important;padding:0 8px!important;min-width:0!important;}
.ae-control-panel .ae-toolbar .btn,.ae-control-panel .admin-toolbar .btn{height:32px!important;font-size:10.5px!important;border-radius:7px!important;padding:0 8px!important;white-space:nowrap!important;}
.ae-control-panel .ae-bulkbar{padding:6px!important;gap:5px!important;margin-bottom:8px!important;}
.ae-control-panel .ae-bulkbar strong{font-size:10.5px!important;}.ae-control-panel .ae-bulkbar .btn{height:24px!important;font-size:9.5px!important;padding:0 7px!important;}
.ae-control-panel .admin-table-wrap,.ae-control-panel .ae-table-wrap{width:100%!important;max-width:100%!important;overflow:hidden!important;border-radius:8px!important;}
.ae-control-panel .admin-table{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;}
.ae-control-panel .admin-table th,.ae-control-panel .admin-table td{padding:4px 5px!important;font-size:10px!important;line-height:1.15!important;vertical-align:middle!important;white-space:normal!important;word-break:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ae-control-panel .admin-table th{height:30px!important;}.ae-control-panel .admin-table td{height:48px!important;}
.ae-control-panel #productsTable th:nth-child(1),.ae-control-panel #productsTable td:nth-child(1){width:24px!important;text-align:center!important;}
.ae-control-panel #productsTable th:nth-child(2),.ae-control-panel #productsTable td:nth-child(2){width:32%!important;}
.ae-control-panel #productsTable th:nth-child(3),.ae-control-panel #productsTable td:nth-child(3){width:11%!important;}
.ae-control-panel #productsTable th:nth-child(4),.ae-control-panel #productsTable td:nth-child(4){width:9%!important;}
.ae-control-panel #productsTable th:nth-child(5),.ae-control-panel #productsTable td:nth-child(5){width:7%!important;}
.ae-control-panel #productsTable th:nth-child(6),.ae-control-panel #productsTable td:nth-child(6){width:13%!important;}
.ae-control-panel #productsTable th:nth-child(7),.ae-control-panel #productsTable td:nth-child(7){width:9%!important;}
.ae-control-panel #productsTable th:nth-child(8),.ae-control-panel #productsTable td:nth-child(8){width:88px!important;}
.ae-control-panel .ae-admin-product-cell{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:6px!important;min-width:0!important;align-items:center!important;}
.ae-control-panel .ae-admin-product-cell img{width:34px!important;height:34px!important;border-radius:6px!important;}
.ae-control-panel .ae-admin-product-cell strong{font-size:10px!important;line-height:1.15!important;max-width:100%!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ae-control-panel .ae-admin-product-cell small{font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ae-control-panel .status-pill{height:18px!important;line-height:18px!important;padding:0 5px!important;font-size:8.8px!important;max-width:100%!important;white-space:nowrap!important;}
.ae-control-panel .admin-actions-grid{display:grid!important;grid-template-columns:repeat(3,22px)!important;gap:3px!important;justify-content:start!important;}
.ae-control-panel .admin-icon-btn{width:22px!important;height:22px!important;font-size:9.5px!important;}
.ae-control-panel .admin-pagination{display:flex!important;gap:4px!important;align-items:center!important;justify-content:center!important;margin-top:8px!important;}
.ae-control-panel .admin-pagination button{min-width:25px!important;height:25px!important;font-size:10px!important;padding:0 5px!important;}
.ae-control-panel .admin-list-info{font-size:11px!important;color:#667085!important;margin:6px 0!important;}







@media(max-width:1150px){body:not(.admin-body) .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.ae-control-panel .ae-dashboard-kpis.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.ae-control-panel .ae-toolbar.admin-toolbar,.ae-control-panel .admin-toolbar.admin-toolbar--productos{grid-template-columns:1fr 1fr 90px auto!important;}.ae-control-panel #productsTable th:nth-child(7),.ae-control-panel #productsTable td:nth-child(7){display:none!important;}.ae-control-panel #productsTable th:nth-child(2),.ae-control-panel #productsTable td:nth-child(2){width:38%!important;}}
@media(max-width:760px){body:not(.admin-body) .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.ae-control-panel .admin-topbar.ae-sidebar{position:relative!important;width:100%!important;}.ae-control-panel .ae-admin-main.admin-layout{margin-left:0!important;width:100%!important;padding:0 10px 20px!important;}.ae-control-panel .ae-toolbar.admin-toolbar,.ae-control-panel .admin-toolbar.admin-toolbar--productos{grid-template-columns:1fr!important;}.ae-control-panel .admin-table-wrap{overflow:auto!important;}.ae-control-panel .admin-table{min-width:720px!important;}}

/* =========================================================
   FIX FINAL JOHPSER: tabla compacta, dashboard limpio y topbar fija
   ========================================================= */
body.admin-body.ae-control-panel{overflow-x:hidden!important;}
.ae-control-panel .ae-admin-user{display:none!important;}
.ae-control-panel .ae-admin-header{border-bottom:1px solid #dfe7e2!important;box-shadow:0 8px 22px rgba(7,92,59,.06)!important;}
.ae-control-panel .ae-top-icons{position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;}
.ae-control-panel .ae-dropdown{right:0!important;left:auto!important;z-index:120!important;background:#fff!important;color:#10251d!important;border:1px solid #dfe7e2!important;box-shadow:0 16px 40px rgba(7,92,59,.16)!important;}
.ae-control-panel .ae-dropdown.show{display:block!important;}
.ae-control-panel .ae-notify-panel{width:320px!important;max-width:calc(100vw - 28px)!important;padding:12px!important;border-radius:12px!important;}
.ae-control-panel .ae-notify-item{padding:9px!important;border-radius:10px!important;background:#f4faf7!important;border:1px solid #e0efe8!important;margin-bottom:7px!important;}
.ae-control-panel .ae-notify-item strong{display:block!important;font-size:12px!important;color:#10251d!important;}
.ae-control-panel .ae-notify-item span{display:block!important;font-size:11px!important;color:#66756e!important;margin-top:3px!important;}



.ae-control-panel #productsTable{border-spacing:0!important;font-size:10px!important;}








.ae-control-panel #productsTable th,
.ae-control-panel #productsTable td{text-align:left!important;}
.ae-control-panel #productsTable th:first-child,
.ae-control-panel #productsTable td:first-child{text-align:center!important;}








.ae-control-panel .ae-table-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
.ae-control-panel .admin-pagination{margin:8px 0 0!important;}

.ae-control-panel .ae-dashboard-kpis .ae-kpi-card{cursor:pointer!important;transition:transform .15s ease, box-shadow .15s ease!important;}
.ae-control-panel .ae-dashboard-kpis .ae-kpi-card:hover,
.ae-control-panel .ae-dashboard-kpis .ae-kpi-card.is-active{transform:translateY(-2px)!important;box-shadow:0 16px 34px rgba(7,92,59,.15)!important;border-color:#9bd8bd!important;}

.ae-control-panel .dashboard-summary-card{display:grid!important;gap:10px!important;}
.ae-control-panel .dashboard-summary-card .summary-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border-radius:10px!important;background:#f6faf8!important;border:1px solid #e5efea!important;font-size:12px!important;}

.ae-control-panel .ae-sales-chart-clean span{box-shadow:none!important;}

.ae-control-panel .ae-sales-chart-clean small{writing-mode:horizontal-tb!important;transform:none!important;}
.ae-control-panel #ultimosPedidosDashboard{font-size:11px!important;}
.ae-control-panel #ultimosPedidosDashboard th,
.ae-control-panel #ultimosPedidosDashboard td{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ae-control-panel #ultimosPedidosDashboard th:nth-child(1),
.ae-control-panel #ultimosPedidosDashboard td:nth-child(1){width:38%!important;}
.ae-control-panel #ultimosPedidosDashboard th:nth-child(2),
.ae-control-panel #ultimosPedidosDashboard td:nth-child(2){width:24%!important;}
.ae-control-panel #ultimosPedidosDashboard th:nth-child(3),
.ae-control-panel #ultimosPedidosDashboard td:nth-child(3){width:38%!important;}
@media(max-width:1100px){
  .ae-control-panel #productsTable col.col-cat{width:0!important;}
  .ae-control-panel #productsTable th:nth-child(3),.ae-control-panel #productsTable td:nth-child(3){display:none!important;}
  .ae-control-panel #productsTable col.col-prod{width:34%!important;}
  .ae-control-panel #productsTable col.col-actions{width:112px!important;}
}
@media(max-width:900px){
  .ae-control-panel .ae-dashboard-only{grid-template-columns:1fr!important;}
  .ae-control-panel #productsTable{min-width:0!important;}
  .ae-control-panel #productsTable th,.ae-control-panel #productsTable td{font-size:9px!important;padding:3px!important;}
  .ae-control-panel #productsTable col.col-vis{width:0!important;}
  .ae-control-panel #productsTable th:nth-child(7),.ae-control-panel #productsTable td:nth-child(7){display:none!important;}
}

/* =========================================================
   CORRECCION FINAL 07-07: producto completo + dashboard sin montarse
   ========================================================= */

.ae-control-panel .ae-kpi-card{position:relative!important;}
.ae-control-panel .admin-stats .ae-kpi-card>div,
.ae-control-panel .ae-kpi-card>div{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;min-width:0!important;color:#101828!important;}
.ae-control-panel .ae-kpi-card span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ae-control-panel .ae-kpi-card strong{display:block!important;line-height:1.1!important;}
.ae-control-panel .ae-kpi-card small{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ae-control-panel .ae-dashboard-only{clear:both!important;display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr)!important;gap:14px!important;margin-top:0!important;align-items:start!important;}

.ae-control-panel #dashboardPanel{min-height:0!important;}


.ae-control-panel #ultimosPedidosDashboard th,
.ae-control-panel #ultimosPedidosDashboard td{height:34px!important;padding:7px 8px!important;font-size:11px!important;text-align:center!important;vertical-align:middle!important;}



.ae-control-panel #productsTable col.col-check{width:34px!important;}
.ae-control-panel #productsTable col.col-prod{width:36%!important;}








.ae-control-panel #productsTable .ae-admin-product-cell{text-overflow:clip!important;}







@media(max-width:1100px){
  .ae-control-panel #productsTable col.col-prod{width:40%!important;}
  .ae-control-panel #productsTable col.col-cat{width:0!important;}
  .ae-control-panel #productsTable th:nth-child(3),.ae-control-panel #productsTable td:nth-child(3){display:none!important;}
}
@media(max-width:900px){
  .ae-control-panel .ae-dashboard-only{grid-template-columns:1fr!important;}
  .ae-control-panel #productosAdmin .admin-table-wrap{overflow:auto!important;}
  .ae-control-panel #productsTable{min-width:850px!important;}
}


/* =========================================================
   FINAL VISUAL IGUAL BOCETO - dashboard + productos limpio
   ========================================================= */
.ae-control-panel .ae-admin-main.admin-layout{
  margin-left:270px!important;padding:0 18px 28px!important;background:#f7faf9!important;min-height:100vh!important;overflow-x:hidden!important;
}
.ae-control-panel .ae-admin-header{height:68px!important;margin:0 -18px 18px!important;padding:0 24px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:sticky!important;top:0!important;z-index:50!important;}
.ae-control-panel .ae-dashboard-title{padding:0 0 12px!important;}
.ae-control-panel .ae-dashboard-title h1{font-size:26px!important;margin:0 0 4px!important;color:#0b1220!important;}
.ae-control-panel .ae-dashboard-title p{font-size:13px!important;margin:0!important;color:#667085!important;}
.ae-control-panel .ae-dashboard-kpis.admin-stats{display:grid!important;grid-template-columns:repeat(5,minmax(160px,1fr))!important;gap:14px!important;padding:0!important;margin:0 0 14px!important;align-items:stretch!important;}
.ae-control-panel .ae-kpi-card{height:136px!important;min-height:136px!important;padding:18px 20px!important;border-radius:14px!important;background:#fff!important;border:1px solid #dfe6ee!important;box-shadow:0 8px 26px rgba(15,23,42,.05)!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;overflow:hidden!important;}
.ae-control-panel .ae-kpi-card>div{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;min-width:0!important;}
.ae-control-panel .ae-kpi-card span{font-size:13px!important;color:#344054!important;font-weight:500!important;}
.ae-control-panel .ae-kpi-card strong{font-size:22px!important;margin:10px 0 14px!important;color:#0b1220!important;}
.ae-control-panel .ae-kpi-card small{font-size:12px!important;color:#059669!important;}
.ae-control-panel .ae-kpi-card i{width:44px!important;height:44px!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:21px!important;flex:0 0 auto!important;}
.ae-control-panel .ae-dashboard-only.ae-dashboard-igual-boceto{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(280px,.7fr) minmax(360px,1fr)!important;gap:14px!important;margin:0 0 14px!important;align-items:stretch!important;clear:both!important;}
.ae-control-panel .ae-dashboard-only .admin-section{padding:18px!important;background:#fff!important;border:1px solid #dfe6ee!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(15,23,42,.04)!important;min-height:245px!important;overflow:hidden!important;}
.ae-control-panel .ae-card-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important;}
.ae-control-panel .ae-card-head h2,.ae-control-panel .admin-section h2{font-size:16px!important;margin:0 0 10px!important;color:#0b1220!important;}
.ae-control-panel .ae-card-head h2{margin:0!important;}
.ae-control-panel .ae-card-head select{height:30px!important;border-radius:7px!important;font-size:11px!important;padding:0 9px!important;background:#fff!important;border:1px solid #dfe6ee!important;color:#344054!important;}
.ae-control-panel .ae-mini-link{font-size:11px!important;color:#344054!important;text-decoration:none!important;border:1px solid #e5eaf0!important;border-radius:7px!important;padding:6px 9px!important;background:#fff!important;}
.ae-control-panel .ae-sales-chart-clean{min-height:190px!important;padding:14px 16px 10px!important;display:flex!important;align-items:end!important;gap:16px!important;overflow:hidden!important;background:#fff!important;border:1px solid #e6eee9!important;border-radius:12px!important;}
.ae-control-panel .ae-sales-chart-clean span{flex:1 1 0!important;min-width:0!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;background:transparent!important;}
.ae-control-panel .ae-sales-chart-clean i{display:block!important;width:34px!important;max-width:60%!important;border-radius:9px 9px 3px 3px!important;background:#087a53!important;}
.ae-control-panel .ae-sales-chart-clean small{font-size:10px!important;color:#475467!important;}
.ae-control-panel .ae-donut-wrap{display:flex!important;align-items:center!important;justify-content:center!important;gap:20px!important;height:190px!important;}
.ae-control-panel .ae-donut{width:134px!important;height:134px!important;border-radius:50%!important;background:conic-gradient(#facc15 0 27%,#3b82f6 27% 47%,#8b5cf6 47% 71%,#10b981 71% 100%)!important;position:relative!important;flex:0 0 auto!important;}
.ae-control-panel .ae-donut:after{content:"";position:absolute;inset:34px;border-radius:50%;background:#fff;}
.ae-control-panel .ae-donut-legend{display:grid!important;gap:9px!important;font-size:12px!important;color:#475467!important;min-width:110px!important;}
.ae-control-panel .ae-donut-legend span{display:flex!important;align-items:center!important;gap:8px!important;}
.ae-control-panel .ae-dot{width:8px;height:8px;border-radius:999px;display:inline-block;}.ae-dot.y{background:#facc15;}.ae-dot.b{background:#3b82f6;}.ae-dot.p{background:#8b5cf6;}.ae-dot.g{background:#10b981;}
.ae-control-panel #ultimosPedidosDashboard{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;background:#fff!important;}
.ae-control-panel #ultimosPedidosDashboard th,.ae-control-panel #ultimosPedidosDashboard td{height:34px!important;padding:6px 8px!important;font-size:11px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;color:#111827!important;border-bottom:1px solid #e5eaf0!important;}
.ae-control-panel #ultimosPedidosDashboard th{font-weight:800!important;background:#fff!important;}

.ae-control-panel #productosAdmin{width:100%!important;max-width:none!important;margin:0!important;padding:18px!important;background:#fff!important;border-radius:14px!important;border:1px solid #dfe6ee!important;overflow:visible!important;}
.ae-control-panel #productosAdmin .admin-table-wrap,.ae-control-panel #productosAdmin .ae-table-wrap{width:100%!important;max-width:none!important;overflow:hidden!important;border-radius:10px!important;border:1px solid #dfe6ee!important;background:#fff!important;}
.ae-control-panel #productsTable{width:100%!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;background:#fff!important;}








.ae-control-panel #productsTable th,.ae-control-panel #productsTable td{padding:7px 9px!important;vertical-align:middle!important;border-bottom:1px solid #e5eaf0!important;color:#111827!important;background:#fff!important;overflow:hidden!important;text-overflow:clip!important;}
.ae-control-panel #productsTable th{white-space:nowrap!important;}
.ae-control-panel #productsTable td{height:72px!important;font-size:11px!important;white-space:normal!important;}
.ae-control-panel #productsTable tr:hover td{background:#f4fbf7!important;}
.ae-control-panel #productsTable .ae-admin-product-cell{grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;max-width:none!important;white-space:normal!important;overflow:visible!important;}
.ae-control-panel #productsTable .ae-admin-product-cell img{width:58px!important;height:58px!important;border-radius:9px!important;object-fit:contain!important;background:#f3faf6!important;border:1px solid #dcece5!important;display:block!important;}
.ae-control-panel #productsTable .ae-admin-product-cell div{width:100%!important;min-width:0!important;max-width:none!important;overflow:visible!important;}
.ae-control-panel #productsTable .ae-admin-product-cell strong{display:block!important;width:100%!important;max-width:none!important;font-size:12px!important;line-height:1.15!important;font-weight:900!important;color:#111827!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;max-height:none!important;}
.ae-control-panel #productsTable .ae-admin-product-cell small{display:block!important;width:100%!important;max-width:none!important;margin-top:3px!important;font-size:9px!important;line-height:1.1!important;color:#475467!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ae-control-panel #productsTable .status-pill{height:20px!important;border-radius:999px!important;font-weight:900!important;white-space:nowrap!important;}
.ae-control-panel #productsTable .admin-actions{white-space:nowrap!important;}
.ae-control-panel #productsTable .admin-actions-grid{flex-wrap:nowrap!important;}
.ae-control-panel #productsTable .admin-icon-btn{place-items:center!important;background:#0b7a52!important;color:#fff!important;border:0!important;}
body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}
body:not(.admin-body) .product-card h3{font-size:11px!important;line-height:1.25!important;}body:not(.admin-body) .product-card img{height:170px!important;object-fit:contain!important;}
@media(max-width:1280px){.ae-control-panel .ae-dashboard-kpis.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.ae-control-panel .ae-dashboard-only.ae-dashboard-igual-boceto{grid-template-columns:1fr 1fr!important;}.ae-control-panel .ae-dashboard-only.ae-dashboard-igual-boceto .admin-section:first-child{grid-column:1/-1;}.ae-control-panel #productsTable col.col-prod{width:40%!important;}.ae-control-panel #productsTable col.col-cat{width:0!important;}.ae-control-panel #productsTable th:nth-child(3),.ae-control-panel #productsTable td:nth-child(3){display:none!important;}}
@media(max-width:900px){.ae-control-panel .ae-admin-main.admin-layout{margin-left:0!important;width:100%!important;padding:0 10px 20px!important;}.ae-control-panel .ae-dashboard-kpis.admin-stats{grid-template-columns:1fr 1fr!important;}.ae-control-panel .ae-dashboard-only.ae-dashboard-igual-boceto{grid-template-columns:1fr!important;}.ae-control-panel #productosAdmin .admin-table-wrap{overflow:auto!important;}.ae-control-panel #productsTable{min-width:940px!important;}body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

/* =========================================================
   CORRECCION FINAL JOHPSER: tabla compacta sin espacio blanco
   ========================================================= */
.ae-control-panel .ae-admin-main.admin-layout{
  width:calc(100vw - 284px)!important;
  max-width:none!important;
  padding-left:18px!important;
  padding-right:18px!important;
  overflow:visible!important;
}
.ae-control-panel #productosAdmin.admin-section,
.ae-control-panel .ae-product-management.admin-section{
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.ae-control-panel #productosAdmin .admin-table-wrap,
.ae-control-panel #productosAdmin .ae-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  border:1px solid #d9ebe2!important;
  border-radius:12px!important;
}
.ae-control-panel #productsTable.admin-table{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  background:#fff!important;
}

.ae-control-panel #productsTable col.col-foto{width:72px!important;}
.ae-control-panel #productsTable col.col-sku{width:118px!important;}
.ae-control-panel #productsTable col.col-nombre{width:auto!important;}
.ae-control-panel #productsTable col.col-cat{width:112px!important;}
.ae-control-panel #productsTable col.col-price{width:92px!important;}
.ae-control-panel #productsTable col.col-stock{width:62px!important;}
.ae-control-panel #productsTable col.col-state{width:118px!important;}
.ae-control-panel #productsTable col.col-vis{width:96px!important;}
.ae-control-panel #productsTable col.col-actions{width:158px!important;}
.ae-control-panel #productsTable th,
.ae-control-panel #productsTable td{
  display:table-cell!important;
  padding:8px 7px!important;
  height:62px!important;
  vertical-align:middle!important;
  font-size:12px!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  color:#06140d!important;
}
.ae-control-panel #productsTable th{
  height:38px!important;
  font-size:12px!important;
  font-weight:900!important;
  background:#fff!important;
  border-bottom:1px solid #d9ebe2!important;
}
.ae-control-panel #productsTable tbody tr{background:#fff!important;}
.ae-control-panel #productsTable tbody tr:hover{background:#eefbf4!important;}
.ae-control-panel #productsTable .td-check{text-align:center!important;}
.ae-control-panel #productsTable .td-foto{text-align:center!important;overflow:visible!important;}
.ae-control-panel #productsTable .ae-product-photo{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  object-fit:contain!important;
  border-radius:10px!important;
  background:#f4fff8!important;
  border:1px solid #d8efe2!important;
  padding:3px!important;
  display:block!important;
  margin:0 auto!important;
}
.ae-control-panel #productsTable .td-sku{
  font-size:10px!important;
  color:#52645b!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.ae-control-panel #productsTable .td-product-name{
  padding-left:4px!important;
  padding-right:10px!important;
  white-space:normal!important;
  overflow:hidden!important;
}
.ae-control-panel #productsTable .td-product-name strong{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1.18!important;
  color:#07140d!important;
  max-width:100%!important;
}
.ae-control-panel #productsTable .td-cat,
.ae-control-panel #productsTable .td-price,
.ae-control-panel #productsTable .td-stock{
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.ae-control-panel #productsTable .status-pill{
  min-width:70px!important;
  max-width:92px!important;
  padding:5px 9px!important;
  font-size:10px!important;
  line-height:1!important;
  text-align:center!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.ae-control-panel #productsTable .admin-actions{overflow:visible!important;text-align:left!important;}
.ae-control-panel #productsTable .admin-actions-grid{
  display:grid!important;
  grid-template-columns:repeat(5,26px)!important;
  gap:6px!important;
  justify-content:start!important;
  align-items:center!important;
  min-width:154px!important;
}
.ae-control-panel #productsTable .admin-icon-btn{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  border-radius:7px!important;
  padding:0!important;
  font-size:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.ae-control-panel #productsTable .ae-admin-product-cell{display:none!important;}
.ae-control-panel #productsTable th:nth-child(3),.ae-control-panel #productsTable td:nth-child(3),
.ae-control-panel #productsTable th:nth-child(7),.ae-control-panel #productsTable td:nth-child(7){display:table-cell!important;}
.ae-control-panel .admin-dashboard-grid.ae-dashboard-igual-boceto{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.8fr) minmax(360px,1fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  margin-top:16px!important;
}
.ae-control-panel .ae-dashboard-kpis.admin-stats{margin-bottom:16px!important;}
.ae-control-panel .ae-dashboard-igual-boceto .admin-section{min-height:260px!important;overflow:hidden!important;}
.ae-control-panel .ae-sales-chart-clean{height:210px!important;}
@media(max-width:1200px){
  .ae-control-panel #productosAdmin .admin-table-wrap,.ae-control-panel #productosAdmin .ae-table-wrap{overflow-x:auto!important;}
  .ae-control-panel #productsTable.admin-table{min-width:1080px!important;}
  .ae-control-panel .admin-dashboard-grid.ae-dashboard-igual-boceto{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  .ae-control-panel .ae-admin-main.admin-layout{width:100%!important;padding-left:10px!important;padding-right:10px!important;}
}

/* === CORRECCIÓN FINAL: tarjetas de inicio iguales a productos === */

body:not(.admin-body) .product-card,
body:not(.admin-body) .shop-products-grid .product-card,
body:not(.admin-body) .products-grid .product-card{
  width:100%!important;
  height:360px!important;
  min-height:360px!important;
  max-height:none!important;
  padding:14px!important;
  border-radius:20px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body:not(.admin-body) .product-card__img,
body:not(.admin-body) .shop-products-grid .product-card__img,
body:not(.admin-body) .products-grid .product-card__img{
  height:150px!important;
  min-height:150px!important;
  flex:0 0 150px!important;
  margin:0 0 10px!important;
  padding:10px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
}



body:not(.admin-body) .product-card__title,
body:not(.admin-body) .shop-products-grid .product-card__title,
body:not(.admin-body) .products-grid .product-card__title{
  width:100%!important;
  min-height:50px!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  color:inherit!important;
  text-align:left!important;
  font-size:10.5px!important;
  line-height:1.13!important;
  font-weight:900!important;
  letter-spacing:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  -webkit-box-orient:unset!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}

body:not(.admin-body) .product-card__status-row,
body:not(.admin-body) .product-card__status-row--center{
  
  
  margin-bottom:0!important;
  
  
}
body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn,
body:not(.admin-body) .small-btn.js-add-cart{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1!important;
  
}

body:not(.admin-body) .product-card__bottom .price,
body:not(.admin-body) .product-card .price{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-align:center!important;
}
body:not(.admin-body) .product-card__bottom .price--offer,
body:not(.admin-body) .product-card .price--offer{
  justify-content:space-between!important;
}
body:not(.admin-body) .old-price{
  order:1!important;
  text-align:left!important;
  font-size:11px!important;
  color:#8b8f8b!important;
  
}
body:not(.admin-body) .current-price{
  order:2!important;
  margin-left:auto!important;
  text-align:right!important;
  font-size:15px!important;
}

@media(max-width:1024px){
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(3,minmax(170px,1fr))!important;}
}
@media(max-width:768px){
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(2,minmax(145px,1fr))!important;gap:12px!important;}
  body:not(.admin-body) .product-card{height:330px!important;min-height:330px!important;padding:12px!important;}
  body:not(.admin-body) .product-card__img{height:132px!important;min-height:132px!important;flex-basis:132px!important;}
  body:not(.admin-body) .product-card__img img{max-height:112px!important;}
  body:not(.admin-body) .product-card__title{font-size:9.5px!important;line-height:1.1!important;min-height:48px!important;}
  body:not(.admin-body) .product-card__add-btn,body:not(.admin-body) .product-card .small-btn,body:not(.admin-body) .small-btn.js-add-cart{height:34px!important;min-height:34px!important;font-size:10px!important;}
  body:not(.admin-body) .product-card__bottom .price,body:not(.admin-body) .current-price{font-size:13.5px!important;}
  body:not(.admin-body) .old-price{font-size:10px!important;}
}
@media(max-width:420px){
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body:not(.admin-body) .product-card{height:315px!important;min-height:315px!important;padding:10px!important;}
  body:not(.admin-body) .product-card__img{height:120px!important;min-height:120px!important;flex-basis:120px!important;}
  body:not(.admin-body) .product-card__title{font-size:8.8px!important;min-height:46px!important;}
}

/* Overrides finales de legibilidad y tarjetas iguales */
body.admin-body .admin-layout,body.admin-body .ae-admin-main,body.admin-body .admin-section,body.admin-body .dashboard-card,body.admin-body .stat-card,body.admin-body .ae-card,body.admin-body .modal,body.admin-body .modal-content,body.admin-body .admin-table-wrap,body.admin-body .admin-form,body.admin-body input,body.admin-body select,body.admin-body textarea{background:#fff!important;color:#111827!important;}body.admin-body h1,body.admin-body h2,body.admin-body h3,body.admin-body h4,body.admin-body h5,body.admin-body h6,body.admin-body p,body.admin-body span,body.admin-body label,body.admin-body small,body.admin-body strong,body.admin-body b,body.admin-body td,body.admin-body th,body.admin-body li,body.admin-body a,body.admin-body div,body.admin-body button,body.admin-body input,body.admin-body select,body.admin-body textarea{color:#111827;}body.admin-body .admin-table th,body.admin-body table th{background:#f8faf9!important;color:#07150f!important;}body.admin-body .admin-table td,body.admin-body table td{background:#fff!important;color:#111827!important;}body.admin-body .admin-nav a,body.admin-body .admin-nav a span,body.admin-body .admin-nav a b,body.admin-body .admin-nav a em{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;color:#fff!important;}body.admin-body .btn--primary,body.admin-body .btn-primary,body.admin-body .admin-nav a.active,body.admin-body .admin-nav a:hover{color:#fff!important;}
body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{align-items:stretch!important;}body:not(.admin-body) .product-card{justify-content:flex-start!important;}body:not(.admin-body) .product-card__title{letter-spacing:0!important;}body:not(.admin-body) .product-card__desc{display:none!important;}body:not(.admin-body) .product-card__status-row,body:not(.admin-body) .product-card__status-row--center{width:100%!important;margin:7px 0 0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}body:not(.admin-body) .product-card__add-btn,body:not(.admin-body) .product-card .small-btn,body:not(.admin-body) .product-card__bottom .small-btn{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 14px!important;border-radius:999px!important;font-size:12px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;}body:not(.admin-body) .product-card__bottom{gap:10px!important;}body:not(.admin-body) .product-card__bottom .price,body:not(.admin-body) .price{width:100%!important;font-size:17px!important;line-height:1!important;font-weight:900!important;text-align:center!important;}body:not(.admin-body) .price--offer .old-price{line-height:1!important;}body:not(.admin-body) .price--offer .current-price{line-height:1!important;}body:not(.admin-body) .offer-badge{position:absolute!important;right:14px!important;top:12px!important;z-index:5!important;font-size:11px!important;padding:5px 10px!important;}@media(max-width:1024px){body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}@media(max-width:768px){body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}body:not(.admin-body) .product-card{height:365px!important;min-height:365px!important;max-height:365px!important;padding:11px!important;}body:not(.admin-body) .product-card__img{height:145px!important;min-height:145px!important;max-height:145px!important;flex-basis:145px!important;}body:not(.admin-body) .product-card__img img{max-height:118px!important;}body:not(.admin-body) .product-card__title{font-size:10px!important;min-height:58px!important;max-height:58px!important;}body:not(.admin-body) .product-card__brand{font-size:8px!important;letter-spacing:3px!important;}}@media(max-width:430px){body:not(.admin-body) .products-grid,body:not(.admin-body) .shop-products-grid{grid-template-columns:1fr!important;}body:not(.admin-body) .product-card{max-width:260px!important;margin-left:auto!important;margin-right:auto!important;}}


/* =========================================================
   FIX FINAL RESPONSIVE ALTEREGO - WEB + PANEL ADMIN
   Mantiene tarjetas iguales en inicio/productos/promocion/ofertas
   y acomoda tablet/celular sin scroll lateral.
   ========================================================= */

img,video{max-width:100%;height:auto;}
.container{width:min(1180px,94%)!important;max-width:94%!important;margin-left:auto!important;margin-right:auto!important;}

/* Tarjetas de productos iguales en toda la web */
body:not(.admin-body) .products-grid,
body:not(.admin-body) .shop-products-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
body:not(.admin-body) .product-card{
  
  
  
  max-height:390px!important;
  
  
  
  
  
}
body:not(.admin-body) .product-card__img{
  
  
  
  max-height:158px!important;
  
  
  
  
  
  
  
  
  
}



body:not(.admin-body) .product-card__title{
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  line-clamp:unset!important;
}


body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn{
  
  
  
  max-height:38px!important;
  
  
  
  
  
  
  
  
}
body:not(.admin-body) .product-card__bottom{
  
  
  
  margin-bottom:0!important;
  
  
  
  
}
body:not(.admin-body) .price{font-size:16px!important;line-height:1!important;text-align:center!important;}
body:not(.admin-body) .price--offer{
  width:100%!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  gap:8px!important;
}
body:not(.admin-body) .price--offer .old-price{justify-self:start!important;text-align:left!important;font-size:12px!important;text-decoration:line-through!important;color:#818b86!important;}
body:not(.admin-body) .price--offer .current-price{justify-self:end!important;text-align:right!important;font-size:16px!important;color:#55ff8a!important;font-weight:900!important;}

/* Tablet web */
@media (max-width:1100px){
  .header{width:94%!important;top:8px!important;border-radius:16px!important;}
  .header__content{height:auto!important;min-height:64px!important;padding:10px 14px!important;gap:12px!important;}
  .logo img{width:128px!important;}
  .nav{gap:12px!important;flex-wrap:wrap!important;justify-content:center!important;}
  .nav a{font-size:10.5px!important;}
  .hero{width:94%!important;border-radius:18px!important;}
  .hero__grid{grid-template-columns:1fr!important;min-height:auto!important;padding:34px 26px!important;text-align:center!important;}
  .hero h1,.hero p{margin-left:auto!important;margin-right:auto!important;}
  .hero__media{height:230px!important;}
  .benefits,.ae-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .shop-layout{grid-template-columns:1fr!important;gap:18px!important;}
  .shop-sidebar{position:relative!important;top:auto!important;width:100%!important;}
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
}

/* Celular web */
@media (max-width:700px){
  .container{width:94%!important;max-width:94%!important;}
  .header{position:sticky!important;top:0!important;width:100%!important;border-radius:0!important;margin:0 0 12px!important;}
  .header__content{min-height:58px!important;padding:9px 12px!important;}
  .logo img{width:112px!important;}
  .nav{width:100%!important;order:3!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important;margin-top:8px!important;}
  .nav a{padding:9px!important;border-radius:10px!important;background:rgba(17,130,79,.08)!important;text-align:center!important;}
  .hero__grid{padding:28px 16px!important;}
  .hero h1{font-size:34px!important;}
  .hero__media{display:none!important;}
  .benefits,.ae-benefits{grid-template-columns:1fr!important;}
  .section{padding:24px 0!important;}
  .shop-topbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  body:not(.admin-body) .product-card{height:338px!important;min-height:338px!important;max-height:338px!important;padding:9px!important;border-radius:16px!important;}
  body:not(.admin-body) .product-card__img{height:126px!important;min-height:126px!important;max-height:126px!important;flex-basis:126px!important;border-radius:12px!important;}
  body:not(.admin-body) .product-card__img img{max-height:104px!important;max-width:90%!important;}
  body:not(.admin-body) .product-card__brand{font-size:7.5px!important;letter-spacing:1px!important;}
  body:not(.admin-body) .product-card__title{font-size:8px!important;line-height:1.05!important;min-height:62px!important;max-height:62px!important;}
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn{height:34px!important;min-height:34px!important;font-size:9.5px!important;padding:0 7px!important;}
  body:not(.admin-body) .price{font-size:14px!important;}
  body:not(.admin-body) .price--offer .old-price{font-size:10px!important;}
  body:not(.admin-body) .price--offer .current-price{font-size:14px!important;}
}
@media (max-width:380px){
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid{grid-template-columns:1fr!important;}
  body:not(.admin-body) .product-card{max-width:265px!important;margin-left:auto!important;margin-right:auto!important;}
}

/* ADMIN: siempre modo claro y legible */
body.admin-body{color-scheme:light!important;}
body.admin-body *,body.admin-body *::before,body.admin-body *::after{box-sizing:border-box;}
body.admin-body .theme-toggle,body.admin-body .theme-switch,body.admin-body [data-theme-toggle],body.admin-body #themeToggle,body.admin-body .dark-toggle,body.admin-body .modo-oscuro,body.admin-body .hamburger,body.admin-body .menu-toggle,body.admin-body #btnMenu,body.admin-body .admin-menu-toggle{display:none!important;}
body.admin-body h1,body.admin-body h2,body.admin-body h3,body.admin-body h4,body.admin-body h5,body.admin-body h6,
body.admin-body p,body.admin-body label,body.admin-body small,body.admin-body strong,body.admin-body b,
body.admin-body td,body.admin-body th,body.admin-body li,body.admin-body input,body.admin-body select,body.admin-body textarea{color:#111827!important;}
body.admin-body .admin-section,body.admin-body .admin-section--wide,body.admin-body .ae-dashboard-detail-card,
body.admin-body .ae-kpi-card,body.admin-body .ae-chart-card,body.admin-body .ae-list-card,
body.admin-body .admin-table-wrap,body.admin-body .modal-card,body.admin-body .modal-content,
body.admin-body input,body.admin-body select,body.admin-body textarea{background:#fff!important;color:#111827!important;border-color:rgba(7,62,40,.14)!important;}
body.admin-body .admin-nav a{min-height:42px!important;}
body.admin-body .admin-nav a:hover,body.admin-body .admin-nav a.active{background:#11824f!important;color:#fff!important;}
body.admin-body .admin-nav a *{color:#fff!important;}
body.admin-body button:hover{filter:none!important;}

/* Tablet admin */
@media (max-width:1100px){
  body.admin-body .admin-topbar{
    position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:94%!important;height:auto!important;margin:12px auto!important;border-radius:18px!important;padding:14px!important;display:flex!important;align-items:center!important;overflow:visible!important;
  }
  body.admin-body .admin-brand{flex-direction:row!important;justify-content:center!important;}
  body.admin-body .admin-brand img{max-width:135px!important;}
  body.admin-body .admin-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;}
  body.admin-body .admin-nav a{width:100%!important;min-width:0!important;max-width:none!important;font-size:12px!important;padding:0 8px!important;}
  body.admin-body .admin-layout,body.admin-body .ae-admin-main{width:94%!important;max-width:94%!important;margin:0 auto!important;padding:16px 0 28px!important;}
  body.admin-body .ae-admin-header{margin:0 0 14px!important;border-radius:14px!important;background:#fff!important;padding:10px!important;height:auto!important;flex-wrap:wrap!important;}
  body.admin-body .admin-stats,body.admin-body .ae-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  body.admin-body .ae-dashboard-detail-content,.admin-dashboard-grid{grid-template-columns:1fr!important;}
  body.admin-body .admin-form--grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.admin-body .admin-toolbar{grid-template-columns:1fr 1fr!important;}
}

/* Celular admin */
@media (max-width:700px){
  body.admin-body{font-size:13px!important;}
  body.admin-body .admin-topbar{width:100%!important;margin:0!important;border-radius:0 0 18px 18px!important;padding:12px!important;}
  body.admin-body .admin-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  body.admin-body .admin-nav a{font-size:11px!important;min-height:38px!important;border-radius:11px!important;}
  body.admin-body .admin-layout,body.admin-body .ae-admin-main{width:94%!important;max-width:94%!important;padding:14px 0 24px!important;}
  body.admin-body h1{font-size:23px!important;}
  body.admin-body h2{font-size:17px!important;}
  body.admin-body .admin-section,body.admin-body .admin-section--wide,body.admin-body .ae-dashboard-detail-card{padding:12px!important;border-radius:14px!important;}
  body.admin-body .admin-stats,body.admin-body .ae-dashboard-kpis,.dashboard-kpi-grid{grid-template-columns:1fr!important;}
  body.admin-body .ae-kpi-card{height:auto!important;min-height:92px!important;padding:13px!important;}
  body.admin-body .admin-form--grid{grid-template-columns:1fr!important;}
  body.admin-body .admin-field--span2{grid-column:auto!important;}
  body.admin-body .admin-toolbar{grid-template-columns:1fr!important;}
  body.admin-body .admin-toolbar .btn,body.admin-body .ae-toolbar .btn{width:100%!important;}
  body.admin-body .admin-table-wrap,body.admin-body .ae-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
  body.admin-body table.admin-table,body.admin-body #productsTable{min-width:760px!important;table-layout:fixed!important;}
  body.admin-body #productsTable th:nth-child(1),body.admin-body #productsTable td:nth-child(1){width:240px!important;}
  body.admin-body #productsTable th:nth-child(7),body.admin-body #productsTable td:nth-child(7){width:170px!important;}
  body.admin-body .admin-actions-grid{grid-template-columns:repeat(4,28px)!important;max-width:124px!important;gap:4px!important;}
  body.admin-body .admin-icon-btn{width:28px!important;min-width:28px!important;height:28px!important;font-size:12px!important;}
  body.admin-body .ae-admin-product-cell{grid-template-columns:42px minmax(0,1fr)!important;gap:7px!important;}
  body.admin-body .ae-admin-product-cell img{width:40px!important;height:40px!important;}
}

/* FIX FINAL: filtros de productos plegables en tablet/celular */
@media (max-width: 980px){
  body:not(.admin-body) .shop-layout{display:block!important;}
  body:not(.admin-body) .shop-sidebar,body:not(.admin-body) .shop-sidebar.glass-panel{position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;margin:0 0 16px!important;padding:12px!important;border-radius:20px!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(8,28,20,.96),rgba(12,45,30,.92))!important;border:1px solid rgba(99,255,156,.22)!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important;}
  body:not(.admin-body) .shop-filter-toggle{display:flex!important;width:100%!important;min-height:48px!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:0 15px!important;border-radius:16px!important;border:1px solid rgba(105,255,157,.30)!important;background:linear-gradient(135deg,#0f8d58,#0b5d3e)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;letter-spacing:.02em!important;box-shadow:0 12px 28px rgba(0,0,0,.24)!important;}
  body:not(.admin-body) .shop-filter-toggle strong{width:28px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;transition:transform .25s ease!important;}
  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-toggle strong{transform:rotate(180deg)!important;}
  body:not(.admin-body) .shop-filter-content{display:block!important;max-height:0!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;padding:0!important;margin:0!important;transition:max-height .30s ease, opacity .25s ease, padding .25s ease, margin .25s ease!important;}
  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-content{max-height:900px!important;opacity:1!important;pointer-events:auto!important;padding:14px 2px 2px!important;margin-top:10px!important;}
  body:not(.admin-body) .shop-sidebar h3,body:not(.admin-body) .shop-filter-title h3{font-size:12px!important;margin:0!important;color:#54ef98!important;}
  body:not(.admin-body) .shop-search-box{height:42px!important;border-radius:13px!important;margin:8px 0 12px!important;}
  body:not(.admin-body) .shop-search-box input{height:40px!important;font-size:13px!important;}
  body:not(.admin-body) .shop-filter-title{padding:10px 0 6px!important;margin:0!important;}
  body:not(.admin-body) .shop-checks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-height:none!important;overflow:visible!important;}
  body:not(.admin-body) .shop-checks label{min-height:34px!important;margin:0!important;padding:7px 8px!important;border-radius:11px!important;background:rgba(255,255,255,.05)!important;color:#f4fff8!important;font-size:12px!important;line-height:1.15!important;display:flex!important;align-items:center!important;gap:8px!important;}
  body:not(.admin-body) .shop-checks input{width:14px!important;height:14px!important;min-width:14px!important;}
  body:not(.admin-body) .shop-topbar{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;}
  body:not(.admin-body) .shop-topbar p,body:not(.admin-body) .shop-topbar select{width:100%!important;}
}
@media (max-width: 560px){body:not(.admin-body) .shop-sidebar,body:not(.admin-body) .shop-sidebar.glass-panel{padding:10px!important;border-radius:18px!important;}body:not(.admin-body) .shop-checks{grid-template-columns:1fr!important;}body:not(.admin-body) .shop-filter-toggle{min-height:46px!important;font-size:13px!important;}}

/* =========================================================
   CORRECCIÓN FINAL: filtros plegables reales en tablet/celular
   Este bloque va en ae-premium.css porque este archivo carga después
   de estilos.css y debe ganar la prioridad.
   ========================================================= */
@media (max-width: 980px){
  body:not(.admin-body) .shop-page .shop-layout{
    display:block!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  body:not(.admin-body) .shop-page .shop-sidebar,
  body:not(.admin-body) .shop-page .shop-sidebar.glass-panel{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 14px!important;
    padding:10px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    background:rgba(5,18,13,.92)!important;
    border:1px solid rgba(88,255,151,.26)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.30)!important;
  }

  body:not(.admin-body) .shop-page .shop-filter-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 16px!important;
    margin:0!important;
    border:1px solid rgba(111,255,165,.36)!important;
    border-radius:15px!important;
    background:linear-gradient(135deg,#11a363,#087044)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    cursor:pointer!important;
  }

  body:not(.admin-body) .shop-page .shop-filter-toggle span,
  body:not(.admin-body) .shop-page .shop-filter-toggle strong{
    color:#fff!important;
  }

  body:not(.admin-body) .shop-page .shop-filter-toggle strong{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.18)!important;
    transform:rotate(0deg)!important;
    transition:transform .25s ease!important;
  }

  body:not(.admin-body) .shop-page .shop-sidebar.filters-open .shop-filter-toggle strong{
    transform:rotate(180deg)!important;
  }

  body:not(.admin-body) .shop-page .shop-filter-content{
    display:none!important;
    max-height:0!important;
    opacity:0!important;
    visibility:hidden!important;
    overflow:hidden!important;
    pointer-events:none!important;
    margin:0!important;
    padding:0!important;
  }

  body:not(.admin-body) .shop-page .shop-sidebar.filters-open .shop-filter-content{
    display:block!important;
    max-height:720px!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:auto!important;
    pointer-events:auto!important;
    margin-top:10px!important;
    padding:12px 2px 2px!important;
  }

  body:not(.admin-body) .shop-page .shop-filter-content h3,
  body:not(.admin-body) .shop-page .shop-filter-title h3{
    font-size:12px!important;
    color:#55f29a!important;
    margin:0!important;
  }

  body:not(.admin-body) .shop-page .shop-search-box{
    height:40px!important;
    min-height:40px!important;
    margin:8px 0 12px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(111,255,165,.22)!important;
  }

  body:not(.admin-body) .shop-page .shop-search-box input{
    height:38px!important;
    font-size:13px!important;
    color:#fff!important;
  }

  body:not(.admin-body) .shop-page .shop-checks{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:8px 0 12px!important;
  }

  body:not(.admin-body) .shop-page .shop-checks label{
    min-height:34px!important;
    margin:0!important;
    padding:7px 9px!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.06)!important;
    color:#f7fff9!important;
    font-size:12px!important;
    line-height:1.15!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }

  body:not(.admin-body) .shop-page .shop-checks input{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    accent-color:#21d969!important;
  }
}

@media (max-width: 560px){
  body:not(.admin-body) .shop-page .shop-sidebar,
  body:not(.admin-body) .shop-page .shop-sidebar.glass-panel{
    margin-bottom:12px!important;
    padding:8px!important;
    border-radius:16px!important;
  }

  body:not(.admin-body) .shop-page .shop-filter-toggle{
    min-height:46px!important;
    font-size:13px!important;
    padding:0 13px!important;
  }

  body:not(.admin-body) .shop-page .shop-checks{
    grid-template-columns:1fr!important;
  }
}


/* ===== admin-final-fix.css ===== */
/* === ALTEREGO ADMIN FINAL FIX === */

body.admin-body{line-height:1.35;}
body.admin-body *{box-sizing:border-box;}



body.admin-body .admin-brand span{font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;}



body.admin-body .admin-layout,body.admin-body .ae-admin-main{margin-right:auto!important;display:block!important;}
body.admin-body .ae-admin-header{align-items:center!important;justify-content:space-between!important;gap:12px!important;}
body.admin-body .ae-top-search{width:260px!important;max-width:40vw!important;height:38px!important;}.ae-top-search input{height:100%!important;}
body.admin-body h2{margin:0 0 6px!important;}
body.admin-body .admin-section,body.admin-body .admin-section--wide{margin:0 0 18px!important;border-radius:18px!important;padding:16px!important;}.admin-section__head,.ae-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;}
.ae-kpi-card,.admin-stat{min-height:116px!important;padding:16px!important;border-radius:16px!important;cursor:pointer!important;}.ae-kpi-card i{place-items:center!important;}
.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;}.dashboard-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(140px,1fr))!important;gap:12px!important;}.dashboard-kpi-card{text-decoration:none!important;color:inherit!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:15px!important;padding:14px!important;background:rgba(255,255,255,.8)!important;}.sales-chart{height:220px!important;display:flex!important;align-items:end!important;gap:8px!important;padding:12px!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:16px!important;overflow:hidden!important;}.sales-chart a{flex:1;min-width:18px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-decoration:none;color:inherit;}.sales-chart span{width:100%;max-width:34px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#22c879,#087747);}.sales-chart small{font-size:10px;margin-top:5px;}.admin-mini-list--scroll{max-height:360px;overflow:auto!important;}.admin-mini-list p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.08);}
.admin-field--span2{grid-column:span 2!important;}.admin-form input,.admin-form select,.admin-form textarea,.admin-toolbar input,.admin-toolbar select{width:100%!important;min-width:0!important;height:42px!important;border-radius:12px!important;}.admin-form textarea{height:76px!important;}.admin-check{display:flex!important;align-items:center!important;gap:8px!important;min-height:42px!important;padding:0 10px!important;border-radius:12px!important;}.admin-form__actions{grid-column:1/-1!important;display:flex!important;gap:10px!important;justify-content:flex-end!important;flex-wrap:wrap!important;}.admin-toolbar,.ae-toolbar{display:grid!important;grid-template-columns:minmax(230px,1fr) 170px auto auto!important;gap:10px!important;align-items:center!important;margin:12px 0!important;}.admin-toolbar .btn,.ae-toolbar .btn{height:42px!important;padding:0 14px!important;font-size:13px!important;white-space:nowrap!important;}
body.admin-body .admin-table-wrap,body.admin-body .ae-table-wrap{border:1px solid rgba(0,0,0,.1)!important;}.admin-table{border-spacing:0!important;}.admin-table th,.admin-table td{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;}.admin-table tr{min-height:auto!important;}.admin-table td:nth-child(1){width:36%!important;}.admin-table td:nth-child(2),.admin-table th:nth-child(2){width:10%!important;}.admin-table td:nth-child(3),.admin-table th:nth-child(3){width:8%!important;}.admin-table td:nth-child(4),.admin-table th:nth-child(4){width:7%!important;text-align:center!important;}.admin-table td:nth-child(5),.admin-table th:nth-child(5){width:10%!important;text-align:center!important;}.admin-table td:nth-child(6),.admin-table th:nth-child(6){width:9%!important;text-align:center!important;}.admin-table td:nth-child(7),.admin-table th:nth-child(7){width:11%!important;text-align:center!important;}.admin-table td:nth-child(8),.admin-table th:nth-child(8){width:9%!important;text-align:center!important;}.ae-admin-product-cell strong{max-width:100%!important;}.admin-actions{overflow:visible!important;}.admin-actions-grid{flex-wrap:wrap!important;max-width:100%!important;}.admin-icon-btn span{display:block!important;transform:none!important;}.admin-flag-grid{grid-template-columns:repeat(3,1fr)!important;}.admin-flag-toggle{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;font-size:10px!important;font-weight:900!important;border:1px solid rgba(17,130,79,.25)!important;border-radius:8px!important;padding:4px!important;min-height:28px!important;background:rgba(17,130,79,.06)!important;}.admin-flag-toggle input{width:12px!important;height:12px!important;margin:0!important;}.ae-table-footer,.admin-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important;}.admin-pagination button{min-width:34px!important;height:34px!important;border-radius:9px!important;padding:0 10px!important;}
body.dark-mode.admin-body,body.admin-body.dark-mode{background:#071c14!important;color:#eefdf5!important;}body.dark-mode.admin-body .admin-section,body.dark-mode.admin-body .admin-table-wrap,body.dark-mode.admin-body .dashboard-kpi-card,body.dark-mode.admin-body .modal-card{background:#0b2a1e!important;border-color:rgba(135,255,197,.2)!important;color:#eefdf5!important;}body.dark-mode.admin-body .admin-table th,body.dark-mode.admin-body .admin-table td,body.dark-mode.admin-body h1,body.dark-mode.admin-body h2,body.dark-mode.admin-body p,body.dark-mode.admin-body label,body.dark-mode.admin-body strong,body.dark-mode.admin-body small,body.dark-mode.admin-body span{color:#eefdf5!important;}body.dark-mode.admin-body .admin-table tr:nth-child(even){background:rgba(37,200,121,.08)!important;}body.dark-mode.admin-body .status-pill--off{background:rgba(255,64,64,.12)!important;}body.dark-mode.admin-body .status-pill--on{background:rgba(17,130,79,.28)!important;}body.dark-mode.admin-body .status-pill--warn{color:#ffe2b0!important;background:rgba(255,158,42,.18)!important;}
@media(max-width:1100px){body.admin-body .admin-topbar{position:relative!important;width:100%!important;height:auto!important;border-radius:0!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;padding:14px!important;}body.admin-body .admin-brand{width:auto!important;}.admin-brand img{max-width:140px!important;}body.admin-body .admin-nav{width:100%!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;}.admin-logout{margin-top:0!important;width:auto!important;}.admin-layout,.ae-admin-main{width:100%!important;max-width:100%!important;margin-left:0!important;padding:18px 10px 32px!important;}.admin-stats,.ae-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.admin-dashboard-grid{grid-template-columns:1fr!important;}.admin-toolbar,.ae-toolbar{grid-template-columns:1fr 1fr!important;}.admin-form--grid{grid-template-columns:1fr 1fr!important;}.admin-table th,.admin-table td{font-size:12px!important;padding:8px 5px!important;}.ae-admin-product-cell{grid-template-columns:42px minmax(0,1fr)!important;}.ae-admin-product-cell img{width:40px!important;height:40px!important;}}
@media(max-width:700px){.admin-stats,.ae-dashboard-kpis,.dashboard-kpi-grid,.admin-form--grid,.admin-toolbar,.ae-toolbar{grid-template-columns:1fr!important;}.admin-field--span2{grid-column:auto!important;}.admin-table th:nth-child(2),.admin-table td:nth-child(2){display:none!important;}.admin-table td:nth-child(1){width:38%!important;}.admin-table td:nth-child(7),.admin-table th:nth-child(7){width:18%!important;}.admin-table td:nth-child(8),.admin-table th:nth-child(8){width:16%!important;}.status-pill{font-size:10px!important;padding:6px!important;}.admin-icon-btn{width:28px!important;height:28px!important;min-width:28px!important;}.admin-flag-grid{grid-template-columns:1fr!important;}}


/* ===== CORRECCION FINAL JOHPSER: panel estable, sin recortes ni scroll lateral ===== */
html,body{width:100%;}

body.admin-body.dark,body.admin-body.dark *{color:#f3fff8;}


body.admin-body .admin-layout,body.admin-body .ae-admin-main{padding-left:16px!important;padding-right:16px!important;}
body.admin-body .admin-section,body.admin-body .admin-section--wide{width:100%!important;max-width:100%!important;overflow:hidden!important;}
body.admin-body .admin-table-wrap,body.admin-body .ae-table-wrap{overflow:hidden!important;}
body.admin-body .admin-table{width:100%!important;max-width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;}
body.admin-body .admin-table th,body.admin-body .admin-table td{padding:10px 8px!important;font-size:13px!important;line-height:1.2!important;vertical-align:middle!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;}







body.admin-body .ae-admin-product-cell{min-width:0!important;}

body.admin-body .ae-admin-product-cell strong{white-space:normal!important;}
body.admin-body .ae-admin-product-cell small{display:block!important;margin-top:3px!important;white-space:normal!important;}
body.admin-body .status-pill{max-width:100%!important;}






body.admin-body .ae-dashboard-detail-card{margin-top:20px!important;}

body.admin-body .ae-chart-card,body.admin-body .ae-list-card{box-shadow:0 16px 35px rgba(3,33,22,.07)!important;}
body.admin-body .ae-bars{display:grid!important;gap:8px!important;margin-top:10px!important;}
body.admin-body .ae-bar{display:grid!important;grid-template-columns:86px 1fr 80px!important;gap:8px!important;align-items:center!important;font-size:12px!important;}
body.admin-body .ae-bar span:nth-child(2){height:9px!important;border-radius:999px!important;background:linear-gradient(90deg,#0b7a4b,#73df9e)!important;min-width:8px!important;}
body.admin-body .ae-mini-list{display:grid!important;gap:8px!important;margin-top:10px!important;}
body.admin-body .ae-mini-item{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;padding:10px!important;border-radius:12px!important;background:#f4fbf7!important;font-size:12px!important;}
body.admin-body.dark,body.admin-body.is-dark{background:#07130f!important;color:#effff6!important;}
body.admin-body.dark .admin-section,body.admin-body.is-dark .admin-section,body.admin-body.dark .ae-chart-card,body.admin-body.dark .ae-list-card,body.admin-body.is-dark .ae-chart-card,body.admin-body.is-dark .ae-list-card{background:#0b2018!important;border-color:rgba(111,231,164,.22)!important;color:#effff6!important;}
body.admin-body.dark .admin-table th,body.admin-body.dark .admin-table td,body.admin-body.is-dark .admin-table th,body.admin-body.is-dark .admin-table td{color:#effff6!important;border-color:rgba(255,255,255,.1)!important;}
body.admin-body.dark .admin-table,body.admin-body.is-dark .admin-table{background:#0b2018!important;}
body.admin-body.dark .ae-admin-product-cell small,body.admin-body.is-dark .ae-admin-product-cell small{color:#b8d5c8!important;}
body.admin-body.dark .ae-mini-item,body.admin-body.is-dark .ae-mini-item{background:#102a20!important;color:#effff6!important;}
@media(max-width:1100px){body.admin-body .admin-topbar{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;border-radius:0!important;}body.admin-body .admin-layout,body.admin-body .ae-admin-main{margin-left:0!important;width:100%!important;}.admin-table th,.admin-table td{font-size:12px!important;padding:8px 5px!important;}.ae-dashboard-detail-content{grid-template-columns:1fr!important;}.admin-actions-grid{grid-template-columns:repeat(2,minmax(30px,1fr))!important;max-width:80px!important;}}

/* ===== AJUSTE FINAL REAL: panel uniforme, dashboard con indicadores, tabla sin recortes ===== */

body.admin-body{font-size:14px!important;}
body.admin-body .admin-topbar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;height:100vh!important;border-right:1px solid rgba(255,255,255,.09)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:18px!important;overflow:hidden!important;z-index:30!important;}
body.admin-body .admin-brand{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;flex-direction:column!important;gap:8px!important;color:#fff!important;text-decoration:none!important;}
body.admin-body .admin-brand img{height:auto!important;object-fit:contain!important;}
body.admin-body .admin-brand span{display:none!important;}
body.admin-body .admin-nav{display:flex!important;flex-direction:column!important;margin-top:10px!important;}
body.admin-body .admin-nav a{text-decoration:none!important;text-shadow:none!important;white-space:nowrap!important;}

body.admin-body .admin-nav a.active,body.admin-body .admin-nav a[aria-current="page"],body.admin-body .admin-nav a:hover{background:linear-gradient(135deg,#0c8a55,#0b6f46)!important;box-shadow:0 12px 24px rgba(12,138,85,.25)!important;}
body.admin-body .admin-nav em{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:25px!important;height:25px!important;border-radius:99px!important;background:#20b973!important;color:#fff!important;font-style:normal!important;font-size:12px!important;margin-left:auto!important;}



body.admin-body .ae-admin-header{height:58px!important;margin:-24px -24px 22px!important;padding:0 24px!important;backdrop-filter:blur(12px)!important;}
body.admin-body h1{font-size:30px!important;line-height:1.1!important;margin:0 0 12px!important;}
body.admin-body h2{font-size:20px!important;line-height:1.2!important;}
body.admin-body .admin-section,body.admin-body .admin-section--wide,body.admin-body .ae-dashboard-detail-card{width:100%!important;max-width:100%!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(7,62,40,.14)!important;border-radius:18px!important;padding:16px!important;box-shadow:0 18px 45px rgba(0,42,25,.08)!important;overflow:hidden!important;margin-bottom:18px!important;}
body.admin-body #dashboardPanel{display:none!important;}
body.admin-body .admin-stats,body.admin-body .ae-dashboard-kpis{margin-bottom:18px!important;}
body.admin-body .ae-kpi-card{height:142px!important;min-height:142px!important;padding:18px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(7,62,40,.12)!important;box-shadow:0 14px 32px rgba(0,42,25,.08)!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;cursor:pointer!important;overflow:hidden!important;}
body.admin-body .ae-kpi-card.is-active{border:2px solid #0b8451!important;box-shadow:0 18px 38px rgba(11,132,81,.18)!important;}
body.admin-body .ae-kpi-card span{display:block!important;color:#33443d!important;font-size:13px!important;margin-bottom:10px!important;}
body.admin-body .ae-kpi-card strong{display:block!important;color:#071611!important;font-size:22px!important;line-height:1.1!important;margin-bottom:16px!important;}
body.admin-body .ae-kpi-card small{display:block!important;color:#071611!important;font-size:12px!important;line-height:1.2!important;max-width:120px!important;}
body.admin-body .ae-kpi-card i{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-style:normal!important;background:#e6fff0!important;}
body.admin-body .ae-dashboard-detail-content{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
body.admin-body .ae-chart-card,body.admin-body .ae-list-card{background:#fff!important;border:1px solid rgba(7,62,40,.12)!important;border-radius:16px!important;padding:14px!important;overflow:hidden!important;}
body.admin-body .admin-table-wrap{width:100%!important;max-width:100%!important;overflow:hidden!important;border:1px solid rgba(7,62,40,.15)!important;border-radius:16px!important;background:#fff!important;}
body.admin-body #productsTable{max-width:100%!important;}
body.admin-body #productsTable th,body.admin-body #productsTable td{text-overflow:clip!important;}






body.admin-body #productsTable th:nth-child(7),body.admin-body #productsTable td:nth-child(7){overflow:visible!important;}
body.admin-body .ae-admin-product-cell{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;}
body.admin-body .ae-admin-product-cell img{width:44px!important;height:44px!important;object-fit:contain!important;border-radius:10px!important;background:#f1faf5!important;}
body.admin-body .ae-admin-product-cell strong{font-size:13px!important;line-height:1.15!important;font-weight:900!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
body.admin-body .ae-admin-product-cell small{font-size:10.5px!important;color:#455951!important;}
body.admin-body .admin-flag-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin-top:5px!important;}
body.admin-body .admin-flag-grid label{min-height:24px!important;padding:3px!important;border-radius:8px!important;font-size:10.5px!important;background:#f3fbf6!important;border:1px solid rgba(7,62,40,.12)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;}
body.admin-body .admin-flag-grid input{width:12px!important;height:12px!important;}
body.admin-body .status-pill{min-width:74px!important;height:28px!important;padding:0 8px!important;border-radius:999px!important;font-size:11px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;}

body.admin-body .admin-actions-grid{width:100%!important;}
body.admin-body .admin-icon-btn{max-width:31px!important;min-height:31px!important;margin:0!important;}

body.admin-body .admin-icon-btn--hide{background:#64746d!important;}


body.admin-body .admin-toolbar{grid-template-columns:minmax(220px,1fr) 160px auto auto!important;gap:8px!important;}
body.dark-mode.admin-body,body.admin-body.dark,body.admin-body.is-dark{background:#06130e!important;color:#f4fff8!important;}
body.dark-mode.admin-body .admin-section,body.dark-mode.admin-body .ae-dashboard-detail-card,body.dark-mode.admin-body .ae-kpi-card,body.dark-mode.admin-body .ae-chart-card,body.dark-mode.admin-body .ae-list-card,body.dark-mode.admin-body .admin-table-wrap,body.admin-body.is-dark .admin-section,body.admin-body.is-dark .ae-kpi-card{background:#0a2118!important;border-color:rgba(136,240,180,.2)!important;color:#f4fff8!important;}
body.dark-mode.admin-body h1,body.dark-mode.admin-body h2,body.dark-mode.admin-body h3,body.dark-mode.admin-body p,body.dark-mode.admin-body span,body.dark-mode.admin-body strong,body.dark-mode.admin-body small,body.dark-mode.admin-body td,body.dark-mode.admin-body th,body.admin-body.is-dark h1,body.admin-body.is-dark h2,body.admin-body.is-dark p,body.admin-body.is-dark span,body.admin-body.is-dark strong,body.admin-body.is-dark small,body.admin-body.is-dark td,body.admin-body.is-dark th{color:#f4fff8!important;}
body.dark-mode.admin-body .ae-admin-product-cell small,body.admin-body.is-dark .ae-admin-product-cell small{color:#bfe4d0!important;}
body.dark-mode.admin-body input,body.dark-mode.admin-body select,body.dark-mode.admin-body textarea{background:#081912!important;color:#f4fff8!important;border-color:rgba(136,240,180,.28)!important;}
@media(max-width:1200px){body.admin-body .admin-stats,body.admin-body .ae-dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;}body.admin-body #productsTable th:nth-child(1),body.admin-body #productsTable td:nth-child(1){width:34%!important;}body.admin-body #productsTable th:nth-child(7),body.admin-body #productsTable td:nth-child(7){width:25%!important;}}
@media(max-width:900px){body.admin-body .admin-topbar{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;border-radius:0!important;}body.admin-body .admin-layout,body.admin-body .ae-admin-main{margin-left:0!important;width:100%!important;padding:16px 10px!important;}body.admin-body .admin-stats,body.admin-body .ae-dashboard-kpis,body.admin-body .ae-dashboard-detail-content{grid-template-columns:1fr!important;}body.admin-body .admin-table-wrap{overflow-x:auto!important;}body.admin-body #productsTable{min-width:860px!important;}}


/* ===== FIX FINAL: panel claro, letras legibles y hover sin blanco sobre blanco ===== */

body.admin-body, body.admin-body *{text-shadow:none!important;}
body.admin-body .admin-section, body.admin-body .admin-card, body.admin-body .admin-table-wrap, body.admin-body .modal-content, body.admin-body .ae-card, body.admin-body .ae-chart-card, body.admin-body .ae-list-card, body.admin-body .ae-kpi-card{background:#ffffff!important;color:#0b1712!important;}
body.admin-body h1, body.admin-body h2, body.admin-body h3, body.admin-body h4, body.admin-body h5, body.admin-body h6,
body.admin-body p, body.admin-body label, body.admin-body span, body.admin-body strong, body.admin-body small,
body.admin-body th, body.admin-body td, body.admin-body li{color:#0b1712!important;}
body.admin-body .admin-topbar, body.admin-body .admin-topbar *, body.admin-body .admin-nav a, body.admin-body .admin-nav a *{color:#ffffff!important;}



body.admin-body button:hover, body.admin-body .btn:hover{filter:none!important;}
body.admin-body .btn:not(.btn--primary):not(.btn--danger):not(.admin-icon-btn){background:#ffffff!important;color:#0b1712!important;border:1px solid #b9dbc9!important;}

body.admin-body .admin-icon-btn, body.admin-body .admin-icon-btn *{color:#ffffff!important;}
body.admin-body .status-pill--ok, body.admin-body .status-pill--promo, body.admin-body .status-pill--offer{color:#065f3a!important;background:#dcfce7!important;border-color:#86efac!important;}
body.admin-body .status-pill--bad, body.admin-body .status-pill--off{color:#991b1b!important;background:#fee2e2!important;border-color:#fca5a5!important;}
body.admin-body .admin-table tbody tr:hover td{background:#f1fbf6!important;color:#0b1712!important;}
body.admin-body .admin-table tbody tr:hover td *{color:inherit!important;}
body.admin-body .admin-table tbody tr:hover .admin-icon-btn, body.admin-body .admin-table tbody tr:hover .admin-icon-btn *{color:#ffffff!important;}
body.admin-body .dark-mode-toggle, body.admin-body .theme-toggle, body.admin-body .ae-dark-pill{display:none!important;}


/* =========================================================
   FIX FINAL ALTEREGO - PANEL ADMIN SOLO MODO CLARO LEGIBLE
   ========================================================= */
body.admin-body,
body.admin-body *{
  color:#111827;
}

body.admin-body .admin-topbar,
body.admin-body .admin-topbar *,
body.admin-body .admin-nav a,
body.admin-body .admin-nav a *,
body.admin-body .admin-brand,
body.admin-body .admin-brand *{
  color:#ffffff!important;
}
body.admin-body .admin-section,
body.admin-body .admin-card,
body.admin-body .ae-card,
body.admin-body .ae-chart-card,
body.admin-body .ae-list-card,
body.admin-body .modal-content,
body.admin-body .admin-table-wrap,
body.admin-body .ae-table-wrap{
  background:#ffffff!important;
  color:#111827!important;
}
body.admin-body input,
body.admin-body select,
body.admin-body textarea{
  background:#ffffff!important;
  color:#111827!important;
  border-color:#b7e4cf!important;
}
body.admin-body input::placeholder,
body.admin-body textarea::placeholder{
  color:#6b7280!important;
}
body.admin-body .admin-table,
body.admin-body .admin-table th,
body.admin-body .admin-table td{
  background:#ffffff!important;
  color:#111827!important;
}
body.admin-body .admin-table thead th{
  background:#f1f8f4!important;
  color:#111827!important;
}
body.admin-body .admin-table tbody tr:hover,
body.admin-body .admin-table tbody tr:hover td{
  background:#e9f8f0!important;
  color:#111827!important;
}
body.admin-body button:not(.btn--primary):not(.admin-icon-btn):not(.admin-logout),
body.admin-body .btn:not(.btn--primary):not(.admin-icon-btn):not(.admin-logout){
  background:#ffffff!important;
  color:#0f2a1f!important;
  border-color:#b7e4cf!important;
}
body.admin-body button:not(.btn--primary):not(.admin-icon-btn):not(.admin-logout):hover,
body.admin-body .btn:not(.btn--primary):not(.admin-icon-btn):not(.admin-logout):hover{
  background:#e7f7ef!important;
  color:#062d1b!important;
}
body.admin-body .btn--primary{
  background:#0b8a52!important;
  color:#ffffff!important;
}





body.admin-body .theme-toggle,
body.admin-body .ae-dark-pill{
  display:none!important;
}

/* =========================================================
   CORRECCION DEFINITIVA JOHPSER - ADMIN LEGIBLE + TABLAS
   ========================================================= */
body.admin-body{
  --admin-bg:#f6fbf8;
  --admin-card:#ffffff;
  --admin-text:#101828;
  --admin-muted:#475467;
  --admin-line:#d6eadf;
  --admin-green:#0b8754;
  --admin-green-dark:#064e35;
  --admin-soft:#f1fbf6;
  
  
  
}
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) *{text-shadow:none!important;}
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) h1,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) h2,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) h3,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) h4,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) p,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) label,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) span,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) strong,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) small,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) th,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) td,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) li,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .admin-order-count{color:var(--admin-text)!important;}
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .admin-section,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .admin-card,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .ae-card,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .ae-kpi-card,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .ae-chart-card,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .ae-list-card,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .admin-table-wrap,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .ae-table-wrap,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .modal-card,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .modal-content,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .dashboard-summary-card{
  background:var(--admin-card)!important;color:var(--admin-text)!important;border-color:var(--admin-line)!important;
}
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) input,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) select,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) textarea{
  background:#fff!important;color:var(--admin-text)!important;border:1px solid #b9dbc9!important;box-shadow:none!important;
}
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) input::placeholder,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) textarea::placeholder{color:#667085!important;opacity:1!important;}
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .admin-section__head p{color:#475467!important;}
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .admin-topbar,
body.admin-body:not(.dark):not(.modo-oscuro):not(.dark-mode) .ae-sidebar{background:linear-gradient(180deg,#002d20,#004b33)!important;color:#fff!important;}

body.admin-body .admin-nav a span{text-align:center!important;font-size:15px!important;}
body.admin-body .admin-nav a b{line-height:1!important;}
body.admin-body .admin-nav a em{margin-left:auto!important;}
body.admin-body .admin-nav a:hover,
body.admin-body .admin-nav a.active{background:#0b8754!important;color:#fff!important;box-shadow:0 12px 24px rgba(11,135,84,.22)!important;}
body.admin-body .admin-brand span,
body.admin-body .admin-brand *,
body.admin-body .admin-logout{color:#fff!important;}

body.admin-body .admin-logout:hover{background:#fff!important;color:#0b2e21!important;}

/* Formulario productos: compacto, checks en fila y sin letras invisibles */
body.admin-body .admin-form--grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px 12px!important;align-items:end!important;}
body.admin-body .admin-field label{display:block!important;color:var(--admin-text)!important;font-size:12px!important;font-weight:900!important;margin-bottom:6px!important;}
body.admin-body .admin-field input,
body.admin-body .admin-field textarea{font-size:12px!important;height:36px!important;border-radius:9px!important;padding:0 10px!important;}
body.admin-body .admin-field textarea{height:62px!important;padding-top:8px!important;resize:vertical!important;}
body.admin-body .admin-check{height:38px!important;min-height:38px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;background:#f8fffb!important;border:1px solid var(--admin-line)!important;border-radius:10px!important;padding:0 10px!important;color:var(--admin-text)!important;font-size:12px!important;font-weight:800!important;}
body.admin-body .admin-check input{width:16px!important;height:16px!important;accent-color:#0b8754!important;flex:none!important;}
body.admin-body .admin-form__actions{align-items:center!important;justify-content:flex-end!important;gap:8px!important;}
body.admin-body .admin-form__actions .btn{height:38px!important;border-radius:10px!important;font-size:12px!important;padding:0 14px!important;}
body.admin-body .ae-bulkbar{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;background:#f6fbf8!important;border:1px dashed #bcdccb!important;border-radius:12px!important;padding:8px!important;margin:8px 0!important;color:var(--admin-text)!important;}
body.admin-body .ae-bulkbar .btn{height:28px!important;min-height:28px!important;border-radius:8px!important;padding:0 8px!important;font-size:11px!important;background:#fff!important;color:#0f2a1f!important;border:1px solid #b9dbc9!important;}
body.admin-body .ae-bulkbar .btn:disabled{opacity:.55!important;}
body.admin-body .admin-toolbar.admin-toolbar--productos{grid-template-columns:minmax(220px,1fr) 160px 110px 110px 100px!important;gap:8px!important;align-items:center!important;}
body.admin-body .admin-toolbar.admin-toolbar--productos input,
body.admin-body .admin-toolbar.admin-toolbar--productos select,
body.admin-body .admin-toolbar.admin-toolbar--productos button{height:36px!important;border-radius:10px!important;font-size:12px!important;padding:0 10px!important;}

/* Tabla productos: filas blancas, acciones completas, nombres completos sin puntos */
body.admin-body #productosAdmin .admin-table-wrap{overflow-x:hidden!important;background:#fff!important;}
body.admin-body #productsTable{background:#fff!important;color:#101828!important;}
body.admin-body #productsTable col.col-check{width:3%!important;}
body.admin-body #productsTable col.col-foto{width:5.5%!important;}
body.admin-body #productsTable col.col-sku{width:12%!important;}
body.admin-body #productsTable col.col-nombre{width:26%!important;}
body.admin-body #productsTable col.col-cat{width:10%!important;}
body.admin-body #productsTable col.col-price{width:8%!important;}
body.admin-body #productsTable col.col-stock{width:5%!important;}
body.admin-body #productsTable col.col-state{width:11%!important;}
body.admin-body #productsTable col.col-vis{width:8%!important;}
body.admin-body #productsTable col.col-actions{width:11.5%!important;}
body.admin-body #productsTable th,
body.admin-body #productsTable td{background:#fff!important;color:#101828!important;border-bottom:1px solid #e2efe8!important;padding:8px 6px!important;font-size:12px!important;line-height:1.2!important;vertical-align:middle!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;}
body.admin-body #productsTable thead th{background:#f7fbf9!important;color:#101828!important;font-weight:900!important;font-size:12px!important;}
body.admin-body #productsTable tbody tr:hover td{background:#f2fbf6!important;color:#101828!important;}
body.admin-body #productsTable .td-product-name strong{display:block!important;color:#101828!important;font-size:12px!important;line-height:1.18!important;font-weight:900!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-height:none!important;word-break:break-word!important;}
body.admin-body #productsTable .td-sku{font-size:10px!important;color:#344054!important;word-break:break-word!important;}
body.admin-body #productsTable .td-cat,
body.admin-body #productsTable .td-price,
body.admin-body #productsTable .td-stock{text-align:center!important;color:#101828!important;}
body.admin-body #productsTable .ae-product-photo{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:9px!important;background:#f4faf7!important;border:1px solid #dceee5!important;padding:4px!important;}
body.admin-body #productsTable .status-pill{height:24px!important;min-width:64px!important;padding:0 7px!important;font-size:10px!important;line-height:1!important;border-radius:999px!important;margin:2px!important;color:inherit!important;}
body.admin-body .status-pill--on{border:1px solid #86efac!important;}
body.admin-body .status-pill--warn{border:1px solid #fed7aa!important;}

body.admin-body .status-pill--promo{background:#e0f2fe!important;color:#075985!important;border:1px solid #7dd3fc!important;}
body.admin-body .status-pill--offer{background:#ffedd5!important;color:#9a3412!important;border:1px solid #fdba74!important;}
body.admin-body #productsTable td.admin-actions{background:#fff!important;padding:6px!important;overflow:visible!important;}
body.admin-body #productsTable tbody tr:hover td.admin-actions{background:#f2fbf6!important;}
body.admin-body .admin-actions-grid{display:grid!important;grid-template-columns:repeat(5,25px)!important;gap:5px!important;align-items:center!important;justify-content:center!important;max-width:145px!important;margin:0 auto!important;}
body.admin-body .admin-icon-btn{width:25px!important;height:25px!important;min-width:25px!important;border-radius:8px!important;padding:0!important;border:0!important;background:#0b8754!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;line-height:1!important;font-weight:900!important;box-shadow:none!important;}
body.admin-body .admin-icon-btn svg{width:14px!important;height:14px!important;stroke:#fff!important;fill:none!important;pointer-events:none!important;}
body.admin-body .admin-icon-btn--delete{background:#d92d20!important;}
body.admin-body .admin-icon-btn--stock{background:#087c7c!important;}
body.admin-body .admin-icon-btn--zero{background:#475467!important;}
body.admin-body .admin-icon-btn--show{background:#0b8754!important;}
body.admin-body .admin-icon-btn:hover{transform:none!important;filter:brightness(.94)!important;color:#fff!important;}

/* Pedidos/clientes/reportes: buscadores cortos, textos legibles, tablas blancas */
body.admin-body .admin-order-filters{display:grid!important;grid-template-columns:minmax(220px,1fr) 180px 170px!important;gap:10px!important;align-items:center!important;margin:12px 0!important;}
body.admin-body .admin-order-filters input,
body.admin-body .admin-order-filters select{height:38px!important;border-radius:10px!important;font-size:13px!important;padding:0 12px!important;}
body.admin-body .admin-order-count{display:block!important;margin:8px 0 10px!important;font-size:13px!important;font-weight:900!important;color:#101828!important;background:#f8fffb!important;border:1px solid var(--admin-line)!important;border-radius:10px!important;padding:8px 10px!important;width:max-content!important;max-width:100%!important;}
body.admin-body #ordersTable,
body.admin-body #clientsTable,
body.admin-body #reportsPanel table{background:#fff!important;color:#101828!important;}
body.admin-body #ordersTable th,
body.admin-body #ordersTable td,
body.admin-body #clientsTable th,
body.admin-body #clientsTable td,
body.admin-body #reportsPanel th,
body.admin-body #reportsPanel td{background:#fff!important;color:#101828!important;border-bottom:1px solid #e2efe8!important;}
body.admin-body #ordersTable tbody tr:hover td,
body.admin-body #clientsTable tbody tr:hover td{background:#f2fbf6!important;color:#101828!important;}
body.admin-body #ordersTable .admin-select,
body.admin-body #ordersTable select{height:34px!important;border-radius:9px!important;background:#fff!important;color:#101828!important;border:1px solid #b9dbc9!important;}
body.admin-body .btn-mini{height:30px!important;border-radius:999px!important;padding:0 12px!important;background:#e7f7ef!important;color:#064e35!important;border:1px solid #b9dbc9!important;font-weight:900!important;}

/* Header con notificaciones y sonido */
body.admin-body .ae-admin-header{background:#fff!important;border-bottom:1px solid #dde9e2!important;box-shadow:0 10px 25px rgba(16,24,40,.05)!important;}
body.admin-body .ae-top-icons{display:flex!important;align-items:center!important;gap:8px!important;}
body.admin-body .ae-notify-btn,
body.admin-body .ae-user-btn,
body.admin-body .ae-sound-switch{height:38px!important;min-width:38px!important;border-radius:12px!important;border:1px solid #d6eadf!important;background:#fff!important;color:#101828!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;}
body.admin-body .ae-sound-switch{width:64px!important;gap:6px!important;padding:0 7px!important;cursor:pointer!important;}
body.admin-body .ae-sound-switch i{width:24px!important;height:24px!important;border-radius:999px!important;background:#0b8754!important;display:block!important;transition:.2s!important;transform:translateX(14px)!important;}
body.admin-body .ae-sound-switch span{position:absolute!important;left:9px!important;color:#0b8754!important;font-size:12px!important;}
body.admin-body .ae-sound-switch.is-off i{background:#98a2b3!important;transform:translateX(-14px)!important;}
body.admin-body .ae-sound-switch.is-off span{color:#667085!important;}
body.admin-body .ae-dropdown{background:#fff!important;color:#101828!important;border:1px solid #d6eadf!important;}
body.admin-body .ae-dropdown *{color:#101828!important;}
body.admin-body .ae-notify-btn em{background:#ef4444!important;color:#fff!important;}

/* Modo oscuro legible si existe la clase */
body.admin-body.dark,
body.admin-body.modo-oscuro,
body.admin-body.dark-mode{--admin-bg:#06130e;--admin-card:#0b2118;--admin-text:#f4fff8;--admin-muted:#c8ead8;--admin-line:rgba(134,239,172,.22);background:#06130e!important;color:#f4fff8!important;}
body.admin-body.dark h1,body.admin-body.dark h2,body.admin-body.dark h3,body.admin-body.dark p,body.admin-body.dark label,body.admin-body.dark span,body.admin-body.dark strong,body.admin-body.dark small,body.admin-body.dark th,body.admin-body.dark td,
body.admin-body.modo-oscuro h1,body.admin-body.modo-oscuro h2,body.admin-body.modo-oscuro h3,body.admin-body.modo-oscuro p,body.admin-body.modo-oscuro label,body.admin-body.modo-oscuro span,body.admin-body.modo-oscuro strong,body.admin-body.modo-oscuro small,body.admin-body.modo-oscuro th,body.admin-body.modo-oscuro td,
body.admin-body.dark-mode h1,body.admin-body.dark-mode h2,body.admin-body.dark-mode h3,body.admin-body.dark-mode p,body.admin-body.dark-mode label,body.admin-body.dark-mode span,body.admin-body.dark-mode strong,body.admin-body.dark-mode small,body.admin-body.dark-mode th,body.admin-body.dark-mode td{color:#f4fff8!important;}
body.admin-body.dark .admin-section,body.admin-body.dark .admin-table-wrap,body.admin-body.dark .ae-kpi-card,body.admin-body.dark .ae-chart-card,body.admin-body.dark .ae-list-card,body.admin-body.dark .dashboard-summary-card,body.admin-body.dark .modal-card,
body.admin-body.modo-oscuro .admin-section,body.admin-body.modo-oscuro .admin-table-wrap,body.admin-body.modo-oscuro .ae-kpi-card,body.admin-body.modo-oscuro .ae-chart-card,body.admin-body.modo-oscuro .ae-list-card,body.admin-body.modo-oscuro .dashboard-summary-card,body.admin-body.modo-oscuro .modal-card,
body.admin-body.dark-mode .admin-section,body.admin-body.dark-mode .admin-table-wrap,body.admin-body.dark-mode .ae-kpi-card,body.admin-body.dark-mode .ae-chart-card,body.admin-body.dark-mode .ae-list-card,body.admin-body.dark-mode .dashboard-summary-card,body.admin-body.dark-mode .modal-card{background:#0b2118!important;color:#f4fff8!important;border-color:rgba(134,239,172,.22)!important;}
body.admin-body.dark input,body.admin-body.dark select,body.admin-body.dark textarea,
body.admin-body.modo-oscuro input,body.admin-body.modo-oscuro select,body.admin-body.modo-oscuro textarea,
body.admin-body.dark-mode input,body.admin-body.dark-mode select,body.admin-body.dark-mode textarea{background:#071912!important;color:#f4fff8!important;border-color:rgba(134,239,172,.28)!important;}
body.admin-body.dark #productsTable,body.admin-body.dark #productsTable th,body.admin-body.dark #productsTable td,body.admin-body.dark #ordersTable th,body.admin-body.dark #ordersTable td,
body.admin-body.modo-oscuro #productsTable,body.admin-body.modo-oscuro #productsTable th,body.admin-body.modo-oscuro #productsTable td,body.admin-body.modo-oscuro #ordersTable th,body.admin-body.modo-oscuro #ordersTable td,
body.admin-body.dark-mode #productsTable,body.admin-body.dark-mode #productsTable th,body.admin-body.dark-mode #productsTable td,body.admin-body.dark-mode #ordersTable th,body.admin-body.dark-mode #ordersTable td{background:#0b2118!important;color:#f4fff8!important;border-color:rgba(134,239,172,.18)!important;}

@media(max-width:1180px){
  body.admin-body .admin-layout,body.admin-body .ae-admin-main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:12px!important;}
  body.admin-body .admin-topbar,body.admin-body .ae-sidebar{position:relative!important;width:100%!important;height:auto!important;min-height:auto!important;border-radius:0 0 20px 20px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:12px!important;overflow:visible!important;}
  body.admin-body .admin-brand{width:auto!important;max-width:140px!important;}
  body.admin-body .admin-brand img{max-width:110px!important;}
  body.admin-body .admin-nav{flex-direction:row!important;justify-content:flex-start!important;overflow-x:auto!important;gap:8px!important;margin:0!important;width:auto!important;max-width:calc(100vw - 250px)!important;}
  body.admin-body .admin-nav a{min-width:118px!important;width:118px!important;height:38px!important;font-size:12px!important;padding:0 10px!important;}
  body.admin-body .admin-logout{width:96px!important;margin:0!important;height:38px!important;}
  body.admin-body .admin-form--grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.admin-body .admin-toolbar.admin-toolbar--productos{grid-template-columns:1fr 1fr 1fr!important;}
  body.admin-body #productosAdmin .admin-table-wrap{overflow-x:auto!important;}
  body.admin-body #productsTable{min-width:980px!important;}
}
@media(max-width:760px){
  body.admin-body .admin-topbar,body.admin-body .ae-sidebar{display:block!important;}
  body.admin-body .admin-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%!important;margin-top:10px!important;overflow:visible!important;}
  body.admin-body .admin-nav a{width:100%!important;min-width:0!important;}
  body.admin-body .admin-logout{width:100%!important;margin-top:10px!important;}
  body.admin-body .ae-admin-header{height:auto!important;min-height:56px!important;padding:8px!important;flex-wrap:wrap!important;}
  body.admin-body .ae-top-search{width:100%!important;max-width:100%!important;order:2!important;}
  body.admin-body .admin-form--grid{grid-template-columns:1fr!important;}
  body.admin-body .admin-field--span2{grid-column:auto!important;}
  body.admin-body .admin-toolbar.admin-toolbar--productos,
  body.admin-body .admin-order-filters{grid-template-columns:1fr!important;}
  body.admin-body #productsTable{min-width:940px!important;}
}


/* ===== admin-fix-presentacion.css ===== */
/* PRESENTACION FINAL ALTEREGO - sin recortes, sidebar uniforme */
html,body{overflow-x:hidden!important;max-width:100%!important;}

body.admin-body .admin-topbar{width:248px!important;min-width:248px!important;padding:28px 22px!important;background:linear-gradient(180deg,#062d21,#00452f)!important;border-radius:0!important;box-shadow:none!important;}
body.admin-body .admin-brand img{width:118px!important;max-width:118px!important;margin:0 auto 18px!important;opacity:.95!important;}
body.admin-body .admin-nav{width:100%!important;gap:10px!important;align-items:stretch!important;}
body.admin-body .admin-nav a{width:100%!important;min-width:0!important;max-width:none!important;height:46px!important;padding:0 18px!important;display:grid!important;grid-template-columns:22px 1fr auto!important;align-items:center!important;justify-content:initial!important;text-align:left!important;border-radius:14px!important;color:#fff!important;background:transparent!important;border:1px solid transparent!important;font-size:15px!important;font-weight:800!important;letter-spacing:.01em!important;gap:10px!important;}
body.admin-body .admin-nav a span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;min-width:22px!important;color:#fff!important;filter:none!important;}
body.admin-body .admin-nav a b{display:block!important;color:#fff!important;font-size:15px!important;text-align:left!important;white-space:nowrap!important;}
body.admin-body .admin-nav a em{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:28px!important;height:25px!important;border-radius:999px!important;background:#19a866!important;color:#fff!important;font-style:normal!important;font-size:12px!important;font-weight:900!important;}
body.admin-body .admin-nav a.active,body.admin-body .admin-nav a[aria-current="page"]{background:linear-gradient(135deg,#13a562,#0b7f4d)!important;box-shadow:0 10px 26px rgba(7,112,68,.28)!important;}
body.admin-body .ae-dark-pill,body.admin-body .ae-admin-user{display:none!important;}
body.admin-body .admin-logout{margin-top:auto!important;width:100%!important;height:50px!important;border-radius:13px!important;background:#e9efec!important;border:0!important;color:#062d21!important;font-weight:900!important;}
body.admin-body .admin-layout,body.admin-body .ae-admin-main{margin-left:248px!important;width:calc(100% - 248px)!important;max-width:none!important;padding:24px 28px 38px!important;overflow:visible!important;}
body.admin-body .ae-admin-header{display:none!important;}
body.admin-body .ae-dashboard-title h1{font-size:32px!important;margin:0 0 6px!important;}.ae-dashboard-title p{margin:0 0 18px!important;color:#5d6b66!important;}
body.admin-body .admin-stats,body.admin-body .ae-dashboard-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(165px,1fr))!important;gap:14px!important;width:100%!important;margin:0 0 18px!important;}.ae-kpi-card{border:1px solid #dce8e2!important;color:#0a1712!important;}.ae-kpi-card span,.ae-kpi-card small{color:#0a1712!important;}.ae-kpi-card.is-active{outline:2px solid #0d8a57!important;}
.ae-dashboard-detail-card{background:#fff!important;border:1px solid #dce8e2!important;border-radius:18px!important;padding:18px!important;box-shadow:0 14px 34px rgba(0,0,0,.06)!important;}.ae-chart-card,.ae-list-card{background:#fff!important;border:1px solid #dce8e2!important;border-radius:16px!important;overflow:hidden!important;}.ae-bar b{font-size:12px!important;}.ae-bar strong{font-size:12px!important;}
body.admin-body .admin-table-wrap,body.admin-body .ae-table-wrap{overflow-x:hidden!important;width:100%!important;max-width:100%!important;border-radius:16px!important;}body.admin-body #productsTable{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;}body.admin-body #productsTable th,body.admin-body #productsTable td{padding:8px 8px!important;font-size:12.5px!important;line-height:1.18!important;vertical-align:middle!important;overflow:visible!important;white-space:normal!important;}body.admin-body #productsTable th:nth-child(1),body.admin-body #productsTable td:nth-child(1){width:28%!important;}body.admin-body #productsTable th:nth-child(2),body.admin-body #productsTable td:nth-child(2){width:9%!important;text-align:center!important;}body.admin-body #productsTable th:nth-child(3),body.admin-body #productsTable td:nth-child(3){width:8%!important;text-align:center!important;}body.admin-body #productsTable th:nth-child(4),body.admin-body #productsTable td:nth-child(4){width:6%!important;text-align:center!important;}body.admin-body #productsTable th:nth-child(5),body.admin-body #productsTable td:nth-child(5){width:10%!important;text-align:center!important;}body.admin-body #productsTable th:nth-child(6),body.admin-body #productsTable td:nth-child(6){width:10%!important;text-align:center!important;}body.admin-body #productsTable th:nth-child(7),body.admin-body #productsTable td:nth-child(7){width:29%!important;text-align:center!important;}.ae-admin-product-cell{min-width:0!important;}.ae-admin-product-cell img{flex:0 0 44px!important;}.admin-actions-grid{align-items:center!important;}.admin-icon-btn{max-width:30px!important;place-items:center!important;}
body.dark-mode.admin-body,body.admin-body.is-dark{background:#061a13!important;color:#f6fff9!important;}body.dark-mode.admin-body .admin-section,body.dark-mode.admin-body .ae-dashboard-detail-card,body.dark-mode.admin-body .ae-kpi-card,body.dark-mode.admin-body .ae-chart-card,body.dark-mode.admin-body .ae-list-card,body.dark-mode.admin-body .admin-table-wrap{background:#09251a!important;border-color:rgba(136,240,180,.28)!important;color:#f6fff9!important;}body.dark-mode.admin-body *{color:#f6fff9;}body.dark-mode.admin-body .status-pill--off{color:#ffc9c9!important;}body.dark-mode.admin-body .status-pill--on{color:#baffd2!important;}
@media(max-width:1100px){body.admin-body .admin-stats,body.admin-body .ae-dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.ae-dashboard-detail-content{grid-template-columns:1fr!important;}body.admin-body #productsTable{min-width:980px!important;}body.admin-body .admin-table-wrap{overflow-x:auto!important;}}


/* ===== admin-gerente-final.css ===== */
/* ===== FINAL GERENTE: diseño unificado, responsive y legible ===== */
:root{--ae-green2:#0b6d46;--ae-dark:#052f24;--ae-darker:#03251d;--ae-line:#dce8e3;--ae-card:#fff;--ae-bg:#eef8f3;--ae-shadow:0 18px 45px rgba(7,23,18,.10);}
body.admin-body{margin:0!important;background:linear-gradient(135deg,#eef8f3 0%,#f8fcfa 50%,#eaf6ef 100%)!important;overflow-x:hidden!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;}
body.admin-body.dark,body.admin-body.modo-oscuro{--ae-bg:#031f18;}
body.admin-body.dark *,body.admin-body.modo-oscuro *{color:inherit;} body.admin-body.dark input,body.admin-body.dark select,body.admin-body.dark textarea,body.admin-body.modo-oscuro input,body.admin-body.modo-oscuro select,body.admin-body.modo-oscuro textarea{background:#0b3a2e!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;}body.admin-body.dark input::placeholder,body.admin-body.modo-oscuro input::placeholder{color:#b8cbc4!important;}
.admin-topbar,.ae-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:252px!important;height:100vh!important;padding:28px 16px!important;background:linear-gradient(180deg,#042e24,#005037)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:12px 0 35px rgba(0,0,0,.14)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:18px!important;z-index:50!important;border-radius:0!important;overflow:hidden!important;}
.admin-brand{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;text-decoration:none!important;margin:0 0 6px!important;}.admin-brand img{width:145px!important;max-height:62px!important;object-fit:contain!important;opacity:1!important;}.admin-brand span{display:none!important;}
.admin-nav,.ae-icon-nav{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin:8px 0 auto!important;padding:0!important;}.admin-nav a{width:100%!important;min-height:46px!important;padding:0 14px!important;border-radius:14px!important;display:grid!important;grid-template-columns:26px 1fr auto!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:#fff!important;font-size:15px!important;font-weight:800!important;letter-spacing:.1px!important;background:transparent!important;border:1px solid transparent!important;box-shadow:none!important;white-space:nowrap!important;}.admin-nav a span{width:22px!important;text-align:center!important;color:#fff!important;font-size:15px!important;display:inline-block!important;}.admin-nav a b{color:#fff!important;font:inherit!important;}.admin-nav a em{min-width:28px!important;height:24px!important;padding:0 8px!important;border-radius:999px!important;background:#16b978!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-style:normal!important;font-size:12px!important;}.admin-nav a.active,.admin-nav a[aria-current="page"]{background:linear-gradient(135deg,#15985e,#0b7149)!important;border-color:rgba(255,255,255,.15)!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important;}.admin-nav a:hover{background:rgba(255,255,255,.08)!important;}
.ae-dark-pill,.ae-admin-user{display:none!important;}.admin-logout{width:100%!important;height:48px!important;border-radius:14px!important;margin-top:auto!important;background:#eef4f1!important;color:#0b2a20!important;border:0!important;font-weight:900!important;}
.admin-layout,.ae-admin-main{margin-left:252px!important;width:calc(100% - 252px)!important;max-width:none!important;padding:88px 26px 32px!important;box-sizing:border-box!important;min-height:100vh!important;overflow-x:hidden!important;}.ae-admin-header,.admin-page-topbar{position:fixed!important;left:252px!important;right:0!important;top:0!important;height:70px!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid var(--ae-line)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 26px!important;z-index:40!important;box-sizing:border-box!important;}body.dark .ae-admin-header,body.modo-oscuro .ae-admin-header,body.dark .admin-page-topbar,body.modo-oscuro .admin-page-topbar{background:rgba(3,31,24,.92)!important;color:#fff!important;}.ae-menu-btn{display:none!important;}.ae-top-search{min-width:260px!important;max-width:360px!important;height:44px!important;border:1px solid var(--ae-line)!important;border-radius:12px!important;background:var(--ae-card)!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 12px!important;color:var(--ae-muted)!important;}.ae-top-search input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;color:var(--ae-text)!important;}.ae-top-icons{display:flex!important;align-items:center!important;gap:10px!important;position:relative!important;}.ae-notify-btn,.ae-user-btn,.ae-sound-btn{height:42px!important;min-width:42px!important;border:1px solid var(--ae-line)!important;border-radius:13px!important;background:var(--ae-card)!important;color:var(--ae-text)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;position:relative!important;cursor:pointer!important;}.ae-sound-btn.is-on{background:#0d8c57!important;color:#fff!important;border-color:#0d8c57!important;}.ae-notify-btn em{position:absolute!important;right:-5px!important;top:-6px!important;background:#ef3340!important;color:#fff!important;border-radius:999px!important;font-size:11px!important;min-width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-style:normal!important;}.ae-dropdown{position:absolute!important;right:0!important;top:52px!important;width:290px!important;background:var(--ae-card)!important;border:1px solid var(--ae-line)!important;border-radius:16px!important;box-shadow:var(--ae-shadow)!important;padding:14px!important;display:none!important;z-index:80!important;}.ae-dropdown.is-open{display:block!important;}.ae-dropdown h3,.ae-dropdown strong,.ae-dropdown small,.ae-dropdown p,.ae-dropdown a{color:var(--ae-text)!important;}
.admin-section,.ae-dashboard-detail-card,.ae-chart-card,.ae-list-card,.ae-kpi-card{background:var(--ae-card)!important;color:var(--ae-text)!important;border:1px solid var(--ae-line)!important;box-shadow:var(--ae-shadow)!important;border-radius:18px!important;}.ae-dashboard-title h1,.admin-section h1,.admin-section h2,.admin-section h3,.ae-chart-card h3,.ae-list-card h3{color:var(--ae-text)!important;}.ae-dashboard-title p,.admin-section p,small{color:var(--ae-muted)!important;}.ae-dashboard-kpis,.admin-stats{display:grid!important;margin:12px 0 18px!important;}.ae-kpi-card{align-items:flex-start!important;justify-content:space-between!important;cursor:pointer!important;transition:.18s!important;overflow:hidden!important;}.ae-kpi-card.is-active{border-color:#078e58!important;box-shadow:0 0 0 2px rgba(0,134,79,.16),var(--ae-shadow)!important;}.ae-kpi-card span{display:block!important;}.ae-kpi-card strong{display:block!important;margin:8px 0!important;line-height:1!important;}.ae-kpi-card small{display:block!important;opacity:.82!important;}.ae-kpi-card i{width:36px!important;height:36px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e5f8ef!important;color:#08764b!important;font-style:normal!important;}
.admin-dashboard-grid{display:none!important;}.ae-dashboard-detail-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;}.ae-chart-card,.ae-list-card{padding:18px!important;box-shadow:none!important;}.ae-bars{display:flex!important;flex-direction:column!important;gap:10px!important;}.ae-bar{display:grid!important;grid-template-columns:110px 1fr 78px!important;align-items:center!important;gap:10px!important;font-size:12px!important;}.ae-bar b{color:var(--ae-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}.ae-bar span{height:12px!important;border-radius:999px!important;background:linear-gradient(90deg,#0b8f58,#75df9d)!important;display:block!important;}.ae-bar strong{color:var(--ae-text)!important;text-align:right!important;}.ae-mini-list{display:flex!important;flex-direction:column!important;gap:8px!important;}.ae-mini-item{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:10px 0!important;border-bottom:1px solid var(--ae-line)!important;}.ae-mini-item span,.ae-mini-item strong{color:var(--ae-text)!important;}
.admin-table-wrap{width:100%!important;border-radius:16px!important;border:1px solid var(--ae-line)!important;background:var(--ae-card)!important;}.admin-table{border-collapse:collapse!important;color:var(--ae-text)!important;min-width:0!important;}.admin-table th,.admin-table td{border-bottom:1px solid var(--ae-line)!important;vertical-align:middle!important;color:var(--ae-text)!important;}.admin-table th{font-size:13px!important;font-weight:900!important;text-align:left!important;background:rgba(7,23,18,.03)!important;}.ae-admin-product-cell{display:grid!important;align-items:center!important;}.ae-admin-product-cell img{object-fit:contain!important;background:#f2faf6!important;border:1px solid var(--ae-line)!important;}.ae-admin-product-cell strong{display:block!important;color:var(--ae-text)!important;white-space:normal!important;overflow:visible!important;}.ae-admin-product-cell small{display:block!important;color:var(--ae-muted)!important;margin-top:3px!important;}.status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;font-weight:900!important;white-space:nowrap!important;}.status-pill--on{background:#e5faee!important;color:#007a47!important;border:1px solid #8ce4b3!important;}.status-pill--off{background:#fff0ed!important;color:#b01818!important;border:1px solid #ffa092!important;}.status-pill--warn{background:#fff5e2!important;color:#9a5b00!important;border:1px solid #ffd58a!important;}.admin-actions{padding-right:8px!important;}.admin-actions-grid{display:grid!important;}.admin-icon-btn{padding:0!important;border:1px solid var(--ae-line)!important;background:#0f8b58!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;}.admin-icon-btn--delete{background:#e5484d!important;}.admin-icon-btn--stock{background:#1677ff!important;}.admin-icon-btn--hide{background:#f59e0b!important;}.admin-icon-btn--show,.admin-icon-btn--available{background:#0f8b58!important;}.admin-flag-grid{display:flex!important;flex-wrap:wrap!important;}.admin-flag-grid label{border:1px solid var(--ae-line)!important;border-radius:999px!important;color:var(--ae-text)!important;background:rgba(0,134,79,.06)!important;display:inline-flex!important;align-items:center!important;gap:3px!important;}.admin-toolbar,.admin-form{max-width:100%!important;}.btn{border-radius:12px!important;font-weight:900!important;}
@media(max-width:1180px){.ae-dashboard-kpis,.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.admin-table th:nth-child(2),.admin-table td:nth-child(2){display:none!important;}.admin-table th:nth-child(1){width:38%!important;}.admin-table th:nth-child(7){width:18%!important;}}
@media(max-width:900px){.admin-topbar,.ae-sidebar{transform:translateX(-100%)!important;transition:.2s!important;width:250px!important;}.admin-body.sidebar-open .admin-topbar,.admin-body.sidebar-open .ae-sidebar{transform:translateX(0)!important;}.admin-layout,.ae-admin-main{margin-left:0!important;width:100%!important;padding:82px 14px 24px!important;}.ae-admin-header,.admin-page-topbar{left:0!important;height:64px!important;padding:0 14px!important;}.ae-menu-btn{display:inline-flex!important;width:42px!important;height:42px!important;border-radius:12px!important;border:1px solid var(--ae-line)!important;background:var(--ae-card)!important;color:var(--ae-text)!important;align-items:center!important;justify-content:center!important;}.ae-top-search{display:none!important;}.ae-dashboard-kpis,.admin-stats{grid-template-columns:1fr 1fr!important;gap:10px!important;}.ae-dashboard-detail-content{grid-template-columns:1fr!important;}.admin-table-wrap{overflow:visible!important;}.admin-table,.admin-table thead,.admin-table tbody,.admin-table tr,.admin-table td{display:block!important;width:100%!important;}.admin-table thead{display:none!important;}.admin-table tr{border-bottom:1px solid var(--ae-line)!important;padding:12px!important;}.admin-table td{border:0!important;padding:7px 0!important;}.admin-table td:nth-child(n/**/+2)::before{content:attr(data-label);display:block;font-size:11px;font-weight:900;color:var(--ae-muted);margin-bottom:3px;}.admin-actions-grid{grid-template-columns:repeat(4,34px)!important;}.admin-icon-btn{width:34px!important;height:34px!important;}.ae-admin-product-cell{grid-template-columns:50px 1fr!important;}}
@media(max-width:520px){.ae-dashboard-kpis,.admin-stats{grid-template-columns:1fr!important;}.ae-kpi-card{min-height:110px!important;}.ae-top-icons{gap:6px!important;}.ae-notify-btn,.ae-user-btn,.ae-sound-btn{min-width:38px!important;height:38px!important;}.admin-layout,.ae-admin-main{padding-left:10px!important;padding-right:10px!important;}.admin-form--grid{grid-template-columns:1fr!important;}.admin-field--span2{grid-column:auto!important;}}
.ae-theme-btn{height:42px!important;min-width:42px!important;border:1px solid var(--ae-line)!important;border-radius:13px!important;background:var(--ae-card)!important;color:var(--ae-text)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;cursor:pointer!important;}
body.dark .admin-table th,body.modo-oscuro .admin-table th{background:rgba(255,255,255,.06)!important;color:#fff!important;}body.dark .admin-table tr:nth-child(even),body.modo-oscuro .admin-table tr:nth-child(even){background:rgba(255,255,255,.025)!important;}body.dark .ae-admin-product-cell img,body.modo-oscuro .ae-admin-product-cell img{background:#103d31!important;}

/* ===== AJUSTE FINAL LEGIBILIDAD + PEDIDOS + PRODUCTOS COMPACTOS ===== */
body.admin-body{--ae-text:#071712;--ae-muted:#4e635c;--ae-card:#ffffff;--ae-soft:#f6fbf8;--ae-line:#d9e9e2;color:var(--ae-text)!important;}
body.admin-body.dark,body.admin-body.modo-oscuro{--ae-text:#f6fffb;--ae-muted:#c2d6ce;--ae-card:#082d24;--ae-soft:#0c382d;--ae-line:rgba(255,255,255,.16);background:#031f18!important;color:var(--ae-text)!important;}
body.admin-body :where(.admin-section,.admin-card,.modal-card,.ae-dashboard-detail-card,.ae-chart-card,.ae-list-card,.ae-kpi-card,.admin-table-wrap,.admin-form,.admin-toolbar,.admin-filter-card,.ae-dropdown){background:var(--ae-card)!important;color:var(--ae-text)!important;border-color:var(--ae-line)!important;}
body.admin-body :where(h1,h2,h3,h4,h5,h6,strong,b,label,th,td,p,span,small,em,div,a,button,input,select,textarea){color:inherit;}
body.admin-body :where(.admin-section,.admin-card,.modal-card,.ae-dashboard-detail-card,.ae-chart-card,.ae-list-card,.ae-kpi-card,.admin-table-wrap,.admin-form,.admin-toolbar,.admin-filter-card) :where(h1,h2,h3,h4,h5,h6,strong,b,label,th,td,p,span,small,em,div){color:var(--ae-text)!important;}
body.admin-body :where(.admin-section p,.ae-dashboard-title p,.admin-product-meta,small,.muted,.text-muted){color:var(--ae-muted)!important;}
body.admin-body.dark :where(input,select,textarea),body.admin-body.modo-oscuro :where(input,select,textarea){background:#0e4033!important;color:#fff!important;border-color:rgba(255,255,255,.20)!important;}
body.admin-body:not(.dark):not(.modo-oscuro) :where(input,select,textarea){background:#fff!important;color:#071712!important;border-color:#bfe1d1!important;}
body.admin-body.dark :where(.btn--outline,.admin-logout),body.admin-body.modo-oscuro :where(.btn--outline,.admin-logout){background:#123f33!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;}
body.admin-body:not(.dark):not(.modo-oscuro) .admin-nav a:not(.active){color:#fff!important;}
body.admin-body .admin-nav a,body.admin-body .admin-nav a *{color:#fff!important;}
body.admin-body .status-pill--on{background:#e1faec!important;color:#00683f!important;border-color:#79dda6!important;}
body.admin-body .status-pill--off{background:#fff0ee!important;color:#a41111!important;border-color:#ff9d91!important;}
body.admin-body .status-pill--warn{background:#fff4d8!important;color:#785000!important;border-color:#ffd070!important;}
body.admin-body.dark .status-pill--on,body.admin-body.modo-oscuro .status-pill--on{background:rgba(21,185,120,.22)!important;color:#86ffc0!important;border-color:rgba(134,255,192,.55)!important;}
body.admin-body.dark .status-pill--off,body.admin-body.modo-oscuro .status-pill--off{background:rgba(239,68,68,.18)!important;color:#ffb1aa!important;border-color:rgba(255,160,146,.50)!important;}
body.admin-body.dark .status-pill--warn,body.admin-body.modo-oscuro .status-pill--warn{background:rgba(245,158,11,.18)!important;color:#ffd584!important;border-color:rgba(255,213,132,.50)!important;}

/* Dashboard: tarjetas parejas y reportes claros */
.ae-dashboard-kpis,.admin-stats{grid-template-columns:repeat(5,minmax(150px,1fr))!important;gap:14px!important;align-items:stretch!important;}
.ae-kpi-card{min-height:118px!important;padding:15px!important;border-radius:16px!important;background:var(--ae-card)!important;display:flex!important;gap:10px!important;}
.ae-kpi-card > div{min-width:0!important;}.ae-kpi-card span{font-size:12px!important;color:var(--ae-muted)!important;}.ae-kpi-card strong{font-size:22px!important;color:var(--ae-text)!important;}.ae-kpi-card small{font-size:11px!important;color:var(--ae-muted)!important;max-width:145px!important;}.ae-kpi-card i{flex:0 0 34px!important;}
.ae-order-status-grid{display:grid!important;grid-template-columns:repeat(5,minmax(120px,1fr))!important;gap:10px!important;margin:0 0 16px!important;}.ae-order-status-card{padding:12px!important;border:1px solid var(--ae-line)!important;background:var(--ae-soft)!important;border-radius:14px!important;}.ae-order-status-card span{display:block!important;font-size:11px!important;color:var(--ae-muted)!important;}.ae-order-status-card strong{font-size:21px!important;color:var(--ae-text)!important;}

/* Tabla de productos: menos espacios, acciones visibles */
.admin-table-wrap{overflow:visible!important;max-width:100%!important;}.admin-table{table-layout:fixed!important;width:100%!important;}.admin-table th,.admin-table td{padding:8px 6px!important;font-size:12px!important;line-height:1.25!important;}.admin-table th:nth-child(1){width:33%!important;}.admin-table th:nth-child(2){width:10%!important;}.admin-table th:nth-child(3){width:9%!important;}.admin-table th:nth-child(4){width:6%!important;}.admin-table th:nth-child(5){width:10%!important;}.admin-table th:nth-child(6){width:10%!important;}.admin-table th:nth-child(7){width:22%!important;}.ae-admin-product-cell{grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important;}.ae-admin-product-cell img{width:38px!important;height:38px!important;border-radius:9px!important;}.ae-admin-product-cell strong{font-size:12px!important;line-height:1.18!important;}.ae-admin-product-cell small{font-size:10px!important;}.status-pill{min-width:68px!important;height:24px!important;font-size:11px!important;padding:0 7px!important;}.admin-actions-grid{grid-template-columns:repeat(4,26px)!important;gap:5px!important;justify-content:start!important;}.admin-icon-btn{width:26px!important;height:26px!important;min-width:26px!important;border-radius:8px!important;font-size:11px!important;}.admin-flag-grid{gap:3px!important;margin-top:4px!important;}.admin-flag-grid label{font-size:9px!important;padding:1px 4px!important;}.admin-flag-grid input{width:10px!important;height:10px!important;}.ae-stock-dot{width:7px!important;height:7px!important;margin-right:5px!important;}

/* Tarjetas de productos de la tienda más pequeñas */
body:not(.admin-body) .products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}body:not(.admin-body) .product-card__img{flex-basis:150px!important;}body:not(.admin-body) .product-card__desc{font-size:11px!important;line-height:1.25!important;min-height:38px!important;}body:not(.admin-body) .product-card__bottom .small-btn{font-size:11px!important;padding:8px 10px!important;border-radius:10px!important;}
@media(max-width:1180px){.ae-dashboard-kpis,.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.admin-table th:nth-child(1){width:36%!important;}.admin-table th:nth-child(7){width:24%!important;}}
@media(max-width:900px){.ae-order-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.admin-table th,.admin-table td{font-size:12px!important;}.admin-actions-grid{grid-template-columns:repeat(4,32px)!important;}.admin-icon-btn{width:32px!important;height:32px!important;}body:not(.admin-body) .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:520px){.ae-dashboard-kpis,.admin-stats,.ae-order-status-grid{grid-template-columns:1fr!important;}body:not(.admin-body) .products-grid{grid-template-columns:1fr!important;}}


/* =========================================================
   OVERRIDES FINALES - MODO CLARO PREMIUM Y LEGIBILIDAD
   ========================================================= */
:root{
  --ae-green:#087a45;
  --ae-green-2:#10b96d;
  --ae-soft-green:rgba(16,185,109,.16);
  --ae-border:rgba(8,122,69,.22);
  --ae-text:#101918;
  --ae-muted:#596866;
  --ae-white:#ffffff;
}
body:not(.dark-mode), body.light-mode, body.tema-claro, body.light-theme{
  color:var(--ae-text) !important;
}
body:not(.dark-mode) .header,
body.light-mode .header,
body.tema-claro .header,
body.light-theme .header{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(8,122,69,.24) !important;
  box-shadow:0 14px 38px rgba(8,122,69,.12), 0 0 0 1px rgba(16,185,109,.06) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body:not(.dark-mode) .header .nav a,
body:not(.dark-mode) .header .nav-dropdown__toggle,
body:not(.dark-mode) .header .icon-btn,
body:not(.dark-mode) .header .cart-btn,
body:not(.dark-mode) .header button{
  color:#101918 !important;
}
body:not(.dark-mode) .nav a,
body:not(.dark-mode) .nav-dropdown__toggle{
  background:#fff !important;
  border:1px solid rgba(8,122,69,.16) !important;
  box-shadow:0 8px 20px rgba(8,122,69,.08) !important;
}
body:not(.dark-mode) .nav a:hover,
body:not(.dark-mode) .nav a.active,
body:not(.dark-mode) .nav-dropdown__toggle:hover{
  background:linear-gradient(135deg,#0c7b47,#13bd70) !important;
  color:#fff !important;
  border-color:rgba(16,185,109,.45) !important;
}
body:not(.dark-mode) .header__actions .icon-btn,
body:not(.dark-mode) .header__actions a,
body:not(.dark-mode) .theme-toggle,
body:not(.dark-mode) .theme-switch{
  background:#fff !important;
  border:1px solid rgba(8,122,69,.18) !important;
  box-shadow:0 8px 22px rgba(8,122,69,.10) !important;
  color:#101918 !important;
}
body:not(.dark-mode) .header__actions .icon-btn:hover,
body:not(.dark-mode) .theme-toggle:hover{
  background:#eefcf5 !important;
  color:#087a45 !important;
}
body:not(.dark-mode) .logo img,
body:not(.dark-mode) .header__logo img{
  filter:none !important;
}
/* Legibilidad global modo claro */
body:not(.dark-mode) .card,
body:not(.dark-mode) .panel,
body:not(.dark-mode) .admin-card,
body:not(.dark-mode) .dashboard-card,
body:not(.dark-mode) .table-card,
body:not(.dark-mode) .modal,
body:not(.dark-mode) .modal-content,
body:not(.dark-mode) .form-card,
body:not(.dark-mode) .product-card,
body:not(.dark-mode) .producto-card,
body:not(.dark-mode) .glass,
body:not(.dark-mode) .section-card{
  color:#111827 !important;
}
body:not(.dark-mode) h1,
body:not(.dark-mode) h2,
body:not(.dark-mode) h3,
body:not(.dark-mode) h4,
body:not(.dark-mode) h5,
body:not(.dark-mode) h6,
body:not(.dark-mode) p,
body:not(.dark-mode) span,
body:not(.dark-mode) label,
body:not(.dark-mode) td,
body:not(.dark-mode) th,
body:not(.dark-mode) input,
body:not(.dark-mode) select,
body:not(.dark-mode) textarea{
  color:inherit;
}
body:not(.dark-mode) table,
body:not(.dark-mode) thead,
body:not(.dark-mode) tbody,
body:not(.dark-mode) tr,
body:not(.dark-mode) td,
body:not(.dark-mode) th{
  color:#111827 !important;
}
body:not(.dark-mode) input,
body:not(.dark-mode) select,
body:not(.dark-mode) textarea{
  background:#fff !important;
  color:#111827 !important;
  border-color:rgba(8,122,69,.22) !important;
}
body:not(.dark-mode) input::placeholder,
body:not(.dark-mode) textarea::placeholder{color:#6b7280 !important;}
body:not(.dark-mode) button:hover,
body:not(.dark-mode) a.btn:hover,
body:not(.dark-mode) .btn:hover{
  text-decoration:none;
}
body:not(.dark-mode) .btn:not(.btn-primary):not(.btn-danger):not(.btn-success):not(.btn-dark):not(.nav a),
body:not(.dark-mode) .admin-btn:not(.danger){
  color:#111827 !important;
}
/* Evita blanco sobre blanco */
body:not(.dark-mode) [style*="color: white"],
body:not(.dark-mode) [style*="color:#fff"],
body:not(.dark-mode) [style*="color: #fff"],
body:not(.dark-mode) [style*="color: rgb(255, 255, 255)"]{
  color:#111827 !important;
}
body:not(.dark-mode) .btn-primary,
body:not(.dark-mode) .btn-success,
body:not(.dark-mode) .status.disponible,
body:not(.dark-mode) .badge.green,
body:not(.dark-mode) .nav a.active,
body:not(.dark-mode) .nav-dropdown__toggle:hover{
  color:#fff !important;
}
/* Tarjetas de producto iguales y centradas */
.product-card,.producto-card,.product-card-premium{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
}
.product-card .product-img,
.product-card .producto-img,
.product-card .product-card__image,
.producto-card .product-img,
.producto-card .producto-img,
.producto-card .product-card__image,
.product-image,
.producto-imagen{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.product-card img,
.producto-card img,
.product-card-premium img{
  object-fit:contain !important;
  margin:auto !important;
  display:block !important;
}
.product-name,.producto-nombre,.product-card__title,.card-product-title{
  text-align:center !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  -webkit-line-clamp:unset !important;
  line-height:1.15 !important;
  font-size:clamp(11px,1.05vw,13px) !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}
/* Responsive navbar */
@media (max-width: 900px){
  .header{border-radius:18px !important; margin:8px !important; width:calc(100% - 16px) !important;}
  .header__content{gap:10px !important; padding:10px 12px !important;}
  .nav{gap:8px !important;}
}
@media (max-width: 640px){
  .header{border-radius:16px !important;}
  .nav{display:none;}
  .nav.is-open{display:flex !important; position:absolute; left:10px; right:10px; top:70px; flex-direction:column; background:#fff; border:1px solid var(--ae-border); border-radius:18px; padding:12px; box-shadow:0 18px 38px rgba(8,122,69,.16); z-index:50;}
  body.dark-mode .nav.is-open{background:#071b14;}
}


/* =========================================================
   FIX FINAL 2026-07-08: NAVBAR CLARO/OSCURO + LOGIN LEGIBLE
   Mantiene modo oscuro como antes y deja modo claro blanco.
========================================================= */
html[data-theme="light"] .header,
html[data-theme="light"] body:not(.admin-body) .header{
  background:#ffffff !important;
  border:1px solid rgba(11,107,71,.26) !important;
  border-bottom:1px solid rgba(11,107,71,.26) !important;
  box-shadow:0 18px 45px rgba(11,107,71,.12), 0 0 0 1px rgba(11,107,71,.06) !important;
  color:#0b1411 !important;
}
html[data-theme="light"] .header__content,
html[data-theme="light"] body:not(.admin-body) .header__content{
  background:transparent !important;
}
html[data-theme="light"] .nav > a,
html[data-theme="light"] .nav-dropdown__toggle,
html[data-theme="light"] .icon-btn,
html[data-theme="light"] .theme-toggle{
  background:#ffffff !important;
  color:#0b1411 !important;
  border:1px solid rgba(11,107,71,.22) !important;
  box-shadow:0 10px 24px rgba(11,107,71,.10) !important;
}
html[data-theme="light"] .nav > a:hover,
html[data-theme="light"] .nav > a.active,
html[data-theme="light"] .nav-dropdown__toggle:hover,
html[data-theme="light"] .icon-btn:hover{
  background:#eaf8f1 !important;
  color:#075437 !important;
  border-color:rgba(11,107,71,.36) !important;
  box-shadow:0 14px 30px rgba(11,107,71,.16) !important;
}
html[data-theme="light"] .logo img,
html[data-theme="light"] .admin-brand img,
html[data-theme="light"] .auth-logo{
  filter:none !important;
}
html[data-theme="dark"] .header,
html[data-theme="dark"] body:not(.admin-body) .header{
  background:linear-gradient(135deg,rgba(3,9,7,.94),rgba(5,35,24,.92)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 20px 55px rgba(0,0,0,.35) !important;
  color:#ffffff !important;
}
html[data-theme="dark"] .nav > a,
html[data-theme="dark"] .nav-dropdown__toggle,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .theme-toggle{
  background:rgba(255,255,255,.10) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.13) !important;
}
html[data-theme="dark"] .nav > a:hover,
html[data-theme="dark"] .nav > a.active,
html[data-theme="dark"] .nav-dropdown__toggle:hover,
html[data-theme="dark"] .icon-btn:hover{
  background:rgba(28,143,95,.88) !important;
  color:#ffffff !important;
}

/* Login administrador: textos siempre legibles */

.auth-page .auth-card h1,
.auth-page .auth-card p,
.auth-page .auth-card label,
.auth-page .auth-card .auth-msg,
html[data-theme="light"] .auth-page .auth-card h1,
html[data-theme="light"] .auth-page .auth-card p,
html[data-theme="light"] .auth-page .auth-card label{
  color:#111827 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.auth-page .auth-card p{color:#475569 !important;}
.auth-page .auth-card input{
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid rgba(11,107,71,.28) !important;
}

.auth-page .auth-card .btn,
.auth-page .auth-card button[type="submit"]{
  color:#061812 !important;
  font-weight:900 !important;
}
html[data-theme="dark"] .auth-page .auth-card{
  background:#ffffff !important;
  color:#111827 !important;
}

/* Evita textos blancos invisibles en tarjetas claras del panel */
html[data-theme="light"] .admin-section,
html[data-theme="light"] .admin-section *,
html[data-theme="light"] .admin-card,
html[data-theme="light"] .admin-card *,
html[data-theme="light"] .panel,
html[data-theme="light"] .panel *,
html[data-theme="light"] table,
html[data-theme="light"] table *{
  color:#111827;
}
html[data-theme="light"] .badge,
html[data-theme="light"] .status,
html[data-theme="light"] .tag,
html[data-theme="light"] .chip{
  color:#075437 !important;
}

/* ==========================================================
   FINAL RESPONSIVE TARJETAS + FILTROS (tablet/celular)
   Unificado: solo estilos.css controla las tarjetas.
   ========================================================== */

.products-grid,
.shop-products-grid,
#productsGrid,
#featuredProducts,
#offersProducts,
#indexOffersGrid,
#promocionGrid,
#ofertasGrid{
  display:grid !important;
  gap:18px !important;
  align-items:stretch !important;
}

.product-card{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.product-card__img{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  overflow:hidden !important;
}

.product-card__img img{
  display:block !important;
  margin:auto !important;
  object-fit:contain !important;
}

.product-card__body{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  box-sizing:border-box !important;
}

.product-card__brand,
.product-card__title,
.product-card__desc,
.product-card__bottom{
  text-align:center !important;
}

.product-card__title{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  display:block !important;
}

.product-card__desc{display:none !important;}

.product-card__status-row,
.product-card__status-row--center{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

.product-card__add-btn,
.product-card .small-btn,
.js-add-cart{
  margin-left:auto !important;
  margin-right:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
  border-radius:999px !important;
  gap:4px !important;
}

.product-card__add-btn span:last-child,
.product-card .small-btn span:last-child{
  display:inline-block !important;
  line-height:1 !important;
  max-width:100% !important;
}

.product-card__cart-icon{font-size:.8em !important; flex:0 0 auto !important;}

.product-card__add-btn--empty,
.product-card--empty .product-card__add-btn{
  background:#ef7070 !important;
  color:#fff !important;
  border-color:transparent !important;
}

.product-card__bottom{
  width:100% !important;
  margin-top:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.product-card__bottom .price{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
}

.product-card__bottom .old-price{
  text-decoration:line-through !important;
  opacity:.65 !important;
}

.product-card__bottom .current-price{font-weight:900 !important;}

/* Tablet: 3 tarjetas por fila */
@media (min-width: 768px) and (max-width: 1180px){
  .products-grid,
  .shop-products-grid,
  #productsGrid,
  #featuredProducts,
  #offersProducts,
  #indexOffersGrid,
  #promocionGrid,
  #ofertasGrid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:18px !important;
  }

  .product-card{
    min-height:360px !important;
    padding:12px !important;
  }

  .product-card__img{
    height:150px !important;
    border-radius:16px !important;
  }

  .product-card__img img{
    max-width:86% !important;
    max-height:118px !important;
  }

  .product-card__body{
    padding:10px 4px 4px !important;
    gap:9px !important;
  }

  .product-card__brand{
    font-size:9px !important;
    letter-spacing:.18em !important;
    min-height:14px !important;
    line-height:1.15 !important;
  }

  .product-card__title{
    font-size:12px !important;
    line-height:1.16 !important;
    min-height:44px !important;
    max-height:58px !important;
  }

  .product-card__add-btn,
  .product-card .small-btn,
  .js-add-cart{
    width:86% !important;
    max-width:176px !important;
    min-width:0 !important;
    height:38px !important;
    padding:0 12px !important;
    font-size:12px !important;
    letter-spacing:.02em !important;
  }

  .product-card__bottom{min-height:28px !important;}
  .product-card__bottom .price{font-size:16px !important;}
  .product-card__bottom .old-price{font-size:12px !important;}
}

/* Celular: 2 tarjetas por fila */
@media (max-width: 767px){
  .container,
  .shop-shell{width:100% !important; max-width:100% !important; padding-left:10px !important; padding-right:10px !important; box-sizing:border-box !important;}

  .products-grid,
  .shop-products-grid,
  #productsGrid,
  #featuredProducts,
  #offersProducts,
  #indexOffersGrid,
  #promocionGrid,
  #ofertasGrid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .product-card{
    min-height:318px !important;
    padding:10px !important;
    border-radius:16px !important;
  }

  .product-card__img{
    height:124px !important;
    border-radius:14px !important;
  }

  .product-card__img img{
    max-width:82% !important;
    max-height:96px !important;
  }

  .offer-badge{
    top:8px !important;
    right:8px !important;
    font-size:9px !important;
    padding:5px 8px !important;
  }

  .product-card__body{
    padding:8px 0 0 !important;
    gap:7px !important;
  }

  .product-card__brand{
    font-size:7.5px !important;
    letter-spacing:.14em !important;
    min-height:12px !important;
    line-height:1.1 !important;
  }

  .product-card__title{
    font-size:10.5px !important;
    line-height:1.12 !important;
    min-height:48px !important;
    max-height:62px !important;
  }

  .product-card__status-row,
  .product-card__status-row--center{
    min-height:32px !important;
  }

  .product-card__add-btn,
  .product-card .small-btn,
  .js-add-cart{
    width:88% !important;
    max-width:136px !important;
    min-width:0 !important;
    height:32px !important;
    padding:0 8px !important;
    font-size:9px !important;
    letter-spacing:.01em !important;
    gap:3px !important;
  }

  .product-card__add-btn--empty,
  .product-card--empty .product-card__add-btn{
    font-size:8.5px !important;
    letter-spacing:0 !important;
  }

  .product-card__bottom{min-height:24px !important;}
  .product-card__bottom .price{font-size:14px !important; gap:5px !important;}
  .product-card__bottom .old-price{font-size:10px !important;}
}

/* Filtros blancos tipo vidrio en modo claro, legibles en móvil/tablet */
@media (max-width:1080px){
  body:not(.dark-mode) .shop-sidebar,
  body:not(.dark-theme) .shop-sidebar,
  body:not(.theme-dark) .shop-sidebar{
    background:rgba(255,255,255,.86) !important;
    color:#0f172a !important;
    border:1px solid rgba(5,150,105,.22) !important;
    box-shadow:0 18px 42px rgba(5,150,105,.15) !important;
    backdrop-filter:blur(18px) !important;
  }

  body:not(.dark-mode) .shop-filter-toggle,
  body:not(.dark-theme) .shop-filter-toggle,
  body:not(.theme-dark) .shop-filter-toggle{
    background:rgba(255,255,255,.92) !important;
    color:#0f172a !important;
    border:1px solid rgba(5,150,105,.28) !important;
    box-shadow:0 12px 30px rgba(5,150,105,.13) !important;
  }

  body:not(.dark-mode) .shop-filter-content,
  body:not(.dark-theme) .shop-filter-content,
  body:not(.theme-dark) .shop-filter-content{
    background:rgba(255,255,255,.76) !important;
    color:#0f172a !important;
    border-color:rgba(5,150,105,.16) !important;
  }

  .shop-checks label,
  body:not(.dark-mode) .shop-checks label{
    color:#0f172a !important;
  }

  .shop-filter-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:14px !important;
  }

  .shop-filter-apply,
  .shop-filter-clear{
    height:42px !important;
    border-radius:999px !important;
    font-weight:900 !important;
    cursor:pointer !important;
  }

  .shop-filter-apply{background:#16a765 !important;color:#fff !important;border:0 !important;}
  .shop-filter-clear{background:#fff !important;color:#0f172a !important;border:1px solid rgba(5,150,105,.25) !important;}
}

/* =========================================================
   FIX FINAL RESPONSIVE NAV + FILTROS + TARJETAS 2026-07-08
   - Menú móvil pequeño debajo del botón hamburguesa
   - Submenú Productos debajo de su botón
   - Filtros responsive blancos tipo vidrio en modo claro
   - Filtros oscuros legibles en modo oscuro
   - Tarjetas 3 en tablet / 2 en celular, botones centrados
   - Corazón eliminado
   ========================================================= */

body:not(.admin-body) .product-card::after,
body:not(.admin-body) .favorite-btn,
body:not(.admin-body) [aria-label*="favorito" i],
body:not(.admin-body) [aria-label*="favoritos" i]{
  display:none!important;
  content:none!important;
}

body:not(.admin-body) .header{
  overflow:visible!important;
  z-index:999!important;
}
body:not(.admin-body) .header__content{
  position:relative!important;
  overflow:visible!important;
}

body:not(.admin-body) .nav-dropdown__menu{
  z-index:1000!important;
}

/* Filtros: modo claro blanco tipo vidrio */
html[data-theme="light"] body:not(.admin-body) .shop-sidebar,
html[data-theme="light"] body:not(.admin-body) .shop-filter-content,
html[data-theme="light"] body:not(.admin-body) .glass-panel.shop-sidebar{
  background:rgba(255,255,255,.82)!important;
  color:#0c1712!important;
  border:1px solid rgba(17,130,82,.22)!important;
  box-shadow:0 18px 46px rgba(5,91,57,.12)!important;
  backdrop-filter:blur(18px)!important;
}
html[data-theme="light"] body:not(.admin-body) .shop-filter-toggle{
  
  color:#0c1712!important;
  border:1px solid rgba(17,130,82,.24)!important;
  box-shadow:0 10px 24px rgba(5,91,57,.10)!important;
}
html[data-theme="light"] body:not(.admin-body) .shop-sidebar :where(h3,span,label,small,p,strong),
html[data-theme="light"] body:not(.admin-body) .shop-filter-content :where(h3,span,label,small,p,strong){
  color:#0c1712!important;
  text-shadow:none!important;
}
html[data-theme="light"] body:not(.admin-body) .shop-filter-title h3,
html[data-theme="light"] body:not(.admin-body) .shop-sidebar h3{
  color:#07945a!important;
}
html[data-theme="light"] body:not(.admin-body) .shop-search-box,
html[data-theme="light"] body:not(.admin-body) .shop-checks label,
html[data-theme="light"] body:not(.admin-body) .shop-topbar select{
  background:rgba(255,255,255,.92)!important;
  color:#0c1712!important;
  border:1px solid rgba(17,130,82,.20)!important;
}
html[data-theme="light"] body:not(.admin-body) .shop-search-box input{
  color:#0c1712!important;
  background:transparent!important;
}
html[data-theme="light"] body:not(.admin-body) .shop-search-box input::placeholder{color:#66756e!important;}

/* Filtros: modo oscuro legible */
html[data-theme="dark"] body:not(.admin-body) .shop-sidebar,
html:not([data-theme="light"]) body:not(.admin-body) .shop-sidebar{
  background:rgba(4,20,14,.88)!important;
  color:#f4fff7!important;
  border:1px solid rgba(110,255,165,.22)!important;
}
html[data-theme="dark"] body:not(.admin-body) .shop-sidebar :where(h3,span,label,small,p,strong),
html:not([data-theme="light"]) body:not(.admin-body) .shop-sidebar :where(h3,span,label,small,p,strong){
  color:#f4fff7!important;
}
html[data-theme="dark"] body:not(.admin-body) .shop-search-box input,
html:not([data-theme="light"]) body:not(.admin-body) .shop-search-box input{color:#fff!important;}

/* Tarjetas base: botón centrado y nombre legible */
body:not(.admin-body) .shop-products-grid,
body:not(.admin-body) .products-grid,
body:not(.admin-body) #productsGrid,
body:not(.admin-body) #featuredProducts,
body:not(.admin-body) #indexOffersGrid,
body:not(.admin-body) #offersProducts,
body:not(.admin-body) #promoProductsGrid{
  display:grid!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
body:not(.admin-body) .product-card{
  
  max-width:100%!important;
  
  
  
  
  
}

body:not(.admin-body) .product-card__title,
body:not(.admin-body) .product-card h3{
  width:100%!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  display:block!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
}
body:not(.admin-body) .product-card__status-row,
body:not(.admin-body) .product-card__status-row--center{
  
  
  
  
  margin-left:auto!important;
  margin-right:auto!important;
}
body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn,
body:not(.admin-body) .small-btn.js-add-cart{
  margin-left:auto!important;
  margin-right:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  box-sizing:border-box!important;
}
body:not(.admin-body) .product-card__add-btn span,
body:not(.admin-body) .small-btn.js-add-cart span{
  display:inline-block!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#fff!important;
  line-height:1!important;
}

/* Desktop normal */
@media (min-width:1025px){
  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) #productsGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid,
  body:not(.admin-body) #offersProducts,
  body:not(.admin-body) #promoProductsGrid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:22px!important;
  }
}

/* Tablet: 3 tarjetas, filtros plegables blancos */
@media (min-width:641px) and (max-width:1024px){
  body:not(.admin-body){overflow-x:hidden!important;}
  body:not(.admin-body) .container{width:min(94vw,920px)!important;max-width:94vw!important;}

  body:not(.admin-body) .shop-layout{display:block!important;}
  body:not(.admin-body) .shop-sidebar{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:12px auto 16px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body:not(.admin-body) .shop-filter-toggle{
    width:100%!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 16px!important;
    border-radius:14px!important;
    font-weight:900!important;
  }
  body:not(.admin-body) .shop-filter-content{
    display:none!important;
    margin-top:10px!important;
    border-radius:16px!important;
    padding:16px!important;
    max-height:70vh!important;
    overflow:auto!important;
  }
  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-content{display:block!important;}
  body:not(.admin-body) .shop-checks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important;}
  body:not(.admin-body) .shop-checks label{min-height:38px!important;margin:0!important;padding:9px 10px!important;border-radius:12px!important;}
  body:not(.admin-body) .shop-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:14px!important;}
  body:not(.admin-body) .shop-filter-apply,
  body:not(.admin-body) .shop-filter-clear{height:42px!important;border-radius:14px!important;font-size:12px!important;font-weight:900!important;}

  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) #productsGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid,
  body:not(.admin-body) #offersProducts,
  body:not(.admin-body) #promoProductsGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body:not(.admin-body) .product-card{min-height:330px!important;padding:12px!important;border-radius:18px!important;}
  body:not(.admin-body) .product-card__img{height:145px!important;min-height:145px!important;flex:0 0 145px!important;padding:10px!important;margin:0 0 8px!important;}
  body:not(.admin-body) .product-card__img img{max-width:94%!important;max-height:126px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
  body:not(.admin-body) .product-card__body{min-height:156px!important;padding:0!important;gap:6px!important;}
  body:not(.admin-body) .product-card__brand{font-size:8px!important;line-height:1.1!important;letter-spacing:.12em!important;min-height:13px!important;}
  body:not(.admin-body) .product-card__title{font-size:10.5px!important;line-height:1.16!important;min-height:46px!important;max-height:58px!important;font-weight:900!important;}
  body:not(.admin-body) .product-card__status-row{margin-top:auto!important;margin-bottom:6px!important;}
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn,
  body:not(.admin-body) .small-btn.js-add-cart{
    width:92%!important;max-width:138px!important;height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:9.5px!important;letter-spacing:.02em!important;gap:4px!important;border-radius:999px!important;
  }
  body:not(.admin-body) .product-card__cart-icon{font-size:10px!important;}
  body:not(.admin-body) .product-card__bottom{min-height:24px!important;margin-top:0!important;}
  body:not(.admin-body) .product-card .price,
  body:not(.admin-body) .product-card__bottom .price{font-size:14px!important;line-height:1.05!important;}
}

/* Celular: menú compacto, filtros plegables, 2 tarjetas */
@media (max-width:640px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  body:not(.admin-body){overflow-x:hidden!important;}
  body:not(.admin-body) .container{width:min(94vw,430px)!important;max-width:94vw!important;}

  body:not(.admin-body) .header{
    width:calc(100% - 16px)!important;
    margin:8px auto 12px!important;
    border-radius:18px!important;
    padding:0!important;
  }
  body:not(.admin-body) .header__content{
    min-height:64px!important;
    height:auto!important;
    padding:10px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
  }
  body:not(.admin-body) .logo{width:82px!important;min-width:82px!important;display:flex!important;align-items:center!important;}
  body:not(.admin-body) .logo img{max-width:82px!important;max-height:36px!important;object-fit:contain!important;}
  body:not(.admin-body) .header__actions{display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important;}
  body:not(.admin-body) .icon-btn{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;font-size:14px!important;}
  body:not(.admin-body) .menu-btn{display:inline-flex!important;}

  body:not(.admin-body) .nav{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:min(210px,calc(100vw - 28px))!important;
    padding:10px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(17,130,82,.22)!important;
    box-shadow:0 22px 46px rgba(5,91,57,.20)!important;
    backdrop-filter:blur(18px)!important;
    z-index:1000!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    overflow:visible!important;
  }
  html[data-theme="dark"] body:not(.admin-body) .nav,
  html:not([data-theme="light"]) body:not(.admin-body) .nav{
    background:rgba(5,18,13,.96)!important;
    border-color:rgba(110,255,165,.22)!important;
    box-shadow:0 22px 50px rgba(0,0,0,.50)!important;
  }
  body:not(.admin-body) .nav.active{display:flex!important;}
  body:not(.admin-body) .nav>a,
  body:not(.admin-body) .nav-dropdown__toggle{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:13px!important;
    margin:0!important;
    padding:0 10px!important;
    font-size:11px!important;
    font-weight:950!important;
    line-height:1!important;
    background:#fff!important;
    color:#0c1712!important;
    border:1px solid rgba(17,130,82,.18)!important;
    box-shadow:0 8px 18px rgba(5,91,57,.08)!important;
  }
  html[data-theme="dark"] body:not(.admin-body) .nav>a,
  html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__toggle,
  html:not([data-theme="light"]) body:not(.admin-body) .nav>a,
  html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown__toggle{
    background:#f8fffb!important;
    color:#0c1712!important;
  }
  body:not(.admin-body) .nav-dropdown{width:100%!important;display:block!important;}
  body:not(.admin-body) .nav-dropdown__menu{
    display:none!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    margin:8px 0 0!important;
    padding:8px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.72)!important;
    border:1px solid rgba(17,130,82,.16)!important;
    box-shadow:none!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  body:not(.admin-body) .nav-dropdown.is-open .nav-dropdown__menu{display:grid!important;}
  body:not(.admin-body) .nav-dropdown:hover .nav-dropdown__menu{display:none!important;}
  body:not(.admin-body) .nav-dropdown.is-open:hover .nav-dropdown__menu{display:grid!important;}
  html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__menu,
  html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown__menu{background:rgba(0,0,0,.18)!important;}
  body:not(.admin-body) .nav-dropdown__menu a{
    height:34px!important;
    min-height:34px!important;
    padding:0 8px!important;
    border-radius:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:10.5px!important;
    font-weight:900!important;
    background:#fff!important;
    color:#0c1712!important;
    border:1px solid rgba(17,130,82,.14)!important;
    white-space:normal!important;
  }

  body:not(.admin-body) .shop-layout{display:block!important;}
  body:not(.admin-body) .shop-sidebar{
    width:100%!important;
    max-width:100%!important;
    position:relative!important;
    top:auto!important;
    margin:10px auto 12px!important;
    padding:8px!important;
    border-radius:16px!important;
  }
  body:not(.admin-body) .shop-filter-toggle{
    width:100%!important;
    height:42px!important;
    border-radius:13px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    font-size:12px!important;
    font-weight:950!important;
  }
  body:not(.admin-body) .shop-filter-content{
    display:none!important;
    margin-top:8px!important;
    border-radius:15px!important;
    padding:12px!important;
    max-height:72vh!important;
    overflow:auto!important;
  }
  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-content{display:block!important;}
  body:not(.admin-body) .shop-filter-content h3,
  body:not(.admin-body) .shop-filter-title h3{font-size:12px!important;margin:0 0 8px!important;}
  body:not(.admin-body) .shop-search-box{height:40px!important;border-radius:12px!important;margin-bottom:12px!important;}
  body:not(.admin-body) .shop-search-box input{height:100%!important;font-size:12px!important;padding:0 10px!important;}
  body:not(.admin-body) .shop-checks{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
  body:not(.admin-body) .shop-checks label{min-height:34px!important;margin:0!important;padding:7px 9px!important;border-radius:11px!important;font-size:11px!important;}
  body:not(.admin-body) .shop-checks input{width:16px!important;height:16px!important;min-width:16px!important;}
  body:not(.admin-body) .shop-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important;}
  body:not(.admin-body) .shop-filter-apply,
  body:not(.admin-body) .shop-filter-clear{height:38px!important;border-radius:13px!important;font-size:11px!important;font-weight:950!important;}
  body:not(.admin-body) .shop-topbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:8px 0 14px!important;}
  body:not(.admin-body) .shop-topbar select{width:100%!important;height:38px!important;font-size:11px!important;padding:0 34px 0 12px!important;}

  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) #productsGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid,
  body:not(.admin-body) #offersProducts,
  body:not(.admin-body) #promoProductsGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body:not(.admin-body) .product-card{min-height:300px!important;padding:10px!important;border-radius:17px!important;}
  body:not(.admin-body) .product-card__img{height:130px!important;min-height:130px!important;flex:0 0 130px!important;padding:9px!important;margin:0 0 8px!important;border-radius:14px!important;}
  body:not(.admin-body) .product-card__img img{max-width:92%!important;max-height:112px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
  body:not(.admin-body) .offer-badge{top:10px!important;right:10px!important;font-size:9px!important;padding:5px 9px!important;border-radius:999px!important;}
  body:not(.admin-body) .product-card__body{min-height:145px!important;padding:0!important;gap:5px!important;}
  body:not(.admin-body) .product-card__brand{font-size:7.5px!important;line-height:1.1!important;letter-spacing:.10em!important;min-height:12px!important;max-height:12px!important;overflow:hidden!important;}
  body:not(.admin-body) .product-card__title{font-size:10px!important;line-height:1.14!important;min-height:46px!important;max-height:58px!important;font-weight:950!important;}
  body:not(.admin-body) .product-card__status-row{margin-top:auto!important;margin-bottom:6px!important;}
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn,
  body:not(.admin-body) .small-btn.js-add-cart{
    width:92%!important;max-width:132px!important;min-width:0!important;height:33px!important;min-height:33px!important;padding:0 8px!important;font-size:9px!important;letter-spacing:.01em!important;gap:4px!important;border-radius:999px!important;
  }
  body:not(.admin-body) .product-card__add-btn--empty,
  body:not(.admin-body) .product-card--empty .product-card__add-btn{max-width:136px!important;font-size:8.6px!important;}
  body:not(.admin-body) .product-card__cart-icon{font-size:9px!important;}
  body:not(.admin-body) .product-card__bottom{min-height:24px!important;margin-top:0!important;}
  body:not(.admin-body) .product-card .price,
  body:not(.admin-body) .product-card__bottom .price{font-size:14px!important;line-height:1.05!important;}
  body:not(.admin-body) .old-price{font-size:10px!important;}
}

@media (max-width:380px){
  body:not(.admin-body) .container{width:96vw!important;max-width:96vw!important;}
  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) #productsGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid,
  body:not(.admin-body) #offersProducts,
  body:not(.admin-body) #promoProductsGrid{gap:9px!important;}
  body:not(.admin-body) .product-card{padding:8px!important;min-height:286px!important;}
  body:not(.admin-body) .product-card__img{height:118px!important;min-height:118px!important;flex-basis:118px!important;}
  body:not(.admin-body) .product-card__title{font-size:9px!important;min-height:44px!important;}
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn,
  body:not(.admin-body) .small-btn.js-add-cart{height:31px!important;font-size:8.3px!important;max-width:118px!important;}
  body:not(.admin-body) .product-card .price{font-size:13px!important;}
}

/* =========================================================
   ALTEREGO - CORRECCIÓN FINAL RESPONSIVE / NAV / FILTROS
   Mantener este bloque al final del único CSS del proyecto.
   ========================================================= */
:root{
  --ae-final-green:#118252;
  --ae-final-green-2:#20d47a;
  --ae-final-dark:#03140d;
  --ae-final-dark-2:#071b12;
  --ae-final-text:#101827;
  --ae-final-muted:#536172;
  --ae-final-border:rgba(17,130,82,.22);
  --ae-final-shadow:0 18px 50px rgba(17,130,82,.14);
}

html,
body{
  max-width:100%;
  overflow-x:hidden;
}

body:not(.admin-body) .header{
  position:sticky;
  top:10px;
  z-index:1000;
  width:min(1180px,calc(100% - 28px));
  margin:10px auto 0;
  border-radius:22px;
  overflow:visible;
}

html[data-theme="light"] body:not(.admin-body) .header{
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(17,130,82,.22) !important;
  box-shadow:0 14px 44px rgba(17,130,82,.14) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

html[data-theme="dark"] body:not(.admin-body) .header,
html:not([data-theme="light"]) body:not(.admin-body) .header{
  background:rgba(0,18,11,.82) !important;
  border:1px solid rgba(64,220,137,.25) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.38) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

body:not(.admin-body) .header__content{
  
  gap:16px;
}

body:not(.admin-body) .logo img{
  width:142px;
  max-height:44px;
  object-fit:contain;
}

html[data-theme="light"] body:not(.admin-body) .nav a,
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__toggle{
  color:#101827 !important;
}

body:not(.admin-body) .nav > a,
body:not(.admin-body) .nav-dropdown__toggle,
body:not(.admin-body) .icon-btn,
body:not(.admin-body) .theme-toggle{
  border-radius:999px !important;
  font-weight:900 !important;
}

html[data-theme="light"] body:not(.admin-body) .nav > a,
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__toggle,
html[data-theme="light"] body:not(.admin-body) .icon-btn,
html[data-theme="light"] body:not(.admin-body) .theme-toggle{
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(17,130,82,.18) !important;
  color:#101827 !important;
  box-shadow:0 10px 22px rgba(17,130,82,.10) !important;
}

html[data-theme="dark"] body:not(.admin-body) .nav > a,
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__toggle,
html[data-theme="dark"] body:not(.admin-body) .icon-btn,
html[data-theme="dark"] body:not(.admin-body) .theme-toggle,
html:not([data-theme="light"]) body:not(.admin-body) .nav > a,
html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown__toggle,
html:not([data-theme="light"]) body:not(.admin-body) .icon-btn,
html:not([data-theme="light"]) body:not(.admin-body) .theme-toggle{
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#ffffff !important;
}

body:not(.admin-body) .nav > a:hover,
body:not(.admin-body) .nav-dropdown__toggle:hover,
body:not(.admin-body) .icon-btn:hover{
  background:linear-gradient(135deg,#23d97c,#0b7d4c) !important;
  color:#fff !important;
}

body:not(.admin-body) .nav-dropdown__menu{
  border-radius:18px !important;
  padding:10px !important;
  border:1px solid var(--ae-final-border) !important;
  box-shadow:var(--ae-final-shadow) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}





body:not(.admin-body) .nav-dropdown__menu a{
  border-radius:14px !important;
  min-height:40px !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:12px !important;
  font-weight:900 !important;
}

html[data-theme="light"] body:not(.admin-body) .nav-dropdown__menu a{
  background:#fff !important;
  color:#101827 !important;
  border:1px solid rgba(17,130,82,.16) !important;
}

html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__menu a,
html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown__menu a{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(100,230,160,.18) !important;
}

body:not(.admin-body) .nav-dropdown__menu a:hover{
  background:linear-gradient(135deg,#24dc80,#0b7d4c) !important;
  color:#fff !important;
}

body:not(.admin-body) .product-card,
body:not(.admin-body) .producto-card,
body:not(.admin-body) .card-producto{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:space-between !important;
  min-width:0 !important;
  overflow:hidden !important;
}







body:not(.admin-body) .product-card__brand,
body:not(.admin-body) .product-card__title{
  
  
  color:inherit;
}

body:not(.admin-body) .product-card__desc,
body:not(.admin-body) .wishlist,
body:not(.admin-body) .favorite,
body:not(.admin-body) .heart,
body:not(.admin-body) .btn-favorite,
body:not(.admin-body) [data-favorite],
body:not(.admin-body) .product-card__favorite{
  display:none !important;
}



body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .small-btn.js-add-cart{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  
  
  box-sizing:border-box !important;
  line-height:1 !important;
}

body:not(.admin-body) .product-card__add-btn span:last-child,
body:not(.admin-body) .small-btn.js-add-cart span:last-child{
  display:inline-block !important;
  max-width:100% !important;
  overflow:visible !important;
  text-overflow:clip !important;
}



body:not(.admin-body) .price{
  width:100% !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:8px !important;
}

body:not(.admin-body) .price--offer{
  justify-content:space-between !important;
}

body:not(.admin-body) .old-price{
  text-decoration:line-through !important;
  opacity:.65 !important;
}

body:not(.admin-body) .current-price{
  font-weight:950 !important;
}







body:not(.admin-body) .shop-filter-content h3,
body:not(.admin-body) .shop-filter-title h3,
body:not(.admin-body) .shop-checks span,
body:not(.admin-body) .shop-muted,
body:not(.admin-body) .shop-topbar p{
  color:inherit !important;
  opacity:1 !important;
}

html[data-theme="light"] body:not(.admin-body) .shop-checks label,
html[data-theme="light"] body:not(.admin-body) .shop-search-box,
html[data-theme="light"] body:not(.admin-body) .shop-topbar select{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(17,130,82,.17) !important;
  color:#101827 !important;
}

html[data-theme="dark"] body:not(.admin-body) .shop-checks label,
html[data-theme="dark"] body:not(.admin-body) .shop-search-box,
html[data-theme="dark"] body:not(.admin-body) .shop-topbar select,
html:not([data-theme="light"]) body:not(.admin-body) .shop-checks label,
html:not([data-theme="light"]) body:not(.admin-body) .shop-search-box,
html:not([data-theme="light"]) body:not(.admin-body) .shop-topbar select{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(126,240,176,.18) !important;
  color:#fff !important;
}



body:not(.admin-body) .shop-search-box input::placeholder{
  color:#64748b !important;
  opacity:1 !important;
}

html[data-theme="dark"] body:not(.admin-body) .shop-search-box input::placeholder,
html:not([data-theme="light"]) body:not(.admin-body) .shop-search-box input::placeholder{
  color:rgba(255,255,255,.70) !important;
}

body:not(.admin-body) .shop-filter-apply{
  
  
  border:0 !important;
  
}

body:not(.admin-body) .shop-filter-clear{
  background:#fff !important;
  color:#101827 !important;
  border:1px solid rgba(17,130,82,.20) !important;
}

html[data-theme="dark"] body:not(.admin-body) .shop-filter-clear,
html:not([data-theme="light"]) body:not(.admin-body) .shop-filter-clear{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
}

.auth-page .auth-card,
html[data-theme="light"] .auth-page .auth-card{
  background:rgba(255,255,255,.92) !important;
  color:#101827 !important;
  border:1px solid rgba(17,130,82,.20) !important;
  box-shadow:0 24px 70px rgba(17,130,82,.16) !important;
}

.auth-page .auth-card h1,
.auth-page .auth-card h2,
.auth-page .auth-card h3,
.auth-page .auth-card p,
.auth-page .auth-card label,
.auth-page .auth-card span,
.auth-page .auth-card small,
.auth-page .auth-card a,
html[data-theme="light"] .auth-page .auth-card :where(h1,h2,h3,p,label,span,small,a){
  color:#101827 !important;
  text-shadow:none !important;
  opacity:1 !important;
}

html[data-theme="dark"] .auth-page .auth-card,
html:not([data-theme="light"]) .auth-page .auth-card{
  background:rgba(4,20,14,.90) !important;
  color:#fff !important;
  border:1px solid rgba(90,232,150,.26) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.42) !important;
}

html[data-theme="dark"] .auth-page .auth-card :where(h1,h2,h3,p,label,span,small,a),
html:not([data-theme="light"]) .auth-page .auth-card :where(h1,h2,h3,p,label,span,small,a){
  color:#fff !important;
  text-shadow:none !important;
  opacity:1 !important;
}

.auth-page .auth-card input,
.auth-page .auth-card select,
.auth-page .auth-card textarea{
  background:#fff !important;
  color:#101827 !important;
  border:1px solid rgba(17,130,82,.25) !important;
}

.auth-page .auth-card input::placeholder{
  color:#64748b !important;
  opacity:1 !important;
}

body.admin-body,
body.admin-body .admin-main{
  color:#101827 !important;
}

body.admin-body :where(h1,h2,h3,h4,p,span,strong,small,label,td,th,button,input,select,textarea){
  text-shadow:none !important;
}

body.admin-body .admin-sidebar,
body.admin-body .admin-card,
body.admin-body .admin-panel,
body.admin-body .admin-table-wrap,
body.admin-body .metric-card{
  border:1px solid rgba(17,130,82,.18) !important;
  box-shadow:0 18px 44px rgba(17,130,82,.10) !important;
}

html[data-theme="light"] body.admin-body .admin-sidebar,
html[data-theme="light"] body.admin-body .admin-card,
html[data-theme="light"] body.admin-body .admin-panel,
html[data-theme="light"] body.admin-body .admin-table-wrap,
html[data-theme="light"] body.admin-body .metric-card{
  background:rgba(255,255,255,.88) !important;
  color:#101827 !important;
}

html[data-theme="light"] body.admin-body :where(h1,h2,h3,h4,p,span,strong,small,label,td,th,a){
  color:#101827 !important;
}

html[data-theme="dark"] body.admin-body :where(h1,h2,h3,h4,p,span,strong,small,label,td,th,a),
html:not([data-theme="light"]) body.admin-body :where(h1,h2,h3,h4,p,span,strong,small,label,td,th,a){
  color:#fff !important;
}

html[data-theme="light"] body.admin-body input,
html[data-theme="light"] body.admin-body select,
html[data-theme="light"] body.admin-body textarea{
  background:#fff !important;
  color:#101827 !important;
  border:1px solid rgba(17,130,82,.22) !important;
}

/* Tablet: 3 tarjetas limpias y legibles */
@media (min-width:768px) and (max-width:1100px){
  body:not(.admin-body) .container{
    width:min(94vw,920px) !important;
    max-width:94vw !important;
  }

  body:not(.admin-body) .header{
    width:min(94vw,920px) !important;
  }

  body:not(.admin-body) .menu-btn{
    display:inline-flex !important;
  }

  body:not(.admin-body) .nav{
    display:none !important;
  }

  body:not(.admin-body) .nav.active{
    position:absolute !important;
    right:16px !important;
    top:calc(100% + 10px) !important;
    width:min(280px,90vw) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:12px !important;
    border-radius:20px !important;
    z-index:1200 !important;
  }

  html[data-theme="light"] body:not(.admin-body) .nav.active{
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(17,130,82,.22) !important;
    box-shadow:0 22px 54px rgba(17,130,82,.18) !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .nav.active,
  html:not([data-theme="light"]) body:not(.admin-body) .nav.active{
    background:rgba(0,18,11,.94) !important;
    border:1px solid rgba(83,232,149,.26) !important;
    box-shadow:0 22px 54px rgba(0,0,0,.42) !important;
  }

  body:not(.admin-body) .nav.active > a,
  body:not(.admin-body) .nav.active .nav-dropdown__toggle{
    width:100% !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 12px !important;
  }

  body:not(.admin-body) .nav-dropdown__menu{
    display:none !important;
    position:static !important;
    width:100% !important;
    margin-top:8px !important;
  }

  body:not(.admin-body) .nav-dropdown.is-open .nav-dropdown__menu{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
  }

  body:not(.admin-body) .shop-layout{
    display:block !important;
  }

  body:not(.admin-body) .shop-sidebar{
    width:100% !important;
    max-width:100% !important;
    margin:14px 0 16px !important;
    padding:10px !important;
    border-radius:18px !important;
  }

  body:not(.admin-body) .shop-filter-content{
    display:none !important;
    margin-top:10px !important;
    padding:14px !important;
    border-radius:16px !important;
  }

  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-content{
    display:block !important;
  }

  body:not(.admin-body) .shop-checks{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) #productsGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid,
  body:not(.admin-body) #offersProducts,
  body:not(.admin-body) #promotionGrid,
  body:not(.admin-body) #promoProductsGrid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  body:not(.admin-body) .product-card{
    min-height:360px !important;
    padding:12px !important;
    border-radius:20px !important;
  }

  body:not(.admin-body) .product-card__img{
    height:145px !important;
    min-height:145px !important;
    flex:0 0 145px !important;
    margin:0 0 10px !important;
    border-radius:16px !important;
  }

  body:not(.admin-body) .product-card__img img{
    max-width:88% !important;
    max-height:124px !important;
  }

  body:not(.admin-body) .product-card__brand{
    min-height:14px !important;
    font-size:8px !important;
    line-height:1.1 !important;
    letter-spacing:.14em !important;
    overflow:hidden !important;
  }

  body:not(.admin-body) .product-card__title{
    min-height:54px !important;
    max-height:66px !important;
    font-size:10.5px !important;
    line-height:1.15 !important;
    overflow:hidden !important;
  }

  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .small-btn.js-add-cart{
    width:84% !important;
    max-width:138px !important;
    height:36px !important;
    min-height:36px !important;
    font-size:10px !important;
  }

  body:not(.admin-body) .product-card__add-btn--empty,
  body:not(.admin-body) .product-card--empty .product-card__add-btn{
    max-width:148px !important;
    font-size:9px !important;
  }
}

/* Celular: 2 tarjetas, menú pequeño y filtros plegables */
@media (max-width:767px){
  body:not(.admin-body) .container{
    width:calc(100% - 20px) !important;
    max-width:calc(100% - 20px) !important;
  }

  body:not(.admin-body) .header{
    width:calc(100% - 16px) !important;
    top:6px !important;
    margin-top:6px !important;
    border-radius:18px !important;
  }

  body:not(.admin-body) .header__content{
    min-height:66px !important;
    padding:8px 10px !important;
    display:flex !important;
    justify-content:space-between !important;
  }

  body:not(.admin-body) .logo img{
    width:88px !important;
    max-height:32px !important;
  }

  body:not(.admin-body) .header__actions{
    gap:6px !important;
  }

  body:not(.admin-body) .icon-btn,
  body:not(.admin-body) .theme-toggle{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    padding:0 !important;
  }

  body:not(.admin-body) .theme-toggle{
    width:70px !important;
  }

  body:not(.admin-body) .theme-toggle__label{
    display:none !important;
  }

  body:not(.admin-body) .menu-btn{
    display:inline-flex !important;
  }

  body:not(.admin-body) .nav{
    display:none !important;
  }

  body:not(.admin-body) .nav.active{
    position:absolute !important;
    right:8px !important;
    top:calc(100% + 8px) !important;
    width:min(230px,calc(100vw - 26px)) !important;
    max-height:calc(100vh - 92px) !important;
    overflow:auto !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    padding:10px !important;
    border-radius:18px !important;
    z-index:1200 !important;
  }

  html[data-theme="light"] body:not(.admin-body) .nav.active{
    background:rgba(255,255,255,.94) !important;
    border:1px solid rgba(17,130,82,.24) !important;
    box-shadow:0 22px 54px rgba(17,130,82,.18) !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .nav.active,
  html:not([data-theme="light"]) body:not(.admin-body) .nav.active{
    background:rgba(0,18,11,.94) !important;
    border:1px solid rgba(93,235,156,.24) !important;
    box-shadow:0 22px 54px rgba(0,0,0,.44) !important;
  }

  body:not(.admin-body) .nav.active > a,
  body:not(.admin-body) .nav.active .nav-dropdown__toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:38px !important;
    padding:0 10px !important;
    border-radius:14px !important;
    font-size:11px !important;
  }

  body:not(.admin-body) .nav-dropdown__menu{
    position:static !important;
    display:none !important;
    width:100% !important;
    padding:8px !important;
    margin-top:7px !important;
    grid-template-columns:1fr !important;
    gap:5px !important;
  }

  body:not(.admin-body) .nav-dropdown.is-open .nav-dropdown__menu{
    display:grid !important;
  }

  body:not(.admin-body) .nav-dropdown__menu a{
    min-height:34px !important;
    height:auto !important;
    font-size:10px !important;
    padding:7px 8px !important;
  }

  body:not(.admin-body) .shop-layout{
    display:block !important;
  }

  body:not(.admin-body) .shop-sidebar{
    width:100% !important;
    max-width:100% !important;
    margin:12px 0 12px !important;
    padding:8px !important;
    border-radius:17px !important;
  }

  body:not(.admin-body) .shop-filter-toggle{
    height:42px !important;
    padding:0 12px !important;
    border-radius:14px !important;
    font-size:12px !important;
  }

  body:not(.admin-body) .shop-filter-content{
    display:none !important;
    margin-top:8px !important;
    padding:10px !important;
    max-height:70vh !important;
    overflow:auto !important;
    border-radius:15px !important;
  }

  body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-content{
    display:block !important;
  }

  body:not(.admin-body) .shop-checks{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  body:not(.admin-body) .shop-checks label{
    min-height:34px !important;
    padding:7px 9px !important;
    border-radius:12px !important;
    font-size:11px !important;
  }

  body:not(.admin-body) .shop-checks input{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
  }

  body:not(.admin-body) .shop-filter-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:12px !important;
  }

  body:not(.admin-body) .shop-filter-apply,
  body:not(.admin-body) .shop-filter-clear{
    height:38px !important;
    border-radius:13px !important;
    font-size:11px !important;
    font-weight:950 !important;
  }

  body:not(.admin-body) .shop-topbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin:8px 0 12px !important;
  }

  body:not(.admin-body) .shop-topbar select{
    width:100% !important;
    height:38px !important;
    font-size:11px !important;
    border-radius:999px !important;
  }

  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) #productsGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid,
  body:not(.admin-body) #offersProducts,
  body:not(.admin-body) #promotionGrid,
  body:not(.admin-body) #promoProductsGrid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  body:not(.admin-body) .product-card{
    min-height:286px !important;
    padding:8px !important;
    border-radius:16px !important;
  }

  body:not(.admin-body) .product-card__img{
    height:118px !important;
    min-height:118px !important;
    flex:0 0 118px !important;
    padding:8px !important;
    margin:0 0 7px !important;
    border-radius:14px !important;
  }

  body:not(.admin-body) .product-card__img img{
    max-width:90% !important;
    max-height:100px !important;
  }

  body:not(.admin-body) .offer-badge{
    top:8px !important;
    right:8px !important;
    padding:4px 8px !important;
    font-size:8.5px !important;
  }

  body:not(.admin-body) .product-card__body{
    min-height:142px !important;
    gap:4px !important;
  }

  body:not(.admin-body) .product-card__brand{
    min-height:11px !important;
    max-height:11px !important;
    font-size:7px !important;
    line-height:1 !important;
    letter-spacing:.12em !important;
    overflow:hidden !important;
  }

  body:not(.admin-body) .product-card__title{
    min-height:46px !important;
    max-height:56px !important;
    font-size:9.5px !important;
    line-height:1.12 !important;
    font-weight:950 !important;
    overflow:hidden !important;
  }

  body:not(.admin-body) .product-card__status-row{
    margin-top:auto !important;
    margin-bottom:5px !important;
  }

  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .small-btn.js-add-cart{
    width:82% !important;
    max-width:120px !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 7px !important;
    font-size:8.8px !important;
    letter-spacing:0 !important;
    gap:3px !important;
  }

  body:not(.admin-body) .product-card__add-btn--empty,
  body:not(.admin-body) .product-card--empty .product-card__add-btn{
    width:86% !important;
    max-width:126px !important;
    font-size:7.7px !important;
  }

  body:not(.admin-body) .product-card__cart-icon{
    font-size:8px !important;
  }

  body:not(.admin-body) .product-card__bottom{
    min-height:22px !important;
  }

  body:not(.admin-body) .product-card .price,
  body:not(.admin-body) .product-card__bottom .price{
    font-size:13px !important;
    line-height:1.05 !important;
  }

  body:not(.admin-body) .old-price{
    font-size:9px !important;
  }
}

@media (max-width:360px){
  body:not(.admin-body) .product-card{
    min-height:276px !important;
    padding:7px !important;
  }

  body:not(.admin-body) .product-card__img{
    height:108px !important;
    min-height:108px !important;
    flex-basis:108px !important;
  }

  body:not(.admin-body) .product-card__title{
    font-size:8.8px !important;
    min-height:44px !important;
  }

  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .small-btn.js-add-cart{
    max-width:106px !important;
    height:30px !important;
    font-size:7.9px !important;
  }
}


/* =========================================================
   ALTEREGO - AJUSTE FINAL REAL RESPONSIVE / MENÚ / FILTROS
   Mantener al final: evita estilos duplicados montados encima.
   ========================================================= */

body:not(.admin-body) .hero__buttons .btn:not(.btn--primary),
body:not(.admin-body) .hero__buttons a:not(.btn--primary) {
    display: none !important;
}

body:not(.admin-body) .hero__buttons {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}



body:not(.admin-body) .nav-dropdown__menu {
    min-width: 210px !important;
}

body:not(.admin-body) .shop-sidebar,
body:not(.admin-body) .shop-filter-content,
body:not(.admin-body) .shop-filter-toggle {
    border-radius: 22px !important;
    backdrop-filter: blur(22px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
}

html[data-theme="light"] body:not(.admin-body) .shop-sidebar,
html[data-theme="light"] body:not(.admin-body) .shop-filter-content,
html[data-theme="light"] body:not(.admin-body) .shop-filter-toggle {
    background: rgba(255, 255, 255, .82) !important;
    color: #0f172a !important;
    border: 1px solid rgba(8, 116, 72, .18) !important;
    box-shadow: 0 18px 45px rgba(8, 116, 72, .13) !important;
}

html[data-theme="dark"] body:not(.admin-body) .shop-sidebar,
html[data-theme="dark"] body:not(.admin-body) .shop-filter-content,
html[data-theme="dark"] body:not(.admin-body) .shop-filter-toggle,
html:not([data-theme="light"]) body:not(.admin-body) .shop-sidebar,
html:not([data-theme="light"]) body:not(.admin-body) .shop-filter-content,
html:not([data-theme="light"]) body:not(.admin-body) .shop-filter-toggle {
    background: rgba(0, 20, 12, .78) !important;
    color: #ffffff !important;
    border: 1px solid rgba(64, 220, 137, .28) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .42) !important;
}

body:not(.admin-body) .shop-filter-toggle {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

html[data-theme="light"] body:not(.admin-body) .shop-filter-toggle {
    background: rgba(255, 255, 255, .96) !important;
}

html[data-theme="dark"] body:not(.admin-body) .shop-filter-toggle,
html:not([data-theme="light"]) body:not(.admin-body) .shop-filter-toggle {
    background: rgba(255, 255, 255, .08) !important;
}

body:not(.admin-body) .shop-filter-toggle strong {
    width: 26px !important;
    height: 26px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(30, 213, 124, .18) !important;
    color: inherit !important;
}

body:not(.admin-body) .shop-filter-title {
    
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

body:not(.admin-body) .shop-filter-title h3,
body:not(.admin-body) .shop-filter-content h3 {
    margin: 0 !important;
    color: inherit !important;
    font-weight: 950 !important;
    font-size: 13px !important;
}

body:not(.admin-body) .shop-search-box {
    min-height: 46px !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 12px !important;
}

body:not(.admin-body) .shop-search-box input {
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: inherit !important;
}

html[data-theme="light"] body:not(.admin-body) .shop-search-box,
html[data-theme="light"] body:not(.admin-body) .shop-checks label,
html[data-theme="light"] body:not(.admin-body) .shop-filter-clear,
html[data-theme="light"] body:not(.admin-body) .shop-topbar select {
    background: rgba(255, 255, 255, .92) !important;
    color: #111827 !important;
    border: 1px solid rgba(8, 116, 72, .16) !important;
}

html[data-theme="dark"] body:not(.admin-body) .shop-search-box,
html[data-theme="dark"] body:not(.admin-body) .shop-checks label,
html[data-theme="dark"] body:not(.admin-body) .shop-filter-clear,
html[data-theme="dark"] body:not(.admin-body) .shop-topbar select,
html:not([data-theme="light"]) body:not(.admin-body) .shop-search-box,
html:not([data-theme="light"]) body:not(.admin-body) .shop-checks label,
html:not([data-theme="light"]) body:not(.admin-body) .shop-filter-clear,
html:not([data-theme="light"]) body:not(.admin-body) .shop-topbar select {
    background: rgba(255, 255, 255, .08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(110, 245, 171, .20) !important;
}

body:not(.admin-body) .shop-checks {
    display: grid !important;
    
}

body:not(.admin-body) .shop-checks label {
    min-height: 42px !important;
    border-radius: 14px !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

body:not(.admin-body) .shop-checks label span {
    color: inherit !important;
    line-height: 1.15 !important;
}

body:not(.admin-body) .shop-checks input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    
    min-width: 34px !important;
    
    border-radius: 999px !important;
    border: 1px solid rgba(16, 185, 129, .36) !important;
    background: rgba(255, 255, 255, .92) !important;
    position: relative !important;
    cursor: pointer !important;
    transition: .2s ease !important;
}

body:not(.admin-body) .shop-checks input[type="checkbox"]::after {
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .20) !important;
    transition: .2s ease !important;
}

body:not(.admin-body) .shop-checks input[type="checkbox"]:checked {
    background: linear-gradient(135deg, #31d979, #0b7d4c) !important;
}

body:not(.admin-body) .shop-checks input[type="checkbox"]:checked::after {
    left: 16px !important;
}



body:not(.admin-body) .shop-filter-apply,
body:not(.admin-body) .shop-filter-clear {
    
    
    font-weight: 950 !important;
    
    border: 0 !important;
}

body:not(.admin-body) .shop-filter-apply {
    background: linear-gradient(135deg, #34dc7d, #0b7d4c) !important;
    color: #06140d !important;
    box-shadow: 0 14px 28px rgba(16, 185, 129, .22) !important;
}

body:not(.admin-body) .shop-filter-clear {
    box-shadow: none !important;
}

body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .small-btn.js-add-cart {
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center !important;
}

body:not(.admin-body) .product-card__favorite,
body:not(.admin-body) .favorite,
body:not(.admin-body) .heart,
body:not(.admin-body) .wishlist,
body:not(.admin-body) .btn-favorite,
body:not(.admin-body) [data-favorite] {
    display: none !important;
}

@media (min-width: 768px) and (max-width: 1100px) {
    body:not(.admin-body) .nav.active {
        position: absolute !important;
        top: calc(100% + 10px) !important;
        right: 12px !important;
        width: min(300px, calc(100vw - 30px)) !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 12px !important;
        border-radius: 22px !important;
        z-index: 9999 !important;
    }

    body:not(.admin-body) .nav-dropdown__menu {
        position: static !important;
        display: none !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 8px !important;
        padding: 8px !important;
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    body:not(.admin-body) .nav-dropdown.is-open .nav-dropdown__menu {
        display: grid !important;
    }

    body:not(.admin-body) .shop-filter-content {
        display: none !important;
        margin-top: 10px !important;
        padding: 14px !important;
        max-height: 72vh !important;
        overflow: auto !important;
    }

    body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-content {
        display: block !important;
    }

    body:not(.admin-body) .shop-checks {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body:not(.admin-body) .shop-products-grid,
    body:not(.admin-body) #productsGrid,
    body:not(.admin-body) #featuredProducts,
    body:not(.admin-body) #offersProducts,
    body:not(.admin-body) #promotionGrid,
    body:not(.admin-body) #promoProductsGrid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 767px) {
    body:not(.admin-body) .header {
        width: calc(100% - 16px) !important;
        margin: 8px auto 0 !important;
        border-radius: 20px !important;
    }

    body:not(.admin-body) .header__content {
        min-height: 68px !important;
        padding: 8px 10px !important;
    }

    body:not(.admin-body) .logo img {
        width: 92px !important;
    }

    body:not(.admin-body) .nav.active {
        position: absolute !important;
        top: calc(100% + 8px) !important;
        right: 8px !important;
        width: min(236px, calc(100vw - 26px)) !important;
        max-height: calc(100vh - 95px) !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding: 10px !important;
        overflow: auto !important;
        border-radius: 20px !important;
        z-index: 9999 !important;
    }

    html[data-theme="light"] body:not(.admin-body) .nav.active {
        background: rgba(255, 255, 255, .94) !important;
        border: 1px solid rgba(8, 116, 72, .22) !important;
        box-shadow: 0 18px 45px rgba(8, 116, 72, .17) !important;
    }

    html[data-theme="dark"] body:not(.admin-body) .nav.active,
    html:not([data-theme="light"]) body:not(.admin-body) .nav.active {
        background: rgba(0, 18, 11, .94) !important;
        border: 1px solid rgba(100, 230, 160, .22) !important;
        box-shadow: 0 18px 45px rgba(0, 0, 0, .45) !important;
    }

    body:not(.admin-body) .nav.active > a,
    body:not(.admin-body) .nav.active .nav-dropdown__toggle {
        min-height: 38px !important;
        font-size: 11px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 14px !important;
        width: 100% !important;
    }

    body:not(.admin-body) .nav-dropdown__menu {
        position: static !important;
        display: none !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 7px !important;
        padding: 8px !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    body:not(.admin-body) .nav-dropdown.is-open .nav-dropdown__menu {
        display: grid !important;
    }

    body:not(.admin-body) .nav-dropdown__menu a {
        min-height: 34px !important;
        font-size: 10px !important;
    }

    body:not(.admin-body) .shop-sidebar {
        width: 100% !important;
        padding: 8px !important;
        margin: 12px 0 !important;
        border-radius: 18px !important;
    }

    body:not(.admin-body) .shop-filter-content {
        display: none !important;
        margin-top: 8px !important;
        padding: 12px !important;
        max-height: 70vh !important;
        overflow: auto !important;
    }

    body:not(.admin-body) .shop-sidebar.filters-open .shop-filter-content {
        display: block !important;
    }

    body:not(.admin-body) .shop-checks {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body:not(.admin-body) .shop-checks label {
        min-height: 38px !important;
        font-size: 11px !important;
    }

    body:not(.admin-body) .shop-products-grid,
    body:not(.admin-body) #productsGrid,
    body:not(.admin-body) #featuredProducts,
    body:not(.admin-body) #offersProducts,
    body:not(.admin-body) #promotionGrid,
    body:not(.admin-body) #promoProductsGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body:not(.admin-body) .product-card__add-btn,
    body:not(.admin-body) .small-btn.js-add-cart {
        width: 82% !important;
        max-width: 126px !important;
        height: 32px !important;
        min-height: 32px !important;
        font-size: 9px !important;
        padding: 0 7px !important;
        gap: 3px !important;
    }

    body:not(.admin-body) .product-card--empty .product-card__add-btn,
    body:not(.admin-body) .product-card__add-btn--empty {
        width: 86% !important;
        max-width: 132px !important;
        font-size: 8px !important;
    }
}

/* =========================================================
   AE FIX FINAL HAMBURGUESA + PERFIL RESPONSIVE
   Mantener al final para evitar conflictos de reglas antiguas.
   ========================================================= */
@media (max-width:1100px){
  body:not(.admin-body) .header{
    position:sticky !important;
    top:8px !important;
    z-index:1000 !important;
    overflow:visible !important;
  }
  body:not(.admin-body) .header__content{
    position:relative !important;
    overflow:visible !important;
    min-height:70px !important;
  }
  body:not(.admin-body) .menu-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    border-radius:50% !important;
    font-size:22px !important;
    font-weight:900 !important;
    line-height:1 !important;
    cursor:pointer !important;
    z-index:1003 !important;
  }
  body:not(.admin-body) .nav{
    position:absolute !important;
    top:calc(100% + 10px) !important;
    right:10px !important;
    left:auto !important;
    width:min(320px, calc(100vw - 24px)) !important;
    max-height:calc(100vh - 110px) !important;
    overflow:auto !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:14px !important;
    border-radius:22px !important;
    backdrop-filter:blur(22px) saturate(140%) !important;
    -webkit-backdrop-filter:blur(22px) saturate(140%) !important;
    z-index:1002 !important;
  }
  body:not(.admin-body) .nav.active{
    display:flex !important;
  }
  body:not(.admin-body) .nav > a,
  body:not(.admin-body) .nav-dropdown__toggle{
    width:100% !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 14px !important;
    border-radius:16px !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:normal !important;
  }
  body:not(.admin-body) .nav-dropdown{
    width:100% !important;
    display:block !important;
  }
  body:not(.admin-body) .nav-dropdown__menu{
    position:static !important;
    inset:auto !important;
    width:100% !important;
    min-width:0 !important;
    display:none !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin:8px 0 0 !important;
    padding:10px !important;
    border-radius:18px !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    box-shadow:none !important;
  }
  body:not(.admin-body) .nav-dropdown.is-open .nav-dropdown__menu{
    display:grid !important;
  }
  body:not(.admin-body) .nav-dropdown__menu a{
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 10px !important;
    border-radius:14px !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-align:center !important;
    text-decoration:none !important;
    white-space:normal !important;
  }
}

@media (max-width:520px){
  body:not(.admin-body) .header{
    width:calc(100% - 16px) !important;
    margin:8px auto 0 !important;
    border-radius:18px !important;
  }
  body:not(.admin-body) .header__content{
    padding:8px 10px !important;
    gap:6px !important;
  }
  body:not(.admin-body) .logo img{
    max-width:92px !important;
    height:auto !important;
  }
  body:not(.admin-body) .header__actions{
    gap:6px !important;
  }
  body:not(.admin-body) .icon-btn,
  body:not(.admin-body) .menu-btn{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
    min-width:38px !important;
    font-size:17px !important;
  }
  body:not(.admin-body) .nav{
    right:6px !important;
    width:min(290px, calc(100vw - 20px)) !important;
    padding:12px !important;
    border-radius:20px !important;
  }
  body:not(.admin-body) .nav > a,
  body:not(.admin-body) .nav-dropdown__toggle{
    min-height:42px !important;
    font-size:12px !important;
  }
  body:not(.admin-body) .nav-dropdown__menu a{
    min-height:36px !important;
    font-size:11px !important;
  }
}

/* Tema claro: espejo blanco premium. */
html[data-theme="light"] body:not(.admin-body) .header,
html[data-theme="light"] body:not(.admin-body) .nav{
  background:rgba(255,255,255,.88) !important;
  border:none !important;
  box-shadow:none !important;
}
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__menu{
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(12,117,77,.18) !important;
}
html[data-theme="light"] body:not(.admin-body) .nav > a,
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__toggle,
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__menu a,
html[data-theme="light"] body:not(.admin-body) .menu-btn,
html[data-theme="light"] body:not(.admin-body) .icon-btn{
  background:rgba(255,255,255,.92) !important;
  color:#101715 !important;
  border:1px solid rgba(12,117,77,.18) !important;
  box-shadow:0 10px 24px rgba(6,95,62,.10) !important;
}
html[data-theme="light"] body:not(.admin-body) .nav > a:hover,
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__toggle:hover,
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__menu a:hover{
  background:#0f8f5f !important;
  color:#ffffff !important;
}

/* Tema oscuro: espejo negro/verde. */
html[data-theme="dark"] body:not(.admin-body) .header,
html[data-theme="dark"] body:not(.admin-body) .nav,
html:not([data-theme="light"]) body:not(.admin-body) .header,
html:not([data-theme="light"]) body:not(.admin-body) .nav{
  background:rgba(1,24,17,.82) !important;
  border:none !important;
  box-shadow:none !important;
}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__menu,
html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown__menu{
  background:rgba(0,31,22,.78) !important;
  border:1px solid rgba(65,214,142,.18) !important;
}
html[data-theme="dark"] body:not(.admin-body) .nav > a,
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__toggle,
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__menu a,
html[data-theme="dark"] body:not(.admin-body) .menu-btn,
html[data-theme="dark"] body:not(.admin-body) .icon-btn,
html:not([data-theme="light"]) body:not(.admin-body) .nav > a,
html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown__toggle,
html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown__menu a,
html:not([data-theme="light"]) body:not(.admin-body) .menu-btn,
html:not([data-theme="light"]) body:not(.admin-body) .icon-btn{
  background:rgba(255,255,255,.08) !important;
  color:#f8fffb !important;
  border:1px solid rgba(88,232,156,.16) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.26) !important;
}
html[data-theme="dark"] body:not(.admin-body) .nav > a:hover,
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__toggle:hover,
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__menu a:hover,
html:not([data-theme="light"]) body:not(.admin-body) .nav > a:hover,
html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown__toggle:hover,
html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown__menu a:hover{
  background:#12a66f !important;
  color:#ffffff !important;
}

/* Login y perfil: texto siempre legible. */
.auth-page .auth-card,
.profile-menu{
  color:#111827 !important;
}
.auth-page .auth-card :where(h1,h2,h3,p,label,span,small,a,strong),
.profile-menu :where(h1,h2,h3,p,label,span,small,a,strong){
  color:#111827 !important;
  text-shadow:none !important;
}
html[data-theme="dark"] .auth-page .auth-card,
html:not([data-theme="light"]) .auth-page .auth-card,
html[data-theme="dark"] .profile-menu,
html:not([data-theme="light"]) .profile-menu{
  background:rgba(2,28,20,.92) !important;
  border:1px solid rgba(76,222,151,.22) !important;
  color:#f8fffb !important;
}
html[data-theme="dark"] .auth-page .auth-card :where(h1,h2,h3,p,label,span,small,a,strong),
html:not([data-theme="light"]) .auth-page .auth-card :where(h1,h2,h3,p,label,span,small,a,strong),
html[data-theme="dark"] .profile-menu :where(h1,h2,h3,p,label,span,small,a,strong),
html:not([data-theme="light"]) .profile-menu :where(h1,h2,h3,p,label,span,small,a,strong){
  color:#f8fffb !important;
}
.auth-page .auth-card input,
.auth-page .auth-card select,
.auth-page .auth-card textarea,
.profile-menu input,
.profile-menu select,
.profile-menu textarea{
  background:rgba(255,255,255,.96) !important;
  color:#111827 !important;
  border:1px solid rgba(12,117,77,.25) !important;
}
html[data-theme="dark"] .auth-page .auth-card input,
html[data-theme="dark"] .auth-page .auth-card select,
html[data-theme="dark"] .auth-page .auth-card textarea,
html[data-theme="dark"] .profile-menu input,
html[data-theme="dark"] .profile-menu select,
html[data-theme="dark"] .profile-menu textarea,
html:not([data-theme="light"]) .auth-page .auth-card input,
html:not([data-theme="light"]) .auth-page .auth-card select,
html:not([data-theme="light"]) .auth-page .auth-card textarea,
html:not([data-theme="light"]) .profile-menu input,
html:not([data-theme="light"]) .profile-menu select,
html:not([data-theme="light"]) .profile-menu textarea{
  background:rgba(255,255,255,.08) !important;
  color:#ffffff !important;
  border-color:rgba(76,222,151,.26) !important;
}
html[data-theme="dark"] .auth-page .auth-card input::placeholder,
html:not([data-theme="light"]) .auth-page .auth-card input::placeholder,
html[data-theme="dark"] .profile-menu input::placeholder,
html:not([data-theme="light"]) .profile-menu input::placeholder{
  color:rgba(255,255,255,.72) !important;
}

/* =====================================================
   FIX DEFINITIVO: MENÚ HAMBURGUESA + SUBMENÚ PRODUCTOS
   Responsive bonito, sin superposición y con dropdown funcional
   ===================================================== */
@media (max-width: 1100px){
  body:not(.admin-body) .header{
    position: sticky;
    top: 10px;
    z-index: 9999;
  }

  body:not(.admin-body) .header__content{
    position: relative !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 74px !important;
    padding: 12px clamp(12px, 3vw, 22px) !important;
    border-radius: 22px !important;
  }

  body:not(.admin-body) .logo img{
    width: clamp(98px, 18vw, 145px) !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }

  body:not(.admin-body) .header__actions{
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
  }

  body:not(.admin-body) .icon-btn,
  body:not(.admin-body) .menu-btn{
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 999px !important;
    font-size: 17px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body:not(.admin-body) .menu-btn{
    display: inline-flex !important;
  }

  body:not(.admin-body) .nav{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: clamp(8px, 3vw, 18px) !important;
    left: auto !important;
    width: min(270px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 22px !important;
    z-index: 10050 !important;
    overflow: visible !important;
  }

  body:not(.admin-body) .nav.active{
    display: flex !important;
  }

  html[data-theme="light"] body:not(.admin-body) .nav,
  body:not(.admin-body):not([data-theme="dark"]) .nav{
    background: rgba(255,255,255,.82) !important;
    border: 1px solid rgba(9,121,73,.20) !important;
    box-shadow: 0 18px 45px rgba(9,121,73,.16) !important;
    backdrop-filter: blur(18px) saturate(1.25) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .nav{
    background: rgba(1,18,11,.90) !important;
    border: 1px solid rgba(93,255,153,.24) !important;
    box-shadow: 0 20px 55px rgba(0,0,0,.46), 0 0 28px rgba(40,214,119,.12) !important;
    backdrop-filter: blur(18px) saturate(1.35) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
  }

  body:not(.admin-body) .nav > a,
  body:not(.admin-body) .nav-dropdown__toggle{
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    font-size: clamp(.72rem, 2.8vw, .82rem) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html[data-theme="light"] body:not(.admin-body) .nav > a,
  html[data-theme="light"] body:not(.admin-body) .nav-dropdown__toggle{
    background: rgba(255,255,255,.95) !important;
    color: #08160f !important;
    border: 1px solid rgba(9,121,73,.18) !important;
    box-shadow: 0 8px 22px rgba(9,121,73,.09) !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .nav > a,
  html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__toggle{
    background: rgba(255,255,255,.07) !important;
    color: #f7fff9 !important;
    border: 1px solid rgba(125,240,170,.20) !important;
  }

  body:not(.admin-body) .nav-dropdown{
    position: relative !important;
    width: 100% !important;
  }

  body:not(.admin-body) .nav-dropdown__menu{
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    margin: 8px 0 0 !important;
    padding: 10px !important;
    border-radius: 18px !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body:not(.admin-body) .nav-dropdown.is-open .nav-dropdown__menu{
    display: grid !important;
  }

  html[data-theme="light"] body:not(.admin-body) .nav-dropdown__menu{
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(9,121,73,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.45) !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__menu{
    background: rgba(0,24,14,.74) !important;
    border: 1px solid rgba(93,255,153,.18) !important;
  }

  body:not(.admin-body) .nav-dropdown__menu a{
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: clamp(.68rem, 2.7vw, .78rem) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html[data-theme="light"] body:not(.admin-body) .nav-dropdown__menu a{
    background: #fff !important;
    color: #07150e !important;
    border: 1px solid rgba(9,121,73,.16) !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__menu a{
    background: rgba(255,255,255,.08) !important;
    color: #f7fff9 !important;
    border: 1px solid rgba(125,240,170,.16) !important;
  }
}

@media (max-width: 420px){
  body:not(.admin-body) .header__content{
    gap: 6px !important;
    padding: 10px 9px !important;
  }

  body:not(.admin-body) .logo img{
    width: 82px !important;
  }

  body:not(.admin-body) .header__actions{
    gap: 5px !important;
  }

  body:not(.admin-body) .icon-btn,
  body:not(.admin-body) .menu-btn{
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    font-size: 15px !important;
  }

  body:not(.admin-body) .nav{
    width: min(238px, calc(100vw - 18px)) !important;
    right: 8px !important;
    padding: 10px !important;
  }

  body:not(.admin-body) .nav > a,
  body:not(.admin-body) .nav-dropdown__toggle{
    height: 39px !important;
    min-height: 39px !important;
    font-size: .68rem !important;
  }

  body:not(.admin-body) .nav-dropdown__menu a{
    height: 35px !important;
    min-height: 35px !important;
    font-size: .62rem !important;
  }
}

/* =====================================================
   FIX DEFINITIVO: FILTROS PRODUCTOS RESPONSIVE BONITOS
   Blanco vidrio en claro y negro/verde vidrio en oscuro
   ===================================================== */
@media (max-width: 1100px){
  body:not(.admin-body) .shop-sidebar{
    border-radius: 24px !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  html[data-theme="light"] body:not(.admin-body) .shop-sidebar{
    background: rgba(255,255,255,.80) !important;
    border: 1px solid rgba(9,121,73,.18) !important;
    box-shadow: 0 18px 44px rgba(9,121,73,.13) !important;
    backdrop-filter: blur(18px) saturate(1.25) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .shop-sidebar{
    background: rgba(0,22,13,.82) !important;
    border: 1px solid rgba(93,255,153,.22) !important;
    box-shadow: 0 20px 55px rgba(0,0,0,.42), 0 0 26px rgba(40,214,119,.12) !important;
    backdrop-filter: blur(18px) saturate(1.3) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.3) !important;
  }

  body:not(.admin-body) .shop-filter-toggle{
    height: 48px !important;
    border-radius: 16px !important;
    padding: 0 15px !important;
    margin: 0 !important;
    font-size: .86rem !important;
    letter-spacing: .01em !important;
  }

  html[data-theme="light"] body:not(.admin-body) .shop-filter-toggle{
    background: rgba(255,255,255,.96) !important;
    color: #07150e !important;
    border: 1px solid rgba(9,121,73,.20) !important;
    box-shadow: 0 10px 26px rgba(9,121,73,.10) !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .shop-filter-toggle{
    background: linear-gradient(135deg,rgba(0,44,25,.88),rgba(7,92,59,.72)) !important;
    color: #f7fff9 !important;
    border: 1px solid rgba(93,255,153,.22) !important;
  }

  body:not(.admin-body) .shop-filter-content{
    margin-top: 12px !important;
    padding: 12px !important;
    border-radius: 20px !important;
  }

  html[data-theme="light"] body:not(.admin-body) .shop-filter-content{
    background: rgba(255,255,255,.72) !important;
    border: 1px solid rgba(9,121,73,.14) !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .shop-filter-content{
    background: rgba(0,30,17,.56) !important;
    border: 1px solid rgba(93,255,153,.15) !important;
  }

  body:not(.admin-body) .shop-filter-content h3,
  body:not(.admin-body) .shop-filter-title h3{
    font-size: .86rem !important;
    font-weight: 950 !important;
    margin: 0 !important;
  }

  html[data-theme="light"] body:not(.admin-body) .shop-filter-content h3,
  html[data-theme="light"] body:not(.admin-body) .shop-filter-title h3{
    color: #00854f !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .shop-filter-content h3,
  html[data-theme="dark"] body:not(.admin-body) .shop-filter-title h3{
    color: #7df0aa !important;
  }

  body:not(.admin-body) .shop-search-box{
    height: 48px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    margin: 10px 0 18px !important;
  }

  html[data-theme="light"] body:not(.admin-body) .shop-search-box{
    background: rgba(255,255,255,.95) !important;
    border: 1px solid rgba(9,121,73,.17) !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .shop-search-box{
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(125,240,170,.16) !important;
  }

  body:not(.admin-body) .shop-search-box input{
    width: 100% !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: inherit !important;
    height: 100% !important;
    padding: 0 8px !important;
  }

  body:not(.admin-body) .shop-checks{
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin: 12px 0 18px !important;
  }

  body:not(.admin-body) .shop-checks label,
  body:not(.admin-body) .shop-check-item{
    min-height: 40px !important;
    border-radius: 999px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    font-size: .78rem !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
  }

  html[data-theme="light"] body:not(.admin-body) .shop-checks label,
  html[data-theme="light"] body:not(.admin-body) .shop-check-item{
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(9,121,73,.15) !important;
    color: #07150e !important;
  }

  html[data-theme="dark"] body:not(.admin-body) .shop-checks label,
  html[data-theme="dark"] body:not(.admin-body) .shop-check-item{
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(125,240,170,.14) !important;
    color: #f7fff9 !important;
  }

  body:not(.admin-body) .shop-checks input[type="checkbox"]{
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(14,145,82,.30) !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 3px #fff !important;
  }

  body:not(.admin-body) .shop-checks input[type="checkbox"]:checked{
    background: #16b66d !important;
    border-color: #16b66d !important;
    box-shadow: inset 0 0 0 4px #fff !important;
  }

  body:not(.admin-body) .shop-filter-actions{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 8px !important;
  }

  body:not(.admin-body) .shop-filter-apply,
  body:not(.admin-body) .shop-filter-clear{
    height: 44px !important;
    border-radius: 999px !important;
    font-size: .78rem !important;
    font-weight: 950 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body:not(.admin-body) .shop-filter-apply{
    background: linear-gradient(135deg,#20d47a,#087b4d) !important;
    color: #fff !important;
    border: 0 !important;
  }

  body:not(.admin-body) .shop-filter-clear{
    background: #fff !important;
    color: #07150e !important;
    border: 1px solid rgba(9,121,73,.18) !important;
  }
}

@media (max-width: 560px){
  body:not(.admin-body) .shop-checks{
    grid-template-columns: 1fr !important;
  }

  body:not(.admin-body) .shop-filter-content{
    padding: 10px !important;
  }

  body:not(.admin-body) .shop-checks label,
  body:not(.admin-body) .shop-check-item{
    min-height: 38px !important;
    font-size: .74rem !important;
  }
}

/* =====================================================================
   AE 2026 - MENÚ PRODUCTOS FINAL (desktop + responsive)
   ===================================================================== */

body:not(.admin-body) .nav-dropdown__menu.ae-products-mega{
  display:none!important;position:absolute!important;z-index:10050!important;
  top:calc(100% + 14px)!important;left:50%!important;transform:translateX(-50%)!important;
  width:min(1260px,calc(100vw - 48px))!important;max-height:min(72vh,680px)!important;overflow:auto!important;
  padding:22px!important;border-radius:26px!important;gap:18px!important;
  backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.28)!important;
}
body:not(.admin-body) .nav-dropdown.is-open>.nav-dropdown__menu.ae-products-mega{display:grid!important;}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown__menu.ae-products-mega,
html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown__menu.ae-products-mega{
  background:rgba(3,36,25,.94)!important;border:1px solid rgba(31,206,122,.25)!important;color:#fff!important;
}
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__menu.ae-products-mega{
  background:rgba(247,252,250,.91)!important;border:1px solid rgba(15,92,66,.15)!important;color:#111!important;
}
body:not(.admin-body) .ae-mega-actions{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:12px!important;}
body:not(.admin-body) .ae-mega-actions>a{
  min-height:46px!important;padding:0 22px!important;border-radius:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:14px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.01em!important;white-space:nowrap!important;
}
body:not(.admin-body) .ae-mega-section{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:18px!important;align-items:start!important;padding:10px 0!important;}
body:not(.admin-body) .ae-mega-section h3{margin:8px 0 0!important;font-family:Georgia,"Times New Roman",serif!important;font-size:23px!important;line-height:1.2!important;}
html[data-theme="dark"] body:not(.admin-body) .ae-mega-section h3,
html:not([data-theme="light"]) body:not(.admin-body) .ae-mega-section h3{color:#fff!important;}
html[data-theme="light"] body:not(.admin-body) .ae-mega-section h3{color:#111!important;}
body:not(.admin-body) .ae-mega-grid{display:flex!important;flex-wrap:wrap!important;gap:12px!important;min-width:0!important;}
body:not(.admin-body) .ae-mega-chip{
  width:auto!important;min-width:118px!important;max-width:190px!important;min-height:82px!important;padding:12px 14px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border-radius:16px!important;text-align:center!important;overflow:hidden!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
body:not(.admin-body) .ae-mega-chip span{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;font-size:13px!important;color:#f0c75e!important;background:rgba(255,255,255,.12)!important;}
body:not(.admin-body) .ae-mega-chip strong{display:block!important;width:100%!important;font-size:12px!important;line-height:1.15!important;font-weight:900!important;text-transform:uppercase!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;}
html[data-theme="dark"] body:not(.admin-body) .ae-mega-chip,
html:not([data-theme="light"]) body:not(.admin-body) .ae-mega-chip{background:rgba(255,255,255,.075)!important;border:1px solid rgba(84,225,157,.26)!important;color:#fff!important;}
html[data-theme="light"] body:not(.admin-body) .ae-mega-chip{background:rgba(255,255,255,.72)!important;border:1px solid rgba(16,112,76,.16)!important;color:#111!important;box-shadow:0 10px 24px rgba(13,73,52,.08)!important;}
body:not(.admin-body) .ae-mega-chip:hover{transform:translateY(-2px)!important;border-color:#d9ad3f!important;}

@media(max-width:1100px){
  body:not(.admin-body) .nav.active{align-items:center!important;overflow-y:auto!important;overflow-x:hidden!important;}
  body:not(.admin-body) .nav.active>.nav-dropdown{width:min(100%,680px)!important;margin-inline:auto!important;}
  body:not(.admin-body) .nav-dropdown__toggle{width:100%!important;text-align:center!important;justify-content:center!important;}
  body:not(.admin-body) .nav-dropdown__menu.ae-products-mega{
    position:static!important;transform:none!important;left:auto!important;top:auto!important;width:100%!important;max-height:none!important;
    margin:10px auto 0!important;padding:16px!important;border-radius:20px!important;overflow:visible!important;
  }
  body:not(.admin-body) .ae-mega-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
  body:not(.admin-body) .ae-mega-actions>a{width:100%!important;min-width:0!important;padding:0 10px!important;font-size:11px!important;}
  body:not(.admin-body) .ae-mega-section{grid-template-columns:1fr!important;gap:10px!important;text-align:center!important;}
  body:not(.admin-body) .ae-mega-section h3{font-size:20px!important;text-align:center!important;margin:4px 0!important;}
  body:not(.admin-body) .ae-mega-grid{justify-content:center!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;}
  body:not(.admin-body) .ae-mega-chip{width:100%!important;min-width:0!important;max-width:none!important;min-height:76px!important;padding:10px 8px!important;}
  body:not(.admin-body) .ae-mega-chip strong{font-size:10px!important;}
}
@media(max-width:560px){
  body:not(.admin-body) .nav.active{left:50%!important;transform:translateX(-50%)!important;width:calc(100vw - 24px)!important;max-width:430px!important;padding:14px!important;}
  body:not(.admin-body) .nav-dropdown__menu.ae-products-mega{padding:12px!important;}
  body:not(.admin-body) .ae-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body:not(.admin-body) .ae-mega-chip{min-height:72px!important;border-radius:14px!important;}
  body:not(.admin-body) .ae-mega-actions{gap:8px!important;}
  body:not(.admin-body) .ae-mega-actions>a{min-height:40px!important;font-size:10px!important;}
}

/* Administración: formularios visibles para carrusel y banners */
.admin-body .ae-config-editor{margin-top:22px!important;}
.admin-body .admin-form--grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:18px 0 22px!important;}
.admin-body .admin-form--grid label{display:grid!important;gap:7px!important;font-weight:800!important;}
.admin-body .admin-form--grid input,.admin-body .admin-form--grid textarea{width:100%!important;min-width:0!important;}
.admin-body .admin-form__wide{grid-column:1/-1!important;}
.admin-body .admin-check{display:flex!important;align-items:center!important;gap:9px!important;}
.admin-body .admin-check input{width:auto!important;}
@media(max-width:760px){.admin-body .admin-form--grid{grid-template-columns:1fr!important;}.admin-body .admin-form__wide{grid-column:auto!important;}}

/* =====================================================================
   AE FIX FINAL - menú productos, franja home y tarjetas de promoción
   ===================================================================== */
body:not(.admin-body) .nav > a,
body:not(.admin-body) .nav-dropdown__toggle{
  font-weight:700 !important;
  letter-spacing:.01em !important;
}

body:not(.admin-body) .nav-dropdown{
  position:relative !important;
}
body:not(.admin-body) .nav-dropdown > .nav-dropdown__menu.ae-products-mega{
  
  
  
  
  
  
  
  
  
  overflow:visible !important;
  
  
  
}
body:not(.admin-body) .nav-dropdown.is-open > .nav-dropdown__menu.ae-products-mega{
  
  gap:16px !important;
}


body:not(.admin-body) .ae-menu-quick-links{
  display:flex !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}
body:not(.admin-body) .ae-menu-quick-links a{
  min-height:44px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:16px !important;
  font-size:14px !important;
  font-weight:700 !important;
}
body:not(.admin-body) .ae-menu-row,
body:not(.admin-body) .ae-home-strip__row{
  display:flex !important;
  justify-content:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}

body:not(.admin-body) .ae-strip-card{
  
  
  
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  text-align:center !important;
  
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
  
  
}
body:not(.admin-body) .ae-strip-card--compact{
  width:min(132px, 100%) !important;
  min-height:100px !important;
  border-radius:22px !important;
  padding:14px 12px !important;
}
html[data-theme="dark"] body:not(.admin-body) .ae-strip-card,
html:not([data-theme="light"]) body:not(.admin-body) .ae-strip-card{
  
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 14px 28px rgba(0,0,0,.18) !important;
  
}
html[data-theme="light"] body:not(.admin-body) .ae-strip-card{
  
  border:1px solid rgba(20,87,62,.12) !important;
  box-shadow:0 14px 28px rgba(13,73,52,.08) !important;
  
}
body:not(.admin-body) .ae-strip-card:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(216,177,90,.62) !important;
}
body:not(.admin-body) .ae-strip-card__icon{
  
  
  display:grid !important;
  place-items:center !important;
  
  font-size:22px !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16) !important;
}
body:not(.admin-body) .ae-strip-card strong{
  
  
  
  letter-spacing:-.01em !important;
  
  overflow-wrap:anywhere !important;
}
body:not(.admin-body) .home-discovery{
  padding-top:18px !important;
  padding-bottom:8px !important;
}

body:not(.admin-body) .promo-products-section{
  padding-top:10px !important;
}
body:not(.admin-body) #featuredProducts,
body:not(.admin-body) #indexOffersGrid,
body:not(.admin-body) #indexPromoGrid{
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
}
@media (max-width: 1100px){
  body:not(.admin-body) .nav.active{
    display:flex !important;
    align-items:center !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:calc(100vw - 28px) !important;
    max-width:430px !important;
    padding:14px !important;
  }
  body:not(.admin-body) .nav.active > a,
  body:not(.admin-body) .nav.active .nav-dropdown,
  body:not(.admin-body) .nav.active .nav-dropdown__toggle{
    width:100% !important;
    text-align:center !important;
  }
  body:not(.admin-body) .nav-dropdown > .nav-dropdown__menu.ae-products-mega{
    position:static !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    width:100% !important;
    margin-top:10px !important;
    padding:14px !important;
    border-radius:24px !important;
  }
  body:not(.admin-body) .ae-menu-quick-links{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
  }
  body:not(.admin-body) .ae-menu-quick-links a{
    width:100% !important;
  }
  body:not(.admin-body) .ae-menu-row,
  body:not(.admin-body) .ae-home-strip__row{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  body:not(.admin-body) .ae-strip-card,
  body:not(.admin-body) .ae-strip-card--compact{
    width:100% !important;
    min-height:88px !important;
    padding:12px 10px !important;
    border-radius:18px !important;
  }
  body:not(.admin-body) .ae-strip-card strong{
    font-size:14px !important;
  }
  body:not(.admin-body) .ae-strip-card__icon{
    width:38px !important;
    height:38px !important;
    font-size:18px !important;
  }
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid,
  body:not(.admin-body) #indexPromoGrid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width: 640px){
  body:not(.admin-body) .nav.active{
    max-width:360px !important;
  }
  body:not(.admin-body) .ae-menu-quick-links a{
    min-height:40px !important;
    font-size:12px !important;
    padding:0 10px !important;
  }
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid,
  body:not(.admin-body) #indexPromoGrid{
    grid-template-columns:1fr !important;
  }
}

/* =====================================================================
   HOME FINAL: tres banners alternados, 8 productos y modal de detalle
   ===================================================================== */

body:not(.admin-body) .home-showcase__inner{
  
  display:grid;
  
  align-items:center;
  
  
  
  overflow:hidden;
  background:linear-gradient(135deg,rgba(4,55,37,.98),rgba(8,115,74,.86));
  border:1px solid rgba(119,238,177,.24);
  
}

body:not(.admin-body) .home-showcase__copy span{
  display:inline-flex;
  margin-bottom:10px;
  
  border-radius:999px;
  
  
  
  
  
}


html[data-theme="light"] body:not(.admin-body) .home-showcase__copy h2,
html[data-theme="light"] body:not(.admin-body) .home-showcase__copy p,
html[data-theme="light"] body:not(.admin-body) .home-showcase__copy span{
  color:#111 !important;
}
body:not(.admin-body) .home-showcase__inner > img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
body:not(.admin-body) .home-products-block{
  padding-top:24px !important;
  padding-bottom:46px !important;
}
body:not(.admin-body) .home-products-block .products-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
body:not(.admin-body) .product-card.js-product-detail{
  cursor:pointer;
}

.product-detail-modal{
  position:fixed;
  inset:0;
  z-index:20000;
  display:none;
}
.product-detail-modal.is-open{display:grid;place-items:center;}
.product-detail-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.66);
  backdrop-filter:blur(8px);
}
.product-detail-modal__card{
  position:relative;
  z-index:1;
  width:min(900px,calc(100vw - 30px));
  max-height:90vh;
  overflow:auto;
  border-radius:28px;
  background:#fff;
  color:#111;
  box-shadow:0 34px 90px rgba(0,0,0,.38);
}
.product-detail-modal__close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:2;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#111;
  font-size:28px;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.14);
}
.product-detail-modal__grid{
  display:grid;
  grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);
  gap:28px;
  padding:34px;
}
.product-detail-modal__image{
  display:grid;
  place-items:center;
  min-height:420px;
  padding:24px;
  border-radius:22px;
  background:#f4f7f5;
}
.product-detail-modal__image img{
  width:100%;
  height:370px;
  object-fit:contain;
}
.product-detail-modal__info{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.product-detail-modal__brand{
  color:#0a7a50;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:12px;
}
.product-detail-modal__info h2{
  margin:10px 0 14px;
  font-size:clamp(1.8rem,4vw,3rem);
  line-height:1.05;
}
.product-detail-modal__info p{
  margin:0 0 20px;
  color:#5b6661;
}
.product-detail-modal__price{
  display:flex;
  align-items:flex-end;
  gap:12px;
  margin-bottom:22px;
}
.product-detail-modal__price small{
  text-decoration:line-through;
  color:#8a928e;
}
.product-detail-modal__price strong{
  font-size:2rem;
  color:#0a7a50;
}
body.modal-open{overflow:hidden;}

/* menú: siempre tarjetas centradas, sin títulos extra */
body:not(.admin-body) .ae-products-mega .ae-menu-row{
  width:100% !important;
  
}

body:not(.admin-body) .ae-products-mega .ae-strip-card strong{
  font-size:13px !important;
}

@media(max-width:900px){
  body:not(.admin-body) .home-showcase__inner{
    grid-template-columns:1fr;
    gap:20px;
    padding:22px;
    text-align:center;
  }
  body:not(.admin-body) .home-showcase--left .home-showcase__inner > img,
  body:not(.admin-body) .home-showcase--right .home-showcase__inner > img{
    order:-1;
  }
  body:not(.admin-body) .home-showcase__copy p{margin-left:auto;margin-right:auto;}
  body:not(.admin-body) .home-showcase__inner > img{height:220px;}
  body:not(.admin-body) .home-products-block .products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .product-detail-modal__grid{grid-template-columns:1fr;padding:22px;}
  .product-detail-modal__image{min-height:260px;}
  .product-detail-modal__image img{height:240px;}
}
@media(max-width:560px){
  body:not(.admin-body) .home-products-block .products-grid{
    grid-template-columns:1fr !important;
  }
  body:not(.admin-body) .ae-products-mega .ae-menu-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body:not(.admin-body) .ae-products-mega .ae-strip-card--compact{
    min-height:96px !important;
  }
}

/* =====================================================================
   CORRECCIÓN DEFINITIVA DEL DESPLEGABLE PRODUCTOS Y CATEGORÍAS DEL PANEL
   ===================================================================== */
body:not(.admin-body) .nav-dropdown__toggle{
  color:inherit !important;
  font-weight:700 !important;
}



body:not(.admin-body) .ae-products-mega .ae-menu-row{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:10px !important;
}
body:not(.admin-body) .ae-products-mega .ae-strip-card--compact{
  min-height:72px !important;
  width:min(170px,100%) !important;
  border-radius:16px !important;
  padding:10px 12px !important;
}
body:not(.admin-body) .ae-products-mega .ae-strip-card--compact strong{
  font-size:12px !important;
  line-height:1.15 !important;
  overflow-wrap:anywhere !important;
}

@media(max-width:900px){
  body:not(.admin-body) .nav.active{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:calc(100vw - 20px) !important;
    max-width:420px !important;
    max-height:calc(100vh - 18px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:10px !important;
    gap:8px !important;
    align-items:stretch !important;
  }
  body:not(.admin-body) .nav.active > a,
  body:not(.admin-body) .nav.active > .nav-dropdown,
  body:not(.admin-body) .nav.active .nav-dropdown__toggle{
    width:100% !important;
  }
  body:not(.admin-body) .nav-dropdown > .nav-dropdown__menu.ae-products-mega{
    position:static !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-height:none !important;
    margin:6px 0 0 !important;
    padding:10px !important;
    border-radius:18px !important;
    overflow:visible !important;
    gap:16px !important;
  }
  body:not(.admin-body) .ae-products-mega .ae-menu-quick-links{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
  }
  body:not(.admin-body) .ae-products-mega .ae-menu-quick-links a{
    width:100% !important;
    min-height:42px !important;
    padding:9px 10px !important;
    border-radius:13px !important;
    font-size:12px !important;
    font-weight:800 !important;
    text-align:center !important;
  }
  body:not(.admin-body) .ae-products-mega .ae-menu-group{
    gap:10px !important;
  }
  body:not(.admin-body) .ae-products-mega .ae-menu-group h3{
    font-size:18px !important;
    padding-top:4px !important;
  }
  body:not(.admin-body) .ae-products-mega .ae-menu-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
  }
  body:not(.admin-body) .ae-products-mega .ae-strip-card--compact{
    width:100% !important;
    min-height:42px !important;
    padding:8px 12px !important;
    border-radius:13px !important;
    display:flex !important;
    flex-direction:row !important;
  }
  body:not(.admin-body) .ae-products-mega .ae-strip-card--compact .ae-strip-card__icon{
    display:none !important;
  }
  body:not(.admin-body) .ae-products-mega .ae-strip-card--compact strong{
    font-size:12px !important;
    text-align:center !important;
  }
}

/* =====================================================================
   AE 2026 - DESPLEGABLE PRODUCTOS VERTICAL EN DESKTOP Y RESPONSIVE
   Solo muestra categorías con productos asignados.
   ===================================================================== */

body:not(.admin-body) .nav-dropdown > .nav-dropdown__menu.ae-products-mega{
  display:none !important;
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:340px !important;
  max-width:calc(100vw - 24px) !important;
  max-height:calc(100vh - 110px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:12px !important;
  gap:10px !important;
  border-radius:22px !important;
  z-index:10090 !important;
  box-shadow:0 24px 55px rgba(0,0,0,.24) !important;
  backdrop-filter:blur(22px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(150%) !important;
}
body:not(.admin-body) .nav-dropdown.is-open > .nav-dropdown__menu.ae-products-mega{
  display:flex !important;
  flex-direction:column !important;
}
html[data-theme="light"] body:not(.admin-body) .nav-dropdown > .nav-dropdown__menu.ae-products-mega{
  background:rgba(249,252,251,.96) !important;
  border:1px solid rgba(10,113,75,.15) !important;
  color:#111 !important;
}
html[data-theme="dark"] body:not(.admin-body) .nav-dropdown > .nav-dropdown__menu.ae-products-mega,
html:not([data-theme="light"]) body:not(.admin-body) .nav-dropdown > .nav-dropdown__menu.ae-products-mega{
  background:rgba(3,35,24,.96) !important;
  border:1px solid rgba(54,211,137,.24) !important;
  color:#fff !important;
}
body:not(.admin-body) .ae-products-mega .ae-menu-quick-links,
body:not(.admin-body) .ae-products-mega .ae-menu-row{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  gap:8px !important;
}
body:not(.admin-body) .ae-products-mega .ae-menu-group{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  gap:8px !important;
  margin:0 !important;
  padding:4px 0 0 !important;
}
body:not(.admin-body) .ae-products-mega .ae-menu-group h3{
  margin:3px 0 1px !important;
  padding:0 4px !important;
  text-align:center !important;
  color:#d9ad3f !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}
body:not(.admin-body) .ae-products-mega .ae-dropdown-button{
  width:100% !important;
  min-height:42px !important;
  padding:9px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  text-align:center !important;
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.01em !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease !important;
}
html[data-theme="light"] body:not(.admin-body) .ae-products-mega .ae-dropdown-button{
  background:rgba(255,255,255,.94) !important;
  color:#13211c !important;
  border:1px solid rgba(10,113,75,.17) !important;
  box-shadow:0 8px 20px rgba(15,76,55,.07) !important;
}
html[data-theme="dark"] body:not(.admin-body) .ae-products-mega .ae-dropdown-button,
html:not([data-theme="light"]) body:not(.admin-body) .ae-products-mega .ae-dropdown-button{
  background:rgba(255,255,255,.075) !important;
  color:#fff !important;
  border:1px solid rgba(88,225,157,.23) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
body:not(.admin-body) .ae-products-mega .ae-dropdown-button:hover{
  transform:translateY(-1px) !important;
  background:#0b9563 !important;
  border-color:#08734d !important;
  color:#fff !important;
}
body:not(.admin-body) .nav-dropdown.is-open > .nav-dropdown__toggle{
  background:#0b9563 !important;
  border-color:#08734d !important;
  color:#fff !important;
}

@media(max-width:900px){
  body:not(.admin-body) .nav.active{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:calc(100vw - 20px) !important;
    max-width:420px !important;
    max-height:calc(100vh - 18px) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:10px !important;
    gap:8px !important;
    align-items:stretch !important;
  }
  body:not(.admin-body) .nav.active > a,
  body:not(.admin-body) .nav.active > .nav-dropdown,
  body:not(.admin-body) .nav.active .nav-dropdown__toggle{
    width:100% !important;
  }
  body:not(.admin-body) .nav-dropdown > .nav-dropdown__menu.ae-products-mega{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:6px 0 0 !important;
    padding:10px !important;
    overflow:visible !important;
    border-radius:18px !important;
  }
}

/* Modal de producto: cantidad y confirmación visible por encima del modal */
.product-modal-quantity{
  display:grid!important;
  grid-template-columns:44px minmax(70px,100px) 44px!important;
  gap:10px!important;
  align-items:center!important;
  margin:16px 0 8px!important;
}
.product-modal-quantity button,
.product-modal-quantity input{
  height:44px!important;
  border-radius:12px!important;
  border:1px solid rgba(35,160,97,.28)!important;
  background:rgba(255,255,255,.10)!important;
  color:inherit!important;
  text-align:center!important;
  font-weight:900!important;
}
html[data-theme="light"] .product-modal-quantity button,
html[data-theme="light"] .product-modal-quantity input{background:#fff!important;color:#111!important;}
.product-modal-stock{display:block!important;margin-bottom:12px!important;opacity:.75!important;}
.product-modal-message{
  display:none!important;
  margin-top:12px!important;
  padding:12px 14px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#087b4d,#20d47a)!important;
  color:#fff!important;
  font-weight:800!important;
  position:relative!important;
  z-index:30001!important;
}
.product-modal-message.is-visible{display:block!important;}
.product-modal-message.is-error{background:linear-gradient(135deg,#a51d28,#ef4444)!important;}
.cart-toast{z-index:30050!important;top:18px!important;bottom:auto!important;}


/* AE 2026: carrusel horizontal de categorías y marcas, tarjetas de vidrio */
body:not(.admin-body) .home-category-brand-strip{
  width:100% !important;
  overflow:hidden !important;
  padding:8px 0 10px !important;
}
body:not(.admin-body) .ae-home-strip__row{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  gap:12px !important;
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:8px 8px 14px !important;
  scroll-snap-type:x proximity !important;
  
  scrollbar-color:rgba(216,177,90,.85) transparent !important;
  -webkit-overflow-scrolling:touch !important;
}

body:not(.admin-body) .ae-home-strip__row::-webkit-scrollbar-track{background:transparent !important;}
body:not(.admin-body) .ae-home-strip__row::-webkit-scrollbar-thumb{background:rgba(216,177,90,.85) !important;border-radius:999px !important;}
body:not(.admin-body) .ae-home-strip__row + .ae-home-strip__row{margin-top:8px !important;}
body:not(.admin-body) .ae-strip-card{
  flex:0 0 128px !important;
  width:128px !important;
  min-width:128px !important;
  max-width:128px !important;
  min-height:112px !important;
  padding:14px 10px !important;
  border-radius:24px !important;
  scroll-snap-align:start !important;
  background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.08)) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 14px 30px rgba(0,0,0,.11) !important;
  backdrop-filter:blur(20px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(150%) !important;
}
html[data-theme="light"] body:not(.admin-body) .ae-strip-card{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,255,255,.58)) !important;
  border-color:rgba(255,255,255,.82) !important;
  color:#111 !important;
}
html[data-theme="dark"] body:not(.admin-body) .ae-strip-card,
html:not([data-theme="light"]) body:not(.admin-body) .ae-strip-card{
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045)) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#fff !important;
}
body:not(.admin-body) .ae-strip-card__icon{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:14px !important;
  overflow:hidden !important;
}
body:not(.admin-body) .ae-strip-card__icon--image{background:rgba(255,255,255,.7) !important;}
body:not(.admin-body) .ae-strip-card__icon img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
}
body:not(.admin-body) .ae-strip-card strong{
  display:block !important;
  width:100% !important;
  font-size:11px !important;
  
  font-weight:700 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  
}
@media(max-width:640px){
  body:not(.admin-body) .ae-strip-card{
    flex-basis:112px !important;
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
    min-height:100px !important;
    border-radius:20px !important;
    padding:12px 8px !important;
  }
  body:not(.admin-body) .ae-strip-card strong{font-size:10px !important;}
  body:not(.admin-body) .ae-home-strip__row{gap:10px !important;padding-inline:4px !important;}
}

/* ================================================================
   AJUSTES UI SOLICITADOS - navegación, franjas, paginación y filtros
   ================================================================ */
/* Elimina el cuadro/borde que envuelve Inicio, Productos y Pedidos */
body:not(.admin-body) .nav{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
}
body:not(.admin-body) .nav::before,
body:not(.admin-body) .nav::after{display:none !important;content:none !important;}

/* Marcas centradas exactamente debajo de las categorías */
body:not(.admin-body) .ae-home-strip__row--brands{
  justify-content:center !important;
  overflow-x:visible !important;
  padding-top:8px !important;
}

/* Paginación de productos: vidrio claro con números negros en modo claro */
html[data-theme="light"] body:not(.admin-body) .shop-page-btn{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.62)) !important;
  color:#111 !important;
  border:1px solid rgba(13,73,52,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(13,73,52,.08) !important;
  backdrop-filter:blur(16px) saturate(145%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(145%) !important;
}
html[data-theme="light"] body:not(.admin-body) .shop-page-btn.is-active{
  background:linear-gradient(145deg,#0aa363,#087a4c) !important;
  color:#fff !important;
  border-color:#087a4c !important;
}
html[data-theme="light"] body:not(.admin-body) .shop-page-dots{color:#111 !important;}

/* Panel de filtros: más aire, elementos compactos y sin símbolos de cierre */
body:not(.admin-body) .shop-sidebar{
  padding:14px !important;
}
body:not(.admin-body) .shop-filter-content{
  padding:12px !important;
  gap:14px !important;
}
body:not(.admin-body) .shop-filter-toggle{
  margin:0 0 12px !important;
}
body:not(.admin-body) .shop-filter-title{
  margin:10px 0 6px !important;
}
body:not(.admin-body) .shop-filter-title > span{
  display:none !important;
}
body:not(.admin-body) .shop-checks{
  gap:9px !important;
}
body:not(.admin-body) .shop-checks label,
body:not(.admin-body) .shop-check-item{
  min-height:34px !important;
  padding:6px 10px !important;
  margin:0 !important;
  font-size:10px !important;
  border-radius:12px !important;
}
body:not(.admin-body) .shop-checks input[type="checkbox"]{
  width:30px !important;
  height:17px !important;
  flex:0 0 30px !important;
}
body:not(.admin-body) .shop-search-box{
  margin-bottom:8px !important;
}
body:not(.admin-body) .shop-search-box input{
  min-height:38px !important;
  padding:8px 34px 8px 12px !important;
  font-size:12px !important;
}
body:not(.admin-body) .shop-filter-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:14px !important;
  padding:0 0 6px !important;
}
body:not(.admin-body) .shop-filter-apply,
body:not(.admin-body) .shop-filter-clear{
  min-height:38px !important;
  font-size:11px !important;
  border-radius:12px !important;
}

@media(max-width:640px){
  body:not(.admin-body) .ae-home-strip__row--brands{
    justify-content:flex-start !important;
    overflow-x:auto !important;
  }
  body:not(.admin-body) .shop-sidebar{padding:12px !important;}
  body:not(.admin-body) .shop-filter-content{padding:10px !important;}
}

/* ================================================================
   FIX VISIBILIDAD MODO OSCURO: pedidos, selects y menú de perfil
   ================================================================ */
html[data-theme="dark"] body:not(.admin-body) .order-card--separada,
html:not([data-theme="light"]) body:not(.admin-body) .order-card--separada{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025)) !important;
  color:#f7fff9 !important;
  border-color:rgba(79,220,143,.34) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.30) !important;
}
html[data-theme="dark"] body:not(.admin-body) .order-card--separada h3,
html[data-theme="dark"] body:not(.admin-body) .order-card--separada p,
html[data-theme="dark"] body:not(.admin-body) .order-card--separada strong,
html[data-theme="dark"] body:not(.admin-body) .order-card--separada span,
html:not([data-theme="light"]) body:not(.admin-body) .order-card--separada h3,
html:not([data-theme="light"]) body:not(.admin-body) .order-card--separada p,
html:not([data-theme="light"]) body:not(.admin-body) .order-card--separada strong,
html:not([data-theme="light"]) body:not(.admin-body) .order-card--separada span{
  color:#f7fff9 !important;
}
html[data-theme="dark"] body:not(.admin-body) .order-label,
html[data-theme="dark"] body:not(.admin-body) .order-items small,
html:not([data-theme="light"]) body:not(.admin-body) .order-label,
html:not([data-theme="light"]) body:not(.admin-body) .order-items small{
  color:#b7c8bf !important;
}
html[data-theme="dark"] body:not(.admin-body) .order-items--card,
html:not([data-theme="light"]) body:not(.admin-body) .order-items--card{
  border-color:rgba(255,255,255,.46) !important;
}
html[data-theme="dark"] body:not(.admin-body) .order-status,
html:not([data-theme="light"]) body:not(.admin-body) .order-status{
  background:#dff7eb !important;
  color:#075f3d !important;
  border:1px solid rgba(255,255,255,.65) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
}
html[data-theme="dark"] body:not(.admin-body) .order-status--registrado,
html:not([data-theme="light"]) body:not(.admin-body) .order-status--registrado{
  background:#e8f5ef !important;
  color:#0a6845 !important;
}
html[data-theme="dark"] body:not(.admin-body) .order-status--preparando,
html:not([data-theme="light"]) body:not(.admin-body) .order-status--preparando{
  background:#fff2c7 !important;
  color:#7d5700 !important;
}
html[data-theme="dark"] body:not(.admin-body) .order-status--enviado,
html:not([data-theme="light"]) body:not(.admin-body) .order-status--enviado{
  background:#dff1ff !important;
  color:#075b89 !important;
}
html[data-theme="dark"] body:not(.admin-body) .order-status--entregado,
html:not([data-theme="light"]) body:not(.admin-body) .order-status--entregado{
  background:#d9fae5 !important;
  color:#08653f !important;
}
html[data-theme="dark"] body:not(.admin-body) .order-status--cancelado,
html:not([data-theme="light"]) body:not(.admin-body) .order-status--cancelado{
  background:#ffe3df !important;
  color:#a51f18 !important;
}

/* Select de orden: texto y opciones legibles en ambos temas */
html[data-theme="dark"] body:not(.admin-body) #orderFilter,
html:not([data-theme="light"]) body:not(.admin-body) #orderFilter{
  background:#12231c !important;
  color:#fff !important;
  border-color:rgba(96,225,157,.28) !important;
  color-scheme:dark !important;
}
html[data-theme="dark"] body:not(.admin-body) #orderFilter option,
html:not([data-theme="light"]) body:not(.admin-body) #orderFilter option{
  background:#102018 !important;
  color:#fff !important;
}
html[data-theme="light"] body:not(.admin-body) #orderFilter{
  background:rgba(255,255,255,.88) !important;
  color:#111 !important;
  color-scheme:light !important;
}
html[data-theme="light"] body:not(.admin-body) #orderFilter option{
  background:#fff !important;
  color:#111 !important;
}

/* Menú de perfil: botones y enlaces visibles en oscuro */
html[data-theme="dark"] body:not(.admin-body) .profile-menu,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu{
  background:rgba(3,34,23,.97) !important;
  color:#fff !important;
  border-color:rgba(78,222,146,.32) !important;
  box-shadow:0 22px 58px rgba(0,0,0,.48) !important;
}
html[data-theme="dark"] body:not(.admin-body) .profile-menu__header,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu__header{
  border-bottom-color:rgba(255,255,255,.18) !important;
}
html[data-theme="dark"] body:not(.admin-body) .profile-menu,
html[data-theme="dark"] body:not(.admin-body) .profile-menu label,
html[data-theme="dark"] body:not(.admin-body) .profile-menu strong,
html[data-theme="dark"] body:not(.admin-body) .profile-menu small,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu label,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu strong,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu small{
  color:#f5fff8 !important;
}
html[data-theme="dark"] body:not(.admin-body) .profile-menu__form input,
html[data-theme="dark"] body:not(.admin-body) .profile-menu__form textarea,
html[data-theme="dark"] body:not(.admin-body) .profile-menu__form select,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu__form input,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu__form textarea,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu__form select{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border-color:rgba(81,220,145,.28) !important;
}
html[data-theme="dark"] body:not(.admin-body) .profile-menu__form input:disabled,
html[data-theme="dark"] body:not(.admin-body) .profile-menu__form textarea:disabled,
html[data-theme="dark"] body:not(.admin-body) .profile-menu__form select:disabled,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu__form input:disabled,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu__form textarea:disabled,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu__form select:disabled{
  background:rgba(255,255,255,.065) !important;
  color:#f4fff7 !important;
  opacity:1 !important;
}
html[data-theme="dark"] body:not(.admin-body) .profile-menu__actions .btn,
html[data-theme="dark"] body:not(.admin-body) #quickLogout,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu__actions .btn,
html:not([data-theme="light"]) body:not(.admin-body) #quickLogout{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.065)) !important;
  color:#fff !important;
  border:1px solid rgba(86,224,151,.38) !important;
  box-shadow:none !important;
}
html[data-theme="dark"] body:not(.admin-body) #quickSaveProfile,
html:not([data-theme="light"]) body:not(.admin-body) #quickSaveProfile{
  background:linear-gradient(135deg,#18c875,#0b8e56) !important;
  color:#03140c !important;
  border-color:#20d47a !important;
}
html[data-theme="dark"] body:not(.admin-body) .profile-menu__link,
html:not([data-theme="light"]) body:not(.admin-body) .profile-menu__link{
  display:block !important;
  padding:11px 12px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
html[data-theme="dark"] body:not(.admin-body) #quickLogout,
html:not([data-theme="light"]) body:not(.admin-body) #quickLogout{
  width:100% !important;
  justify-content:center !important;
  margin-top:10px !important;
}


/* Ajuste final solicitado: header y nav sin borde ni sombra en ambos temas. */
html[data-theme="light"] body:not(.admin-body) .header,
html[data-theme="light"] body:not(.admin-body) .nav,
html[data-theme="dark"] body:not(.admin-body) .header,
html[data-theme="dark"] body:not(.admin-body) .nav,
html:not([data-theme="light"]) body:not(.admin-body) .header,
html:not([data-theme="light"]) body:not(.admin-body) .nav{
  border:none !important;
  box-shadow:none !important;
}

/* ================================================================
   NAVBAR FINAL: selector de tema antes del logo y menú centrado
   ================================================================ */
@media (min-width: 901px){
  body:not(.admin-body) .header__content{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:16px !important;
    min-height:90px !important;
    height:90px !important;
    padding-inline:28px !important;
  }

  /* Aunque el botón se crea después del logo, visualmente queda antes. */
  body:not(.admin-body) .header__content > .theme-toggle{
    order:-2 !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }

  body:not(.admin-body) .header__content > .logo{
    order:-1 !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }

  body:not(.admin-body) .header__content > .logo img{
    width:205px !important;
    max-width:205px !important;
    height:56px !important;
    max-height:56px !important;
    object-fit:contain !important;
  }

  /* Inicio, Productos y Pedidos quedan centrados en todo el navbar. */
  body:not(.admin-body) .header__content > .nav{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:28px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body:not(.admin-body) .header__content > .nav > a,
  body:not(.admin-body) .header__content > .nav .nav-dropdown__toggle{
    min-width:110px !important;
    min-height:46px !important;
    padding:0 22px !important;
    justify-content:center !important;
    font-size:15px !important;
    font-weight:700 !important;
  }

  body:not(.admin-body) .header__content > .header__actions{
    order:4 !important;
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
  }
}

@media (max-width: 1100px) and (min-width: 901px){
  body:not(.admin-body) .header__content{
    gap:10px !important;
    padding-inline:18px !important;
  }
  body:not(.admin-body) .header__content > .logo img{
    width:160px !important;
    max-width:160px !important;
  }
  body:not(.admin-body) .header__content > .nav{
    gap:12px !important;
  }
  body:not(.admin-body) .header__content > .nav > a,
  body:not(.admin-body) .header__content > .nav .nav-dropdown__toggle{
    min-width:92px !important;
    padding-inline:14px !important;
    font-size:13px !important;
  }
  body:not(.admin-body) .header__content > .header__actions{
    gap:8px !important;
  }
}

/* =====================================================================
   RESPONSIVE DEFINITIVO 2026-07-13
   Hamburguesa compacta + menú de 3 botones + grillas 3/2 columnas
   ===================================================================== */
@media (max-width:1100px){
  body:not(.admin-body) .header{
    position:relative !important;
    overflow:visible !important;
  }

  body:not(.admin-body) .header__content{
    position:relative !important;
    width:calc(100% - 20px) !important;
    max-width:none !important;
    min-height:72px !important;
    height:72px !important;
    margin:8px auto !important;
    padding:8px 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }

  body:not(.admin-body) .header__content > .logo{
    order:1 !important;
    flex:0 1 auto !important;
    margin:0 !important;
  }

  body:not(.admin-body) .header__content > .logo img{
    width:100px !important;
    max-width:100px !important;
    height:36px !important;
    max-height:36px !important;
    object-fit:contain !important;
  }

  body:not(.admin-body) .header__content > .theme-toggle{
    order:4 !important;
    width:auto !important;
    min-width:72px !important;
    height:42px !important;
    margin:0 !important;
    flex:0 0 auto !important;
  }

  body:not(.admin-body) .header__actions{
    order:3 !important;
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
  }

  body:not(.admin-body) .header__actions .icon-btn,
  body:not(.admin-body) .header__actions .cart-link,
  body:not(.admin-body) .header__actions .profile-link,
  body:not(.admin-body) .menu-btn{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    font-size:17px !important;
  }

  body:not(.admin-body) .menu-btn{
    display:grid !important;
  }

  body:not(.admin-body) .header__content > .nav{
    display:none !important;
    position:absolute !important;
    z-index:10060 !important;
    top:calc(100% + 12px) !important;
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    width:min(420px, calc(100vw - 24px)) !important;
    max-width:420px !important;
    height:auto !important;
    max-height:calc(100vh - 105px) !important;
    margin:0 !important;
    padding:10px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    border-radius:18px !important;
    backdrop-filter:blur(20px) !important;
    -webkit-backdrop-filter:blur(20px) !important;
  }

  body:not(.admin-body) .header__content > .nav.active{
    display:flex !important;
  }

  html[data-theme="light"] body:not(.admin-body) .header__content > .nav.active{
    background:rgba(247,251,249,.96) !important;
  }
  html[data-theme="dark"] body:not(.admin-body) .header__content > .nav.active,
  html:not([data-theme="light"]) body:not(.admin-body) .header__content > .nav.active{
    background:rgba(2,30,21,.97) !important;
  }

  body:not(.admin-body) .header__content > .nav > a,
  body:not(.admin-body) .header__content > .nav > .nav-dropdown,
  body:not(.admin-body) .header__content > .nav .nav-dropdown__toggle{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }

  body:not(.admin-body) .header__content > .nav > a,
  body:not(.admin-body) .header__content > .nav .nav-dropdown__toggle{
    min-height:42px !important;
    height:42px !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:13px !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    text-align:center !important;
  }

  body:not(.admin-body) .nav-dropdown{
    display:block !important;
  }

  body:not(.admin-body) .nav-dropdown > .nav-dropdown__menu.ae-products-mega{
    display:none !important;
    position:static !important;
    inset:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:8px 0 0 !important;
    padding:8px !important;
    border-radius:14px !important;
    overflow:visible !important;
    box-shadow:none !important;
  }

  body:not(.admin-body) .nav-dropdown.is-open > .nav-dropdown__menu.ae-products-mega{
    display:grid !important;
    gap:9px !important;
  }

  body:not(.admin-body) .ae-menu-quick-links,
  body:not(.admin-body) .ae-menu-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    width:100% !important;
  }

  body:not(.admin-body) .ae-menu-group{
    display:grid !important;
    gap:7px !important;
    width:100% !important;
  }

  body:not(.admin-body) .ae-menu-group h3{
    margin:7px 0 2px !important;
    text-align:center !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }

  body:not(.admin-body) .ae-dropdown-button{
    width:100% !important;
    min-height:38px !important;
    height:auto !important;
    padding:9px 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:11px !important;
    text-align:center !important;
    font-size:10px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }

  /* Tablet: tres productos por fila. */
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) .home-products-block .products-grid{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:12px !important;
  }

  body:not(.admin-body) .product-card{
    min-width:0 !important;
    width:100% !important;
  }
}

@media (max-width:767px){
  body:not(.admin-body) .header__content{
    width:calc(100% - 12px) !important;
    padding-inline:8px !important;
    gap:5px !important;
  }

  body:not(.admin-body) .header__content > .logo img{
    width:76px !important;
    max-width:76px !important;
  }

  body:not(.admin-body) .header__actions{
    gap:5px !important;
  }

  body:not(.admin-body) .header__actions .icon-btn,
  body:not(.admin-body) .header__actions .cart-link,
  body:not(.admin-body) .header__actions .profile-link,
  body:not(.admin-body) .menu-btn{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }

  body:not(.admin-body) .header__content > .theme-toggle{
    min-width:66px !important;
    height:38px !important;
  }

  body:not(.admin-body) .header__content > .nav{
    top:calc(100% + 10px) !important;
    width:calc(100vw - 18px) !important;
    max-width:360px !important;
    padding:8px !important;
  }

  /* Teléfonos: dos tarjetas pequeñas y distinguibles. */
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) .home-products-block .products-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  body:not(.admin-body) .product-card{
    min-height:0 !important;
    border-radius:16px !important;
  }

  body:not(.admin-body) .product-card__img{
    height:132px !important;
    min-height:132px !important;
    flex-basis:132px !important;
    border-radius:14px !important;
  }

  body:not(.admin-body) .product-card__img img{
    max-width:88% !important;
    max-height:112px !important;
    padding:8px !important;
  }

  body:not(.admin-body) .product-card__body{
    padding:9px 8px 10px !important;
  }

  body:not(.admin-body) .product-card__brand{
    font-size:7px !important;
    min-height:10px !important;
  }

  body:not(.admin-body) .product-card__title{
    min-height:28px !important;
    max-height:28px !important;
    font-size:8px !important;
    line-height:1.25 !important;
  }

  body:not(.admin-body) .product-card__desc{
    display:none !important;
  }

  body:not(.admin-body) .small-btn.js-add-cart,
  body:not(.admin-body) .product-card__add-btn{
    width:90% !important;
    max-width:none !important;
    min-height:31px !important;
    height:31px !important;
    margin-inline:auto !important;
    font-size:8px !important;
  }

  body:not(.admin-body) .price,
  body:not(.admin-body) .current-price{
    font-size:11px !important;
  }
}

@media (max-width:390px){
  body:not(.admin-body) .header__content > .logo img{
    width:66px !important;
    max-width:66px !important;
  }

  body:not(.admin-body) .header__actions .icon-btn,
  body:not(.admin-body) .header__actions .cart-link,
  body:not(.admin-body) .header__actions .profile-link,
  body:not(.admin-body) .menu-btn{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    font-size:14px !important;
  }

  body:not(.admin-body) .header__content > .theme-toggle{
    min-width:60px !important;
    height:34px !important;
  }

  body:not(.admin-body) .product-card__img{
    height:116px !important;
    min-height:116px !important;
    flex-basis:116px !important;
  }
}

/* Contacto, sedes y footer social */
.footer-social{display:flex!important;align-items:center!important;gap:12px!important;margin-top:16px!important;}
.footer-social a{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;}
.footer-social img{width:25px!important;height:25px!important;object-fit:contain!important;}
.contact-page{min-height:100vh;}
.contact-hero{padding:72px 0 44px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(37,209,123,.2),transparent 50%);}
.contact-hero h1{font-size:clamp(2.2rem,6vw,4.8rem);margin:12px 0;}.contact-hero p{max-width:760px;margin:auto;font-size:1.08rem;}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:28px;align-items:start;}
.contact-form-card,.contact-info-card{padding:clamp(20px,4vw,36px);border-radius:28px;}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;}
.contact-form label{display:grid;gap:7px;font-weight:700;}.contact-form label:nth-last-of-type(1),.contact-form label:nth-last-of-type(2){grid-column:1/-1;}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border-radius:14px;padding:13px 14px;border:1px solid rgba(77,202,141,.25);background:rgba(255,255,255,.07);color:inherit;outline:none;}
.contact-form textarea{resize:vertical;}.contact-form button{grid-column:1/-1;}.contact-form-msg{grid-column:1/-1;min-height:24px;font-weight:700;}.contact-form-msg.ok{color:#35d982;}.contact-form-msg.error{color:#ff7777;}
.contact-qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;}.contact-qr-grid article{text-align:center;padding:14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(77,202,141,.18);}
.contact-qr-grid img{width:100%;max-width:150px;margin:0 auto 10px;border-radius:12px;background:#fff;padding:6px;}.contact-qr-grid h3{margin:4px 0;}.contact-qr-grid p{font-size:.82rem;min-height:40px;}.contact-qr-grid a{font-weight:800;color:#38d889;}
.contact-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}.contact-map-card{padding:16px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(77,202,141,.18);}.contact-map-card h3{margin:0 0 12px;}.contact-map-card iframe{width:100%;height:310px;border:0;border-radius:16px;}
html[data-theme="light"] .contact-form-card,html[data-theme="light"] .contact-info-card,html[data-theme="light"] .contact-map-card{background:rgba(255,255,255,.78);color:#101715;box-shadow:0 18px 42px rgba(20,80,58,.08);}
html[data-theme="light"] .contact-form input,html[data-theme="light"] .contact-form select,html[data-theme="light"] .contact-form textarea{background:#fff;color:#101715;}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;}.contact-map-grid{grid-template-columns:1fr;}.contact-qr-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:620px){.contact-form{grid-template-columns:1fr;}.contact-form label{grid-column:1!important;}.contact-qr-grid{grid-template-columns:1fr;}.contact-qr-grid p{min-height:0;}.contact-hero{padding-top:42px;}}

/* ================================================================
   LOGO PRINCIPAL MÁS GRANDE Y LEGIBLE — ajuste final 2026-07-14
   El PNG fue optimizado eliminando espacio transparente innecesario.
   ================================================================ */
body:not(.admin-body) .header__content > .logo{
  flex-shrink:0 !important;
}

@media (min-width:1101px){
  body:not(.admin-body) .header__content > .logo img{
    width:230px !important;
    max-width:230px !important;
    height:58px !important;
    max-height:58px !important;
  }
}

@media (min-width:901px) and (max-width:1100px){
  body:not(.admin-body) .header__content > .logo img{
    width:180px !important;
    max-width:180px !important;
    height:50px !important;
    max-height:50px !important;
  }
}

@media (min-width:701px) and (max-width:900px){
  body:not(.admin-body) .header__content > .logo img{
    width:165px !important;
    max-width:165px !important;
    height:46px !important;
    max-height:46px !important;
  }
}

@media (min-width:481px) and (max-width:700px){
  body:not(.admin-body) .header__content > .logo img{
    width:140px !important;
    max-width:140px !important;
    height:42px !important;
    max-height:42px !important;
  }
}

@media (max-width:480px){
  body:not(.admin-body) .header__content > .logo{
    min-width:100px !important;
  }
  body:not(.admin-body) .header__content > .logo img{
    width:112px !important;
    max-width:112px !important;
    height:38px !important;
    max-height:38px !important;
  }
}

@media (max-width:390px){
  body:not(.admin-body) .header__content > .logo{
    min-width:88px !important;
  }
  body:not(.admin-body) .header__content > .logo img{
    width:96px !important;
    max-width:96px !important;
    height:34px !important;
    max-height:34px !important;
  }
}

/* ================================================================
   NAVBAR ORDENADO + LOGO LEGIBLE (único ajuste solicitado)
   Mantiene logo, navegación y acciones en una sola línea.
   Aplica por igual en modo claro y oscuro.
   ================================================================ */
body:not(.admin-body) .header__content{
  flex-wrap:nowrap !important;
}
body:not(.admin-body) .header__content > .logo{
  position:relative !important;
  flex:0 0 auto !important;
  align-self:center !important;
  z-index:2 !important;
}
body:not(.admin-body) .header__content > .logo img{
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
}

@media (min-width:1101px){
  body:not(.admin-body) .header__content{
    min-height:82px !important;
    height:82px !important;
    padding-inline:22px !important;
  }
  body:not(.admin-body) .header__content > .logo img{
    width:190px !important;
    max-width:190px !important;
    height:52px !important;
    max-height:52px !important;
  }
  body:not(.admin-body) .header__content > .nav{
    gap:20px !important;
  }
  body:not(.admin-body) .header__content > .nav > a,
  body:not(.admin-body) .header__content > .nav .nav-dropdown__toggle{
    min-width:96px !important;
    padding-inline:16px !important;
  }
}

@media (max-width:1100px){
  body:not(.admin-body) .header__content{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }
  body:not(.admin-body) .header__content > .logo{
    order:1 !important;
    margin-right:auto !important;
    min-width:0 !important;
  }
  body:not(.admin-body) .header__content > .theme-toggle{
    order:2 !important;
    flex:0 0 auto !important;
  }
  body:not(.admin-body) .header__content > .header__actions{
    order:3 !important;
    flex:0 0 auto !important;
    margin-left:0 !important;
  }
}

@media (min-width:768px) and (max-width:1100px){
  body:not(.admin-body) .header__content > .logo img{
    width:150px !important;
    max-width:150px !important;
    height:44px !important;
    max-height:44px !important;
  }
}

@media (min-width:481px) and (max-width:767px){
  body:not(.admin-body) .header__content > .logo img{
    width:122px !important;
    max-width:122px !important;
    height:40px !important;
    max-height:40px !important;
  }
}

@media (max-width:480px){
  body:not(.admin-body) .header__content{
    min-height:64px !important;
    height:64px !important;
    padding-inline:7px !important;
    gap:4px !important;
  }
  body:not(.admin-body) .header__content > .logo{
    min-width:0 !important;
  }
  body:not(.admin-body) .header__content > .logo img{
    width:98px !important;
    max-width:98px !important;
    height:34px !important;
    max-height:34px !important;
  }
  body:not(.admin-body) .header__content > .theme-toggle{
    min-width:54px !important;
    width:54px !important;
    height:34px !important;
    padding-inline:4px !important;
  }
  body:not(.admin-body) .header__actions{
    gap:3px !important;
  }
  body:not(.admin-body) .header__actions .icon-btn,
  body:not(.admin-body) .header__actions .cart-link,
  body:not(.admin-body) .header__actions .profile-link,
  body:not(.admin-body) .menu-btn{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    font-size:14px !important;
  }
}

@media (max-width:360px){
  body:not(.admin-body) .header__content > .logo img{
    width:86px !important;
    max-width:86px !important;
  }
  body:not(.admin-body) .header__content > .theme-toggle{
    min-width:48px !important;
    width:48px !important;
  }
  body:not(.admin-body) .header__actions .icon-btn,
  body:not(.admin-body) .header__actions .cart-link,
  body:not(.admin-body) .header__actions .profile-link,
  body:not(.admin-body) .menu-btn{
    width:29px !important;
    height:29px !important;
    min-width:29px !important;
    min-height:29px !important;
  }
}

/* ================================================================
   LOGOS DEL NAVBAR POR TEMA — único ajuste solicitado
   blanco.png: modo oscuro | negro.png: modo claro
   Ambos archivos tienen el mismo recorte y proporción visible.
   ================================================================ */
html[data-theme="dark"] body:not(.admin-body) .header__content > .logo img,
html[data-theme="light"] body:not(.admin-body) .header__content > .logo img{
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  opacity:1 !important;
  transform:none !important;
}

@media (min-width:1101px){
  html[data-theme="dark"] body:not(.admin-body) .header__content > .logo img,
  html[data-theme="light"] body:not(.admin-body) .header__content > .logo img{
    width:190px !important;
    max-width:190px !important;
    height:52px !important;
    max-height:52px !important;
  }
}

@media (min-width:768px) and (max-width:1100px){
  html[data-theme="dark"] body:not(.admin-body) .header__content > .logo img,
  html[data-theme="light"] body:not(.admin-body) .header__content > .logo img{
    width:150px !important;
    max-width:150px !important;
    height:44px !important;
    max-height:44px !important;
  }
}

@media (min-width:481px) and (max-width:767px){
  html[data-theme="dark"] body:not(.admin-body) .header__content > .logo img,
  html[data-theme="light"] body:not(.admin-body) .header__content > .logo img{
    width:122px !important;
    max-width:122px !important;
    height:40px !important;
    max-height:40px !important;
  }
}

@media (max-width:480px){
  html[data-theme="dark"] body:not(.admin-body) .header__content > .logo img,
  html[data-theme="light"] body:not(.admin-body) .header__content > .logo img{
    width:98px !important;
    max-width:98px !important;
    height:34px !important;
    max-height:34px !important;
  }
}

@media (max-width:360px){
  html[data-theme="dark"] body:not(.admin-body) .header__content > .logo img,
  html[data-theme="light"] body:not(.admin-body) .header__content > .logo img{
    width:86px !important;
    max-width:86px !important;
  }
}


/* Los banners administrables aceptan fotos y videos con el mismo diseño */
body:not(.admin-body) .promo-banner__inner > video,
body:not(.admin-body) .promo-banner video,
body:not(.admin-body) .home-showcase__inner > video{width:100%;height:100%;object-fit:cover;border-radius:24px;display:block;}
body:not(.admin-body) .home-showcase__inner > video{height:clamp(240px,32vw,430px);}
@media(max-width:760px){body:not(.admin-body) .promo-banner__inner > video{order:-1;min-height:220px;}body:not(.admin-body) .home-showcase__inner > video{height:220px;}}


/* ================================================================
   BANNERS PREMIUM: tipografía, contraste y botón ordenado
   ================================================================ */

body:not(.admin-body) .home-showcase__inner{
  min-height:clamp(340px,38vw,470px);
  grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);
  gap:clamp(34px,5vw,72px);
  padding:clamp(28px,4.5vw,58px);
  border-radius:34px;
  box-shadow:0 30px 80px rgba(1,28,19,.22);
}

body:not(.admin-body) .home-showcase__copy span{
  align-self:flex-start;
  margin:0 0 16px;
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  color:#f4fff9;
  font-family:Inter,Montserrat,Arial,sans-serif;
  font-size:clamp(.72rem,.9vw,.84rem);
  font-weight:800;
  letter-spacing:.14em;
  line-height:1;
  text-transform:uppercase;
}
body:not(.admin-body) .home-showcase__copy h2{
  
  
  color:#fff;
  font-family:Inter,Montserrat,Arial,sans-serif;
  
  font-weight:800;
  letter-spacing:-.045em;
  
  text-wrap:balance;
}
body:not(.admin-body) .home-showcase__copy p{
  
  
  color:rgba(244,255,249,.82);
  font-family:Inter,Montserrat,Arial,sans-serif;
  
  font-weight:400;
  
}

body:not(.admin-body) .home-showcase__actions .btn{
  
  
  display:inline-flex;
  align-items:center;
  justify-content:center;
  
  
  font-family:Inter,Montserrat,Arial,sans-serif;
  
  font-weight:750;
  letter-spacing:.01em;
  box-shadow:0 16px 34px rgba(14,185,103,.24);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
body:not(.admin-body) .home-showcase__actions .btn:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(14,185,103,.30);
  filter:saturate(1.05);
}
body:not(.admin-body) .home-showcase__inner > img,
body:not(.admin-body) .home-showcase__inner > video{
  height:clamp(290px,34vw,410px);
  border-radius:26px;
  box-shadow:0 24px 54px rgba(0,0,0,.22);
}

html[data-theme="light"] body:not(.admin-body) .home-showcase__copy h2{
  color:#101714 !important;
}

html[data-theme="light"] body:not(.admin-body) .home-showcase__copy span{
  
  
  border-color:rgba(18,119,77,.14);
}
html[data-theme="dark"] body:not(.admin-body) .home-showcase__copy h2{
  color:#f7fff9 !important;
}
html[data-theme="dark"] body:not(.admin-body) .home-showcase__copy p{
  color:rgba(238,255,246,.78) !important;
}
html[data-theme="dark"] body:not(.admin-body) .home-showcase__copy span{
  color:#dfffee !important;
}

@media (max-width:900px){
  body:not(.admin-body) .home-showcase__inner{
    grid-template-columns:1fr;
    gap:26px;
    min-height:0;
  }
  body:not(.admin-body) .home-showcase--left .home-showcase__inner > img,
  body:not(.admin-body) .home-showcase--left .home-showcase__inner > video,
  body:not(.admin-body) .home-showcase--right .home-showcase__inner > img,
  body:not(.admin-body) .home-showcase--right .home-showcase__inner > video{
    order:-1;
  }
  body:not(.admin-body) .home-showcase__actions{
    justify-content:flex-end;
  }
}
@media (max-width:560px){
  body:not(.admin-body) .home-showcase__inner{
    padding:20px;
    border-radius:24px;
  }
  body:not(.admin-body) .home-showcase__inner > img,
  body:not(.admin-body) .home-showcase__inner > video{
    height:230px;
    border-radius:19px;
  }
  body:not(.admin-body) .home-showcase__copy h2{
    font-size:clamp(2rem,11vw,3rem);
  }
  body:not(.admin-body) .home-showcase__copy p{
    font-size:1rem;
    line-height:1.55;
  }
  body:not(.admin-body) .home-showcase__actions .btn{
    min-width:158px;
  }
}

/* ================================================================
   CORRECCIÓN REAL FINAL — BANNERS COMPACTOS Y TÍTULO SERIF ELEGANTE
   Estas reglas están al final para evitar que estilos anteriores las pisen.
   ================================================================ */
@media (min-width: 901px){
  body:not(.admin-body) .home-showcase{
    padding:16px 0 6px !important;
  }
  body:not(.admin-body) .home-showcase__inner{
    min-height:280px !important;
    grid-template-columns:minmax(0,1fr) minmax(330px,.92fr) !important;
    gap:clamp(24px,3.5vw,52px) !important;
    padding:clamp(22px,2.8vw,34px) !important;
    border-radius:28px !important;
  }
  body:not(.admin-body) .home-showcase__copy h2{
    max-width:none !important;
    margin:0 0 12px !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:clamp(2.65rem,4.15vw,4.35rem) !important;
    font-weight:400 !important;
    font-style:normal !important;
    letter-spacing:-.045em !important;
    line-height:.98 !important;
    white-space:nowrap !important;
    text-wrap:nowrap !important;
  }
  body:not(.admin-body) .home-showcase__copy p{
    max-width:760px !important;
    font-size:clamp(1.08rem,1.28vw,1.24rem) !important;
    line-height:1.48 !important;
  }
  body:not(.admin-body) .home-showcase__copy span{
    margin-bottom:12px !important;
  }
  body:not(.admin-body) .home-showcase__actions{
    margin-top:18px !important;
  }
  body:not(.admin-body) .home-showcase__inner > img,
  body:not(.admin-body) .home-showcase__inner > video{
    height:250px !important;
    min-height:250px !important;
    border-radius:22px !important;
  }
}

@media (max-width: 900px){
  body:not(.admin-body) .home-showcase{
    padding:14px 0 6px !important;
  }
  body:not(.admin-body) .home-showcase__inner{
    min-height:0 !important;
    padding:20px !important;
    gap:18px !important;
  }
  body:not(.admin-body) .home-showcase__copy h2{
    font-family:Georgia,"Times New Roman",serif !important;
    font-weight:400 !important;
    letter-spacing:-.035em !important;
    line-height:1 !important;
    text-wrap:balance !important;
  }
  body:not(.admin-body) .home-showcase__copy p{
    font-size:1.08rem !important;
    line-height:1.5 !important;
  }
  body:not(.admin-body) .home-showcase__inner > img,
  body:not(.admin-body) .home-showcase__inner > video{
    height:210px !important;
    min-height:210px !important;
  }
}

@media (max-width: 560px){
  body:not(.admin-body) .home-showcase__copy h2{
    font-size:clamp(2.05rem,10vw,2.85rem) !important;
  }
  body:not(.admin-body) .home-showcase__copy p{
    font-size:1.02rem !important;
  }
  body:not(.admin-body) .home-showcase__inner > img,
  body:not(.admin-body) .home-showcase__inner > video{
    height:190px !important;
    min-height:190px !important;
  }
}


/* Imágenes reales y rotativas en las tarjetas de categorías */
body:not(.admin-body) .ae-home-strip__row--categories .ae-strip-card__icon{
  width:58px !important;
  height:58px !important;
  flex:0 0 58px !important;
  background:rgba(255,255,255,.82) !important;
}
body:not(.admin-body) .ae-home-strip__row--categories .ae-strip-card__icon img{
  padding:3px !important;
  object-fit:contain !important;
  transition:opacity .22s ease, transform .22s ease !important;
}
body:not(.admin-body) .ae-home-strip__row--categories .ae-strip-card__icon img.is-changing{
  opacity:.18 !important;
  transform:scale(.93) !important;
}
@media(max-width:640px){
  body:not(.admin-body) .ae-home-strip__row--categories .ae-strip-card__icon{
    width:52px !important;
    height:52px !important;
    flex-basis:52px !important;
  }
}


/* ================================================================
   ALINEACIÓN GLOBAL FINAL — mismo ancho y márgenes en toda la portada
   ================================================================ */
body:not(.admin-body){
  --ae-layout-width:min(1180px,calc(100% - 48px));
}
body:not(.admin-body) .container{
  width:var(--ae-layout-width) !important;
  max-width:var(--ae-layout-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body:not(.admin-body) .header,
body:not(.admin-body) .hero{
  width:var(--ae-layout-width) !important;
  max-width:var(--ae-layout-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body:not(.admin-body) .header > .container,
body:not(.admin-body) .hero > .container,
body:not(.admin-body) .hero .hero-carousel__slide.container{
  width:100% !important;
  max-width:100% !important;
}
body:not(.admin-body) .home-discovery,
body:not(.admin-body) .home-showcase,
body:not(.admin-body) .home-products-block{
  width:100% !important;
}
body:not(.admin-body) .home-category-brand-strip,
body:not(.admin-body) .home-showcase__inner,
body:not(.admin-body) .home-products-block .products-grid{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
@media(max-width:767px){
  body:not(.admin-body){--ae-layout-width:calc(100% - 20px);}
}


/* ================================================================
   CORRECCIÓN FINAL SOLICITADA — banners alineados y arrastre horizontal
   ================================================================ */
body:not(.admin-body) .home-showcase{
  width:var(--ae-layout-width) !important;
  max-width:var(--ae-layout-width) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
body:not(.admin-body) .home-showcase__inner{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
body:not(.admin-body) .ae-home-strip__row{
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  cursor:grab !important;
  user-select:none !important;
  touch-action:pan-y !important;
}
body:not(.admin-body) .ae-home-strip__row::-webkit-scrollbar{
  display:none !important;
  width:0 !important;
  height:0 !important;
}
body:not(.admin-body) .ae-home-strip__row.is-dragging{
  cursor:grabbing !important;
  scroll-snap-type:none !important;
}
body:not(.admin-body) .ae-home-strip__row.is-dragging a{
  pointer-events:none !important;
}
@media(max-width:767px){
  body:not(.admin-body) .home-showcase{
    width:var(--ae-layout-width) !important;
    max-width:var(--ae-layout-width) !important;
  }
}

/* ================================================================
   AJUSTE SOLICITADO: texto del carrusel ordenado abajo a la derecha
   y textos de tarjetas de producto centrados.
   ================================================================ */
body:not(.admin-body) #heroCarousel .hero__text,
html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__text,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__text{
  left:auto !important;
  right:clamp(24px,4.8vw,64px) !important;
  bottom:clamp(34px,5vw,64px) !important;
  width:min(520px,calc(100% - 48px)) !important;
  max-width:520px !important;
  text-align:right !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:0 !important;
}
body:not(.admin-body) #heroCarousel .tag{
  margin:0 0 12px auto !important;
}
body:not(.admin-body) #heroCarousel h1,
html[data-theme="light"] body:not(.admin-body) #heroCarousel h1,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel h1{
  width:100% !important;
  max-width:520px !important;
  margin:0 0 12px !important;
  font-size:clamp(2.8rem,5.2vw,5rem) !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
  text-align:right !important;
  overflow-wrap:anywhere !important;
}
body:not(.admin-body) #heroCarousel p,
html[data-theme="light"] body:not(.admin-body) #heroCarousel p,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel p{
  width:100% !important;
  max-width:500px !important;
  margin:0 0 18px auto !important;
  font-size:clamp(.98rem,1.35vw,1.16rem) !important;
  line-height:1.38 !important;
  text-align:right !important;
}
body:not(.admin-body) #heroCarousel .hero__buttons{
  width:100% !important;
  justify-content:flex-end !important;
}

body:not(.admin-body) .product-card__body,
body:not(.admin-body) .product-card__brand,
body:not(.admin-body) .product-card__title,
body:not(.admin-body) .product-card__desc,
body:not(.admin-body) .product-stock{
  text-align:center !important;
}
body:not(.admin-body) .product-card__bottom{
  justify-items:center !important;
  
}

@media(max-width:760px){
  body:not(.admin-body) #heroCarousel .hero__text,
  html[data-theme="light"] body:not(.admin-body) #heroCarousel .hero__text,
  html[data-theme="dark"] body:not(.admin-body) #heroCarousel .hero__text{
    left:18px !important;
    right:18px !important;
    bottom:48px !important;
    width:auto !important;
    max-width:none !important;
    align-items:center !important;
    text-align:center !important;
  }
  body:not(.admin-body) #heroCarousel .tag{margin:0 auto 10px !important;}
  body:not(.admin-body) #heroCarousel h1,
  body:not(.admin-body) #heroCarousel p{
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
  body:not(.admin-body) #heroCarousel h1{
    font-size:clamp(2.35rem,12vw,3.65rem) !important;
  }
  body:not(.admin-body) #heroCarousel .hero__buttons{
    justify-content:center !important;
  }
}


/* AE: carrusel con campos opcionales y nombres de producto ordenados */
body:not(.admin-body) .hero__text:empty{display:none!important;}
body:not(.admin-body) .product-card__title{
  
  
  padding:0 8px!important;
  
  
  
  
  white-space:normal!important;
  word-break:normal!important;
  
  
  
  
  
  
}
@media(max-width:768px){
  body:not(.admin-body) .product-card__title{min-height:4.1em!important;padding-inline:5px!important;}
}


/* Carrusel sin textos: muestra únicamente la imagen o video guardado */
body:not(.admin-body) .hero-carousel__slide--media-only{
  display:block !important;
  padding:0 !important;
  max-width:none !important;
  width:100% !important;
}
body:not(.admin-body) .hero-carousel__slide--media-only .hero__media{
  width:100% !important;
  max-width:none !important;
  grid-column:1 / -1 !important;
  margin:0 !important;
}
body:not(.admin-body) .hero-carousel__slide--media-only .hero__media img,
body:not(.admin-body) .hero-carousel__slide--media-only .hero__media video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* ================================================================
   CORRECCIÓN RESPONSIVE FINAL — submenú Productos y carrusel completo
   ================================================================ */
@media (max-width:1100px){
  body:not(.admin-body) .header__content > .nav{
    max-height:calc(100dvh - 92px) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }

  body:not(.admin-body) .nav-dropdown{
    width:100% !important;
    min-width:0 !important;
  }

  body:not(.admin-body) .nav-dropdown > .nav-dropdown__menu.ae-products-mega{
    display:none !important;
    position:static !important;
    inset:auto !important;
    transform:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    max-height:58dvh !important;
    margin:8px 0 0 !important;
    padding:10px !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    border-radius:14px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  body:not(.admin-body) .nav-dropdown.is-open > .nav-dropdown__menu.ae-products-mega{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body:not(.admin-body) .ae-products-mega .ae-menu-quick-links,
  body:not(.admin-body) .ae-products-mega .ae-menu-row{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:100% !important;
    overflow:visible !important;
  }

  body:not(.admin-body) .ae-products-mega .ae-menu-group{
    display:grid !important;
    gap:8px !important;
    width:100% !important;
  }

  body:not(.admin-body) .ae-products-mega .ae-menu-group h3{
    display:block !important;
    margin:5px 0 0 !important;
    color:var(--ae-gold,#d8b15a) !important;
    text-align:center !important;
    font-size:13px !important;
  }

  body:not(.admin-body) .ae-products-mega .ae-dropdown-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    width:100% !important;
    padding:8px 7px !important;
    white-space:normal !important;
    text-align:center !important;
    font-size:11px !important;
    line-height:1.2 !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}

@media (max-width:760px){
  body:not(.admin-body) #heroCarousel.hero{
    width:var(--ae-layout-width) !important;
    max-width:var(--ae-layout-width) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:10px auto 18px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:16/9 !important;
    padding:0 !important;
    display:block !important;
    position:relative !important;
    overflow:hidden !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    background:#000 !important;
    overflow:hidden !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media::before{
    display:none !important;
    content:none !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media video,
  body:not(.admin-body) #heroCarousel .hero__media img,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media video,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#000 !important;
  }

  body:not(.admin-body) #heroCarousel .hero__text{
    z-index:3 !important;
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    width:auto !important;
    max-width:none !important;
  }
}

@media (max-width:430px){
  body:not(.admin-body) .ae-products-mega .ae-menu-quick-links,
  body:not(.admin-body) .ae-products-mega .ae-menu-row{
    grid-template-columns:1fr !important;
  }
}

/* ================================================================
   AE — carrusel móvil como banner, sin contenedor y sin recorte
   ================================================================ */
@media (max-width:760px){
  body:not(.admin-body) #heroCarousel.hero{
    width:var(--ae-layout-width) !important;
    max-width:var(--ae-layout-width) !important;
    margin:10px auto 18px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:18px !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media video,
  body:not(.admin-body) #heroCarousel .hero__media img,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media video,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:transparent !important;
    border-radius:18px !important;
    transform:none !important;
    zoom:1 !important;
  }
}

/* ================================================================
   AE FINAL — carrusel móvil completo, botones compactos y 2 productos
   ================================================================ */
@media (max-width:760px){
  /* El carrusel toma la proporción real del archivo: sin zoom ni recorte. */
  body:not(.admin-body) #heroCarousel.hero{
    width:var(--ae-layout-width) !important;
    max-width:var(--ae-layout-width) !important;
    height:auto !important;
    min-height:0 !important;
    margin:10px auto 18px !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media video,
  body:not(.admin-body) #heroCarousel .hero__media img,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media video,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-width:100% !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
    scale:1 !important;
    zoom:1 !important;
    border-radius:18px !important;
    background:transparent !important;
  }

  /* Botón de los banners: pequeño y centrado. */
  body:not(.admin-body) .home-showcase__actions{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin-top:10px !important;
  }

  body:not(.admin-body) .home-showcase__actions .btn{
    width:auto !important;
    min-width:0 !important;
    min-height:34px !important;
    padding:8px 16px !important;
    margin:0 auto !important;
    border-radius:11px !important;
    font-size:11px !important;
    line-height:1 !important;
  }

  /* Dos tarjetas por fila en todas las vistas públicas de productos. */
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) .home-products-block .products-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:stretch !important;
  }

  body:not(.admin-body) .product-card{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:100% !important;
  }
}

/* ================================================================
   AE 12 — CORRECCIÓN FINAL MÓVIL: CARRETE + PRODUCTOS DEL INDEX
   Esta sección está al final para prevalecer sobre reglas anteriores.
   ================================================================ */
@media (max-width: 760px) {
  /* Carrusel/carretel: formato horizontal estable, sin zoom ni recorte. */
  body:not(.admin-body) #heroCarousel.hero {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 10px auto 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #061d18 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: #061d18 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media video,
  body:not(.admin-body) #heroCarousel .hero__media img,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media video,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only .hero__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    scale: 1 !important;
    zoom: 1 !important;
    border-radius: 18px !important;
    background: #061d18 !important;
  }

  /* Si el carrusel tiene texto, queda sobre el video sin alterar el tamaño. */
  body:not(.admin-body) #heroCarousel .hero__text {
    position: absolute !important;
    z-index: 3 !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
    max-width: calc(100% - 24px) !important;
    margin: 0 !important;
  }

  /* INDEX: siempre dos productos por fila en celular. */
  body:not(.admin-body) .home-products-block .container {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  body:not(.admin-body) .home-products-block .products-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  body:not(.admin-body) .home-products-block .product-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 8px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  body:not(.admin-body) .home-products-block .product-card__img {
    width: 100% !important;
    height: 145px !important;
    min-height: 145px !important;
    flex: 0 0 145px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  body:not(.admin-body) .home-products-block .product-card__img img {
    width: 100% !important;
    height: 100% !important;
    padding: 7px !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  body:not(.admin-body) .home-products-block .product-card__body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 190px !important;
    padding: 9px 4px 7px !important;
    text-align: center !important;
  }

  body:not(.admin-body) .home-products-block .product-card__brand,
  body:not(.admin-body) .home-products-block .product-card__title,
  body:not(.admin-body) .home-products-block .product-card__desc,
  body:not(.admin-body) .home-products-block .product-stock {
    width: 100% !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  body:not(.admin-body) .home-products-block .product-card__brand {
    font-size: 9px !important;
    line-height: 1.15 !important;
  }

  body:not(.admin-body) .home-products-block .product-card__title {
    display: -webkit-box !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 1.32 !important;
    font-weight: 750 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  body:not(.admin-body) .home-products-block .product-card__desc {
    display: -webkit-box !important;
    min-height: 30px !important;
    max-height: 30px !important;
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  body:not(.admin-body) .home-products-block .product-card__bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    width: 100% !important;
    margin-top: auto !important;
  }

  body:not(.admin-body) .home-products-block .product-card__bottom .price,
  body:not(.admin-body) .home-products-block .product-card .price {
    width: 100% !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  body:not(.admin-body) .home-products-block .small-btn,
  body:not(.admin-body) .home-products-block .product-card__add-btn {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 7px 6px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    border-radius: 10px !important;
    transform: none !important;
  }
}

@media (max-width: 360px) {
  body:not(.admin-body) .home-products-block .products-grid { gap: 8px !important; }
  body:not(.admin-body) .home-products-block .product-card { padding: 6px !important; }
  body:not(.admin-body) .home-products-block .product-card__img {
    height: 125px !important;
    min-height: 125px !important;
    flex-basis: 125px !important;
  }
  body:not(.admin-body) .home-products-block .product-card__title {
    font-size: 11px !important;
  }
}

/* ================================================================
   AJUSTE SOLICITADO — SOLO INDEX EN CELULAR
   1) Carrete horizontal del tamaño visual de los banners, sin recorte.
   2) Dos tarjetas por fila y sin descripción en el inicio.
   ================================================================ */
@media (max-width: 760px) {
  /* Carrete del index: ancho y proporción horizontal equivalentes al banner. */
  body:not(.admin-body) #heroCarousel.hero {
    display: block !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2 / 1 !important;
    margin: 10px auto 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #061d18 !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide--media-only {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    background: #061d18 !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    background: #061d18 !important;
  }

  body:not(.admin-body) #heroCarousel .hero__media video,
  body:not(.admin-body) #heroCarousel .hero__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    scale: 1 !important;
    zoom: 1 !important;
    border-radius: inherit !important;
    background: #061d18 !important;
  }

  /* Solo productos del inicio: exactamente dos tarjetas por fila. */
  body:not(.admin-body) .home-products-block .container {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  body:not(.admin-body) .home-products-block .products-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  body:not(.admin-body) .home-products-block .product-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
  }

  /* En el index no se muestra la descripción del producto. */
  body:not(.admin-body) .home-products-block .product-card__desc {
    display: none !important;
  }
}

/* ================================================================
   AJUSTE FINAL — SOLO TARJETAS DE PRODUCTOS DEL INDEX EN CELULAR
   Mismo formato compacto de productos.html: 2 por fila.
   ================================================================ */
@media (max-width: 760px) {
  body:not(.admin-body) .home-products-block > .container {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  body:not(.admin-body) #indexPromoGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    align-items: stretch !important;
  }

  body:not(.admin-body) #indexPromoGrid > .product-card,
  body:not(.admin-body) #featuredProducts > .product-card,
  body:not(.admin-body) #indexOffersGrid > .product-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    gap: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(255,255,255,.76), rgba(238,248,244,.7)) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.10) !important;
  }

  body:not(.admin-body) #indexPromoGrid .product-card__img,
  body:not(.admin-body) #featuredProducts .product-card__img,
  body:not(.admin-body) #indexOffersGrid .product-card__img {
    width: 100% !important;
    height: 145px !important;
    min-height: 145px !important;
    flex: 0 0 145px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
  }

  body:not(.admin-body) #indexPromoGrid .product-card__img img,
  body:not(.admin-body) #featuredProducts .product-card__img img,
  body:not(.admin-body) #indexOffersGrid .product-card__img img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 10px !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    filter: none !important;
  }

  body:not(.admin-body) #indexPromoGrid .product-card__body,
  body:not(.admin-body) #featuredProducts .product-card__body,
  body:not(.admin-body) #indexOffersGrid .product-card__body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 176px !important;
    padding: 12px 0 2px !important;
    gap: 7px !important;
    text-align: center !important;
  }

  body:not(.admin-body) #indexPromoGrid .product-card__brand,
  body:not(.admin-body) #featuredProducts .product-card__brand,
  body:not(.admin-body) #indexOffersGrid .product-card__brand {
    width: 100% !important;
    margin: 0 !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
  }

  body:not(.admin-body) #indexPromoGrid .product-card__title,
  body:not(.admin-body) #featuredProducts .product-card__title,
  body:not(.admin-body) #indexOffersGrid .product-card__title {
    display: -webkit-box !important;
    width: 100% !important;
    min-height: 47px !important;
    max-height: 47px !important;
    margin: 0 !important;
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
    font-weight: 800 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
  }

  body:not(.admin-body) #indexPromoGrid .product-card__desc,
  body:not(.admin-body) #featuredProducts .product-card__desc,
  body:not(.admin-body) #indexOffersGrid .product-card__desc {
    display: none !important;
  }

  body:not(.admin-body) #indexPromoGrid .product-card__status-row,
  body:not(.admin-body) #featuredProducts .product-card__status-row,
  body:not(.admin-body) #indexOffersGrid .product-card__status-row {
    display: flex !important;
    width: 100% !important;
    margin-top: auto !important;
    justify-content: center !important;
  }

  body:not(.admin-body) #indexPromoGrid .product-card__add-btn,
  body:not(.admin-body) #featuredProducts .product-card__add-btn,
  body:not(.admin-body) #indexOffersGrid .product-card__add-btn {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 7px !important;
    border-radius: 14px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: none !important;
  }

  body:not(.admin-body) #indexPromoGrid .product-card__bottom,
  body:not(.admin-body) #featuredProducts .product-card__bottom,
  body:not(.admin-body) #indexOffersGrid .product-card__bottom {
    display: flex !important;
    width: 100% !important;
    margin-top: 4px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body:not(.admin-body) #indexPromoGrid .price,
  body:not(.admin-body) #featuredProducts .price,
  body:not(.admin-body) #indexOffersGrid .price {
    width: 100% !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }
}

@media (max-width: 370px) {
  body:not(.admin-body) #indexPromoGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid { gap: 8px !important; }

  body:not(.admin-body) #indexPromoGrid > .product-card,
  body:not(.admin-body) #featuredProducts > .product-card,
  body:not(.admin-body) #indexOffersGrid > .product-card { padding: 7px !important; }

  body:not(.admin-body) #indexPromoGrid .product-card__img,
  body:not(.admin-body) #featuredProducts .product-card__img,
  body:not(.admin-body) #indexOffersGrid .product-card__img {
    height: 128px !important;
    min-height: 128px !important;
    flex-basis: 128px !important;
  }
}

/* ================================================================
   PEDIDOS: estado legible en modo oscuro
   Solo ajusta la etiqueta de estado del historial público.
   ================================================================ */
html[data-theme="dark"] body:not(.admin-body) .order-card .order-status,
html:not([data-theme="light"]) body:not(.admin-body) .order-card .order-status{
  background:#111827 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.28) !important;
}
html[data-theme="dark"] body:not(.admin-body) .order-card .order-status--cancelado,
html:not([data-theme="light"]) body:not(.admin-body) .order-card .order-status--cancelado{
  background:#121827 !important;
  color:#ffffff !important;
  border-color:#aeb8ca !important;
}


/* =====================================================================
   AE 2026-07-15 — Tipografía Nunito + navbar limpio + iconos vidrio
   Ajustes visuales solicitados. No altera lógica ni rutas.
   ===================================================================== */
body:not(.admin-body),
body:not(.admin-body) button,
body:not(.admin-body) input,
body:not(.admin-body) select,
body:not(.admin-body) textarea {
  font-family: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Nombres de productos: centrados, balanceados y ordenados en varias líneas */
body:not(.admin-body) .product-card__title,
body:not(.admin-body) .product-card__brand,
body:not(.admin-body) .product-card__desc {
  font-family: "Nunito", system-ui, sans-serif !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body:not(.admin-body) .product-card__title {
  
  
  text-wrap: balance;
  
  word-break: normal;
  
}

/* Descripción de banners */
body:not(.admin-body) .home-showcase__copy p,
body:not(.admin-body) .hero__content p,
body:not(.admin-body) .hero-slide__content p {
  font-family: "Nunito", system-ui, sans-serif !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

/* Tarjetas de categorías y marcas */
body:not(.admin-body) .ae-strip-card,
body:not(.admin-body) .ae-strip-card strong,
body:not(.admin-body) .ae-dropdown-button,
body:not(.admin-body) .ae-menu-group {
  font-family: "Nunito", system-ui, sans-serif !important;
}
body:not(.admin-body) .ae-strip-card strong {
  text-align: center !important;
  line-height: 1.15 !important;
  text-wrap: balance;
}

/* Navbar más bajo y enlaces como palabras, no como botones */
body:not(.admin-body) .header {
  min-height: 0 !important;
}
body:not(.admin-body) .header__content {
  min-height: 62px !important;
  height: 62px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
body:not(.admin-body) .header__content > .nav {
  gap: 30px !important;
  align-items: center !important;
}
body:not(.admin-body) .header__content > .nav > a,
body:not(.admin-body) .header__content > .nav .nav-dropdown__toggle {
  min-height: auto !important;
  height: auto !important;
  padding: 8px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-family: "Nunito", system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  position: relative;
}
body:not(.admin-body) .header__content > .nav > a::after,
body:not(.admin-body) .header__content > .nav .nav-dropdown__toggle::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 2px;
  height: 2px;
  border-radius: 99px;
  background: currentColor;
  opacity: .72;
  transition: left .2s ease, right .2s ease, opacity .2s ease;
}
body:not(.admin-body) .header__content > .nav > a:hover::after,
body:not(.admin-body) .header__content > .nav .nav-dropdown__toggle:hover::after,
body:not(.admin-body) .header__content > .nav > a.active::after {
  left: 0;
  right: 0;
  opacity: 1;
}

/* Iconos sobrios con efecto vidrio */
body:not(.admin-body) .header__actions {
  gap: 8px !important;
}
body:not(.admin-body) .header__actions .icon-btn,
body:not(.admin-body) .header__actions .cart-link,
body:not(.admin-body) .header__actions .profile-link {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 7px 20px rgba(0,0,0,.12) !important;
  backdrop-filter: blur(14px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(145%) !important;
  color: #fff !important;
  line-height: 1 !important;
}
html[data-theme="light"] body:not(.admin-body) .header__actions .icon-btn,
html[data-theme="light"] body:not(.admin-body) .header__actions .cart-link,
html[data-theme="light"] body:not(.admin-body) .header__actions .profile-link {
  color: #111 !important;
  border-color: rgba(16,75,55,.15) !important;
  background: linear-gradient(145deg,rgba(255,255,255,.92),rgba(238,247,243,.70)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 7px 18px rgba(16,75,55,.10) !important;
}
body:not(.admin-body) .header__actions .ae-ui-icon {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  display: block;
  pointer-events: none;
}
body:not(.admin-body) .header__actions .icon-btn:hover,
body:not(.admin-body) .header__actions .cart-link:hover,
body:not(.admin-body) .header__actions .profile-link:hover {
  transform: translateY(-1px);
}
body:not(.admin-body) .cart-link #cartCount {
  font-family: "Nunito", system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}

@media (max-width: 1100px) {
  body:not(.admin-body) .header__content {
    min-height: 58px !important;
    height: 58px !important;
  }
  body:not(.admin-body) .header__content > .nav.active {
    gap: 0 !important;
  }
  body:not(.admin-body) .header__content > .nav.active > a,
  body:not(.admin-body) .header__content > .nav.active .nav-dropdown__toggle {
    width: 100% !important;
    padding: 13px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    justify-content: center !important;
  }
  html[data-theme="light"] body:not(.admin-body) .header__content > .nav.active > a,
  html[data-theme="light"] body:not(.admin-body) .header__content > .nav.active .nav-dropdown__toggle {
    border-bottom-color: rgba(0,0,0,.08) !important;
  }
  body:not(.admin-body) .header__content > .nav.active > a::after,
  body:not(.admin-body) .header__content > .nav.active .nav-dropdown__toggle::after {
    display: none;
  }
}

@media (max-width: 640px) {
  body:not(.admin-body) .header__actions {
    gap: 5px !important;
  }
  body:not(.admin-body) .header__actions .icon-btn,
  body:not(.admin-body) .header__actions .cart-link,
  body:not(.admin-body) .header__actions .profile-link {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }
  body:not(.admin-body) .header__actions .ae-ui-icon {
    width: 17px;
    height: 17px;
  }
  body:not(.admin-body) .product-card__title {
    line-height: 1.15 !important;
  }
}

/* =====================================================================
   TARJETAS DE PRODUCTOS — ESTILO FINAL CONSOLIDADO
   5 columnas escritorio · 4 tablet · 3 móvil
   Claro: blanco/negro · Oscuro: verde/blanco
   ===================================================================== */
body:not(.admin-body) .products-grid,
body:not(.admin-body) .shop-products-grid,
body:not(.admin-body) #productsGrid,
body:not(.admin-body) #featuredProducts,
body:not(.admin-body) #indexPromoGrid,
body:not(.admin-body) #indexOffersGrid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

body:not(.admin-body) .product-card {
  position: relative !important;
  
  
  width: 100% !important;
  min-width: 0 !important;
  
  
  margin: 0 !important;
  
  
  
  box-sizing: border-box !important;
  
}

html[data-theme="dark"] body:not(.admin-body) .product-card,
body[data-theme="dark"]:not(.admin-body) .product-card,
html:not([data-theme="light"]) body:not(.admin-body) .product-card {
  background: linear-gradient(160deg, #0b3828 0%, #06271d 58%, #041c15 100%) !important;
  border: 1px solid rgba(53, 211, 128, .34) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .27) !important;
}

html[data-theme="light"] body:not(.admin-body) .product-card,
body[data-theme="light"]:not(.admin-body) .product-card {
  background: #fff !important;
  border: 1px solid rgba(13, 104, 66, .18) !important;
  color: #111814 !important;
  box-shadow: 0 12px 28px rgba(13, 75, 52, .12) !important;
}

body:not(.admin-body) .product-card:hover {
  transform: translateY(-4px) !important;
}

body:not(.admin-body) .product-card__img {
  position: relative !important;
  
  
  
  
  
  
  min-height: 180px !important;
  
  
  
  
  
  
}



body:not(.admin-body) .product-card .offer-badge {
  position: absolute !important;
  z-index: 4 !important;
  
  
  
  margin: 0 !important;
  
  border-radius: 999px !important;
  background: #58e58a !important;
  color: #041008 !important;
  
  font-weight: 900 !important;
  
}

body:not(.admin-body) .product-card__body {
  
  
  
  
  
  
  
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  
  
  
  
}

body:not(.admin-body) .product-card__body > * {
  margin-left: auto !important;
  margin-right: auto !important;
}

body:not(.admin-body) .product-card__brand,
body:not(.admin-body) .product-card__title {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  box-sizing: border-box !important;
  font-family: "Nunito", Arial, sans-serif !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}

body:not(.admin-body) .product-card__brand {
  
  
  margin-bottom: 0 !important;
  
  
  
  
  
  text-transform: uppercase !important;
}

body:not(.admin-body) .product-card__title {
  
  
  justify-content: center !important;
  
  
  
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  
  color: inherit !important;
  
  
  
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
}

html[data-theme="dark"] body:not(.admin-body) .product-card__title,
body[data-theme="dark"]:not(.admin-body) .product-card__title,
html:not([data-theme="light"]) body:not(.admin-body) .product-card__title { color: #fff !important; }
html[data-theme="light"] body:not(.admin-body) .product-card__title,
body[data-theme="light"]:not(.admin-body) .product-card__title { color: #111814 !important; }

body:not(.admin-body) .product-card__desc,
body:not(.admin-body) .product-stock { display: none !important; }

body:not(.admin-body) .product-card__status-row,
body:not(.admin-body) .product-card__status-row--center {
  
  
  
  
  
  
  
  
  
  gap: 0 !important;
}

body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  
  flex: 0 0 auto !important;
  
  
  
  
  
  margin: 0 auto !important;
  
  
  
  
  
  font-weight: 900 !important;
  
  opacity: 1 !important;
  visibility: visible !important;
}

body:not(.admin-body) .product-card__cart-icon,
body:not(.admin-body) .product-card__cart-icon svg {
  display: inline-flex !important;
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
}

body:not(.admin-body) .product-card__bottom {
  
  inset: auto !important;
  
  
  
  
  
  
  
  
  
}



body:not(.admin-body) .product-card .price:not(.price--offer) .current-price,
body:not(.admin-body) .product-card .price--offer .old-price,
body:not(.admin-body) .product-card .price--offer .current-price {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-weight: 900 !important;
}

body:not(.admin-body) .product-card .price:not(.price--offer) .current-price {
  
  
  border: 1px solid rgba(64, 221, 137, .44) !important;
  background: rgba(4, 24, 17, .82) !important;
  color: #20dd7b !important;
  
}

html[data-theme="light"] body:not(.admin-body) .product-card .price:not(.price--offer) .current-price {
  background: #fff !important;
  color: #087a49 !important;
  border-color: rgba(8, 122, 73, .48) !important;
}


body:not(.admin-body) .product-card .price--offer .old-price,
body:not(.admin-body) .product-card .price--offer .current-price {
  min-height: 24px !important;
  padding: 4px 7px !important;
  
}
body:not(.admin-body) .product-card .price--offer .old-price {
  color: #fff !important;
  background: rgba(128, 41, 41, .92) !important;
  text-decoration: line-through !important;
}
body:not(.admin-body) .product-card .price--offer .current-price {
  color: #052116 !important;
  background: #36dc85 !important;
}

@media (max-width: 1100px) {
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) #productsGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexPromoGrid,
  body:not(.admin-body) #indexOffersGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  body:not(.admin-body) .product-card__img {
    flex-basis: 145px !important;
    height: 145px !important;
    min-height: 145px !important;
  }
}

@media (max-width: 700px) {
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid,
  body:not(.admin-body) #productsGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexPromoGrid,
  body:not(.admin-body) #indexOffersGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body:not(.admin-body) .product-card {
    padding: 6px !important;
    border-radius: 15px !important;
  }
  body:not(.admin-body) .product-card__img {
    flex-basis: 104px !important;
    height: 104px !important;
    min-height: 104px !important;
    padding: 6px !important;
    border-radius: 11px !important;
  }
  body:not(.admin-body) .product-card .offer-badge {
    top: 5px !important;
    left: 5px !important;
    padding: 3px 5px !important;
    font-size: 6.5px !important;
  }
  body:not(.admin-body) .product-card__body {
    padding: 7px 1px 1px !important;
    gap: 3px !important;
  }
  body:not(.admin-body) .product-card__brand {
    min-height: 10px !important;
    font-size: 6.7px !important;
    line-height: 10px !important;
  }
  body:not(.admin-body) .product-card__title {
    height: 33px !important;
    min-height: 33px !important;
    max-height: 33px !important;
    font-size: 7.4px !important;
    line-height: 11px !important;
  }
  body:not(.admin-body) .product-card__status-row,
  body:not(.admin-body) .product-card__status-row--center {
    flex-basis: 23px !important;
    height: 23px !important;
    min-height: 23px !important;
  }
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn {
    min-width: 62px !important;
    max-width: 82px !important;
    height: 23px !important;
    min-height: 23px !important;
    padding: 3px 5px !important;
    gap: 2px !important;
    font-size: 6.5px !important;
  }
  body:not(.admin-body) .product-card__cart-icon,
  body:not(.admin-body) .product-card__cart-icon svg {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
  }
  body:not(.admin-body) .product-card__bottom { min-height: 22px !important; }
  body:not(.admin-body) .product-card .price { max-width: 100% !important; }
  body:not(.admin-body) .product-card .price:not(.price--offer) .current-price {
    min-height: 21px !important;
    padding: 3px 5px !important;
    font-size: 8.5px !important;
  }
  body:not(.admin-body) .product-card .price--offer { gap: 2px !important; }
  body:not(.admin-body) .product-card .price--offer .old-price,
  body:not(.admin-body) .product-card .price--offer .current-price {
    min-height: 20px !important;
    padding: 3px 2px !important;
    font-size: 6.3px !important;
  }
  body:not(.admin-body) .ae-home-strip__row--brands {
    justify-content: center !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

@media (max-width: 390px) {
  body:not(.admin-body) .product-card__img {
    flex-basis: 92px !important;
    height: 92px !important;
    min-height: 92px !important;
  }
  body:not(.admin-body) .product-card__title {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    font-size: 6.8px !important;
    line-height: 10px !important;
  }
}

/* Marcas centradas en tablet y móvil, incluso cuando hay pocas. */
@media (max-width: 1100px) {
  body:not(.admin-body) .ae-home-strip__row--brands,
  body:not(.admin-body) .brand-strip,
  body:not(.admin-body) .brands-grid {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Paginación visible y footer inmediatamente después del contenido. */
body:not(.admin-body) .shop-pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  gap: 7px !important;
  margin: 24px 0 6px !important;
  padding: 0 !important;
}
body:not(.admin-body) .shop-pagination:empty { display: none !important; }
body:not(.admin-body) .shop-page-btn {
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 9px !important;
  border: 1px solid var(--ae-border) !important;
  border-radius: 999px !important;
  background: var(--ae-card) !important;
  color: var(--ae-text) !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
body:not(.admin-body) .shop-page-btn.is-active {
  border-color: transparent !important;
  background: linear-gradient(135deg, #08794a, #23c974) !important;
  color: #fff !important;
}
body:not(.admin-body) .shop-page-btn:disabled {
  cursor: not-allowed !important;
  opacity: .42 !important;
}
body:not(.admin-body) .shop-page-dots {
  padding: 0 2px !important;
  color: var(--ae-muted) !important;
  font-weight: 900 !important;
}


/* =====================================================================
   AJUSTE FINAL MÓVIL + TEMA OSCURO (index y productos)
   ===================================================================== */
html[data-theme="dark"] body:not(.admin-body) :is(
  .products-grid,
  .shop-products-grid,
  #productsGrid,
  #featuredProducts,
  #indexPromoGrid,
  #indexOffersGrid
) > .product-card,
body[data-theme="dark"]:not(.admin-body) :is(
  .products-grid,
  .shop-products-grid,
  #productsGrid,
  #featuredProducts,
  #indexPromoGrid,
  #indexOffersGrid
) > .product-card {
  background: linear-gradient(160deg, #0b3828 0%, #06271d 58%, #041c15 100%) !important;
  border-color: rgba(53, 211, 128, .34) !important;
  color: #fff !important;
}

html[data-theme="dark"] body:not(.admin-body) .product-card__body,
html[data-theme="dark"] body:not(.admin-body) .product-card__title,
body[data-theme="dark"]:not(.admin-body) .product-card__body,
body[data-theme="dark"]:not(.admin-body) .product-card__title {
  background: transparent !important;
  color: #fff !important;
}

@media (max-width: 700px) {
  body:not(.admin-body) :is(
    .products-grid,
    .shop-products-grid,
    #productsGrid,
    #featuredProducts,
    #indexPromoGrid,
    #indexOffersGrid
  ) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  body:not(.admin-body) :is(
    .products-grid,
    .shop-products-grid,
    #productsGrid,
    #featuredProducts,
    #indexPromoGrid,
    #indexOffersGrid
  ) > .product-card {
    min-width: 0 !important;
    padding: 5px !important;
    border-radius: 14px !important;
  }

  body:not(.admin-body) .product-card__img {
    flex: 0 0 clamp(76px, 24vw, 104px) !important;
    height: clamp(76px, 24vw, 104px) !important;
    min-height: clamp(76px, 24vw, 104px) !important;
    padding: 5px !important;
  }

  body:not(.admin-body) .product-card__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body:not(.admin-body) .product-card__body {
    padding: 6px 0 1px !important;
    gap: 2px !important;
    text-align: center !important;
  }

  body:not(.admin-body) .product-card__brand,
  body:not(.admin-body) .product-card__title {
    text-align: center !important;
    justify-content: center !important;
  }

  body:not(.admin-body) .product-card__brand {
    font-size: clamp(6px, 1.8vw, 7px) !important;
  }

  body:not(.admin-body) .product-card__title {
    height: 31px !important;
    min-height: 31px !important;
    max-height: 31px !important;
    font-size: clamp(6.2px, 1.9vw, 7.3px) !important;
    line-height: 10px !important;
  }

  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn {
    min-width: 58px !important;
    max-width: 78px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 3px 4px !important;
    font-size: 6.2px !important;
  }

  body:not(.admin-body) .product-card .price:not(.price--offer) .current-price {
    min-height: 20px !important;
    padding: 3px 5px !important;
    font-size: 8px !important;
  }
}

/* =====================================================================
   AE AJUSTE FINAL 2026-07-15 — tarjetas compactas, promo en esquina,
   separación precio/botón y hamburguesa solo responsive
   ===================================================================== */
@media (min-width: 901px) {
  body:not(.admin-body) #btnMenu,
  body:not(.admin-body) .menu-btn {
    display: none !important;
  }
}

body:not(.admin-body) .product-card {
  
  align-self: start !important;
}

body:not(.admin-body) .product-card__body {
  padding-top: 8px !important;
  
}

body:not(.admin-body) .product-card__title {
  align-items: flex-start !important;
  height: 36px !important;
  
  
}

body:not(.admin-body) .product-card__status-row,
body:not(.admin-body) .product-card__status-row--center {
  margin-top: 3px !important;
}





body:not(.admin-body) .product-card .offer-badge {
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  width: auto !important;
  max-width: calc(100% - 16px) !important;
  padding: 3px 7px !important;
  font-size: 8px !important;
  line-height: 1 !important;
}

/* En productos.html elimina el gran vacío entre imagen, marca y acciones. */
body:not(.admin-body) #productsGrid .product-card__img {
  flex-basis: 160px !important;
  height: 160px !important;
  min-height: 160px !important;
}
body:not(.admin-body) #productsGrid .product-card__body {
  padding-top: 7px !important;
}
body:not(.admin-body) #productsGrid .product-card__title {
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
}

@media (max-width: 1100px) {
  body:not(.admin-body) #productsGrid .product-card__img {
    flex-basis: 132px !important;
    height: 132px !important;
    min-height: 132px !important;
  }
}

@media (max-width: 700px) {
  body:not(.admin-body) :is(
    .products-grid,
    .shop-products-grid,
    #productsGrid,
    #featuredProducts,
    #indexPromoGrid,
    #indexOffersGrid
  ) {
    align-items: start !important;
  }

  body:not(.admin-body) .product-card {
    height: auto !important;
    min-height: 0 !important;
    padding: 5px !important;
  }

  body:not(.admin-body) .product-card__img,
  body:not(.admin-body) #productsGrid .product-card__img {
    flex-basis: clamp(76px, 24vw, 100px) !important;
    height: clamp(76px, 24vw, 100px) !important;
    min-height: clamp(76px, 24vw, 100px) !important;
  }

  body:not(.admin-body) .product-card__body,
  body:not(.admin-body) #productsGrid .product-card__body {
    padding-top: 5px !important;
    gap: 2px !important;
  }

  body:not(.admin-body) .product-card__title,
  body:not(.admin-body) #productsGrid .product-card__title {
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
  }

  body:not(.admin-body) .product-card__status-row,
  body:not(.admin-body) .product-card__status-row--center {
    margin-top: 1px !important;
  }

  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn {
    min-width: 56px !important;
    max-width: 76px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 3px 4px !important;
    font-size: 6.1px !important;
  }

  body:not(.admin-body) .product-card__bottom {
    min-height: 23px !important;
    margin-top: 5px !important;
  }

  body:not(.admin-body) .product-card .offer-badge {
    top: 5px !important;
    left: 5px !important;
    right: auto !important;
    max-width: calc(100% - 10px) !important;
    padding: 2px 5px !important;
    font-size: 6px !important;
  }
}

/* =====================================================================
   AE CORRECCIÓN DEFINITIVA DE TARJETAS — 2026-07-15
   Flujo vertical real: imagen > marca > nombre > botón > precio.
   Evita superposiciones y elimina alturas heredadas que generaban vacíos.
   ===================================================================== */
body:not(.admin-body) :is(#productsGrid,#featuredProducts,#indexPromoGrid,#indexOffersGrid,.products-grid,.shop-products-grid) > .product-card {
  
  grid-template-rows: auto auto !important;
  align-content: start !important;
  align-items: start !important;
  
  
  max-height: none !important;
  
  gap: 0 !important;
}

body:not(.admin-body) .product-card__img,
body:not(.admin-body) #productsGrid .product-card__img {
  
  width: 100% !important;
  
  min-height: 0 !important;
  
  margin: 0 !important;
  
}

body:not(.admin-body) .product-card__body,
body:not(.admin-body) #productsGrid .product-card__body {
  position: static !important;
  
  grid-template-rows: auto auto auto auto !important;
  align-content: start !important;
  
  justify-items: center !important;
  
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  
  
  overflow: visible !important;
}

body:not(.admin-body) .product-card__brand {
  position: static !important;
  
  
  height: auto !important;
  
  max-height: none !important;
  
  padding: 0 !important;
  
  
  
  
  
}

body:not(.admin-body) .product-card__title,
body:not(.admin-body) #productsGrid .product-card__title {
  position: static !important;
  
  
  
  
  
  
  
  margin: 0 !important;
  
  
  
  
  
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

body:not(.admin-body) .product-card__status-row,
body:not(.admin-body) .product-card__status-row--center {
  position: static !important;
  
  
  
  
  
  padding: 0 !important;
}



body:not(.admin-body) .product-card__bottom {
  
  
  
  
  
  padding: 0 !important;
}

body:not(.admin-body) .product-card .price:not(.price--offer) .current-price {
  min-height: 22px !important;
  padding: 3px 7px !important;
  font-size: 10px !important;
}

@media (max-width: 1100px) {
  body:not(.admin-body) .product-card__img,
  body:not(.admin-body) #productsGrid .product-card__img {
    height: 128px !important;
    max-height: 128px !important;
  }
  body:not(.admin-body) .product-card__title,
  body:not(.admin-body) #productsGrid .product-card__title {
    font-size: 8px !important;
    line-height: 11px !important;
    height: 33px !important;
    min-height: 33px !important;
    max-height: 33px !important;
  }
}

@media (max-width: 700px) {
  body:not(.admin-body) :is(#productsGrid,#featuredProducts,#indexPromoGrid,#indexOffersGrid,.products-grid,.shop-products-grid) > .product-card {
    padding: 5px !important;
    border-radius: 13px !important;
  }

  body:not(.admin-body) .product-card__img,
  body:not(.admin-body) #productsGrid .product-card__img {
    height: clamp(78px, 25vw, 104px) !important;
    max-height: clamp(78px, 25vw, 104px) !important;
    padding: 4px !important;
    border-radius: 11px !important;
  }

  body:not(.admin-body) .product-card__body,
  body:not(.admin-body) #productsGrid .product-card__body {
    padding: 5px 0 1px !important;
    gap: 3px !important;
  }

  body:not(.admin-body) .product-card__brand {
    min-height: 9px !important;
    font-size: clamp(5.2px, 1.55vw, 6.5px) !important;
    line-height: 9px !important;
  }

  body:not(.admin-body) .product-card__title,
  body:not(.admin-body) #productsGrid .product-card__title {
    -webkit-line-clamp: 3 !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 1px !important;
    font-size: clamp(5.7px, 1.7vw, 7px) !important;
    line-height: 9px !important;
  }

  body:not(.admin-body) .product-card__status-row,
  body:not(.admin-body) .product-card__status-row--center {
    height: 20px !important;
    min-height: 20px !important;
    margin-top: 0 !important;
  }

  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn {
    min-width: 52px !important;
    max-width: 70px !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 2px 4px !important;
    gap: 2px !important;
    font-size: clamp(5.4px, 1.55vw, 6.3px) !important;
  }

  body:not(.admin-body) .product-card__cart-icon,
  body:not(.admin-body) .product-card__cart-icon svg {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
  }

  body:not(.admin-body) .product-card__bottom {
    height: 19px !important;
    min-height: 19px !important;
    margin-top: 1px !important;
  }

  body:not(.admin-body) .product-card .price:not(.price--offer) .current-price {
    min-height: 18px !important;
    padding: 2px 4px !important;
    font-size: clamp(6.2px, 1.8vw, 7.5px) !important;
  }

  body:not(.admin-body) .product-card .offer-badge {
    top: 5px !important;
    left: 5px !important;
    padding: 2px 4px !important;
    font-size: 5.5px !important;
  }
}

/* =====================================================================
   ALTEREGO — CORRECCIÓN FINAL RESPONSIVE 2026-07-15
   Tarjetas alineadas en escritorio/tablet/móvil y carrusel visible móvil.
   ===================================================================== */
body:not(.admin-body) :is(#productsGrid,#featuredProducts,#indexPromoGrid,#indexOffersGrid,.products-grid,.shop-products-grid) {
  align-items: stretch !important;
}
body:not(.admin-body) :is(#productsGrid,#featuredProducts,#indexPromoGrid,#indexOffersGrid,.products-grid,.shop-products-grid) > .product-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 8px !important;
  overflow: hidden !important;
}
body:not(.admin-body) .product-card__img,
body:not(.admin-body) #productsGrid .product-card__img {
  flex: 0 0 150px !important;
  height: 150px !important;
  max-height: 150px !important;
  padding: 7px !important;
}
body:not(.admin-body) .product-card__body,
body:not(.admin-body) #productsGrid .product-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  padding: 7px 1px 1px !important;
  gap: 3px !important;
}
body:not(.admin-body) .product-card__brand {
  flex: 0 0 auto !important;
  min-height: 10px !important;
  
  
}
body:not(.admin-body) .product-card__title,
body:not(.admin-body) #productsGrid .product-card__title {
  display: -webkit-box !important;
  flex: 0 0 36px !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 2px !important;
  overflow: hidden !important;
  font-size: 9px !important;
  line-height: 12px !important;
  text-align: center !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
body:not(.admin-body) .product-card__status-row,
body:not(.admin-body) .product-card__status-row--center {
  
  flex: 0 0 25px !important;
  
  
  
  height: 25px !important;
  min-height: 25px !important;
  
}
body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn {
  
  
  
  height: 25px !important;
  
  
  
  white-space: nowrap !important;
}
body:not(.admin-body) .product-card__bottom {
  
  flex: 0 0 22px !important;
  
  
  
  height: 22px !important;
  
  
}
body:not(.admin-body) .product-card .price,
body:not(.admin-body) .product-card .price:not(.price--offer) .current-price {
  font-size: 9px !important;
  line-height: 1 !important;
}
body:not(.admin-body) .product-card .price--offer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 4px !important;
}
body:not(.admin-body) .product-card .price--offer .old-price,
body:not(.admin-body) .product-card .price--offer .current-price {
  position: static !important;
  margin: 0 !important;
  font-size: 8px !important;
}

@media (min-width: 701px) and (max-width: 1100px) {
  body:not(.admin-body) :is(#productsGrid,#featuredProducts,#indexPromoGrid,#indexOffersGrid,.products-grid,.shop-products-grid) {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 10px !important;
  }
  body:not(.admin-body) .product-card__img,
  body:not(.admin-body) #productsGrid .product-card__img {
    flex-basis: 128px !important;
    height: 128px !important;
    max-height: 128px !important;
  }
}

@media (max-width: 700px) {
  body:not(.admin-body) :is(#productsGrid,#featuredProducts,#indexPromoGrid,#indexOffersGrid,.products-grid,.shop-products-grid),
  body:not(.admin-body) .home-products-block .products-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  body:not(.admin-body) :is(#productsGrid,#featuredProducts,#indexPromoGrid,#indexOffersGrid,.products-grid,.shop-products-grid) > .product-card,
  body:not(.admin-body) .home-products-block .product-card {
    padding: 5px !important;
    border-radius: 13px !important;
  }
  body:not(.admin-body) .product-card__img,
  body:not(.admin-body) #productsGrid .product-card__img,
  body:not(.admin-body) .home-products-block .product-card__img {
    flex: 0 0 clamp(82px,25vw,108px) !important;
    height: clamp(82px,25vw,108px) !important;
    min-height: clamp(82px,25vw,108px) !important;
    max-height: clamp(82px,25vw,108px) !important;
    padding: 4px !important;
  }
  body:not(.admin-body) .product-card__body,
  body:not(.admin-body) #productsGrid .product-card__body,
  body:not(.admin-body) .home-products-block .product-card__body {
    min-height: 0 !important;
    padding: 5px 0 1px !important;
    gap: 2px !important;
  }
  body:not(.admin-body) .product-card__brand,
  body:not(.admin-body) .home-products-block .product-card__brand {
    min-height: 8px !important;
    font-size: clamp(5px,1.55vw,6.2px) !important;
    line-height: 8px !important;
  }
  body:not(.admin-body) .product-card__title,
  body:not(.admin-body) #productsGrid .product-card__title,
  body:not(.admin-body) .home-products-block .product-card__title {
    flex-basis: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 1px !important;
    font-size: clamp(5.5px,1.7vw,6.8px) !important;
    line-height: 9px !important;
    -webkit-line-clamp: 3 !important;
  }
  body:not(.admin-body) .product-card__status-row,
  body:not(.admin-body) .product-card__status-row--center {
    flex-basis: 21px !important;
    height: 21px !important;
    min-height: 21px !important;
  }
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn,
  body:not(.admin-body) .home-products-block .product-card__add-btn,
  body:not(.admin-body) .home-products-block .small-btn {
    position: static !important;
    width: min(100%,76px) !important;
    min-width: 0 !important;
    max-width: 76px !important;
    height: 21px !important;
    min-height: 21px !important;
    padding: 2px 3px !important;
    border-radius: 999px !important;
    font-size: clamp(5.4px,1.55vw,6.2px) !important;
  }
  body:not(.admin-body) .product-card__bottom,
  body:not(.admin-body) .home-products-block .product-card__bottom {
    flex: 0 0 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin-top: 2px !important;
  }
  body:not(.admin-body) .product-card .price,
  body:not(.admin-body) .product-card .price:not(.price--offer) .current-price {
    font-size: clamp(6px,1.7vw,7px) !important;
  }

  /* El carrusel se mantiene visible y horizontal en móviles. */
  body:not(.admin-body) #heroCarousel.hero:not([hidden]),
  body:not(.admin-body) #heroCarousel.hero[aria-hidden="false"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    min-height: 190px !important;
    margin: 10px auto 18px !important;
  }
  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) #heroCarousel .hero-carousel__slide,
  body:not(.admin-body) #heroCarousel .hero__media {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
  }
  body:not(.admin-body) #heroCarousel .hero__media video,
  body:not(.admin-body) #heroCarousel .hero__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}


/* =====================================================================
   ALTEREGO — PRODUCTOS.HTML CON LAS MISMAS TARJETAS DE INDEX.HTML
   Regla final: elimina diferencias de tamaño y mantiene 4/4/3 columnas.
   ===================================================================== */
body.products-page-body .shop-results {
  min-width: 0 !important;
}
body.products-page-body #productsGrid.shop-products-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
body.products-page-body #productsGrid > .product-card {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 8px !important;
  border-radius: 16px !important;
}
body.products-page-body #productsGrid .product-card__img {
  flex: 0 0 150px !important;
  width: 100% !important;
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  padding: 7px !important;
  border-radius: 14px !important;
}
body.products-page-body #productsGrid .product-card__img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
body.products-page-body #productsGrid .product-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 7px 1px 1px !important;
  gap: 3px !important;
}
body.products-page-body #productsGrid .product-card__brand {
  min-height: 10px !important;
  font-size: 7px !important;
  line-height: 10px !important;
  text-align: center !important;
}
body.products-page-body #productsGrid .product-card__title {
  flex: 0 0 36px !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 2px !important;
  font-size: 9px !important;
  line-height: 12px !important;
  text-align: center !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
body.products-page-body #productsGrid .product-card__status-row {
  flex: 0 0 25px !important;
  width: 100% !important;
  height: 25px !important;
  min-height: 25px !important;
  margin: 0 !important;
}
body.products-page-body #productsGrid .product-card__add-btn {
  position: static !important;
  width: min(100%, 105px) !important;
  min-width: 0 !important;
  max-width: 105px !important;
  height: 25px !important;
  min-height: 25px !important;
  padding: 3px 7px !important;
  font-size: 8px !important;
  border-radius: 999px !important;
}
body.products-page-body #productsGrid .product-card__bottom {
  flex: 0 0 22px !important;
  width: 100% !important;
  height: 22px !important;
  min-height: 22px !important;
  margin: 2px 0 0 !important;
}
body.products-page-body #productsGrid .price,
body.products-page-body #productsGrid .price:not(.price--offer) .current-price {
  font-size: 9px !important;
  line-height: 1 !important;
}

@media (min-width: 701px) and (max-width: 1100px) {
  body.products-page-body #productsGrid.shop-products-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body.products-page-body #productsGrid .product-card__img {
    flex-basis: 128px !important;
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
  }
}

@media (max-width: 700px) {
  body.products-page-body #productsGrid.shop-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
  body.products-page-body #productsGrid > .product-card {
    padding: 5px !important;
    border-radius: 13px !important;
  }
  body.products-page-body #productsGrid .product-card__img {
    flex: 0 0 clamp(82px, 25vw, 108px) !important;
    height: clamp(82px, 25vw, 108px) !important;
    min-height: clamp(82px, 25vw, 108px) !important;
    max-height: clamp(82px, 25vw, 108px) !important;
    padding: 4px !important;
  }
  body.products-page-body #productsGrid .product-card__body {
    padding: 5px 0 1px !important;
    gap: 2px !important;
  }
  body.products-page-body #productsGrid .product-card__brand {
    min-height: 8px !important;
    font-size: clamp(5px, 1.55vw, 6.2px) !important;
    line-height: 8px !important;
  }
  body.products-page-body #productsGrid .product-card__title {
    flex-basis: 27px !important;
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    font-size: clamp(5.5px, 1.7vw, 6.8px) !important;
    line-height: 9px !important;
  }
  body.products-page-body #productsGrid .product-card__status-row {
    flex-basis: 21px !important;
    height: 21px !important;
    min-height: 21px !important;
  }
  body.products-page-body #productsGrid .product-card__add-btn {
    width: min(100%, 76px) !important;
    max-width: 76px !important;
    height: 21px !important;
    min-height: 21px !important;
    padding: 2px 3px !important;
    font-size: clamp(5.4px, 1.55vw, 6.2px) !important;
  }
  body.products-page-body #productsGrid .product-card__bottom {
    flex-basis: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
  }
  body.products-page-body #productsGrid .price,
  body.products-page-body #productsGrid .price:not(.price--offer) .current-price {
    font-size: clamp(6px, 1.7vw, 7px) !important;
  }
}

/* =====================================================================
   AJUSTE FINAL SOLICITADO — CARRUSEL Y TARJETAS INDEX/PRODUCTOS IGUALES
   ===================================================================== */
body:not(.admin-body) #heroCarousel.hero,
html[data-theme="light"] body:not(.admin-body) #heroCarousel.hero,
html[data-theme="dark"] body:not(.admin-body) #heroCarousel.hero {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: min(1180px, 94%) !important;
  max-width: min(1180px, 94%) !important;
  height: clamp(151px, 46vw, 494px) !important;
  min-height: clamp(200px, 26vw, 390px) !important;
  max-height: 540px !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  position: relative !important;
  aspect-ratio: auto !important;
}

/* Las tarjetas de productos.html heredan exactamente la estructura visual del index. */
body:not(.admin-body) #productsGrid .product-card,
body:not(.admin-body) #indexPromoGrid .product-card,
body:not(.admin-body) #featuredProducts .product-card,
body:not(.admin-body) #indexOffersGrid .product-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  height: 100% !important;
  min-height: 0 !important;
  text-align: center !important;
}

body:not(.admin-body) #productsGrid .product-card__brand,
body:not(.admin-body) #indexPromoGrid .product-card__brand,
body:not(.admin-body) #featuredProducts .product-card__brand,
body:not(.admin-body) #indexOffersGrid .product-card__brand {
  width: 100% !important;
  margin: 0 !important;
  font-size: 9px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
}

body:not(.admin-body) #productsGrid .product-card__body,
body:not(.admin-body) #indexPromoGrid .product-card__body,
body:not(.admin-body) #featuredProducts .product-card__body,
body:not(.admin-body) #indexOffersGrid .product-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  text-align: center !important;
}

body:not(.admin-body) #productsGrid .product-card__add-btn,
body:not(.admin-body) #productsGrid .small-btn,
body:not(.admin-body) #indexPromoGrid .product-card__add-btn,
body:not(.admin-body) #featuredProducts .product-card__add-btn,
body:not(.admin-body) #indexOffersGrid .product-card__add-btn {
  width: auto !important;
  min-width: 72px !important;
  max-width: calc(100% - 8px) !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  white-space: nowrap !important;
}

body:not(.admin-body) .product-card .price {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 172px !important;
  margin: 10px 0 0 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  body:not(.admin-body) #productsGrid .product-card__body,
  body:not(.admin-body) #indexPromoGrid .product-card__body,
  body:not(.admin-body) #featuredProducts .product-card__body,
  body:not(.admin-body) #indexOffersGrid .product-card__body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 120px !important;
    padding: 0 .5px 7px !important;
    gap: 5px !important;
    text-align: center !important;
  }

  body:not(.admin-body) #productsGrid .product-card__brand,
  body:not(.admin-body) #indexPromoGrid .product-card__brand,
  body:not(.admin-body) #featuredProducts .product-card__brand,
  body:not(.admin-body) #indexOffersGrid .product-card__brand {
    font-size: clamp(5.8px, 1.7vw, 7px) !important;
  }

  body:not(.admin-body) #productsGrid .product-card__add-btn,
  body:not(.admin-body) #productsGrid .small-btn,
  body:not(.admin-body) #indexPromoGrid .product-card__add-btn,
  body:not(.admin-body) #featuredProducts .product-card__add-btn,
  body:not(.admin-body) #indexOffersGrid .product-card__add-btn {
    width: auto !important;
    min-width: 68px !important;
    max-width: calc(100% - 4px) !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 3px 9px !important;
    font-size: clamp(6px, 1.8vw, 7.5px) !important;
  }

  body:not(.admin-body) .product-card .price {
    margin-top: 10px !important;
  }
}


/* =========================================================
   AJUSTE NAV SIN CUADROS + CANTIDADES ORDENADAS 2026-07-15
   ========================================================= */
body:not(.admin-body) .header .nav > a,
body:not(.admin-body) .header .nav .nav-dropdown__toggle,
html[data-theme="light"] body:not(.admin-body) .header .nav > a,
html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle,
html[data-theme="dark"] body:not(.admin-body) .header .nav > a,
html[data-theme="dark"] body:not(.admin-body) .header .nav .nav-dropdown__toggle {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    position: relative !important;
}

body:not(.admin-body) .header .nav > a::after,
body:not(.admin-body) .header .nav .nav-dropdown__toggle::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 5px !important;
    width: 0 !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    transform: translateX(-50%) !important;
    transition: width .22s ease !important;
}

body:not(.admin-body) .header .nav > a:hover,
body:not(.admin-body) .header .nav > a.active,
body:not(.admin-body) .header .nav > a[aria-current="page"],
body:not(.admin-body) .header .nav .nav-dropdown__toggle:hover,
body:not(.admin-body) .header .nav .nav-dropdown:hover .nav-dropdown__toggle {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}

body:not(.admin-body) .header .nav > a:hover::after,
body:not(.admin-body) .header .nav > a.active::after,
body:not(.admin-body) .header .nav > a[aria-current="page"]::after,
body:not(.admin-body) .header .nav .nav-dropdown__toggle:hover::after,
body:not(.admin-body) .header .nav .nav-dropdown:hover .nav-dropdown__toggle::after {
    width: calc(100% - 28px) !important;
}


/* =========================================================
   CORRECCIÓN FINAL 2026-07-15 — NOMBRE INDEX + FILAS COMPLETAS
   ========================================================= */
/* El nombre vuelve a quedar inmediatamente debajo de la marca,
   centrado y con la misma posición visual de las tarjetas originales. */
body:not(.admin-body) #indexPromoGrid .product-card__body,
body:not(.admin-body) #featuredProducts .product-card__body,
body:not(.admin-body) #indexOffersGrid .product-card__body {
  justify-content: flex-start !important;
}

body:not(.admin-body) #indexPromoGrid .product-card__brand,
body:not(.admin-body) #featuredProducts .product-card__brand,
body:not(.admin-body) #indexOffersGrid .product-card__brand {
  flex: 0 0 auto !important;
  margin: 0 0 4px !important;
}

body:not(.admin-body) #indexPromoGrid .product-card__title,
body:not(.admin-body) #featuredProducts .product-card__title,
body:not(.admin-body) #indexOffersGrid .product-card__title {
  display: -webkit-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 2px !important;
  text-align: center !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Garantiza que el paginador de productos.html esté siempre visible
   cuando existen dos o más páginas. */
body.products-page-body #shopPagination.shop-pagination {
  display: flex !important;
  clear: both !important;
  grid-column: 1 / -1 !important;
  position: relative !important;
  z-index: 5 !important;
}

@media (min-width: 1101px) {
  body:not(.admin-body) #indexPromoGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 701px) and (max-width: 1100px) {
  body:not(.admin-body) #indexPromoGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body:not(.admin-body) #indexPromoGrid,
  body:not(.admin-body) #featuredProducts,
  body:not(.admin-body) #indexOffersGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:not(.admin-body) #indexPromoGrid .product-card__brand,
  body:not(.admin-body) #featuredProducts .product-card__brand,
  body:not(.admin-body) #indexOffersGrid .product-card__brand {
    margin-bottom: 2px !important;
  }
}

/* =====================================================================
   AE FIX 2026-07-15 — hamburguesa visible también en modo tablet
   El menú completo solo se muestra desde 1101px.
   ===================================================================== */
@media (max-width: 1100px) {
  body:not(.admin-body) #btnMenu,
  body:not(.admin-body) .menu-btn {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    flex: 0 0 42px !important;
  }
}

@media (min-width: 1101px) {
  body:not(.admin-body) #btnMenu,
  body:not(.admin-body) .menu-btn {
    display: none !important;
  }
}

/* =====================================================================
   AE FIX 2026-07-15 — hamburguesa visible también en modo tablet
   El menú completo solo se muestra desde 1101px.
   ===================================================================== */




/* =====================================================================
   AE FIX 2026-07-15 — navegación legible en modo claro
   Mantiene texto y flecha negros en reposo, hover, foco y opción activa.
   Conserva la rayita animada debajo del enlace.
   ===================================================================== */
html[data-theme="light"] body:not(.admin-body) .header .nav > a,
html[data-theme="light"] body:not(.admin-body) .header .nav > a:link,
html[data-theme="light"] body:not(.admin-body) .header .nav > a:visited,
html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

html[data-theme="light"] body:not(.admin-body) .header .nav > a:hover,
html[data-theme="light"] body:not(.admin-body) .header .nav > a:focus,
html[data-theme="light"] body:not(.admin-body) .header .nav > a:focus-visible,
html[data-theme="light"] body:not(.admin-body) .header .nav > a:active,
html[data-theme="light"] body:not(.admin-body) .header .nav > a.active,
html[data-theme="light"] body:not(.admin-body) .header .nav > a[aria-current="page"],
html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle:hover,
html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle:focus,
html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle:focus-visible,
html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle:active,
html[data-theme="light"] body:not(.admin-body) .header .nav-dropdown.is-open > .nav-dropdown__toggle,
html[data-theme="light"] body:not(.admin-body) .header .nav-dropdown:hover > .nav-dropdown__toggle {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] body:not(.admin-body) .header .nav > a::after,
html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle::after {
  background-color: #111 !important;
  color: #111 !important;
}

html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle svg,
html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle i,
html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle .arrow,
html[data-theme="light"] body:not(.admin-body) .header .nav .nav-dropdown__toggle::before {
  color: #111 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}


/* Formularios y comprobantes 2026-07-21 */
.document-select{appearance:auto!important;background-color:rgba(255,255,255,.08)!important;color:inherit!important;min-height:48px!important;padding:0 14px!important;border:1px solid rgba(125,255,186,.28)!important;border-radius:12px!important;}
.document-select option{color:#111;background:#fff;}
.payment-proof-box{padding:16px;border:1px solid rgba(73,220,137,.35);border-radius:14px;background:rgba(17,80,55,.18);}
.payment-proof-box[hidden]{display:none!important;}.payment-proof-box input[type=file]{width:100%;margin-top:10px;}.order-card__documents{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);}


/* Ajustes funcionales 2026-07-21 */
html:not(.ae-visual-ready) body:not(.admin-body) .logo img,
html:not(.ae-visual-ready) body:not(.admin-body) .footer__logo{visibility:hidden;}
html[data-theme="dark"] .checkout-page .btn,
html[data-theme="dark"] .checkout-page button,
html[data-theme="dark"] .payment-proof a,
html[data-theme="dark"] [class*="comprobante"] .btn{color:#fff!important;border-color:rgba(255,255,255,.35)!important;}
html[data-theme="dark"] .btn--secondary{background:#123f33!important;color:#fff!important;}
.footer a[href*="contacto"], .contact-link{display:inline-block;transition:transform .2s ease,color .2s ease,text-shadow .2s ease;}
.footer a[href*="contacto"]:hover,.contact-link:hover{transform:scale(1.06);color:#55ef8b!important;text-shadow:0 0 12px rgba(85,239,139,.55);}
.nav-dropdown__menu h3,.nav-dropdown__menu strong,.ae-products-mega__title{color:#55ef8b!important;text-shadow:0 0 12px rgba(85,239,139,.65)!important;}

/* =====================================================================
   AJUSTE DEFINITIVO TARJETAS DE PRODUCTO — 2026-07-21
   Centra las imágenes sin recortarlas y mejora el espacio en responsive.
   ===================================================================== */
body:not(.admin-body) .product-card__img {
  box-sizing: border-box !important;
  
  
  
  padding: 0 !important;
  
}
body:not(.admin-body) .product-card__img img {
  
  
  
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 auto !important;
  
  box-sizing: border-box !important;
  
  
  transform-origin: center center !important;
}

body:not(.admin-body) .product-card__brand {
  display: block !important;
  margin-top: 2px !important;
}
@media (min-width: 561px) and (max-width: 900px) {
  body:not(.admin-body) .product-card__img {
    height: 170px !important;
    min-height: 170px !important;
    flex-basis: 170px !important;
  }
  body:not(.admin-body) .product-card__img img { padding: 14px !important; }
  body:not(.admin-body) .product-card__body {
    padding-top: 12px !important;
    gap: 8px !important;
  }
}
@media (max-width: 560px) {
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid { align-items: stretch !important; }
  body:not(.admin-body) .product-card {
    min-width: 0 !important;
    height: 100% !important;
  }
  body:not(.admin-body) .product-card__img {
    width: 100% !important;
    height: 128.361px !important;
    min-height: 128.361px !important;
    max-height: 128.361px !important;
    flex: 0 0 128.361px !important;
    border-radius: 16px !important;
  }
  body:not(.admin-body) .product-card__img img {
    width: 100% !important;
    height: 100% !important;
    padding: 9px !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
  body:not(.admin-body) .product-card:hover .product-card__img img {
    transform: scale(1.02) !important;
  }
  body:not(.admin-body) .product-card__body {
    padding: 11px 9px 10px !important;
    gap: 7px !important;
  }
  body:not(.admin-body) .product-card__brand {
    margin-top: 2px !important;
    padding-top: 1px !important;
    font-size: .66rem !important;
    line-height: 1.2 !important;
  }
  body:not(.admin-body) .product-card__title {
    margin-top: 1px !important;
    line-height: 1.25 !important;
  }
  body:not(.admin-body) .product-card__status-row,
  body:not(.admin-body) .product-card__status-row--center {
    margin-top: 7px !important;
  }
}
@media (max-width: 380px) {
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body:not(.admin-body) .product-card__img {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    flex-basis: 120px !important;
  }
  body:not(.admin-body) .product-card__img img { padding: 8px !important; }
  body:not(.admin-body) .product-card__body {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}


/* =========================================================
   AJUSTES FINALES ALTEREGO — 2026-07-22
   Solo presentación; no modifica lógica de negocio.
   ========================================================= */

/* En escritorio, sube ligeramente el producto para que la base no quede cortada. */
@media (min-width: 901px) {
  body:not(.admin-body) .product-card__img img,
  body:not(.admin-body) .shop-product-card__media img,
  body:not(.admin-body) .shop-product-image img {
    transform: translateY(-12px) !important;
    object-position: center 42% !important;
    max-height: calc(100% - 4px) !important;
  }
  body:not(.admin-body) .product-card:hover .product-card__img img {
    transform: translateY(-12px) scale(1.045) !important;
  }
}

/* Fondo coherente para los logos de acceso. */
html[data-theme="dark"] body:not(.admin-body) .auth-card > img,
html[data-theme="dark"] body:not(.admin-body) .auth-logo,
html:not([data-theme="light"]) body:not(.admin-body) .auth-card > img,
html:not([data-theme="light"]) body:not(.admin-body) .auth-logo {
  background: linear-gradient(145deg, #073c2a, #031e15) !important;
  border: 1px solid rgba(89,229,130,.38) !important;
  border-radius: 18px !important;
  padding: 12px 18px !important;
  box-shadow: inset 0 0 22px rgba(89,229,130,.08) !important;
}
html[data-theme="light"] body:not(.admin-body) .auth-card > img,
html[data-theme="light"] body:not(.admin-body) .auth-logo {
  background: #f5fbf7 !important;
  border: 1px solid rgba(14,107,67,.22) !important;
  border-radius: 18px !important;
  padding: 12px 18px !important;
  box-shadow: 0 8px 25px rgba(9,76,47,.08) !important;
}

/* Títulos del mega menú: verde de marca, legible en ambos temas. */
body:not(.admin-body) .ae-menu-group > h3,
body:not(.admin-body) .ae-products-mega h3 {
  color: #38c975 !important;
  text-shadow: none !important;
}
html[data-theme="light"] body:not(.admin-body) .ae-menu-group > h3,
html[data-theme="light"] body:not(.admin-body) .ae-products-mega h3 {
  color: #087344 !important;
}

/* Botones superiores perfectamente circulares y con separación móvil. */
body:not(.admin-body) #btnMenu,
body:not(.admin-body) .menu-toggle,
body:not(.admin-body) .hamburger,
body:not(.admin-body) .header-actions .icon-btn {
  aspect-ratio: 1 / 1 !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
@media (max-width: 700px) {
  body:not(.admin-body) .theme-toggle {
    margin-right: 8px !important;
    transform: translateX(-3px) !important;
  }
  body:not(.admin-body) #btnSearch { margin-left: 3px !important; }
  body:not(.admin-body) #btnMenu,
  body:not(.admin-body) .menu-toggle { border-radius: 50% !important; }
}

/* Evita mostrar por un instante los logos locales antes del logo administrado. */
html:not(.ae-logo-cache-ready) body:not(.admin-body) .logo img,
html:not(.ae-logo-cache-ready) body:not(.admin-body) .footer__logo,
html:not(.ae-logo-cache-ready) body:not(.admin-body) .auth-logo,
html:not(.ae-logo-cache-ready) body:not(.admin-body) .auth-card > img {
  opacity: 0 !important;
}
html.ae-logo-cache-ready body:not(.admin-body) .logo img,
html.ae-logo-cache-ready body:not(.admin-body) .footer__logo,
html.ae-logo-cache-ready body:not(.admin-body) .auth-logo,
html.ae-logo-cache-ready body:not(.admin-body) .auth-card > img {
  opacity: 1 !important;
  transition: opacity .16s ease !important;
}


/* === Ajustes 2026-07-24: banners, logos y productos aleatorios === */
.home-random-products{padding-top:clamp(42px,7vw,86px)!important;padding-bottom:clamp(42px,7vw,86px)!important;border-top:1px solid rgba(255,255,255,.08);}
.home-random-products--more{background:linear-gradient(180deg,transparent,rgba(12,100,66,.08));}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;}.section-head h2{margin:.25rem 0 0;font-size:clamp(1.7rem,4vw,2.8rem);}.section-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:800;opacity:.7;}.home-view-more{text-align:center;margin-top:30px;}.home-view-more .btn{min-width:180px;}
@media(max-width:760px){
 body:not(.admin-body) .home-showcase{position:relative;}
 body:not(.admin-body) .home-showcase__inner{position:relative;min-height:clamp(360px,105vw,520px);display:block!important;padding:0!important;overflow:hidden;border-radius:22px;}
 body:not(.admin-body) .home-showcase__media,body:not(.admin-body) .home-showcase__inner>picture,body:not(.admin-body) .home-showcase__inner>img,body:not(.admin-body) .home-showcase__inner>video{width:100%;height:100%;position:absolute;inset:0;}
 body:not(.admin-body) .home-showcase__media img,body:not(.admin-body) .home-showcase__media video{width:100%;height:100%;object-fit:cover;}
 body:not(.admin-body) .home-showcase__copy{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82));z-index:2;}
 body:not(.admin-body) .home-showcase__actions{position:absolute;right:14px;bottom:14px;margin:0!important;}
 body:not(.admin-body) .home-showcase__actions .btn{min-height:34px!important;padding:8px 13px!important;font-size:.75rem!important;border-radius:10px!important;box-shadow:0 8px 24px rgba(0,0,0,.25);}
 body:not(.admin-body) .home-showcase__copy p{padding-right:110px;margin-bottom:2px;}
 .home-random-products .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;}
}

/* Facebook añadido a redes sociales */
.footer-social a[aria-label="Facebook"]{color:#1877f2;}.footer-social a[aria-label="Facebook"] img{display:block;object-fit:contain;}

/* =====================================================================
   AE FIX 2026-07-24 — hamburguesa exclusivamente responsive
   Oculta el botón en escritorio y lo muestra solo cuando la navegación
   principal pasa al menú móvil (hasta 1100 px).
   ===================================================================== */
body:not(.admin-body) #btnMenu,
body:not(.admin-body) .menu-btn,
body:not(.admin-body) .menu-toggle,
body:not(.admin-body) .hamburger {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 1100px) {
  body:not(.admin-body) #btnMenu,
  body:not(.admin-body) .menu-btn,
  body:not(.admin-body) .menu-toggle,
  body:not(.admin-body) .hamburger {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* =====================================================================
   AE AJUSTE VISUAL FINAL — tarjetas, títulos, menú y banners (2026-07-24)
   Solo presentación. Mantiene intacta la lógica de productos y carrito.
   ===================================================================== */

/* Títulos de las nuevas secciones centrados igual que las áreas destacadas. */
body:not(.admin-body) .home-random-products .section-head {
  justify-content: center !important;
  text-align: center !important;
  margin-inline: auto !important;
}
body:not(.admin-body) .home-random-products .section-head > div {
  width: 100% !important;
  text-align: center !important;
}
body:not(.admin-body) .home-random-products .section-kicker,
body:not(.admin-body) .home-random-products .section-head h2 {
  display: block !important;
  text-align: center !important;
}

/* Tarjetas compactas, alineadas y legibles en todas las secciones. */
body:not(.admin-body) .products-grid .product-card,
body:not(.admin-body) .shop-products-grid .product-card {
  text-align: center !important;
  min-height: 0 !important;
  
}
body:not(.admin-body) .product-card__body {
  
  
  
  
  min-width: 0 !important;
}

html[data-theme="light"] body:not(.admin-body) .product-card__brand {
  color: #087345 !important;
}
body:not(.admin-body) .product-card__title {
  
  
  
  
  
  
  font-weight: 750 !important;
  
  
  
  
  
  overflow-wrap: anywhere !important;
}
body:not(.admin-body) .product-card__status-row,
body:not(.admin-body) .product-card__status-row--center {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 2px 0 0 !important;
}
body:not(.admin-body) .product-card__add-btn,
body:not(.admin-body) .product-card .small-btn {
  width: auto !important;
  min-width: 78px !important;
  max-width: 112px !important;
  min-height: 31px !important;
  padding: 6px 10px !important;
  border-radius: 9px !important;
  font-size: .68rem !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
  justify-content: center !important;
  gap: 5px !important;
}
body:not(.admin-body) .product-card__cart-icon {
  width: 13px !important;
  height: 13px !important;
  flex: 0 0 13px !important;
}
body:not(.admin-body) .product-card__bottom {
  
  
  
  
  margin-top: 0 !important;
  padding-top: 0 !important;
  text-align: center !important;
}
body:not(.admin-body) .product-card__bottom .price {
  width: 100% !important;
  
  
  
  
  
}
body:not(.admin-body) .product-card__bottom .price--offer {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

/* Menú Productos: encabezados verdes claros, visibles en ambos temas y tamaños. */
body:not(.admin-body) .ae-menu-group h3,
body:not(.admin-body) .ae-products-mega h3,
body:not(.admin-body) .nav-dropdown__menu h3,
body:not(.admin-body) .nav-dropdown__menu strong,
body:not(.admin-body) .ae-products-mega__title {
  color: #65ef98 !important;
  opacity: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .055em !important;
  text-shadow: 0 0 10px rgba(77,225,134,.22) !important;
}
html[data-theme="light"] body:not(.admin-body) .ae-menu-group h3,
html[data-theme="light"] body:not(.admin-body) .ae-products-mega h3,
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__menu h3,
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__menu strong,
html[data-theme="light"] body:not(.admin-body) .ae-products-mega__title {
  color: #087647 !important;
  text-shadow: none !important;
}

/* Botón de cada banner fijado abajo a la derecha y de tamaño discreto. */
body:not(.admin-body) .home-showcase__copy {
  position: relative !important;
}
body:not(.admin-body) .home-showcase__actions {
  
  right: clamp(12px, 2vw, 24px) !important;
  bottom: clamp(12px, 2vw, 22px) !important;
  
  z-index: 5 !important;
}
body:not(.admin-body) .home-showcase__actions .btn {
  min-width: 0 !important;
  min-height: 32px !important;
  padding: 7px 12px !important;
  border-radius: 9px !important;
  font-size: .71rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  body:not(.admin-body) .products-grid,
  body:not(.admin-body) .shop-products-grid {
    align-items: stretch !important;
  }
  body:not(.admin-body) .product-card {
    padding: 8px !important;
    border-radius: 15px !important;
  }
  body:not(.admin-body) .product-card__img {
    height: 138px !important;
    min-height: 138px !important;
    max-height: 138px !important;
    flex: 0 0 138px !important;
    border-radius: 13px !important;
  }
  body:not(.admin-body) .product-card__img img {
    padding: 8px !important;
    transform: none !important;
    object-position: center !important;
  }
  body:not(.admin-body) .product-card:hover .product-card__img img {
    transform: scale(1.02) !important;
  }
  body:not(.admin-body) .product-card__body {
    padding: 8px 5px 6px !important;
    gap: 5px !important;
  }
  body:not(.admin-body) .product-card__brand {
    font-size: .64rem !important;
  }
  body:not(.admin-body) .product-card__title {
    font-size: .75rem !important;
    min-height: 2.5em !important;
    max-height: 2.5em !important;
  }
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn {
    min-width: 72px !important;
    max-width: 96px !important;
    min-height: 29px !important;
    padding: 5px 8px !important;
    font-size: .63rem !important;
  }
  body:not(.admin-body) .product-card__bottom .price {
    font-size: .86rem !important;
  }
  body:not(.admin-body) .ae-menu-group h3,
  body:not(.admin-body) .ae-products-mega h3,
  body:not(.admin-body) .nav-dropdown__menu h3,
  body:not(.admin-body) .nav-dropdown__menu strong {
    font-size: .76rem !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 560px) {
  body:not(.admin-body) .home-random-products {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }
  body:not(.admin-body) .home-random-products .section-head {
    margin-bottom: 17px !important;
  }
  body:not(.admin-body) .home-random-products .section-kicker {
    font-size: .62rem !important;
  }
  body:not(.admin-body) .home-random-products .section-head h2 {
    font-size: 1.35rem !important;
  }
  body:not(.admin-body) .product-card {
    padding: 6px !important;
  }
  body:not(.admin-body) .product-card__img {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
    flex-basis: 112px !important;
    border-radius: 12px !important;
  }
  body:not(.admin-body) .product-card__img img {
    padding: 6px !important;
  }
  body:not(.admin-body) .product-card__body {
    padding: 7px 3px 5px !important;
    gap: 4px !important;
  }
  body:not(.admin-body) .product-card__brand {
    font-size: .59rem !important;
    letter-spacing: .045em !important;
  }
  body:not(.admin-body) .product-card__title {
    font-size: .69rem !important;
    line-height: 1.22 !important;
    min-height: 2.45em !important;
    max-height: 2.45em !important;
  }
  body:not(.admin-body) .product-card__add-btn,
  body:not(.admin-body) .product-card .small-btn {
    min-width: 65px !important;
    max-width: 86px !important;
    min-height: 27px !important;
    padding: 4px 6px !important;
    border-radius: 8px !important;
    font-size: .58rem !important;
  }
  body:not(.admin-body) .product-card__cart-icon {
    width: 11px !important;
    height: 11px !important;
    flex-basis: 11px !important;
  }
  body:not(.admin-body) .product-card__bottom .price {
    font-size: .78rem !important;
  }
  body:not(.admin-body) .home-showcase__actions {
    right: 10px !important;
    bottom: 10px !important;
  }
  body:not(.admin-body) .home-showcase__actions .btn {
    min-height: 29px !important;
    padding: 6px 9px !important;
    font-size: .64rem !important;
    border-radius: 8px !important;
  }
  body:not(.admin-body) .home-showcase__copy p {
    padding-right: 92px !important;
  }
}

/* =====================================================================
   ALTEREGO ENTREGA FINAL — diseño estable y responsive
   ===================================================================== */
.alert--success{display:block!important;background:rgba(20,155,83,.16)!important;border:1px solid #28c879!important;color:#75f0aa!important;font-weight:800!important;padding:12px 14px!important;border-radius:12px!important;text-align:center!important;}
html[data-theme="light"] .alert--success{background:#e9fff2!important;border-color:#149d55!important;color:#075e32!important;}
.alert--error{display:block!important;background:rgba(190,40,40,.14)!important;border:1px solid #cf4a4a!important;color:#ffd2d2!important;}
html[data-theme="light"] .alert--error{background:#fff0f0!important;color:#8b1717!important;}

/* Banners: tema correcto, composición compacta y botón estable */
.home-showcase{background:transparent!important;}

html[data-theme="light"] .home-showcase__inner{background:linear-gradient(145deg,#fff,#f1fbf6)!important;border-color:rgba(10,125,70,.25)!important;color:#10251c!important;box-shadow:0 12px 30px rgba(20,70,45,.12)!important;}
html[data-theme="light"] .home-showcase__copy h2,html[data-theme="light"] .home-showcase__copy p{color:#10251c!important;}
.home-showcase__copy{min-width:0!important;}


.home-showcase__inner>img,.home-showcase__inner>video{background:rgba(255,255,255,.96)!important;padding:0!important;}
.home-showcase__actions{display:flex!important;justify-content:flex-start!important;margin-top:14px!important;position:static!important;}
.home-showcase__actions .btn{width:auto!important;min-width:0!important;min-height:34px!important;padding:8px 14px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;}
.home-products-block--managed{padding:5px 0 28px!important;margin:0!important;}

/* Tarjetas idénticas en index y productos.html */
body:not(.admin-body) .products-grid{align-items:stretch!important;}
body:not(.admin-body) .product-card{overflow:hidden!important;}
body:not(.admin-body) .product-card__img{margin:9px auto 0!important;}
body:not(.admin-body) .product-card__img img{display:block!important;object-position:center!important;transform:none!important;}
body:not(.admin-body) .product-card:hover .product-card__img img{transform:none!important;}
body:not(.admin-body) .product-card__body{grid-template-rows:auto minmax(30px,auto) auto auto!important;align-content:start!important;justify-items:center!important;width:100%!important;gap:6px!important;box-sizing:border-box!important;}
body:not(.admin-body) .product-card__brand{line-height:1.15!important;margin:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body:not(.admin-body) .product-card__title{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
body:not(.admin-body) .product-card__status-row{min-height:32px!important;align-items:center!important;}
body:not(.admin-body) .product-card__add-btn,body:not(.admin-body) .product-card .small-btn{position:static!important;width:auto!important;min-width:92px!important;max-width:100%!important;min-height:30px!important;padding:7px 12px!important;margin:0!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;}
body:not(.admin-body) .product-card__bottom{position:static!important;}
body:not(.admin-body) .product-card__bottom .price{line-height:1.1!important;}

.ae-menu-group>h3,.ae-products-mega .ae-menu-group>h3{color:#5cf0a2!important;text-shadow:0 0 8px rgba(92,240,162,.8),0 0 20px rgba(27,194,111,.42)!important;text-align:center!important;}
html[data-theme="light"] .ae-menu-group>h3,html[data-theme="light"] .ae-products-mega .ae-menu-group>h3{color:#087d45!important;text-shadow:0 0 9px rgba(32,185,103,.32)!important;}

@media(max-width:1100px){
 .home-showcase__inner{grid-template-columns:minmax(0,1fr) minmax(230px,46%)!important;min-height:205px!important;padding:16px!important;gap:15px!important;}
 .home-showcase__inner>img,.home-showcase__inner>video{height:175px!important;}
 .hero-carousel .hero__buttons{position:absolute!important;right:14px!important;bottom:14px!important;left:auto!important;top:auto!important;margin:0!important;z-index:8!important;display:flex!important;justify-content:flex-end!important;}
 .hero-carousel .hero__buttons .btn{width:auto!important;min-height:32px!important;padding:7px 11px!important;font-size:10px!important;}
}
@media(max-width:760px){
 .home-showcase{padding:9px 0!important;}
 .home-showcase__inner,.home-showcase--left .home-showcase__inner{grid-template-columns:minmax(0,47%) minmax(0,53%)!important;min-height:145px!important;padding:9px!important;gap:9px!important;border-radius:16px!important;}
 .home-showcase--left .home-showcase__inner>:first-child{order:2!important;}.home-showcase--left .home-showcase__inner>:last-child{order:1!important;}
 .home-showcase__copy h2{font-size:15px!important;line-height:1.08!important;margin:3px 0 4px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
 .home-showcase__copy p{font-size:9px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
 .home-showcase__copy>span{font-size:8px!important;}
 .home-showcase__inner>img,.home-showcase__inner>video{height:126px!important;border-radius:11px!important;}
 .home-showcase__actions{justify-content:flex-end!important;margin-top:6px!important;}
 .home-showcase__actions .btn{min-height:26px!important;padding:6px 8px!important;font-size:8px!important;}
 body:not(.admin-body) .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
 body:not(.admin-body) .product-card__img{height:118px!important;flex-basis:118px!important;width:calc(100% - 12px)!important;margin-top:6px!important;}
 body:not(.admin-body) .product-card__img img{padding:7px!important;}
 body:not(.admin-body) .product-card__body{grid-template-rows:auto minmax(25px,auto) auto auto!important;padding:7px 7px 9px!important;gap:4px!important;}
 body:not(.admin-body) .product-card__brand{font-size:8px!important;}
 body:not(.admin-body) .product-card__title{font-size:9px!important;line-height:1.18!important;min-height:23px!important;max-height:23px!important;}
 body:not(.admin-body) .product-card__status-row{min-height:28px!important;}
 body:not(.admin-body) .product-card__add-btn,body:not(.admin-body) .product-card .small-btn{min-width:76px!important;min-height:26px!important;padding:6px 8px!important;font-size:8px!important;}
 body:not(.admin-body) .product-card__bottom{min-height:21px!important;}
 body:not(.admin-body) .product-card__bottom .price{font-size:10px!important;}
}


/* === ALTEREGO · corrección visual final 2026-07-27 === */
.home-showcase{padding:18px 0!important;}
.home-showcase__inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,1fr)!important;gap:42px!important;align-items:center!important;min-height:350px!important;padding:40px!important;border:1px solid rgba(71,218,143,.35)!important;border-radius:34px!important;background:linear-gradient(120deg,rgba(0,72,49,.96),rgba(0,112,67,.88))!important;color:#fff!important;text-decoration:none!important;overflow:hidden!important;box-shadow:0 22px 55px rgba(0,0,0,.18)!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;}
.home-showcase__inner:hover,.home-showcase__inner:focus-visible{transform:translateY(-5px) scale(1.008)!important;box-shadow:0 30px 70px rgba(0,0,0,.3),0 0 30px rgba(64,232,143,.18)!important;border-color:rgba(91,238,161,.72)!important;outline:none;}
.home-showcase__copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important;padding:10px 0!important;}
.home-showcase__copy>span{color:#eafff2!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.08)!important;border-radius:999px!important;padding:8px 18px!important;font-weight:900!important;letter-spacing:.1em!important;}
.home-showcase__copy h2{margin:16px 0 10px!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(44px,5vw,76px)!important;line-height:.95!important;letter-spacing:-.04em!important;}
.home-showcase__copy p{margin:0!important;max-width:720px!important;color:rgba(255,255,255,.78)!important;font-size:clamp(17px,1.5vw,23px)!important;line-height:1.45!important;font-weight:650!important;}
.home-showcase__hint{margin-top:24px!important;color:#66ef9e!important;font-weight:900!important;letter-spacing:.02em!important;opacity:.86;transition:transform .25s ease,opacity .25s ease;}
.home-showcase__inner:hover .home-showcase__hint{transform:translateX(7px);opacity:1;}
.home-showcase__inner>img,.home-showcase__inner>video{width:100%!important;height:305px!important;object-fit:cover!important;border-radius:28px!important;box-shadow:0 18px 35px rgba(0,0,0,.28)!important;}
.home-showcase--left .home-showcase__copy{grid-column:2;}
.home-showcase--left .home-showcase__inner>img,.home-showcase--left .home-showcase__inner>video{grid-column:1;grid-row:1;}

/* Tarjetas compactas, centradas y consistentes en inicio y catálogo */

body:not(.admin-body) .product-card{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;padding:10px!important;text-align:center!important;border-radius:24px!important;}
body:not(.admin-body) .product-card__img{width:100%!important;height:210px!important;flex:0 0 210px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#f4f8f6!important;}
body:not(.admin-body) .product-card__img img{width:100%!important;height:100%!important;object-fit:contain!important;padding:12px!important;}
body:not(.admin-body) .product-card__body{display:flex!important;flex:1!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:10px 4px 4px!important;text-align:center!important;}
body:not(.admin-body) .product-card__brand{width:100%!important;text-align:center!important;color:#47d98b!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;}
body:not(.admin-body) .product-card__title{width:100%!important;min-height:42px!important;max-height:42px!important;margin:6px 0 10px!important;text-align:center!important;font-size:13px!important;line-height:1.25!important;overflow:hidden!important;}
body:not(.admin-body) .product-card__status-row{margin-top:auto!important;}
body:not(.admin-body) .product-card__add-btn{transform:none!important;min-height:38px!important;padding:8px 14px!important;}
body:not(.admin-body) .product-card__bottom{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;min-height:34px!important;}
body:not(.admin-body) .product-card__bottom .price{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:0 auto!important;font-size:15px!important;}

/* Mega menú: verde luminoso y legible, sin amarillo */
.ae-products-mega h3,.ae-products-mega .ae-card-label,.ae-products-mega a{color:#62e89d!important;}
.ae-products-mega h3{text-shadow:0 0 12px rgba(82,235,151,.55)!important;}
.ae-products-mega a:hover,.ae-products-mega a:focus-visible{color:#baffd2!important;text-shadow:0 0 10px rgba(82,235,151,.78)!important;border-color:rgba(82,235,151,.7)!important;box-shadow:0 0 18px rgba(82,235,151,.16)!important;}

/* Logos de autenticación por tema */
html[data-theme="dark"] .auth-logo,html[data-theme="dark"] .auth-card>img{filter:none!important;}
html[data-theme="light"] .auth-logo,html[data-theme="light"] .auth-card>img{filter:none!important;}

.openpay-card-panel{margin:8px 0 20px;padding:18px;border:1px solid rgba(57,205,132,.3);border-radius:20px;background:rgba(43,177,111,.07);}
.openpay-card-panel h3{margin-top:0;}.openpay-card-panel p{margin-top:-4px;opacity:.75;font-size:13px;}.openpay-card-panel__small-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important;}

@media(max-width:768px){
 .home-showcase{padding:12px 10px!important;}
 .home-showcase__inner{grid-template-columns:1fr!important;gap:22px!important;min-height:0!important;padding:22px!important;border-radius:28px!important;}
 .home-showcase__inner>img,.home-showcase__inner>video,.home-showcase--left .home-showcase__inner>img,.home-showcase--left .home-showcase__inner>video{grid-column:1!important;grid-row:1!important;height:235px!important;border-radius:22px!important;}
 .home-showcase__copy,.home-showcase--left .home-showcase__copy{grid-column:1!important;grid-row:2!important;align-items:center!important;text-align:center!important;padding:0 4px 8px!important;}
 .home-showcase__copy h2{font-size:clamp(34px,10vw,48px)!important;line-height:1!important;margin-top:14px!important;}
 .home-showcase__copy p{font-size:16px!important;line-height:1.45!important;}
 .home-showcase__hint{margin-top:16px!important;}
 body:not(.admin-body) .products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
 body:not(.admin-body) .product-card{padding:6px!important;border-radius:17px!important;}
 body:not(.admin-body) .product-card__img{height:150px!important;flex-basis:150px!important;border-radius:14px!important;}
 body:not(.admin-body) .product-card__img img{padding:7px!important;}
 body:not(.admin-body) .product-card__body{padding:7px 1px 3px!important;}
 body:not(.admin-body) .product-card__brand{font-size:9px!important;}
 body:not(.admin-body) .product-card__title{font-size:10px!important;min-height:39px!important;max-height:39px!important;margin:4px 0 7px!important;}
 body:not(.admin-body) .product-card__add-btn{min-width:0!important;width:94%!important;min-height:34px!important;padding:6px 4px!important;font-size:9px!important;margin-bottom:7px!important;}
 body:not(.admin-body) .product-card__bottom .price{font-size:11px!important;gap:3px!important;}
 .openpay-card-panel__small-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
}
@media(max-width:420px){body:not(.admin-body) .product-card__img{height:126px!important;flex-basis:126px!important;}.home-showcase__inner>img,.home-showcase__inner>video,.home-showcase--left .home-showcase__inner>img,.home-showcase--left .home-showcase__inner>video{height:205px!important;}}

/* =====================================================================
   AJUSTE FINAL BANNERS: botón debajo del texto y adaptación real al tema
   ===================================================================== */
body:not(.admin-body) .home-showcase__inner{
  text-decoration:none !important;
  color:inherit !important;
}
body:not(.admin-body) .home-showcase__copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  min-width:0 !important;
}
body:not(.admin-body) .home-showcase__actions{
  
  
  
  margin-top:18px !important;
}
body:not(.admin-body) .home-showcase__button{
  
  align-items:center !important;
  justify-content:center !important;
  
  
  
  border-radius:14px !important;
  background:linear-gradient(135deg,#50e98f,#08784d) !important;
  color:#071a13 !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 12px 28px rgba(20,181,103,.20) !important;
  font-weight:800 !important;
  text-decoration:none !important;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease !important;
}
body:not(.admin-body) .home-showcase__button:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 16px 34px rgba(20,181,103,.27) !important;
  filter:brightness(1.04) !important;
}

/* Modo claro: fondo, bordes y sombras neutros; sin halo negro ni verde */
html[data-theme="light"] body:not(.admin-body) .home-showcase{
  background:transparent !important;
}
html[data-theme="light"] body:not(.admin-body) .home-showcase__inner{
  background:linear-gradient(135deg,#ffffff 0%,#f6faf8 100%) !important;
  border-color:rgba(20,64,48,.12) !important;
  box-shadow:0 14px 34px rgba(23,50,40,.09) !important;
}
html[data-theme="light"] body:not(.admin-body) .home-showcase__inner > img,
html[data-theme="light"] body:not(.admin-body) .home-showcase__inner > video{
  box-shadow:0 10px 24px rgba(28,50,42,.10) !important;
}

html[data-theme="light"] body:not(.admin-body) .home-showcase__copy p{
  color:#56635d !important;
}
html[data-theme="light"] body:not(.admin-body) .home-showcase__copy span{
  color:#1a352a !important;
  background:#edf5f1 !important;
  border:1px solid rgba(20,93,66,.12) !important;
}
html[data-theme="light"] body:not(.admin-body) .home-showcase__button{
  background:linear-gradient(135deg,#60e79a,#1a9e68) !important;
  color:#092116 !important;
  border-color:rgba(22,122,79,.18) !important;
  box-shadow:0 8px 20px rgba(28,93,67,.12) !important;
}
html[data-theme="light"] body:not(.admin-body) .home-showcase__button:hover{
  box-shadow:0 12px 24px rgba(28,93,67,.16) !important;
}

@media(max-width:900px){
  body:not(.admin-body) .home-showcase__copy{
    align-items:center !important;
    text-align:center !important;
  }
  body:not(.admin-body) .home-showcase__actions{
    justify-content:center !important;
    margin-top:14px !important;
  }
  body:not(.admin-body) .home-showcase__button{
    min-width:170px !important;
    min-height:48px !important;
  }
}
@media(max-width:560px){
  body:not(.admin-body) .home-showcase__copy h2{
    font-size:clamp(1.85rem,9vw,2.55rem) !important;
  }
  body:not(.admin-body) .home-showcase__button{
    min-width:156px !important;
    padding:12px 22px !important;
    font-size:.96rem !important;
  }
}


/* ===== AJUSTE FINAL 2026-07-27: tarjetas, banners y logos por tema ===== */
/* Todas las tarjetas públicas comparten una estructura segura y centrada. */
body:not(.admin-body) .products-grid .product-card,
body:not(.admin-body) .shop-products-grid .product-card {
  display:flex!important; flex-direction:column!important; height:100%!important;
  min-width:0!important; overflow:hidden!important; border-radius:22px!important;
}
body:not(.admin-body) .products-grid .product-card__img,
body:not(.admin-body) .shop-products-grid .product-card__img {
  width:100%!important; height:220px!important; flex:0 0 220px!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  overflow:hidden!important; padding:12px!important;
}
body:not(.admin-body) .products-grid .product-card__img img,
body:not(.admin-body) .shop-products-grid .product-card__img img {
  width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important;
  object-fit:contain!important; object-position:center!important; padding:8px!important;
  transform:none!important;
}
body:not(.admin-body) .products-grid .product-card:hover .product-card__img img,
body:not(.admin-body) .shop-products-grid .product-card:hover .product-card__img img { transform:scale(1.025)!important; }
body:not(.admin-body) .products-grid .product-card__body,
body:not(.admin-body) .shop-products-grid .product-card__body {
  display:flex!important; flex-direction:column!important; align-items:center!important;
  text-align:center!important; flex:1 1 auto!important; min-height:210px!important;
  padding:14px 12px 13px!important;
}
body:not(.admin-body) .products-grid .product-card__brand,
body:not(.admin-body) .shop-products-grid .product-card__brand {
  display:block!important; width:100%!important; margin:3px 0 8px!important;
  text-align:center!important; line-height:1.2!important;
}
body:not(.admin-body) .products-grid .product-card__title,
body:not(.admin-body) .shop-products-grid .product-card__title {
  width:100%!important; min-height:48px!important; max-height:none!important;
  margin:0 0 11px!important; text-align:center!important; line-height:1.22!important;
  display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important;
  overflow:hidden!important; overflow-wrap:anywhere!important;
}
body:not(.admin-body) .product-card__status-row { width:100%!important; display:flex!important; justify-content:center!important; margin:0 0 10px!important; }
body:not(.admin-body) .product-card__add-btn { position:static!important; max-width:150px!important; width:auto!important; min-width:112px!important; margin:0 auto!important; }
body:not(.admin-body) .products-grid .product-card__bottom,
body:not(.admin-body) .shop-products-grid .product-card__bottom {
  width:100%!important; margin-top:auto!important; display:flex!important; justify-content:center!important;
  align-items:center!important; min-height:34px!important;
}
body:not(.admin-body) .product-card__bottom .price { text-align:center!important; white-space:normal!important; }

/* Banners: contenido y botón nunca se superponen. */
body:not(.admin-body) .promo-banner-list { display:grid!important; gap:26px!important; }


body:not(.admin-body) .promo-banner__content .btn {  margin-top:auto!important;  }

body:not(.admin-body) .promo-banner__inner--text-right .promo-banner__content { order:2!important; }
body:not(.admin-body) .promo-banner__inner--text-right > img,
body:not(.admin-body) .promo-banner__inner--text-right > video { order:1!important; }

/* Logo blanco en oscuro y negro en claro, sin filtros que alteren el archivo. */
html[data-theme="dark"] body:not(.admin-body) .auth-logo,
html[data-theme="dark"] body:not(.admin-body) .auth-card > img { filter:none!important; }
html[data-theme="light"] body:not(.admin-body) .auth-logo,
html[data-theme="light"] body:not(.admin-body) .auth-card > img { filter:none!important; }

@media (max-width:760px) {
  body:not(.admin-body) .products-grid .product-card__img,
  body:not(.admin-body) .shop-products-grid .product-card__img { height:150px!important; flex-basis:150px!important; padding:8px!important; }
  body:not(.admin-body) .products-grid .product-card__img img,
  body:not(.admin-body) .shop-products-grid .product-card__img img { padding:5px!important; }
  body:not(.admin-body) .products-grid .product-card__body,
  body:not(.admin-body) .shop-products-grid .product-card__body { min-height:190px!important; padding:10px 7px 11px!important; }
  body:not(.admin-body) .products-grid .product-card__brand,
  body:not(.admin-body) .shop-products-grid .product-card__brand { font-size:11px!important; margin-bottom:7px!important; }
  body:not(.admin-body) .products-grid .product-card__title,
  body:not(.admin-body) .shop-products-grid .product-card__title { font-size:12px!important; min-height:44px!important; line-height:1.2!important; margin-bottom:9px!important; }
  body:not(.admin-body) .product-card__add-btn { min-width:96px!important; max-width:120px!important; font-size:10px!important; padding:7px 10px!important; min-height:34px!important; }
  body:not(.admin-body) .product-card__bottom .price { font-size:15px!important; }
  body:not(.admin-body) .promo-banner-list { gap:18px!important; }
  body:not(.admin-body) .promo-banner__inner {
    grid-template-columns:1fr!important; min-height:0!important; padding:14px!important; gap:14px!important;
    border-radius:22px!important;
  }
  body:not(.admin-body) .promo-banner__inner > img,
  body:not(.admin-body) .promo-banner__inner > video,
  body:not(.admin-body) .promo-banner__inner--text-right > img,
  body:not(.admin-body) .promo-banner__inner--text-right > video {
    order:1!important; height:190px!important; min-height:190px!important; max-height:190px!important; border-radius:16px!important;
  }
  body:not(.admin-body) .promo-banner__content,
  body:not(.admin-body) .promo-banner__inner--text-right .promo-banner__content {
    order:2!important; align-items:center!important; text-align:center!important; padding:4px 8px 8px!important;
  }
  body:not(.admin-body) .promo-banner__content h2 { font-size:clamp(27px,8vw,38px)!important; line-height:1.02!important; margin:8px 0 10px!important; }
  body:not(.admin-body) .promo-banner__content p { font-size:14px!important; line-height:1.45!important; margin:0 0 15px!important; }
  body:not(.admin-body) .promo-banner__content .btn { align-self:center!important; margin-top:0!important; padding:9px 18px!important; min-height:38px!important; font-size:13px!important; }
}

/* === Ajuste final 2026-07-27: banners fluidos sin superposición === */

body:not(.admin-body) .promo-banner__content {
  
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  align-content:stretch!important;
  
  
  
  
}


body:not(.admin-body) .promo-banner__content .btn {
  
  
  justify-self:start!important;
  
  
  
}

@media (max-width:1180px) and (min-width:761px) {
  body:not(.admin-body) .promo-banner__inner {
    grid-template-columns:minmax(0, .95fr) minmax(320px, 1.05fr)!important;
    min-height:410px!important;
    padding:24px!important;
    gap:24px!important;
  }
  body:not(.admin-body) .promo-banner__content {
    min-height:350px!important;
    padding:10px 6px 2px!important;
  }
  body:not(.admin-body) .promo-banner__content h2 {
    font-size:clamp(40px,5.1vw,58px)!important;
    line-height:.98!important;
  }
  body:not(.admin-body) .promo-banner__content p {
    font-size:clamp(16px,1.8vw,21px)!important;
    line-height:1.42!important;
  }
}

@media (max-width:900px) {
  body:not(.admin-body) .promo-banner__inner,
  body:not(.admin-body) .promo-banner__inner--text-right {
    grid-template-columns:1fr!important;
    min-height:0!important;
    height:auto!important;
  }
  body:not(.admin-body) .promo-banner__inner > img,
  body:not(.admin-body) .promo-banner__inner > video,
  body:not(.admin-body) .promo-banner__inner--text-right > img,
  body:not(.admin-body) .promo-banner__inner--text-right > video {
    order:1!important;
  }
  body:not(.admin-body) .promo-banner__content,
  body:not(.admin-body) .promo-banner__inner--text-right .promo-banner__content {
    order:2!important;
    min-height:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }
  body:not(.admin-body) .promo-banner__content .btn {
    align-self:center!important;
    justify-self:center!important;
    margin:12px auto 0!important;
  }
}

/* === AE FIX DEFINITIVO 2026-07-27: botón abajo, texto separado e imagen responsive === */
body:not(.admin-body) .promo-banner__inner {
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) minmax(300px, 1fr)!important;
  align-items:stretch!important;
  gap:clamp(18px, 2.4vw, 34px)!important;
  min-height:360px!important;
  height:auto!important;
  padding:clamp(22px, 2.5vw, 34px)!important;
  overflow:hidden!important;
}

body:not(.admin-body) .promo-banner__content {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:296px!important;
  height:auto!important;
  padding:clamp(8px, 1.2vw, 16px) clamp(4px, .8vw, 12px) 0!important;
  overflow:hidden!important;
}

body:not(.admin-body) .promo-banner__content h2 {
  width:100%!important;
  max-width:100%!important;
  margin:12px 0 12px!important;
  font-size:clamp(40px, 4.6vw, 74px)!important;
  line-height:.98!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

body:not(.admin-body) .promo-banner__content p {
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(16px, 1.45vw, 22px)!important;
  line-height:1.42!important;
  overflow:visible!important;
}

body:not(.admin-body) .promo-banner__content .btn {
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  flex:0 0 auto!important;
  margin:auto 0 0!important;
  min-height:40px!important;
  padding:9px 18px!important;
  transform:none!important;
  z-index:2!important;
}

body:not(.admin-body) .promo-banner__inner > img,
body:not(.admin-body) .promo-banner__inner > video {
  width:100%!important;
  height:100%!important;
  min-height:296px!important;
  max-height:340px!important;
  object-fit:cover!important;
  object-position:center!important;
  align-self:center!important;
  border-radius:22px!important;
  background:transparent!important;
}

@media (max-width:1180px) and (min-width:761px) {
  body:not(.admin-body) .promo-banner__inner {
    grid-template-columns:minmax(0, .95fr) minmax(300px, 1.05fr)!important;
    min-height:340px!important;
    padding:22px!important;
    gap:22px!important;
  }
  body:not(.admin-body) .promo-banner__content {
    min-height:286px!important;
    padding:8px 4px 0!important;
  }
  body:not(.admin-body) .promo-banner__content h2 {
    font-size:clamp(34px, 4.6vw, 56px)!important;
    margin:10px 0!important;
  }
  body:not(.admin-body) .promo-banner__content p {
    font-size:clamp(15px, 1.8vw, 19px)!important;
    line-height:1.38!important;
  }
  body:not(.admin-body) .promo-banner__inner > img,
  body:not(.admin-body) .promo-banner__inner > video {
    min-height:280px!important;
    max-height:310px!important;
  }
}

@media (max-width:760px) {
  body:not(.admin-body) .promo-banner__inner,
  body:not(.admin-body) .promo-banner__inner--text-right {
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
    padding:14px!important;
    gap:14px!important;
    border-radius:22px!important;
  }

  body:not(.admin-body) .promo-banner__inner > img,
  body:not(.admin-body) .promo-banner__inner > video,
  body:not(.admin-body) .promo-banner__inner--text-right > img,
  body:not(.admin-body) .promo-banner__inner--text-right > video {
    order:1!important;
    width:100%!important;
    height:clamp(180px, 56vw, 250px)!important;
    min-height:180px!important;
    max-height:250px!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:17px!important;
    background:transparent!important;
  }

  body:not(.admin-body) .promo-banner__content,
  body:not(.admin-body) .promo-banner__inner--text-right .promo-banner__content {
    order:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:0!important;
    height:auto!important;
    width:100%!important;
    padding:2px 8px 8px!important;
    text-align:center!important;
    overflow:visible!important;
  }

  body:not(.admin-body) .promo-banner__content h2 {
    font-size:clamp(27px, 9vw, 40px)!important;
    line-height:1.02!important;
    margin:8px 0 10px!important;
    overflow-wrap:break-word!important;
  }

  body:not(.admin-body) .promo-banner__content p {
    font-size:14px!important;
    line-height:1.45!important;
    margin:0!important;
    max-width:34rem!important;
  }

  body:not(.admin-body) .promo-banner__content .btn {
    align-self:center!important;
    margin:14px auto 0!important;
    min-height:36px!important;
    padding:8px 16px!important;
    font-size:12px!important;
  }
}

/* =====================================================================
   AE FIX DEFINITIVO 2026-07-27 — títulos verdes del menú Productos
   Esta regla única, al final del archivo, reemplaza estilos antiguos que
   podían dejar "Tipos de producto" o "Marcas" amarillos o con gradiente.
   ===================================================================== */
body:not(.admin-body) #navProductsMenu.ae-products-mega .ae-menu-group > h3,
body:not(.admin-body) .nav-dropdown__menu.ae-products-mega .ae-menu-group > h3,
body:not(.admin-body) .ae-products-mega h3,
body:not(.admin-body) .ae-products-mega__title {
  display:block !important;
  width:100% !important;
  margin:12px 0 10px !important;
  color:#63f29c !important;
  -webkit-text-fill-color:#63f29c !important;
  background:none !important;
  background-image:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  opacity:1 !important;
  font-weight:900 !important;
  text-align:center !important;
  letter-spacing:.035em !important;
  text-shadow:0 0 7px rgba(99,242,156,.88),0 0 18px rgba(32,205,115,.42) !important;
  filter:none !important;
}
html[data-theme="light"] body:not(.admin-body) #navProductsMenu.ae-products-mega .ae-menu-group > h3,
html[data-theme="light"] body:not(.admin-body) .nav-dropdown__menu.ae-products-mega .ae-menu-group > h3,
html[data-theme="light"] body:not(.admin-body) .ae-products-mega h3,
html[data-theme="light"] body:not(.admin-body) .ae-products-mega__title {
  color:#087647 !important;
  -webkit-text-fill-color:#087647 !important;
  text-shadow:0 0 7px rgba(20,170,91,.24) !important;
}
body:not(.admin-body) #navProductsMenu.ae-products-mega .ae-menu-group > h3::selection,
body:not(.admin-body) .nav-dropdown__menu.ae-products-mega .ae-menu-group > h3::selection {
  color:#062d1e !important;
  -webkit-text-fill-color:#062d1e !important;
  background:#63f29c !important;
}

/* =====================================================================
   BANNERS RESPONSIVE DEFINITIVOS 2026-07-27
   Una única capa final controla composición, orden y separación.
   Escritorio: texto | imagen. Móvil/tablet angosta: imagen | texto | botón.
   ===================================================================== */
body:not(.admin-body) .home-showcase {
  padding: 18px 0 !important;
  overflow: visible !important;
}
body:not(.admin-body) .home-showcase .container {
  width: min(1240px, calc(100% - 24px)) !important;
}
body:not(.admin-body) .home-showcase__inner,
body:not(.admin-body) .home-showcase--left .home-showcase__inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
  grid-template-areas: "copy media" !important;
  align-items: center !important;
  gap: clamp(24px, 3vw, 48px) !important;
  width: 100% !important;
  min-height: 380px !important;
  height: auto !important;
  padding: clamp(26px, 3vw, 40px) !important;
  overflow: hidden !important;
  border-radius: 34px !important;
  box-sizing: border-box !important;
}
body:not(.admin-body) .home-showcase__copy,
body:not(.admin-body) .home-showcase--left .home-showcase__copy {
  grid-area: copy !important;
  position: static !important;
  inset: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  background: none !important;
  overflow: visible !important;
}
body:not(.admin-body) .home-showcase__copy > span {
  flex: 0 0 auto !important;
  max-width: 100% !important;
  font-size: clamp(.72rem, .9vw, .9rem) !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}
body:not(.admin-body) .home-showcase__copy h2 {
  width: 100% !important;
  
  margin: 16px 0 12px !important;
  
  line-height: .98 !important;
  
  word-break: normal !important;
}
body:not(.admin-body) .home-showcase__copy p {
  position: static !important;
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(.98rem, 1.35vw, 1.35rem) !important;
  line-height: 1.45 !important;
  overflow: visible !important;
}
body:not(.admin-body) .home-showcase__actions {
  position: static !important;
  inset: auto !important;
  display: flex !important;
  width: 100% !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
}
body:not(.admin-body) .home-showcase__button {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 190px !important;
  max-width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 12px 28px !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.2 !important;
  transform: none !important;
}
body:not(.admin-body) .home-showcase__inner > img,
body:not(.admin-body) .home-showcase__inner > video,
body:not(.admin-body) .home-showcase--left .home-showcase__inner > img,
body:not(.admin-body) .home-showcase--left .home-showcase__inner > video {
  grid-area: media !important;
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: clamp(285px, 27vw, 330px) !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 28px !important;
  box-sizing: border-box !important;
}

@media (max-width: 1050px) and (min-width: 721px) {
  body:not(.admin-body) .home-showcase__inner,
  body:not(.admin-body) .home-showcase--left .home-showcase__inner {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .95fr) !important;
    min-height: 330px !important;
    padding: 26px !important;
    gap: 24px !important;
  }
  body:not(.admin-body) .home-showcase__copy h2 {
    font-size: clamp(2.15rem, 4.8vw, 3.5rem) !important;
  }
  body:not(.admin-body) .home-showcase__copy p {
    font-size: clamp(.92rem, 1.7vw, 1.1rem) !important;
  }
  body:not(.admin-body) .home-showcase__inner > img,
  body:not(.admin-body) .home-showcase__inner > video {
    height: clamp(245px, 29vw, 290px) !important;
  }
}

@media (max-width: 720px) {
  body:not(.admin-body) .home-showcase {
    padding: 10px 0 !important;
  }
  body:not(.admin-body) .home-showcase .container {
    width: min(100% - 12px, 430px) !important;
  }
  body:not(.admin-body) .home-showcase__inner,
  body:not(.admin-body) .home-showcase--left .home-showcase__inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "media" "copy" !important;
    gap: 14px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px !important;
    border-radius: 24px !important;
  }
  body:not(.admin-body) .home-showcase__inner > img,
  body:not(.admin-body) .home-showcase__inner > video,
  body:not(.admin-body) .home-showcase--left .home-showcase__inner > img,
  body:not(.admin-body) .home-showcase--left .home-showcase__inner > video {
    grid-area: media !important;
    width: 100% !important;
    height: clamp(180px, 53vw, 235px) !important;
    min-height: 180px !important;
    border-radius: 18px !important;
    object-fit: cover !important;
  }
  body:not(.admin-body) .home-showcase__copy,
  body:not(.admin-body) .home-showcase--left .home-showcase__copy {
    grid-area: copy !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 4px 6px !important;
    text-align: center !important;
  }
  body:not(.admin-body) .home-showcase__copy > span {
    padding: 6px 14px !important;
    font-size: .68rem !important;
  }
  body:not(.admin-body) .home-showcase__copy h2 {
    margin: 10px 0 8px !important;
    font-size: clamp(1.75rem, 8.2vw, 2.55rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.035em !important;
  }
  body:not(.admin-body) .home-showcase__copy p {
    max-width: 34rem !important;
    font-size: clamp(.78rem, 3.35vw, .92rem) !important;
    line-height: 1.42 !important;
  }
  body:not(.admin-body) .home-showcase__actions {
    justify-content: center !important;
    margin-top: 13px !important;
  }
  body:not(.admin-body) .home-showcase__button {
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 8px 17px !important;
    border-radius: 10px !important;
    font-size: .75rem !important;
  }
}

/* El botón hamburguesa pertenece exclusivamente a navegación responsive. */
@media (min-width: 1101px) {
  body:not(.admin-body) #btnMenu,
  body:not(.admin-body) .menu-btn,
  body:not(.admin-body) .menu-toggle,
  body:not(.admin-body) .hamburger {
    display: none !important;
  }
}
@media (max-width: 1100px) {
  body:not(.admin-body) #btnMenu.menu-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ==========================================================
   HERO Y BANNERS: REGLA ÚNICA Y EDITABLE DESDE EL PANEL
   ========================================================== */
body:not(.admin-body) #heroCarousel.hero,
body:not(.admin-body) .hero.hero-carousel{
  overflow:hidden!important;
  --hero-title-size:40px;
}
body:not(.admin-body) #heroCarousel .hero__grid,
body:not(.admin-body) .hero-carousel .hero__grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(380px,.92fr)!important;
  column-gap:clamp(48px,5.5vw,88px)!important;
  align-items:center!important;
  padding:clamp(34px,4vw,64px)!important;
}
body:not(.admin-body) #heroCarousel .hero__text,
body:not(.admin-body) .hero-carousel .hero__text{
  grid-column:1!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  z-index:2!important;
}
body:not(.admin-body) #heroCarousel .hero__text h1,
body:not(.admin-body) .hero-carousel .hero__text h1{
  width:100%!important;
  max-width:100%!important;
  margin:16px 0 14px!important;
  font-size:var(--hero-title-size,40px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:none!important;
}
body:not(.admin-body) #heroCarousel .hero__text p,
body:not(.admin-body) .hero-carousel .hero__text p{
  width:100%!important;
  max-width:620px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body:not(.admin-body) #heroCarousel .hero__media,
body:not(.admin-body) .hero-carousel .hero__media{
  grid-column:2!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  z-index:1!important;
}
body:not(.admin-body) .home-showcase{--banner-title-size:40px;}
body:not(.admin-body) .home-showcase__copy h2{
  font-size:var(--banner-title-size,40px)!important;
  max-width:100%!important;
  overflow-wrap:break-word!important;
}
@media(max-width:1100px){
  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) .hero-carousel .hero__grid{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding:28px 24px 32px!important;
  }
  body:not(.admin-body) #heroCarousel .hero__media,
  body:not(.admin-body) .hero-carousel .hero__media{
    grid-column:1!important;
    order:-1!important;
    aspect-ratio:16/9!important;
  }
  body:not(.admin-body) #heroCarousel .hero__text,
  body:not(.admin-body) .hero-carousel .hero__text{
    grid-column:1!important;
    text-align:center!important;
  }
  body:not(.admin-body) #heroCarousel .hero__text h1,
  body:not(.admin-body) .hero-carousel .hero__text h1{
    font-size:min(var(--hero-title-size,40px),40px)!important;
  }
}
@media(max-width:560px){
  body:not(.admin-body) #heroCarousel .hero__grid,
  body:not(.admin-body) .hero-carousel .hero__grid{
    padding:16px 14px 22px!important;
    gap:14px!important;
  }
  body:not(.admin-body) #heroCarousel .hero__text h1,
  body:not(.admin-body) .hero-carousel .hero__text h1{
    font-size:min(var(--hero-title-size,40px),34px)!important;
  }
  body:not(.admin-body) .home-showcase__copy h2{
    font-size:min(var(--banner-title-size,40px),34px)!important;
  }
}
@media(min-width:1101px){
  body:not(.admin-body) #btnMenu,
  body:not(.admin-body) .menu-btn,
  body:not(.admin-body) .nav-toggle,
  body:not(.admin-body) .menu-toggle,
  body:not(.admin-body) .hamburger,
  body:not(.admin-body) [data-menu-toggle],
  body:not(.admin-body) #menuToggle,
  body:not(.admin-body) #navToggle{
    display:none!important;
    visibility:hidden!important;
  }
}

/* ==========================================================
   INICIO — CUADRÍCULA DEFINITIVA DE PRODUCTOS
   Solo controla las tarjetas situadas debajo de los banners.
   No afecta el catálogo ni el panel administrativo.
   ========================================================== */
body:not(.admin-body) #homeRandomSix,
body:not(.admin-body) #homeRandomFifteen {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.25vw, 18px) !important;
  align-items: stretch !important;
}

body:not(.admin-body) #homeRandomSix > .product-card,
body:not(.admin-body) #homeRandomFifteen > .product-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Tablet real: cuatro columnas. En escritorio, incluso con una
   ventana moderadamente reducida, se conservan cinco columnas. */
@media (max-width: 900px) {
  body:not(.admin-body) #homeRandomSix,
  body:not(.admin-body) #homeRandomFifteen {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  body:not(.admin-body) #homeRandomSix,
  body:not(.admin-body) #homeRandomFifteen {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 430px) {
  body:not(.admin-body) #homeRandomSix,
  body:not(.admin-body) #homeRandomFifteen {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* ==========================================================
   CORRECCIÓN DEFINITIVA 2026-07-27 — 5 PRODUCTOS POR FILA
   Alcance exclusivo: las dos cuadrículas del inicio ubicadas
   debajo de los banners. No modifica catálogo ni administración.
   ========================================================== */
@media (min-width: 901px) {
  html body:not(.admin-body) main #homeRandomSix.products-grid,
  html body:not(.admin-body) main #homeRandomFifteen.products-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: clamp(10px, 1.2vw, 18px) !important;
  }

  html body:not(.admin-body) main #homeRandomSix.products-grid > .product-card,
  html body:not(.admin-body) main #homeRandomFifteen.products-grid > .product-card {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}


/* ==========================================================
   INICIO 2026-07-27 — REGLA ÚNICA Y FINAL: 5 POR FILA
   Esta regla se limita a las dos cuadrículas de la portada.
   Escritorio inicia en 769 px; catálogo y admin no cambian.
   ========================================================== */
@media (min-width: 769px) {
  html body:not(.admin-body) main > section.home-random-products .container > #homeRandomSix.products-grid,
  html body:not(.admin-body) main > section.home-random-products .container > #homeRandomFifteen.products-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    gap: clamp(8px, 1vw, 16px) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body:not(.admin-body) main > section.home-random-products .container > #homeRandomSix.products-grid > .product-card,
  html body:not(.admin-body) main > section.home-random-products .container > #homeRandomFifteen.products-grid > .product-card {
    grid-column: auto !important;
    inline-size: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
  }
}


/* ==========================================================
   INICIO — TODAS LAS CUADRÍCULAS DE PRODUCTOS, 5 POR FILA
   Incluye las secciones creadas dinámicamente debajo de cada
   banner y las secciones recomendadas/otros productos.
   ========================================================== */
@media (min-width: 901px) {
  html body.home-page:not(.admin-body) main .home-products-grid.products-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: clamp(10px, 1.2vw, 18px) !important;
    justify-content: stretch !important;
  }

  html body.home-page:not(.admin-body) main .home-products-grid.products-grid > .product-card {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    justify-self: stretch !important;
  }
}

@media (min-width: 701px) and (max-width: 900px) {
  html body.home-page:not(.admin-body) main .home-products-grid.products-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  html body.home-page:not(.admin-body) main .home-products-grid.products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 430px) {
  html body.home-page:not(.admin-body) main .home-products-grid.products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Integración visual con ERP ALTEREGO */
html.embedded-admin body{background:#f4f8f6}.embedded-admin .admin-topbar,.embedded-admin .ae-admin-header,.embedded-admin .admin-logout{display:none!important}.embedded-admin .admin-layout,.embedded-admin .ae-admin-main{margin-left:0!important;padding:18px!important;max-width:none!important;width:100%!important}.admin-content-notice{grid-column:1/-1;padding:14px 16px;border:1px solid #b8d8ca;background:#edf8f3;color:#174b39;border-radius:12px;margin-bottom:12px}.embedded-admin .admin-section{box-shadow:none!important;border:0!important}

/* ALTEREGO · MINIATURAS EN MIS PEDIDOS */

.ae-order-product-inline{
  display:flex;
  align-items:center;
  gap:10px;
}

.ae-order-product-image{
  width:52px;
  height:52px;
  min-width:52px;
  object-fit:contain;
  display:block;
  border-radius:9px;
  background:#fff;
  border:1px solid rgba(90,120,105,.16);
}

.ae-order-product-image--empty{
  display:grid;
  place-items:center;
  font-size:10px;
  font-weight:800;
  color:#0b694b;
}

@media(max-width:560px){

  .ae-order-product-image{
    width:46px;
    height:46px;
    min-width:46px;
  }

}


/* ALTEREGO V4.4.22.5 · PRODUCTOS EN MIS PEDIDOS */

.ae-order-product-row{
  align-items:center;
  gap:18px;
}

.ae-order-product-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.ae-order-product-photo{
  width:58px;
  min-width:58px;
  height:58px;
}

.ae-order-thumb{
  width:58px;
  height:58px;
  display:block;
  object-fit:contain;
  background:#fff;
  border:1px solid rgba(80,110,95,.18);
  border-radius:10px;
}

.ae-order-thumb--empty{
  place-items:center;
  font-size:10px;
  font-weight:800;
  color:#0b694b;
}

.ae-order-product-text{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.ae-order-product-text small{
  font-size:10px;
  opacity:.7;
}

.ae-order-product-text strong{
  line-height:1.3;
}

.ae-order-product-text span{
  font-size:12px;
  opacity:.75;
}

.ae-order-product-price{
  white-space:nowrap;
}

@media(max-width:560px){

  .ae-order-product-photo,
  .ae-order-thumb{
    width:50px;
    min-width:50px;
    height:50px;
  }

}