/* ==========================================================
   TM10 — BEAUTY EDITORIAL
   CSS CANONICO
   ========================================================== */

:root{
    --tm10-bg:#fbf8f4;
    --tm10-paper:#fffdf9;
    --tm10-soft:#f4ede6;
    --tm10-soft-2:#eee3d9;

    --tm10-text:#211914;
    --tm10-muted:#75685f;
    --tm10-line:#e9ddd3;

    --tm10-accent:#aa4f37;
    --tm10-accent-dark:#853a2a;
    --tm10-accent-soft:#cf8b73;

    --tm10-gold:#b98b52;

    --tm10-radius:18px;
    --tm10-radius-sm:12px;

    --tm10-shadow:
        0 14px 42px rgba(83,49,34,.08);

    --tm10-serif:
        Georgia,
        "Times New Roman",
        serif;

    --tm10-sans:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;
}


/* ==========================================================
   RESET LOCAL
   ========================================================== */

body.mtg-template-tm10{
    margin:0;
    background:var(--tm10-bg);
    color:var(--tm10-text);
    font-family:var(--tm10-sans);
    -webkit-font-smoothing:antialiased;
}

body.mtg-template-tm10 *,
body.mtg-template-tm10 *::before,
body.mtg-template-tm10 *::after{
    box-sizing:border-box;
}

body.mtg-template-tm10 img{
    display:block;
    max-width:100%;
}

body.mtg-template-tm10 a{
    color:inherit;
    text-decoration:none;
}

body.mtg-template-tm10 .tm10-home{
    width:100%;
    overflow:hidden;
    background:
        linear-gradient(
            180deg,
            #fffdf9 0%,
            #fbf8f4 100%
        );
}

body.mtg-template-tm10 .tm10-container{
    width:min(1440px, calc(100% - 64px));
    margin-left:auto;
    margin-right:auto;
}


/* ==========================================================
   TIPOGRAFIA EDITORIAL
   ========================================================== */

body.mtg-template-tm10 h1,
body.mtg-template-tm10 h2,
body.mtg-template-tm10 h3{
    color:var(--tm10-text);
}

body.mtg-template-tm10 .tm10-section-head h2,
body.mtg-template-tm10 .tm10-categories-heading h2,
body.mtg-template-tm10 .tm10-brands-section > .tm10-container > h2,
body.mtg-template-tm10 .tm10-testimonials-summary h2,
body.mtg-template-tm10 .tm10-newsletter h2{
    margin:0;
    font-family:var(--tm10-serif);
    font-weight:500;
    letter-spacing:-.035em;
}


/* ==========================================================
   HEADER COMPARTIDO / MOTOR
   ========================================================== */

body.mtg-template-tm10 .site-header,
body.mtg-template-tm10 header.site-header,
body.mtg-template-tm10 .mtg-public-header,
body.mtg-template-tm10 .mdg-header{
    background:#fffdfb !important;
    color:var(--tm10-text) !important;
    border-bottom:1px solid var(--tm10-line) !important;
    box-shadow:none !important;
}

body.mtg-template-tm10 .site-header a,
body.mtg-template-tm10 header.site-header a,
body.mtg-template-tm10 .mtg-public-header a,
body.mtg-template-tm10 .mdg-header a{
    color:var(--tm10-text) !important;
}

body.mtg-template-tm10 .site-header nav a:hover,
body.mtg-template-tm10 .mtg-public-header nav a:hover,
body.mtg-template-tm10 .mdg-header nav a:hover{
    color:var(--tm10-accent) !important;
}


/* ==========================================================
   HERO
   ========================================================== */

body.mtg-template-tm10 .mtg-core-section--hero{
    margin:0 !important;
    padding:0 !important;
}

body.mtg-template-tm10 .tm10-hero-slider{
    position:relative;
    background:#efe2d6;
}

body.mtg-template-tm10 .tm10-hero-slide,
body.mtg-template-tm10 .tm10-hero{
    position:relative;
    min-height:600px !important;
}

body.mtg-template-tm10 .tm10-hero-slide--full-bg{
    background-image:var(--tm10-slide-image) !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

body.mtg-template-tm10 .tm10-hero-slide--full-bg::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(250,244,237,.98) 0%,
            rgba(250,244,237,.93) 24%,
            rgba(250,244,237,.66) 39%,
            rgba(250,244,237,.14) 61%,
            rgba(250,244,237,0) 76%
        );
}

body.mtg-template-tm10 .tm10-hero-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(380px,560px) 1fr;
    align-items:center;
    min-height:600px;
}

body.mtg-template-tm10 .tm10-hero-content{
    padding:70px 0;
}

body.mtg-template-tm10 .tm10-kicker{
    display:block;
    margin:0 0 16px;
    color:var(--tm10-accent);
    font-size:12px;
    font-weight:800;
    letter-spacing:.22em;
    text-transform:uppercase;
}

body.mtg-template-tm10 .tm10-hero-content h1,
body.mtg-template-tm10 .tm10-hero-content h2{
    max-width:610px;
    margin:0;
    font-family:var(--tm10-serif);
    font-size:clamp(52px,5.2vw,86px);
    font-weight:500;
    line-height:.92;
    letter-spacing:-.055em;
}

body.mtg-template-tm10 .tm10-hero-content h1 em,
body.mtg-template-tm10 .tm10-hero-content h1 strong,
body.mtg-template-tm10 .tm10-hero-content h2 em,
body.mtg-template-tm10 .tm10-hero-content h2 strong{
    color:var(--tm10-accent);
    font-weight:500;
    font-style:italic;
}

body.mtg-template-tm10 .tm10-hero-content p{
    max-width:500px;
    margin:22px 0 0;
    color:#594b43;
    font-size:17px;
    line-height:1.65;
}

body.mtg-template-tm10 .tm10-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

body.mtg-template-tm10 .tm10-primary-button,
body.mtg-template-tm10 .tm10-secondary-button{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 24px !important;
    border-radius:8px !important;
    font-size:14px;
    font-weight:700;
    transition:.2s ease;
}

body.mtg-template-tm10 .tm10-primary-button{
    color:#fff !important;
    background:var(--tm10-accent) !important;
    border:1px solid var(--tm10-accent) !important;
}

body.mtg-template-tm10 .tm10-primary-button:hover{
    background:var(--tm10-accent-dark) !important;
    transform:translateY(-1px);
}

body.mtg-template-tm10 .tm10-secondary-button{
    color:var(--tm10-text) !important;
    background:rgba(255,255,255,.65) !important;
    border:1px solid rgba(91,62,48,.18) !important;
}

body.mtg-template-tm10 .tm10-hero-features{
    margin-top:24px;
    color:#725f54;
    font-size:12px;
}

body.mtg-template-tm10 .tm10-hero-visual{
    min-width:0;
}


/* ==========================================================
   CABECERAS DE SECCION
   ========================================================== */

body.mtg-template-tm10 .tm10-section{
    padding:38px 0 46px !important;
}

body.mtg-template-tm10 .tm10-section-head,
body.mtg-template-tm10 .tm10-categories-heading{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    margin-bottom:20px;
}

body.mtg-template-tm10 .tm10-section-head h2,
body.mtg-template-tm10 .tm10-categories-heading h2{
    font-size:30px;
    line-height:1;
}

body.mtg-template-tm10 .tm10-section-head p,
body.mtg-template-tm10 .tm10-categories-heading p{
    margin:7px 0 0;
    color:var(--tm10-muted);
    font-size:13px;
}

body.mtg-template-tm10 .tm10-section-head > a{
    color:var(--tm10-accent);
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
}


/* ==========================================================
   CATEGORIAS CIRCULARES
   ========================================================== */

body.mtg-template-tm10 .tm10-categories{
    padding:28px 0 24px !important;
    background:#fffdf9;
}

body.mtg-template-tm10 .tm10-category-grid{
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    gap:20px !important;
}

body.mtg-template-tm10 .tm10-category-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

body.mtg-template-tm10 .tm10-category-image{
    width:100%;
    aspect-ratio:1/1;
    overflow:hidden;
    border-radius:50% !important;
    background:#efe4dc;
    border:1px solid #eadbd0;
}

body.mtg-template-tm10 .tm10-category-image img{
    width:100%;
    height:100% !important;
    object-fit:cover;
    transition:transform .35s ease;
}

body.mtg-template-tm10 .tm10-category-card:hover .tm10-category-image img{
    transform:scale(1.045);
}

body.mtg-template-tm10 .tm10-category-card > strong{
    margin-top:12px;
    color:var(--tm10-text);
    font-size:13px;
    font-weight:750;
}

body.mtg-template-tm10 .tm10-category-card > small{
    margin-top:3px;
    color:var(--tm10-muted);
    font-size:11px;
}


/* ==========================================================
   PRODUCTOS
   ========================================================== */

body.mtg-template-tm10 .tm10-product-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
}

body.mtg-template-tm10 .tm10-product-card{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-width:0;
    background:#fff;
    border:1px solid #ece2da !important;
    border-radius:13px !important;
    box-shadow:none !important;
    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

body.mtg-template-tm10 .tm10-product-card:hover{
    transform:translateY(-3px);
    box-shadow:var(--tm10-shadow) !important;
}

body.mtg-template-tm10 .tm10-product-image{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1.02;
    overflow:hidden;
    background:#f4eee9;
}

body.mtg-template-tm10 .tm10-product-image img{
    width:100%;
    height:100% !important;
    object-fit:cover;
    transition:transform .35s ease;
}

body.mtg-template-tm10 .tm10-product-card:hover .tm10-product-image img{
    transform:scale(1.035);
}

body.mtg-template-tm10 .tm10-product-badge{
    position:absolute;
    top:10px;
    left:10px;
    z-index:3;
    padding:5px 9px !important;
    color:#fff;
    background:var(--tm10-accent);
    border-radius:999px !important;
    font-size:10px;
    font-weight:800;
    line-height:1;
}

body.mtg-template-tm10 .tm10-product-content{
    display:flex;
    flex:1;
    flex-direction:column;
    padding:13px 14px 14px !important;
}

body.mtg-template-tm10 .tm10-product-content h3{
    margin:0;
    font-size:14px;
    line-height:1.28;
    font-weight:700;
}

body.mtg-template-tm10 .tm10-product-content h3 a{
    color:var(--tm10-text);
}

body.mtg-template-tm10 .tm10-product-prices{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:9px;
}

body.mtg-template-tm10 .tm10-product-price{
    color:#17110e;
    font-size:16px;
    font-weight:800;
}

body.mtg-template-tm10 .tm10-product-prices del{
    color:#a99a91;
    font-size:12px;
}

body.mtg-template-tm10 .tm10-product-stars{
    margin-top:8px;
    color:#c6852b;
    font-size:11px;
    letter-spacing:.04em;
}

body.mtg-template-tm10 .tm10-product-button{
    min-height:38px;
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px !important;
    color:#fff !important;
    background:var(--tm10-accent) !important;
    border:0 !important;
    border-radius:8px !important;
    font-size:12px;
    font-weight:750;
}


/* ==========================================================
   BANNER EDITORIAL GRANDE
   ========================================================== */

body.mtg-template-tm10 .tm10-banner-section,
body.mtg-template-tm10 .tm10-core-banner-section{
    padding:8px 0 20px !important;
}

body.mtg-template-tm10 .tm10-core-banner{
    display:grid !important;
    grid-template-columns:minmax(360px,.9fr) minmax(0,1.35fr) !important;
    min-height:300px !important;
    overflow:hidden;
    background:
        linear-gradient(
            105deg,
            #e6d4c5 0%,
            #f4e9df 47%,
            #d8ae99 100%
        );
    border:1px solid #e3d2c6;
    border-radius:18px !important;
}

body.mtg-template-tm10 .tm10-core-banner__copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:44px 50px !important;
}

body.mtg-template-tm10 .tm10-core-banner__kicker{
    color:var(--tm10-accent);
    font-size:11px;
    font-weight:800;
    letter-spacing:.2em;
    text-transform:uppercase;
}

body.mtg-template-tm10 .tm10-core-banner__copy h2{
    max-width:580px;
    margin:10px 0 0;
    font-family:var(--tm10-serif);
    font-size:clamp(34px,3vw,52px);
    font-weight:500;
    line-height:.98;
    letter-spacing:-.035em;
}

body.mtg-template-tm10 .tm10-core-banner__copy p{
    max-width:530px;
    margin:14px 0 0;
    color:#69564a;
    font-size:14px;
    line-height:1.6;
}

body.mtg-template-tm10 .tm10-core-banner__button{
    width:max-content;
    min-height:42px;
    margin-top:20px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:0 19px !important;
    color:#fff !important;
    background:var(--tm10-accent) !important;
    border-radius:8px !important;
    font-size:12px;
    font-weight:750;
}

body.mtg-template-tm10 .tm10-core-banner__media{
    min-width:0;
    min-height:300px;
}

body.mtg-template-tm10 .tm10-core-banner__media img{
    width:100%;
    height:100% !important;
    object-fit:cover;
}

body.mtg-template-tm10 .tm10-core-banner__placeholder{
    width:100%;
    height:100%;
    min-height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    color:#846353;
    background:#ead8ca;
}


/* ==========================================================
   BENEFICIOS
   ========================================================== */

body.mtg-template-tm10 .tm10-benefits-section{
    padding:22px 0 !important;
    background:#fffdf9;
    border-top:1px solid var(--tm10-line);
    border-bottom:1px solid var(--tm10-line);
}

body.mtg-template-tm10 .tm10-benefits-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
}

body.mtg-template-tm10 .tm10-benefit{
    min-width:0;
    display:grid;
    grid-template-columns:40px 1fr;
    gap:12px;
    align-items:center;
    padding:8px 22px !important;
    border-right:1px solid var(--tm10-line);
}

body.mtg-template-tm10 .tm10-benefit:last-child{
    border-right:0;
}

body.mtg-template-tm10 .tm10-benefit-icon{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    color:var(--tm10-accent);
}

body.mtg-template-tm10 .tm10-benefit-icon svg{
    width:24px;
    height:24px;
}

body.mtg-template-tm10 .tm10-benefit strong{
    display:block;
    color:var(--tm10-text);
    font-size:12px;
    font-weight:800;
}

body.mtg-template-tm10 .tm10-benefit p{
    margin:3px 0 0;
    color:var(--tm10-muted);
    font-size:11px;
    line-height:1.35;
}


/* ==========================================================
   MARCAS
   ========================================================== */

body.mtg-template-tm10 .tm10-brands-section{
    padding:32px 0 !important;
}

body.mtg-template-tm10 .tm10-brands-section h2{
    margin-bottom:18px !important;
    text-align:center;
    font-size:24px;
}

body.mtg-template-tm10 .tm10-brands-grid{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:0 !important;
    overflow:hidden;
    background:#f4efe9;
    border:1px solid #e9ded5;
    border-radius:16px;
}

body.mtg-template-tm10 .tm10-brand-card{
    min-height:88px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px !important;
    border-right:1px solid #e7ddd5;
}

body.mtg-template-tm10 .tm10-brand-card:last-child{
    border-right:0;
}

body.mtg-template-tm10 .tm10-brand-card img{
    max-width:120px !important;
    max-height:42px !important;
    object-fit:contain;
    filter:grayscale(1);
}

body.mtg-template-tm10 .tm10-brand-card strong{
    font-family:var(--tm10-serif);
    font-size:18px;
    font-weight:500;
}


/* ==========================================================
   TESTIMONIOS
   ========================================================== */

body.mtg-template-tm10 .tm10-testimonials-section{
    padding:22px 0 38px !important;
}

body.mtg-template-tm10 .tm10-testimonials-layout{
    display:grid !important;
    grid-template-columns:260px 1fr !important;
    gap:22px !important;
    align-items:stretch;
}

body.mtg-template-tm10 .tm10-testimonials-summary{
    padding:23px !important;
    background:#f2e8df;
    border-radius:14px;
}

body.mtg-template-tm10 .tm10-testimonials-summary h2{
    font-size:27px;
    line-height:1.05;
}

body.mtg-template-tm10 .tm10-testimonials-summary > div{
    margin-top:18px;
    color:#c7862b;
    letter-spacing:.12em;
}

body.mtg-template-tm10 .tm10-testimonials-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
}

body.mtg-template-tm10 .tm10-testimonial-card{
    min-width:0;
    padding:20px !important;
    background:#fff;
    border:1px solid #eadfd7;
    border-radius:13px !important;
}

body.mtg-template-tm10 .tm10-quote{
    color:var(--tm10-accent);
    font-family:var(--tm10-serif);
    font-size:34px;
    line-height:1;
}

body.mtg-template-tm10 .tm10-testimonial-card p{
    margin:8px 0 18px;
    color:#66574e;
    font-size:13px;
    line-height:1.55;
}

body.mtg-template-tm10 .tm10-testimonial-card footer{
    display:flex;
    align-items:center;
    gap:10px;
}

body.mtg-template-tm10 .tm10-testimonial-card footer img{
    width:38px;
    height:38px;
    object-fit:cover;
    border-radius:50%;
}

body.mtg-template-tm10 .tm10-testimonial-card footer strong{
    font-size:11px;
}


/* ==========================================================
   GALERIA / OFERTAS VISUALES
   ========================================================== */

body.mtg-template-tm10 .tm10-gallery-section{
    padding:24px 0 36px !important;
}

body.mtg-template-tm10 .tm10-gallery-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:15px !important;
}

body.mtg-template-tm10 .tm10-gallery-item{
    overflow:hidden;
    min-height:180px;
    border-radius:14px !important;
    background:#eee2d9;
}

body.mtg-template-tm10 .tm10-gallery-item img{
    width:100%;
    height:100% !important;
    min-height:180px;
    object-fit:cover;
    transition:transform .35s ease;
}

body.mtg-template-tm10 .tm10-gallery-item:hover img{
    transform:scale(1.035);
}


/* ==========================================================
   NEWSLETTER
   ========================================================== */

body.mtg-template-tm10 .tm10-newsletter{
    padding:8px 0 22px !important;
}

body.mtg-template-tm10 .tm10-newsletter-inner{
    display:grid !important;
    grid-template-columns:1fr minmax(380px,600px) !important;
    align-items:center;
    gap:35px !important;
    padding:25px 34px !important;
    background:#efe5dd;
    border:1px solid #e4d7ce;
    border-radius:16px !important;
}

body.mtg-template-tm10 .tm10-newsletter-copy{
    display:flex;
    align-items:center;
    gap:14px;
}

body.mtg-template-tm10 .tm10-newsletter-copy > span{
    color:var(--tm10-accent);
    font-size:26px;
}

body.mtg-template-tm10 .tm10-newsletter-copy h2{
    font-size:25px;
}

body.mtg-template-tm10 .tm10-newsletter-copy p{
    margin:5px 0 0;
    color:var(--tm10-muted);
    font-size:12px;
}

body.mtg-template-tm10 .tm10-newsletter form{
    display:grid;
    grid-template-columns:1fr auto;
    overflow:hidden;
    background:#fff;
    border:1px solid #dfd2c9;
    border-radius:999px;
}

body.mtg-template-tm10 .tm10-newsletter input{
    width:100%;
    height:48px !important;
    padding:0 20px !important;
    color:var(--tm10-text);
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
}

body.mtg-template-tm10 .tm10-newsletter button{
    min-width:145px;
    height:48px !important;
    padding:0 24px !important;
    color:#fff !important;
    background:var(--tm10-accent) !important;
    border:0 !important;
    border-radius:999px !important;
    font-weight:750;
}


/* ==========================================================
   CTA FINAL MATRIX
   ========================================================== */

body.mtg-template-tm10 .tm10-cta-section{
    padding:0 0 24px !important;
}

body.mtg-template-tm10
[data-core-section="cta"] > *{
    max-width:1440px;
    margin-left:auto;
    margin-right:auto;
}


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

body.mtg-template-tm10 .tm10-footer{
    padding:34px 0 0 !important;
    color:#574a42;
    background:#fffdf9;
    border-top:1px solid var(--tm10-line);
}

body.mtg-template-tm10 .tm10-footer-core-grid{
    display:grid !important;
    grid-template-columns:1.5fr 1fr 1fr !important;
    gap:48px !important;
    padding-bottom:30px;
}

body.mtg-template-tm10 .tm10-footer-brand img{
    max-width:150px;
    max-height:68px;
    object-fit:contain;
}

body.mtg-template-tm10 .tm10-footer h2,
body.mtg-template-tm10 .tm10-footer h3{
    margin:0 0 12px;
    color:var(--tm10-text);
}

body.mtg-template-tm10 .tm10-footer h3{
    font-size:11px;
    font-weight:800;
    letter-spacing:.11em;
}

body.mtg-template-tm10 .tm10-footer p,
body.mtg-template-tm10 .tm10-footer a{
    display:block;
    margin:0 0 7px;
    color:#71645c;
    font-size:11px;
    line-height:1.45;
}

body.mtg-template-tm10 .tm10-footer a:hover{
    color:var(--tm10-accent);
}

body.mtg-template-tm10 .tm10-socials{
    display:flex;
    gap:9px;
    margin-top:14px;
}

body.mtg-template-tm10 .tm10-socials a{
    width:31px;
    height:31px;
    margin:0;
    display:grid;
    place-items:center;
    border:1px solid #dfd2ca;
    border-radius:50%;
    font-size:10px;
    font-weight:800;
}

body.mtg-template-tm10 .tm10-footer-bottom{
    padding:15px 0 !important;
    color:#91847c;
    background:#faf6f2;
    border-top:1px solid var(--tm10-line);
    font-size:10px;
}


/* ==========================================================
   RESPONSIVE TABLET
   ========================================================== */

@media (max-width:1100px){

    body.mtg-template-tm10 .tm10-container{
        width:min(100% - 40px, 1440px);
    }

    body.mtg-template-tm10 .tm10-hero-slide,
    body.mtg-template-tm10 .tm10-hero,
    body.mtg-template-tm10 .tm10-hero-grid{
        min-height:540px !important;
    }

    body.mtg-template-tm10 .tm10-category-grid{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }

    body.mtg-template-tm10 .tm10-product-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    body.mtg-template-tm10 .tm10-brands-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    body.mtg-template-tm10 .tm10-testimonials-layout{
        grid-template-columns:1fr !important;
    }

    body.mtg-template-tm10 .tm10-testimonials-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}


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

@media (max-width:767px){

    body.mtg-template-tm10 .tm10-container{
        width:calc(100% - 28px);
    }

    body.mtg-template-tm10 .tm10-hero-slide,
    body.mtg-template-tm10 .tm10-hero{
        min-height:500px !important;
    }

    body.mtg-template-tm10 .tm10-hero-grid{
        display:block;
        min-height:500px !important;
    }

    body.mtg-template-tm10 .tm10-hero-content{
        max-width:92%;
        padding:55px 0 150px;
    }

    body.mtg-template-tm10 .tm10-hero-content h1,
    body.mtg-template-tm10 .tm10-hero-content h2{
        font-size:46px;
    }

    body.mtg-template-tm10 .tm10-hero-content p{
        max-width:330px;
        font-size:14px;
    }

    body.mtg-template-tm10 .tm10-section{
        padding:30px 0 34px !important;
    }

    body.mtg-template-tm10 .tm10-section-head,
    body.mtg-template-tm10 .tm10-categories-heading{
        align-items:flex-start;
    }

    body.mtg-template-tm10 .tm10-section-head h2,
    body.mtg-template-tm10 .tm10-categories-heading h2{
        font-size:27px;
    }

    body.mtg-template-tm10 .tm10-category-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:15px !important;
    }

    body.mtg-template-tm10 .tm10-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    body.mtg-template-tm10 .tm10-product-content{
        padding:11px !important;
    }

    body.mtg-template-tm10 .tm10-core-banner{
        grid-template-columns:1fr !important;
    }

    body.mtg-template-tm10 .tm10-core-banner__copy{
        padding:32px 25px !important;
    }

    body.mtg-template-tm10 .tm10-core-banner__media{
        min-height:220px;
    }

    body.mtg-template-tm10 .tm10-benefits-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    body.mtg-template-tm10 .tm10-benefit{
        border-right:0;
        border-bottom:1px solid var(--tm10-line);
        padding:13px !important;
    }

    body.mtg-template-tm10 .tm10-brands-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    body.mtg-template-tm10 .tm10-testimonials-grid{
        grid-template-columns:1fr !important;
    }

    body.mtg-template-tm10 .tm10-gallery-grid{
        grid-template-columns:1fr !important;
    }

    body.mtg-template-tm10 .tm10-newsletter-inner{
        grid-template-columns:1fr !important;
        gap:18px !important;
        padding:24px !important;
    }

    body.mtg-template-tm10 .tm10-newsletter form{
        grid-template-columns:1fr;
        border-radius:12px;
    }

    body.mtg-template-tm10 .tm10-newsletter button{
        width:100%;
        border-radius:0 0 12px 12px !important;
    }

    body.mtg-template-tm10 .tm10-footer-core-grid{
        grid-template-columns:1fr !important;
        gap:24px !important;
    }
}


/* ==========================================================
   MOBILE PEQUEÑO
   ========================================================== */

@media (max-width:480px){

    body.mtg-template-tm10 .tm10-category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    body.mtg-template-tm10 .tm10-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    body.mtg-template-tm10 .tm10-hero-content h1,
    body.mtg-template-tm10 .tm10-hero-content h2{
        font-size:40px;
    }
}


/* ==========================================================
   TM10 WIDTH 90% — FINAL OVERRIDE
   ========================================================== */

@media (min-width:1101px){

    body.mtg-template-tm10 .tm10-container{
        width:90% !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.mtg-template-tm10
    [data-core-section="cta"] > *{
        width:90% !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.mtg-template-tm10 .tm10-footer-bottom .tm10-container{
        width:90% !important;
        max-width:none !important;
    }
}


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

    body.mtg-template-tm10 .tm10-container{
        width:94% !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.mtg-template-tm10
    [data-core-section="cta"] > *{
        width:94% !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.mtg-template-tm10 .tm10-footer-bottom .tm10-container{
        width:94% !important;
        max-width:none !important;
    }
}


@media (max-width:767px){

    body.mtg-template-tm10 .tm10-container{
        width:calc(100% - 28px) !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.mtg-template-tm10
    [data-core-section="cta"] > *{
        width:calc(100% - 28px) !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    body.mtg-template-tm10 .tm10-footer-bottom .tm10-container{
        width:calc(100% - 28px) !important;
        max-width:none !important;
    }
}


/* MTG_TM10_BEAUTY_CTA_START */

/* ==========================================================
   TM10 — CTA FINAL BEAUTY EDITORIAL
   ========================================================== */

body.mtg-template-tm10 .tm10-cta-section{
    width:100%;
    padding:10px 0 26px !important;
    background:#fffdf9 !important;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4{
    width:90% !important;
    max-width:none !important;
    min-height:210px;

    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:
        minmax(0,1.35fr)
        minmax(260px,.65fr) !important;

    gap:32px;

    align-items:center;

    padding:38px 48px !important;

    overflow:hidden;

    position:relative;

    background:
        radial-gradient(
            circle at 92% 18%,
            rgba(255,255,255,.28),
            transparent 28%
        ),
        linear-gradient(
            112deg,
            #a94f38 0%,
            #b85d43 54%,
            #8f402f 100%
        ) !important;

    border:0 !important;
    border-radius:18px !important;

    box-shadow:
        0 16px 38px
        rgba(93,48,34,.12) !important;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4::before{
    content:"";

    position:absolute;
    width:300px;
    height:300px;

    right:-90px;
    top:-130px;

    border-radius:50%;

    background:
        rgba(255,238,224,.12);

    pointer-events:none;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4::after{
    content:"BEAUTY  •  SELF-CARE  •  YOU";

    position:absolute;

    right:34px;
    bottom:18px;

    color:
        rgba(255,245,237,.46);

    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;

    pointer-events:none;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4__copy{
    position:relative;
    z-index:2;

    min-width:0;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4__copy h2{
    max-width:700px;

    margin:0 !important;

    color:#fffaf5 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(36px,3.6vw,58px) !important;

    font-weight:500 !important;

    line-height:.98 !important;

    letter-spacing:
        -.045em !important;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4__copy p{
    max-width:580px;

    margin:
        14px 0 0 !important;

    color:
        rgba(255,248,242,.88) !important;

    font-size:14px !important;
    line-height:1.6 !important;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4__actions{
    display:flex !important;

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

    gap:12px;

    margin-top:22px !important;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4__button{
    min-height:46px;

    display:inline-flex !important;

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

    padding:
        0 23px !important;

    border-radius:
        999px !important;

    font-size:12px !important;
    font-weight:800 !important;

    transition:
        transform .2s ease,
        background .2s ease;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4__button--primary{
    color:#33241e !important;

    background:
        #fffaf5 !important;

    border:
        1px solid
        rgba(255,255,255,.74) !important;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4__button--primary:hover{
    transform:
        translateY(-2px);

    background:
        #ffffff !important;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4__features{
    position:relative;
    z-index:2;

    display:flex !important;

    flex-direction:column;

    align-items:flex-start;

    gap:11px !important;

    padding:
        24px 28px !important;

    background:
        rgba(255,248,241,.10);

    border:
        1px solid
        rgba(255,255,255,.16);

    border-radius:
        15px;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4__feature{
    width:100%;

    position:relative;

    padding:
        0 0 0 26px !important;

    color:
        #fff8f2 !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;

    line-height:
        1.4 !important;

    background:
        transparent !important;

    border:
        0 !important;
}

body.mtg-template-tm10
.tm10-cta-section
.mtg-cta-final-v4__feature::before{
    content:"♡";

    position:absolute;

    left:0;
    top:-2px;

    color:
        #f3d5c5;

    font-size:
        17px;
}


/* TABLET */

@media (max-width:1100px){

    body.mtg-template-tm10
    .tm10-cta-section
    .mtg-cta-final-v4{
        width:94% !important;

        grid-template-columns:
            1fr !important;

        padding:
            36px !important;
    }

    body.mtg-template-tm10
    .tm10-cta-section
    .mtg-cta-final-v4__features{
        display:grid !important;

        grid-template-columns:
            repeat(3,1fr);
    }
}


/* MOBILE */

@media (max-width:767px){

    body.mtg-template-tm10
    .tm10-cta-section{
        padding:
            8px 0 20px !important;
    }

    body.mtg-template-tm10
    .tm10-cta-section
    .mtg-cta-final-v4{
        width:
            calc(100% - 28px) !important;

        min-height:0;

        grid-template-columns:
            1fr !important;

        gap:24px;

        padding:
            30px 23px !important;

        border-radius:
            15px !important;
    }

    body.mtg-template-tm10
    .tm10-cta-section
    .mtg-cta-final-v4__copy h2{
        font-size:
            36px !important;
    }

    body.mtg-template-tm10
    .tm10-cta-section
    .mtg-cta-final-v4__actions{
        width:100%;
    }

    body.mtg-template-tm10
    .tm10-cta-section
    .mtg-cta-final-v4__button{
        width:100%;
    }

    body.mtg-template-tm10
    .tm10-cta-section
    .mtg-cta-final-v4__features{
        display:flex !important;

        flex-direction:column;

        padding:
            20px !important;
    }

    body.mtg-template-tm10
    .tm10-cta-section
    .mtg-cta-final-v4::after{
        display:none;
    }
}

/* MTG_TM10_BEAUTY_CTA_END */



/* ==========================================================
   TM10 - 4 CATEGORIAS A LO ANCHO
   ========================================================== */

body.mtg-template-tm10 .tm10-category-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:48px !important;
    width:100% !important;
    align-items:start;
}

body.mtg-template-tm10 .tm10-category-card{
    width:100% !important;
    max-width:none !important;
    display:flex !important;
    flex-direction:column;
    align-items:center !important;
    justify-content:flex-start;
    text-align:center !important;
}

body.mtg-template-tm10 .tm10-category-image{
    width:min(100%,260px) !important;
    aspect-ratio:1/1 !important;
    margin:0 auto !important;
    border-radius:50% !important;
    overflow:hidden;
}

body.mtg-template-tm10 .tm10-category-card > strong{
    display:block;
    width:100%;
    margin-top:14px !important;
    text-align:center !important;
}

body.mtg-template-tm10 .tm10-category-card > small{
    display:block;
    width:100%;
    text-align:center !important;
}


/* TABLET */

@media (max-width:1100px){

    body.mtg-template-tm10 .tm10-category-grid{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:24px !important;
    }

    body.mtg-template-tm10 .tm10-category-image{
        width:min(100%,210px) !important;
    }
}


/* MOBILE */

@media (max-width:767px){

    body.mtg-template-tm10 .tm10-category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:20px 14px !important;
    }

    body.mtg-template-tm10 .tm10-category-image{
        width:min(100%,170px) !important;
    }
}



/* ==========================================================
   TM10 - CATEGORY LABEL CLEAN
   SIN FONDO AZUL
   ========================================================== */

body.mtg-template-tm10
.tm10-category-card > strong,

body.mtg-template-tm10
.tm10-category-card strong,

body.mtg-template-tm10
.tm10-category-card > a > strong,

body.mtg-template-tm10
.tm10-category-card a strong{
    display:block !important;

    width:auto !important;
    max-width:none !important;

    margin:14px auto 0 !important;
    padding:0 !important;

    color:#211914 !important;

    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.25 !important;

    text-align:center !important;
}


/* quitar cualquier pseudo fondo heredado */

body.mtg-template-tm10
.tm10-category-card strong::before,

body.mtg-template-tm10
.tm10-category-card strong::after{
    display:none !important;
    content:none !important;
}


/* subtitulo */

body.mtg-template-tm10
.tm10-category-card > small,

body.mtg-template-tm10
.tm10-category-card small{
    margin-top:4px !important;
    padding:0 !important;

    color:#75685f !important;

    background:transparent !important;
    border:0 !important;

    font-size:11px !important;
    line-height:1.3 !important;

    text-align:center !important;
}



/* ==========================================================
   TM10 - CATEGORIAS
   CIRCULOS UN POCO MAS GRANDES
   ========================================================== */

body.mtg-template-tm10 .tm10-category-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
}

body.mtg-template-tm10 .tm10-category-card img,
body.mtg-template-tm10 .tm10-category-card .tm10-category-image,
body.mtg-template-tm10 .tm10-category-card .tm10-category-thumb,
body.mtg-template-tm10 .tm10-category-card .tm10-category-media{
    width:220px !important;
    height:220px !important;
    max-width:220px !important;
    min-width:220px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    overflow:hidden !important;
    display:block !important;
    margin:0 auto !important;
}

/* mantener 4 a lo ancho y bajar un poco en pantallas medianas */
@media (max-width: 1200px){
    body.mtg-template-tm10 .tm10-category-card img,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-image,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-thumb,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-media{
        width:200px !important;
        height:200px !important;
        max-width:200px !important;
        min-width:200px !important;
    }
}

@media (max-width: 992px){
    body.mtg-template-tm10 .tm10-category-card img,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-image,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-thumb,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-media{
        width:180px !important;
        height:180px !important;
        max-width:180px !important;
        min-width:180px !important;
    }
}

@media (max-width: 767px){
    body.mtg-template-tm10 .tm10-category-card img,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-image,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-thumb,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-media{
        width:150px !important;
        height:150px !important;
        max-width:150px !important;
        min-width:150px !important;
    }
}



/* ==========================================================
   TM10 - CATEGORIAS CUADRADAS
   Override final para reemplazar circulos por cards cuadradas
   ========================================================== */

body.mtg-template-tm10 .tm10-categories-grid,
body.mtg-template-tm10 .tm10-category-grid,
body.mtg-template-tm10 .tm10-categories-list{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:32px !important;
    align-items:start !important;
    width:100% !important;
}

body.mtg-template-tm10 .tm10-category-card,
body.mtg-template-tm10 .tm10-categories-grid .tm10-category-card,
body.mtg-template-tm10 .tm10-category-grid .tm10-category-card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
}

body.mtg-template-tm10 .tm10-category-card img,
body.mtg-template-tm10 .tm10-category-card .tm10-category-image,
body.mtg-template-tm10 .tm10-category-card .tm10-category-thumb,
body.mtg-template-tm10 .tm10-category-card .tm10-category-media{
    width:100% !important;
    max-width:280px !important;
    min-width:280px !important;
    height:280px !important;
    border-radius:20px !important;
    object-fit:cover !important;
    overflow:hidden !important;
    display:block !important;
    margin:0 auto 14px auto !important;
    background:#f3ede7 !important;
}

body.mtg-template-tm10 .tm10-category-card a,
body.mtg-template-tm10 .tm10-category-card .tm10-category-title,
body.mtg-template-tm10 .tm10-category-card .tm10-category-name,
body.mtg-template-tm10 .tm10-category-card h3,
body.mtg-template-tm10 .tm10-category-card h4,
body.mtg-template-tm10 .tm10-category-card .category-title{
    display:block !important;
    width:auto !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;
    background:transparent !important;
    color:#1b1b1b !important;
    text-decoration:none !important;
    font-weight:600 !important;
    font-size:18px !important;
    line-height:1.25 !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
}

body.mtg-template-tm10 .tm10-category-card p,
body.mtg-template-tm10 .tm10-category-card .tm10-category-subtitle,
body.mtg-template-tm10 .tm10-category-card .tm10-category-caption{
    margin:6px auto 0 auto !important;
    color:#7b6c63 !important;
    font-size:14px !important;
    line-height:1.45 !important;
    background:transparent !important;
}

@media (max-width: 1200px){
    body.mtg-template-tm10 .tm10-categories-grid,
    body.mtg-template-tm10 .tm10-category-grid,
    body.mtg-template-tm10 .tm10-categories-list{
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
        gap:24px !important;
    }

    body.mtg-template-tm10 .tm10-category-card img,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-image,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-thumb,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-media{
        max-width:240px !important;
        min-width:240px !important;
        height:240px !important;
    }
}

@media (max-width: 992px){
    body.mtg-template-tm10 .tm10-categories-grid,
    body.mtg-template-tm10 .tm10-category-grid,
    body.mtg-template-tm10 .tm10-categories-list{
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    }

    body.mtg-template-tm10 .tm10-category-card img,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-image,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-thumb,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-media{
        max-width:260px !important;
        min-width:260px !important;
        height:260px !important;
    }
}

@media (max-width: 640px){
    body.mtg-template-tm10 .tm10-categories-grid,
    body.mtg-template-tm10 .tm10-category-grid,
    body.mtg-template-tm10 .tm10-categories-list{
        grid-template-columns:1fr !important;
    }

    body.mtg-template-tm10 .tm10-category-card img,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-image,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-thumb,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-media{
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;
        aspect-ratio:1 / 1 !important;
    }
}



/* ==========================================================
   TM10 CATEGORY SIZE MATCH FINAL
   Referencia visual: 280 x 280
   ========================================================== */

body.mtg-template-tm10 .tm10-category-grid{
    width:100% !important;

    display:grid !important;
    grid-template-columns:
        repeat(4, minmax(0,1fr)) !important;

    gap:32px !important;

    align-items:start !important;
}


/* cada categoría ocupa su columna,
   pero la card NO se estira */

body.mtg-template-tm10 .tm10-category-card{
    width:280px !important;
    max-width:280px !important;
    min-width:0 !important;

    justify-self:center !important;

    margin:0 auto !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    background:transparent !important;

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

    text-align:center !important;
}


/* imagen exactamente cuadrada */

body.mtg-template-tm10 .tm10-category-image{
    width:280px !important;
    height:280px !important;

    min-width:280px !important;
    max-width:280px !important;

    min-height:280px !important;
    max-height:280px !important;

    aspect-ratio:1 / 1 !important;

    margin:0 !important;

    overflow:hidden !important;

    border-radius:18px !important;

    background:#f3ebe5 !important;

    border:1px solid #eadfd7 !important;
}


/* imagen interior */

body.mtg-template-tm10 .tm10-category-image img,
body.mtg-template-tm10 .tm10-category-card img{
    width:100% !important;
    height:100% !important;

    min-width:0 !important;
    max-width:none !important;

    object-fit:cover !important;

    border-radius:18px !important;

    margin:0 !important;
}


/* nombre debajo, sin franja gris ni azul */

body.mtg-template-tm10 .tm10-category-card strong{
    width:auto !important;

    margin:14px auto 0 !important;
    padding:0 !important;

    display:block !important;

    color:#211914 !important;

    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

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

    font-size:15px !important;
    font-weight:700 !important;

    line-height:1.25 !important;

    text-align:center !important;
}


/* descripción */

body.mtg-template-tm10 .tm10-category-card small{
    width:auto !important;

    margin:5px auto 0 !important;
    padding:0 !important;

    display:block !important;

    color:#75685f !important;

    background:transparent !important;

    border:0 !important;

    font-size:12px !important;
    line-height:1.35 !important;

    text-align:center !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:1200px){

    body.mtg-template-tm10 .tm10-category-grid{
        gap:22px !important;
    }

    body.mtg-template-tm10 .tm10-category-card{
        width:230px !important;
        max-width:230px !important;
    }

    body.mtg-template-tm10 .tm10-category-image{
        width:230px !important;
        height:230px !important;

        min-width:230px !important;
        max-width:230px !important;

        min-height:230px !important;
        max-height:230px !important;
    }
}


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

@media (max-width:767px){

    body.mtg-template-tm10 .tm10-category-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:22px 14px !important;
    }

    body.mtg-template-tm10 .tm10-category-card{
        width:100% !important;
        max-width:180px !important;
    }

    body.mtg-template-tm10 .tm10-category-image{
        width:100% !important;
        height:auto !important;

        min-width:0 !important;
        max-width:180px !important;

        min-height:0 !important;
        max-height:none !important;

        aspect-ratio:1 / 1 !important;
    }
}



/* ==========================================================
   TM10 CATEGORY UPSIZE FINAL
   Objetivo real: 410 x 320
   ========================================================== */

body.mtg-template-tm10 .tm10-category-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:24px !important;
    align-items:start !important;
}

body.mtg-template-tm10 .tm10-category-card{
    width:410px !important;
    max-width:410px !important;
    min-width:0 !important;
    justify-self:center !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-align:left !important;
}

body.mtg-template-tm10 .tm10-category-image{
    width:410px !important;
    height:320px !important;
    min-width:410px !important;
    max-width:410px !important;
    min-height:320px !important;
    max-height:320px !important;
    aspect-ratio:auto !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:#f3ebe5 !important;
    border:1px solid #eadfd7 !important;
    margin:0 !important;
}

body.mtg-template-tm10 .tm10-category-image img,
body.mtg-template-tm10 .tm10-category-card img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    border-radius:18px !important;
    display:block !important;
    margin:0 !important;
    max-width:none !important;
}

/* título debajo */
body.mtg-template-tm10 .tm10-category-card strong{
    display:block !important;
    width:auto !important;
    margin:12px 0 0 0 !important;
    padding:0 !important;
    color:#211914 !important;
    background:none !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    text-align:left !important;
}

/* descripción debajo */
body.mtg-template-tm10 .tm10-category-card small{
    display:block !important;
    width:auto !important;
    margin:4px 0 0 0 !important;
    padding:0 !important;
    color:#75685f !important;
    background:none !important;
    border:0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    text-align:left !important;
}


/* ==========================================================
   DESKTOP MEDIANO
   ========================================================== */
@media (max-width:1800px){
    body.mtg-template-tm10 .tm10-category-card{
        width:360px !important;
        max-width:360px !important;
    }

    body.mtg-template-tm10 .tm10-category-image{
        width:360px !important;
        height:290px !important;
        min-width:360px !important;
        max-width:360px !important;
        min-height:290px !important;
        max-height:290px !important;
    }
}

/* ==========================================================
   TABLET
   ========================================================== */
@media (max-width:1400px){
    body.mtg-template-tm10 .tm10-category-grid{
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
        gap:24px !important;
    }

    body.mtg-template-tm10 .tm10-category-card{
        width:100% !important;
        max-width:420px !important;
    }

    body.mtg-template-tm10 .tm10-category-image{
        width:100% !important;
        max-width:420px !important;
        min-width:0 !important;
        height:320px !important;
        min-height:320px !important;
        max-height:320px !important;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */
@media (max-width:767px){
    body.mtg-template-tm10 .tm10-category-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }

    body.mtg-template-tm10 .tm10-category-card{
        width:100% !important;
        max-width:100% !important;
    }

    body.mtg-template-tm10 .tm10-category-image{
        width:100% !important;
        max-width:100% !important;
        height:260px !important;
        min-height:260px !important;
        max-height:260px !important;
    }
}

/* TM10 CATEGORY MATCH TM9 START */

/*
 * Igualar visualmente la sección "Compra por categoría" de TM10
 * al comportamiento / look de TM9:
 * - 4 tarjetas iguales a lo ancho
 * - imagen rectangular integrada
 * - caption dentro del card
 * - sin estilo azul heredado
 * - look compacto y limpio
 */

body.mtg-template-tm10 .tm10-category-section,
body.mtg-template-tm10 .tm10-home-categories,
body.mtg-template-tm10 .tm10-categories-section,
body.mtg-template-tm10 .tm10-shop-categories {
    width: min(90%, 1680px) !important;
    max-width: 1680px !important;
    margin: 0 auto 52px !important;
    padding: 0 !important;
}

/* Cabecera de la sección */
body.mtg-template-tm10 .tm10-category-section .tm10-section-head,
body.mtg-template-tm10 .tm10-home-categories .tm10-section-head,
body.mtg-template-tm10 .tm10-categories-section .tm10-section-head,
body.mtg-template-tm10 .tm10-shop-categories .tm10-section-head {
    display: block !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
}

body.mtg-template-tm10 .tm10-category-section h2,
body.mtg-template-tm10 .tm10-home-categories h2,
body.mtg-template-tm10 .tm10-categories-section h2,
body.mtg-template-tm10 .tm10-shop-categories h2 {
    margin: 0 0 8px 0 !important;
    font-family: inherit !important;
    font-size: clamp(34px, 2.2vw, 56px) !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    color: #0d1b3d !important;
}

body.mtg-template-tm10 .tm10-category-section p,
body.mtg-template-tm10 .tm10-home-categories p,
body.mtg-template-tm10 .tm10-categories-section p,
body.mtg-template-tm10 .tm10-shop-categories p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    color: #6b778c !important;
}

/* Si existe una nota lateral / texto derecho viejo, lo ocultamos */
body.mtg-template-tm10 .tm10-category-note,
body.mtg-template-tm10 .tm10-section-note,
body.mtg-template-tm10 .tm10-category-aside {
    display: none !important;
}

/* Grid principal */
body.mtg-template-tm10 .tm10-category-grid,
body.mtg-template-tm10 .tm10-categories-grid,
body.mtg-template-tm10 .mtg-category-grid {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Card */
body.mtg-template-tm10 .tm10-category-card,
body.mtg-template-tm10 .tm10-category-item,
body.mtg-template-tm10 .mtg-category-card {
    width: 100% !important;
    min-width: 0 !important;
    background: #eceef2 !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Links del card sin azul heredado */
body.mtg-template-tm10 .tm10-category-card a,
body.mtg-template-tm10 .tm10-category-item a,
body.mtg-template-tm10 .mtg-category-card a {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Imagen tipo TM9 (rectángulo integrado) */
body.mtg-template-tm10 .tm10-category-image,
body.mtg-template-tm10 .tm10-category-thumb,
body.mtg-template-tm10 .mtg-category-thumb {
    width: 100% !important;
    aspect-ratio: 410 / 320 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #f3f4f6 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.mtg-template-tm10 .tm10-category-image img,
body.mtg-template-tm10 .tm10-category-thumb img,
body.mtg-template-tm10 .mtg-category-thumb img,
body.mtg-template-tm10 .tm10-category-card img,
body.mtg-template-tm10 .tm10-category-item img,
body.mtg-template-tm10 .mtg-category-card img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Caption inferior dentro del mismo bloque */
body.mtg-template-tm10 .tm10-category-card strong,
body.mtg-template-tm10 .tm10-category-card .tm10-category-title,
body.mtg-template-tm10 .tm10-category-card .category-title,
body.mtg-template-tm10 .tm10-category-card > a > strong,
body.mtg-template-tm10 .tm10-category-card > a .tm10-category-title,
body.mtg-template-tm10 .tm10-category-item strong,
body.mtg-template-tm10 .tm10-category-item .tm10-category-title,
body.mtg-template-tm10 .mtg-category-card strong,
body.mtg-template-tm10 .mtg-category-card .tm10-category-title {
    display: block !important;
    margin: 0 !important;
    padding: 16px 18px 18px !important;
    background: #eceef2 !important;
    color: #0d1b3d !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-align: left !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Ocultar subtítulos viejos / labels heredados que deforman el card */
body.mtg-template-tm10 .tm10-category-card small,
body.mtg-template-tm10 .tm10-category-card .tm10-category-text,
body.mtg-template-tm10 .tm10-category-card .tm10-category-desc,
body.mtg-template-tm10 .tm10-category-item small,
body.mtg-template-tm10 .tm10-category-item .tm10-category-text,
body.mtg-template-tm10 .mtg-category-card small,
body.mtg-template-tm10 .mtg-category-card .tm10-category-text {
    display: none !important;
}

/* Tablet */
@media (max-width: 1280px) {
    body.mtg-template-tm10 .tm10-category-grid,
    body.mtg-template-tm10 .tm10-categories-grid,
    body.mtg-template-tm10 .mtg-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.mtg-template-tm10 .tm10-category-grid,
    body.mtg-template-tm10 .tm10-categories-grid,
    body.mtg-template-tm10 .mtg-category-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    body.mtg-template-tm10 .tm10-category-card strong,
    body.mtg-template-tm10 .tm10-category-card .tm10-category-title,
    body.mtg-template-tm10 .tm10-category-item strong,
    body.mtg-template-tm10 .tm10-category-item .tm10-category-title,
    body.mtg-template-tm10 .mtg-category-card strong,
    body.mtg-template-tm10 .mtg-category-card .tm10-category-title {
        font-size: 17px !important;
        padding: 14px 16px 16px !important;
    }
}

/* TM10 CATEGORY MATCH TM9 END */


/* MTG_TM10_CATEGORIES_LIKE_TM9_START */

/* ==========================================================
   TM10 - CATEGORIAS VISUALMENTE COMO TM9
   4 cards ocupando todo el 90%
   aprox. 410 x 320 en desktop
   ========================================================== */

body.mtg-template-tm10
.mtg-core-section--categories
.tm10-container{
    width:90% !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* GRID: 4 columnas iguales */

body.mtg-template-tm10
.mtg-core-section--categories
.tm10-category-grid{
    width:100% !important;

    display:grid !important;
    grid-template-columns:
        repeat(4, minmax(0,1fr)) !important;

    gap:20px !important;

    align-items:stretch !important;
    justify-items:stretch !important;
}


/* CARD: YA NO 280px — ocupa toda la columna */

body.mtg-template-tm10
.mtg-core-section--categories
.tm10-category-card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;

    overflow:hidden !important;

    background:#eef0f3 !important;

    border:0 !important;
    border-radius:16px !important;

    box-shadow:
        0 10px 24px rgba(30,35,45,.06) !important;
}


/* WRAPPER DE IMAGEN */

body.mtg-template-tm10
.mtg-core-section--categories
.tm10-category-image{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;

    aspect-ratio:auto !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border:0 !important;
    border-radius:16px 16px 0 0 !important;

    background:#f4eee9 !important;
}


/* IMAGEN REAL */

body.mtg-template-tm10
.mtg-core-section--categories
.tm10-category-image img,

body.mtg-template-tm10
.mtg-core-section--categories
.tm10-category-card img{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;

    margin:0 !important;
    padding:0 !important;

    display:block !important;

    object-fit:contain !important;
    object-position:center center !important;

    border-radius:16px 16px 0 0 !important;

    background:transparent !important;
}


/* TITULO INTEGRADO AL CARD */

body.mtg-template-tm10
.mtg-core-section--categories
.tm10-category-card strong{
    width:100% !important;

    margin:0 !important;
    padding:14px 16px 15px !important;

    display:block !important;

    color:#111827 !important;

    background:#eef0f3 !important;
    background-image:none !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.2 !important;

    text-align:left !important;
}


/* quitar cualquier formato azul heredado */

body.mtg-template-tm10
.mtg-core-section--categories
.tm10-category-card strong::before,

body.mtg-template-tm10
.mtg-core-section--categories
.tm10-category-card strong::after{
    content:none !important;
    display:none !important;
}


/* descripción dentro de categoría: no la mostramos,
   igual que la referencia visual de TM9 */

body.mtg-template-tm10
.mtg-core-section--categories
.tm10-category-card small{
    display:none !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:1100px){

    body.mtg-template-tm10
    .mtg-core-section--categories
    .tm10-container{
        width:94% !important;
    }

    body.mtg-template-tm10
    .mtg-core-section--categories
    .tm10-category-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    body.mtg-template-tm10
    .mtg-core-section--categories
    .tm10-category-image,

    body.mtg-template-tm10
    .mtg-core-section--categories
    .tm10-category-image img,

    body.mtg-template-tm10
    .mtg-core-section--categories
    .tm10-category-card img{
        height:300px !important;
        min-height:300px !important;
        max-height:300px !important;
    }
}


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

@media (max-width:767px){

    body.mtg-template-tm10
    .mtg-core-section--categories
    .tm10-container{
        width:calc(100% - 28px) !important;
    }

    body.mtg-template-tm10
    .mtg-core-section--categories
    .tm10-category-grid{
        grid-template-columns:
            1fr !important;

        gap:16px !important;
    }

    body.mtg-template-tm10
    .mtg-core-section--categories
    .tm10-category-image,

    body.mtg-template-tm10
    .mtg-core-section--categories
    .tm10-category-image img,

    body.mtg-template-tm10
    .mtg-core-section--categories
    .tm10-category-card img{
        height:280px !important;
        min-height:280px !important;
        max-height:280px !important;
    }
}

/* MTG_TM10_CATEGORIES_LIKE_TM9_END */\n

/* MTG_TM10_CATEGORY_IMAGE_ZOOM_FIX_V2 */
body.mtg-template-tm10
.mtg-core-section--categories
.tm10-category-image{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#f4efe8 !important;
    overflow:hidden !important;
}
\n


/* MTG_TM10_CATEGORY_MATCH_TM9_START */

/*
 * Igualar comportamiento visual a TM9:
 * - cards grandes
 * - imagen llena el bloque
 * - sin contain
 * - recorte controlado para no cortar cabezas
 */
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
    background:#ffffff !important;
}

body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-image{
    width:100% !important;
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
    overflow:hidden !important;
    display:block !important;
    background:#f6f1ea !important;
}

body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-image img,
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card img{
    width:100% !important;
    height:100% !important;
    min-height:320px !important;
    max-height:320px !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:18px 18px 0 0 !important;
    transform:none !important;
    background:transparent !important;
}

/*
 * Ajustes finos por card para que el recorte quede como TM9
 * y evitar corte feo en rostro/cabeza.
 */
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card:nth-child(1) .tm10-category-image img,
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card:nth-child(1) img{
    object-position:center 14% !important;
}

body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card:nth-child(2) .tm10-category-image img,
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card:nth-child(2) img{
    object-position:center 18% !important;
}

body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card:nth-child(3) .tm10-category-image img,
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card:nth-child(3) img{
    object-position:center 16% !important;
}

body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card:nth-child(4) .tm10-category-image img,
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card:nth-child(4) img{
    object-position:center 52% !important;
}

/* Franja inferior / label */
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-label,
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card .tm10-category-title,
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card .tm10-category-name{
    background:#e9edf2 !important;
    color:#0f172a !important;
    font-weight:700 !important;
}

/* Si la card trae pie inferior genérico */
body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card > div:last-child{
    min-height:52px !important;
    display:flex !important;
    align-items:center !important;
}

/* Responsive */
@media (max-width: 1200px){
    body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-image{
        height:280px !important;
        min-height:280px !important;
        max-height:280px !important;
    }

    body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-image img,
    body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card img{
        min-height:280px !important;
        max-height:280px !important;
    }
}

@media (max-width: 980px){
    body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-image{
        height:240px !important;
        min-height:240px !important;
        max-height:240px !important;
    }

    body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-image img,
    body.mtg-template-tm10 .mtg-core-section--categories .tm10-category-card img{
        min-height:240px !important;
        max-height:240px !important;
    }
}

/* MTG_TM10_CATEGORY_MATCH_TM9_END */

/* TM10_REAL_FULL_BACKGROUND_START */

/*
 * ============================================
 * TM10 HERO
 * La imagen del slide ocupa TODO el contenedor
 * igual que TM2.
 * ============================================
 */

body.mtg-template-tm10
.tm10-hero-slider{
    width:100% !important;
    max-width:none !important;
    overflow:hidden !important;
}

body.mtg-template-tm10
.tm10-hero-slider
.mtg-hero-slider-v2__viewport{
    width:100% !important;
    overflow:hidden !important;
}

body.mtg-template-tm10
.tm10-hero-slider
.mtg-hero-slider-v2__track{
    width:100% !important;
}

body.mtg-template-tm10
.tm10-hero-slider
.mtg-hero-slider-v2__slide{
    width:100% !important;
    min-width:100% !important;
}


/*
 * El slide completo es el lienzo.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-slide--full-bg{
    position:relative !important;

    width:100% !important;
    min-height:620px !important;

    overflow:hidden !important;

    background-color:#f7efe9 !important;

    background-image:
        var(--tm10-slide-image) !important;

    background-repeat:
        no-repeat !important;

    background-size:
        cover !important;

    background-position:
        center center !important;
}


/*
 * Eliminamos cualquier pseudo-background
 * anterior para que no duplique imagen.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-slide--full-bg::before{
    content:none !important;
    display:none !important;
}


/*
 * Difuminado encima del background.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-slide--full-bg::after{
    content:"";

    position:absolute !important;
    inset:0 !important;

    z-index:1 !important;

    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            rgba(238,244,248,.98) 0%,
            rgba(238,244,248,.96) 18%,
            rgba(238,244,248,.90) 30%,
            rgba(238,244,248,.70) 40%,
            rgba(238,244,248,.38) 50%,
            rgba(238,244,248,.12) 60%,
            rgba(238,244,248,0) 70%
        ) !important;
}


/*
 * El grid deja de dividir el hero.
 * Solo posiciona contenido encima.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-grid{
    position:relative !important;
    z-index:2 !important;

    width:100% !important;
    max-width:100% !important;

    min-height:620px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    grid-template-columns:none !important;
    gap:0 !important;

    padding:
        70px
        5.5%
        70px
        5.5% !important;
}


/*
 * Texto encima de imagen.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-content{
    position:relative !important;
    z-index:3 !important;

    width:100% !important;
    max-width:520px !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

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


/*
 * La antigua columna visual NO participa.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-visual{
    display:none !important;
}


/*
 * Desktop:
 * pequeño ajuste del foco hacia la derecha
 * porque las personas están allí.
 */

@media (min-width:1200px){

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-slide--full-bg{
        min-height:620px !important;

        background-size:
            cover !important;

        background-position:
            center center !important;
    }

}


/*
 * Tablet
 */

@media (max-width:1199px){

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-slide--full-bg{
        min-height:560px !important;

        background-size:
            cover !important;

        background-position:
            center center !important;
    }

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-grid{
        min-height:560px !important;

        padding:
            55px
            4%
            55px
            4% !important;
    }

}


/*
 * Mobile:
 * mantenemos full background.
 */

@media (max-width:767px){

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-slide--full-bg{
        min-height:500px !important;

        background-size:
            cover !important;

        background-position:
            65% center !important;
    }

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-grid{
        min-height:500px !important;

        padding:
            34px
            22px
            42px
            22px !important;
    }

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-content{
        max-width:100% !important;
    }

}

/* TM10_REAL_FULL_BACKGROUND_END */


/* TM10_HERO_AUDIT_FIX_FINAL_START */

/*
 * Audit 2026-09-19:
 * front-page ya coloca visual_image como background del slide.
 * Por eso el <img> de .tm10-hero-visual NO debe mostrarse.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-visual{
    display:none !important;
}


/*
 * El grid deja de ser dos columnas.
 * El background es el único lienzo visual.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-grid{
    grid-template-columns:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    max-width:100% !important;
}


/*
 * El slide utiliza directamente la imagen configurada
 * en --tm10-slide-image.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-slide--full-bg{
    width:100% !important;
    background-image:var(--tm10-slide-image) !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
}


/*
 * El contenido queda superpuesto sobre el BG,
 * como en TM9.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-content{
    position:relative !important;
    z-index:3 !important;
    max-width:520px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}


/*
 * Alturas equivalentes al slider final TM9.
 */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-slide--full-bg,

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-grid{
    min-height:680px !important;
}


@media (max-width:1199px){

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-slide--full-bg,

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-grid{
        min-height:620px !important;
    }
}


@media (max-width:767px){

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-slide--full-bg,

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-grid{
        min-height:540px !important;
    }

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-slide--full-bg{
        background-position:65% center !important;
    }

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-content{
        max-width:100% !important;
    }
}

/* TM10_HERO_AUDIT_FIX_FINAL_END */



/* TM10_HERO_TYPO_MOCKUP_FORCE_START */

/*
 * Objetivo:
 * Dar al hero el mismo peso visual del mockup:
 * - kicker más elegante
 * - heading serif con más fuerza
 * - palabra acento en cursiva refinada
 * - párrafo con mejor presencia
 */

body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-kicker,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-eyebrow,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-subtitle-top{
    font-size:14px !important;
    line-height:1.2 !important;
    letter-spacing:.22em !important;
    text-transform:uppercase !important;
    font-weight:700 !important;
    color:#b55e43 !important;
    margin-bottom:18px !important;
}

body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-title,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-heading,
body.mtg-template-tm10 .tm10-hero-slider h1.tm10-hero-title,
body.mtg-template-tm10 .tm10-hero-slider h2.tm10-hero-title{
    font-family:"Playfair Display","Cormorant Garamond","Times New Roman",serif !important;
    font-size:clamp(64px, 6vw, 100px) !important;
    line-height:.90 !important;
    letter-spacing:-0.045em !important;
    font-weight:700 !important;
    color:#1f1512 !important;
    margin:0 0 24px 0 !important;
    max-width:720px !important;
    text-wrap:balance !important;
}

body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-title em,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-title i,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-title .accent,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-title .tm10-hero-accent,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-heading em,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-heading i,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-heading .accent,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-heading .tm10-hero-accent{
    font-family:"Playfair Display","Cormorant Garamond","Times New Roman",serif !important;
    font-style:italic !important;
    font-weight:600 !important;
    letter-spacing:-0.04em !important;
    color:#bb6043 !important;
}

body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-text,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-description,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-content p{
    font-size:18px !important;
    line-height:1.58 !important;
    font-weight:400 !important;
    color:#5a504a !important;
    max-width:640px !important;
    margin:0 0 22px 0 !important;
}

body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-text strong,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-description strong,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-content p strong{
    font-weight:700 !important;
    color:#3c302c !important;
}

body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-list,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-benefits,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-points{
    margin-top:16px !important;
    gap:8px !important;
}

body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-list li,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-benefits li,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-points li{
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:500 !important;
    color:#675b55 !important;
}

body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-actions{
    gap:14px !important;
    margin-top:18px !important;
}

body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-actions .btn,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-actions a,
body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-actions button{
    font-weight:700 !important;
    font-size:17px !important;
    letter-spacing:-0.01em !important;
}

@media (max-width:1199px){
    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-title,
    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-heading,
    body.mtg-template-tm10 .tm10-hero-slider h1.tm10-hero-title,
    body.mtg-template-tm10 .tm10-hero-slider h2.tm10-hero-title{
        font-size:clamp(54px, 5.2vw, 84px) !important;
        line-height:.92 !important;
    }
}

@media (max-width:767px){
    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-kicker,
    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-eyebrow,
    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-subtitle-top{
        font-size:12px !important;
        letter-spacing:.18em !important;
        margin-bottom:14px !important;
    }

    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-title,
    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-heading,
    body.mtg-template-tm10 .tm10-hero-slider h1.tm10-hero-title,
    body.mtg-template-tm10 .tm10-hero-slider h2.tm10-hero-title{
        font-size:clamp(40px, 10vw, 56px) !important;
        line-height:.95 !important;
        letter-spacing:-0.035em !important;
    }

    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-text,
    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-description,
    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-content p{
        font-size:16px !important;
        line-height:1.55 !important;
    }

    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-list li,
    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-benefits li,
    body.mtg-template-tm10 .tm10-hero-slider .tm10-hero-points li{
        font-size:15px !important;
    }
}

/* TM10_HERO_TYPO_MOCKUP_FORCE_END */



/* TM10_COLOR_POLISH_START */


/* ==========================================================
   1. BOTON OFERTAS - TEXTO CLARO
   ========================================================== */

body.mtg-template-tm10
a[href*="/ofertas/"],
body.mtg-template-tm10
a[href*="ofertas"]{
    color:#ffffff !important;
}

body.mtg-template-tm10
a[href*="/ofertas/"] *,
body.mtg-template-tm10
a[href*="ofertas"] *{
    color:#ffffff !important;
}


/* ==========================================================
   2. NEWSLETTER - TEXTO MAS OSCURO
   ========================================================== */

body.mtg-template-tm10 .mtg-newsletter,
body.mtg-template-tm10 .mtg-newsletter-section,
body.mtg-template-tm10 .mtg-newsletter-wrap,
body.mtg-template-tm10 [class*="newsletter"]{
    color:#3d2b25 !important;
}

body.mtg-template-tm10 .mtg-newsletter h1,
body.mtg-template-tm10 .mtg-newsletter h2,
body.mtg-template-tm10 .mtg-newsletter h3,
body.mtg-template-tm10 .mtg-newsletter strong,
body.mtg-template-tm10 [class*="newsletter"] h1,
body.mtg-template-tm10 [class*="newsletter"] h2,
body.mtg-template-tm10 [class*="newsletter"] h3,
body.mtg-template-tm10 [class*="newsletter"] strong{
    color:#33231e !important;
}

body.mtg-template-tm10 .mtg-newsletter p,
body.mtg-template-tm10 .mtg-newsletter small,
body.mtg-template-tm10 .mtg-newsletter span,
body.mtg-template-tm10 [class*="newsletter"] p,
body.mtg-template-tm10 [class*="newsletter"] small{
    color:#6d554a !important;
}


/* ==========================================================
   3. CATEGORIAS - AZUL -> MARRON TM10
   ========================================================== */

body.mtg-template-tm10
.tm10-category-card strong,
body.mtg-template-tm10
.tm10-category-card .tm10-category-title,
body.mtg-template-tm10
.tm10-category-card .tm10-category-name{
    background:#8b4f3b !important;
    background-image:none !important;

    color:#ffffff !important;

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

body.mtg-template-tm10
.tm10-category-card strong *,
body.mtg-template-tm10
.tm10-category-card .tm10-category-title *,
body.mtg-template-tm10
.tm10-category-card .tm10-category-name *{
    color:#ffffff !important;
}


/* tono un poco mas profundo al hover */

body.mtg-template-tm10
.tm10-category-card:hover strong,
body.mtg-template-tm10
.tm10-category-card:hover .tm10-category-title,
body.mtg-template-tm10
.tm10-category-card:hover .tm10-category-name{
    background:#74402f !important;
}


/* TM10_COLOR_POLISH_END */



/* TM10_HERO_FEATURE_CARDS_START */

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-features{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:10px !important;
    margin-top:22px !important;
    width:100% !important;
    max-width:660px !important;
}

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-features article{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;

    min-height:52px !important;
    padding:10px 12px !important;

    background:rgba(255,255,255,.76) !important;
    backdrop-filter:blur(6px) !important;
    -webkit-backdrop-filter:blur(6px) !important;

    border:1px solid rgba(181,94,67,.16) !important;
    border-radius:14px !important;

    box-shadow:
        0 7px 20px rgba(90,60,45,.06) !important;

    color:#4f4039 !important;
}

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-features article > span{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;

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

    border-radius:50% !important;

    background:#f6e5dc !important;
    color:#b55e43 !important;

    font-size:14px !important;
    font-weight:800 !important;
    line-height:1 !important;

    border:1px solid rgba(181,94,67,.18) !important;
}

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-features article > div{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
}

body.mtg-template-tm10
.tm10-hero-slider
.tm10-hero-features article strong{
    display:block !important;
    margin:0 !important;
    padding:0 !important;

    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:700 !important;

    color:#4a3a34 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

@media (max-width:1199px){

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-features{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        max-width:620px !important;
        gap:8px !important;
    }

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-features article{
        padding:9px 10px !important;
    }
}

@media (max-width:767px){

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-features{
        grid-template-columns:1fr !important;
        max-width:100% !important;
        gap:8px !important;
    }

    body.mtg-template-tm10
    .tm10-hero-slider
    .tm10-hero-features article{
        min-height:46px !important;
    }
}

/* TM10_HERO_FEATURE_CARDS_END */


/* MTG_TM10_MENU_ACTIVE_COLOR_V1_START */
/*
 * TM10 Beauty Editorial
 * Reemplaza el azul del menú por un terracota elegante.
 */
body.mtg-template-tm10 .current-menu-item > a,
body.mtg-template-tm10 .current_page_item > a,
body.mtg-template-tm10 .current_page_parent > a,
body.mtg-template-tm10 .current-menu-ancestor > a,
body.mtg-template-tm10 .mtg-active-menu-home .mtg-main-nav a[href="/"],
body.mtg-template-tm10 .mtg-active-menu-home .mtg-main-nav a[href$="/"],
body.mtg-template-tm10 .mtg-header-nav .current-menu-item > a,
body.mtg-template-tm10 .mtg-header-nav .current_page_item > a,
body.mtg-template-tm10 .tm10-header-nav .current-menu-item > a,
body.mtg-template-tm10 .tm10-header-nav .current_page_item > a,
body.mtg-template-tm10 .main-navigation .current-menu-item > a,
body.mtg-template-tm10 .main-navigation .current_page_item > a,
body.mtg-template-tm10 .menu-primary-container .current-menu-item > a,
body.mtg-template-tm10 .menu-primary-container .current_page_item > a,
body.mtg-template-tm10 header nav .current-menu-item > a,
body.mtg-template-tm10 header nav .current_page_item > a {
    background: #b85f46 !important;
    color: #fffaf6 !important;
    border-color: #b85f46 !important;
    box-shadow: 0 10px 24px rgba(184, 95, 70, 0.22) !important;
}

body.mtg-template-tm10 .mtg-main-nav a,
body.mtg-template-tm10 .mtg-header-nav a,
body.mtg-template-tm10 .tm10-header-nav a,
body.mtg-template-tm10 .main-navigation a,
body.mtg-template-tm10 .menu-primary-container a,
body.mtg-template-tm10 header nav a {
    transition: all .22s ease !important;
}

body.mtg-template-tm10 .mtg-main-nav a:hover,
body.mtg-template-tm10 .mtg-header-nav a:hover,
body.mtg-template-tm10 .tm10-header-nav a:hover,
body.mtg-template-tm10 .main-navigation a:hover,
body.mtg-template-tm10 .menu-primary-container a:hover,
body.mtg-template-tm10 header nav a:hover {
    color: #b85f46 !important;
}

body.mtg-template-tm10 .current-menu-item > a:hover,
body.mtg-template-tm10 .current_page_item > a:hover,
body.mtg-template-tm10 .current_page_parent > a:hover,
body.mtg-template-tm10 .current-menu-ancestor > a:hover {
    background: #a6543d !important;
    color: #fffaf6 !important;
    border-color: #a6543d !important;
}
/* MTG_TM10_MENU_ACTIVE_COLOR_V1_END */