/* =====================================================================
   tema.css — Diseño común de Mas Original
   Se carga en todas las páginas DESPUÉS de sus estilos propios, así que
   lo que se define aquí manda: tipografía Open Sans (sin cursivas),
   naranja de marca + morado del logo, cabecera sin JavaScript y piezas
   que antes necesitaban JS (preguntas, galerías, calculadoras).
   ===================================================================== */

:root{
  --brand:#e8572a;--brand-dk:#c94420;--brand-lt:#ff7a50;--brand-bg:#fdf0ec;
  --morado:#942eb6;--morado-dk:#6f1f8a;--morado-bg:#f6ecfa;
  --grad:linear-gradient(135deg,#e8572a 0%,#c2338f 55%,#942eb6 100%);
  --font:'Open Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --serif:var(--font);--sans:var(--font);--display:var(--font);--body:var(--font);
  --r:10px;--r-lg:16px;
  --sh:0 1px 2px rgba(30,20,40,.06),0 8px 24px rgba(30,20,40,.07);
  --sh-hover:0 2px 4px rgba(30,20,40,.08),0 14px 34px rgba(30,20,40,.12)
}

/* ---------- Tipografía: Open Sans en todo y nada en cursiva ---------- */
html body,html body *:not(svg):not(svg *){font-family:var(--font)!important}
*,*::before,*::after{font-style:normal!important}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}
h1,h2,h3,h4,.sec-title,.prod-title,.home-hero h1{font-weight:800!important;letter-spacing:-.02em;line-height:1.2}
h1 em,h2 em,h1 i,h2 i,.sec-title em,.prod-title em{color:var(--morado)}
strong,b{font-weight:700}
small,.hint{font-weight:400}

/* ---------- Detalles de marca: morado en etiquetas y acentos ---------- */
.sec-ey,.pricing-ey,.prod-eyebrow,.pcol-title,.panel-title,.price-block-title{color:var(--morado)!important}
.sec-ey::before{background:var(--morado)!important}
.sec-title::after{content:'';display:block;width:56px;height:4px;border-radius:4px;background:var(--grad);margin-top:.6rem}
.text-center .sec-title::after,.proc-head .sec-title::after,.related-head .sec-title::after{margin-left:auto;margin-right:auto}
.gallery-badge,.fbadge,.prod-hero-badge{background:var(--morado)!important;color:#fff!important;border-radius:999px!important}
.proc-n,.pstep-num,.pstep-n{background:var(--grad)!important;color:#fff!important;border:0!important}
.stars{color:#f5a623}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,label:focus-within{outline:3px solid rgba(148,46,182,.45);outline-offset:2px}
::selection{background:var(--morado);color:#fff}

/* ---------- Aspecto moderno: botones, tarjetas, formularios ---------- */
[class^="btn"],[class*=" btn"],.btn,.mo-cta{border-radius:999px!important;font-weight:700!important;letter-spacing:.01em;transition:transform .15s,box-shadow .15s,background .15s!important}
[class^="btn"]:hover,[class*=" btn"]:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(232,87,42,.25)}
.btn-ol,.btn-g{border-color:var(--morado)!important;color:var(--morado)!important}
.btn-ol:hover,.btn-g:hover{background:var(--morado-bg)!important}
.pcard,.feat-card,.use-card,.rel-card,.spec-card,.calc-result,.price-table,.tip-box,.trust-item,.proc-step{border-radius:var(--r-lg)!important}
.pcard,.feat-card,.use-card,.rel-card,.spec-card{box-shadow:var(--sh);border-color:transparent!important;transition:transform .2s,box-shadow .2s}
.pcard:hover,.feat-card:hover,.use-card:hover,.rel-card:hover{transform:translateY(-3px);box-shadow:var(--sh-hover)}
.pcard-img,.pcard-imgwrap,.rel-card img,.gallery-main{border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden}
.gallery-main{border-radius:var(--r-lg)!important}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-radius:var(--r)!important}
input:focus,select:focus,textarea:focus{border-color:var(--morado)!important;box-shadow:0 0 0 3px rgba(148,46,182,.15)!important}
.calc-result-price,.price-val,.pt-price{color:var(--brand-dk)}
img{height:auto}

/* =====================================================================
   CABECERA COMÚN (sin JavaScript)
   - Escritorio: los submenús se abren al pasar el ratón o con el teclado.
   - Móvil: botón ☰ hecho con una casilla (checkbox) y CSS.
   ===================================================================== */
.mo-header{position:sticky;top:0;z-index:300;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(0,0,0,.07)}
.mo-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.mo-top{background:var(--morado);color:#fff;font-size:.78rem}
.mo-top .mo-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px;flex-wrap:wrap}
.mo-top a{color:#fff;font-weight:600;text-decoration:none}
.mo-top a:hover{text-decoration:underline}
.mo-bar .mo-wrap{display:flex;align-items:center;gap:20px;min-height:68px;position:relative}
.mo-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#2d2d2d;font-weight:800;font-size:1.05rem;letter-spacing:-.01em;flex-shrink:0}
.mo-logo img{width:40px;height:40px}
.mo-nav{margin-left:auto}
.mo-nav>ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.mo-nav>ul>li>a{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:999px;font-size:.9rem;font-weight:600;color:#2d2d2d;text-decoration:none;white-space:nowrap}
.mo-nav>ul>li>a:hover,.mo-dd:hover>a,.mo-dd:focus-within>a{background:var(--morado-bg);color:var(--morado)}
.mo-dd>a::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55}
.mo-panel{display:none;position:absolute;left:24px;right:24px;top:100%;background:#fff;border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:0 24px 48px rgba(30,20,40,.16);border-top:3px solid var(--morado);padding:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 24px}
.mo-dd:hover .mo-panel,.mo-dd:focus-within .mo-panel{display:grid}
.mo-panel p{grid-column:1/-1;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--morado);margin:0 0 4px}
.mo-panel a{display:block;padding:8px 10px;border-radius:8px;color:#2d2d2d;text-decoration:none;font-size:.9rem;font-weight:500}
.mo-panel a:hover{background:var(--brand-bg);color:var(--brand-dk)}
.mo-panel a.mo-all{color:var(--brand);font-weight:700}
.mo-cta{display:inline-flex;align-items:center;gap:6px;background:var(--grad);color:#fff!important;padding:11px 18px;font-size:.86rem;text-decoration:none;white-space:nowrap;box-shadow:0 6px 16px rgba(148,46,182,.25)}
.mo-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(148,46,182,.35)}
.mo-toggle{position:absolute;opacity:0;pointer-events:none}
.mo-burger{display:none;margin-left:auto;font-size:1.5rem;line-height:1;padding:8px 12px;border-radius:10px;cursor:pointer;color:#2d2d2d}
.mo-burger:hover{background:var(--morado-bg)}
@media (max-width:1020px){
  .mo-burger{display:block}
  .mo-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 24px 48px rgba(30,20,40,.16);max-height:calc(100vh - 110px);overflow:auto;padding:8px 16px 20px}
  .mo-toggle:checked~.mo-nav{display:block}
  .mo-toggle:checked~.mo-burger{background:var(--morado-bg);color:var(--morado)}
  .mo-nav>ul{flex-direction:column;align-items:stretch}
  .mo-nav>ul>li>a{border-radius:10px;font-size:1rem}
  .mo-dd>a::after{display:none}
  .mo-panel{display:grid;position:static;box-shadow:none;border:0;padding:0 0 8px 14px;grid-template-columns:1fr 1fr}
  .mo-panel p{display:none}
  .mo-cta{order:2;padding:9px 14px}
}
@media (max-width:560px){
  .mo-wrap{padding:0 16px}
  .mo-top .mo-dir{display:none}
  .mo-logo span{display:none}
  .mo-cta{font-size:.8rem}
  .mo-panel{grid-template-columns:1fr}
}

/* ---------- Preguntas frecuentes con <details> (sin JS) ---------- */
details.fq>summary{list-style:none;cursor:pointer}
details.fq>summary::-webkit-details-marker{display:none}
details.fq:not([open]) .fq-tgl,details.fq:not([open]) .fq-icon{transform:none!important}
details.fq[open] .fq-tgl{transform:rotate(45deg)}
details.fq>:not(summary){max-height:none!important;opacity:1!important;visibility:visible!important}
details.fq[open]>summary{color:var(--morado)}

/* ---------- Galería de producto sin JS (miniaturas con radio) ---------- */
.g-r{position:absolute;opacity:0;pointer-events:none}
.g-i{display:none!important}
body:has(#g1:checked) .g-i[data-i="1"],body:has(#g2:checked) .g-i[data-i="2"],
body:has(#g3:checked) .g-i[data-i="3"],body:has(#g4:checked) .g-i[data-i="4"],
body:has(#g5:checked) .g-i[data-i="5"],body:has(#g6:checked) .g-i[data-i="6"],
body:has(#g7:checked) .g-i[data-i="7"],body:has(#g8:checked) .g-i[data-i="8"]{display:block!important}
label.gthumb,label.thumb{cursor:pointer}
label.gthumb,label.thumb{border-color:transparent!important}
body:has(#g1:checked) label[for="g1"],body:has(#g2:checked) label[for="g2"],
body:has(#g3:checked) label[for="g3"],body:has(#g4:checked) label[for="g4"],
body:has(#g5:checked) label[for="g5"],body:has(#g6:checked) label[for="g6"],
body:has(#g7:checked) label[for="g7"],body:has(#g8:checked) label[for="g8"]{border-color:var(--brand)!important}
body:has(.g-r:focus-visible) .gallery-thumbs{outline:3px solid rgba(148,46,182,.35);outline-offset:4px;border-radius:8px}

/* ---------- Opciones tipo "píldora" sin JS ---------- */
label.opt-pill{cursor:pointer;position:relative}
label.opt-pill input{position:absolute;opacity:0;pointer-events:none}
label.opt-pill:has(input:checked){border-color:var(--brand)!important;background:var(--brand-bg)!important;color:var(--brand-dk)!important}

/* ---------- Pestañas sin JS ---------- */
.t-r{position:absolute;opacity:0;pointer-events:none}
label.ptab{cursor:pointer}

/* ---------- Calculadoras sin JS: el precio se elige con CSS ---------- */
.pz{display:none}

/* ---------- Pie ---------- */
footer{border-top:4px solid transparent;border-image:var(--grad) 1}

/* ---------- Accesibilidad: menos movimiento si se pide ---------- */
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- Evitar desbordes laterales en móvil ---------- */
.prod-hero-inner>*,.prod-inner>*,.hero-inner>*,.desc-inner>*,.faq-inner>*,.proc-grid>*,.related-grid>*,.foot-grid>*{min-width:0}
.prod-eyebrow,.sec-ey{flex-wrap:wrap}
img,video,iframe{max-width:100%}
.breadcrumb li,.breadcrumb-bar li,.breadcrumb ol,.breadcrumb-bar ol,ol.breadcrumb{list-style:none}
.breadcrumb li::marker,.breadcrumb-bar li::marker{content:''}

/* =====================================================================
   PÁGINAS DE CONTENIDO (antes con plantilla jQuery)
   ===================================================================== */
body.mo-page{margin:0;background:#faf8f7;color:#2d2d2d;font-size:16px}
.mo-doc a{color:var(--brand-dk)}
.mo-ptitle{background:linear-gradient(120deg,#2a1433 0%,#3d1a4a 60%,#5a2370 100%);color:#fff;padding:44px 0}
.mo-ptitle h1{margin:0;font-size:clamp(1.7rem,3.5vw,2.6rem);color:#fff}
.mo-ptitle p{margin:.4rem 0 0;color:rgba(255,255,255,.75)}
.mo-doc{max-width:1200px;margin:0 auto;padding:36px 24px 64px}
.mo-doc .mo-wrap{padding:0}
@media (max-width:560px){.mo-doc{padding:24px 16px 48px}}
.mo-doc.mo-solo{padding:16px;text-align:center}
.mo-doc .mo-wrap>*:first-child{margin-top:0}
.mo-doc h1{font-size:clamp(1.6rem,3vw,2.3rem);margin:.2em 0 .6em}
.mo-doc h1 p{margin:0}
.mo-doc h2{font-size:1.5rem;margin:1.6em 0 .6em}
.mo-doc h3{font-size:1.2rem;margin:1.4em 0 .5em}
.mo-doc h4,.mo-doc h5{font-size:1rem;margin:1.2em 0 .4em}
.mo-doc p,.mo-doc li{line-height:1.7}
.mo-doc ul,.mo-doc ol{padding-left:1.3em}
.mo-doc img{border-radius:12px}
.mo-doc .container,.mo-doc .content-wrap{max-width:none;padding:0}
.mo-doc .clear,.mo-doc .line{clear:both}
.mo-doc .line{height:1px;background:rgba(0,0,0,.08);margin:20px 0}
/* rejilla de la plantilla antigua */
.mo-doc .product,.mo-doc .row,.mo-doc .container.clearfix,.mo-doc .single-product>.product{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.mo-doc .row{margin:0}
.mo-doc [class*="col_"],.mo-doc [class*="col-"]{flex:1 1 100%;min-width:0;padding:0;float:none;margin:0}
@media (min-width:860px){
  .mo-doc .col_half,.mo-doc .col-md-6,.mo-doc .col-lg-6{flex:1 1 calc(50% - 28px)}
  .mo-doc .col_one_third,.mo-doc .col-md-4,.mo-doc .col-lg-4{flex:1 1 calc(33.33% - 28px)}
  .mo-doc .col_two_third,.mo-doc .col-md-8,.mo-doc .col-lg-8{flex:1 1 calc(66.66% - 28px)}
  .mo-doc .col_one_fourth,.mo-doc .col-md-3,.mo-doc .col-lg-3{flex:1 1 calc(25% - 28px)}
  .mo-doc .col_three_fourth,.mo-doc .col-md-9,.mo-doc .col-lg-9{flex:1 1 calc(75% - 28px)}
  .mo-doc .col_two_fifth{flex:1 1 calc(40% - 28px)}
  .mo-doc .col_three_fifth{flex:1 1 calc(60% - 28px)}
  .mo-doc .col_one_fifth{flex:0 1 calc(20% - 28px)}
  .mo-doc .col_one_fifth:empty{display:none}
}
.mo-doc .d-none{display:none}
.mo-doc .d-md-inline-block{display:inline-block}
/* pestañas: los contenidos se ven todos y la barra queda como enlaces de salto */
.mo-doc .tab-nav{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 16px}
.mo-doc .tab-nav a{display:inline-block;padding:8px 16px;border-radius:999px;background:var(--morado-bg);color:var(--morado);font-weight:600;text-decoration:none}
.mo-doc .tab-container>div,.mo-doc .tab-content{display:block!important;margin-bottom:24px}
/* tablas de precios */
.mo-doc .table-responsive{overflow-x:auto;margin:16px 0}
.mo-doc table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--sh);font-size:.92rem}
.mo-doc th{background:var(--morado);color:#fff;text-align:left;font-weight:700}
.mo-doc th,.mo-doc td{padding:10px 14px;border-bottom:1px solid rgba(0,0,0,.06)}
.mo-doc tr:nth-child(even) td{background:#fbf8fc}
/* botones y formularios */
.mo-doc .button,.mo-doc button,.mo-doc input[type=submit]{display:inline-flex;align-items:center;gap:6px;background:var(--brand);color:#fff!important;border:0;padding:12px 22px;border-radius:999px;font-weight:700;font-size:.92rem;cursor:pointer;text-decoration:none}
.mo-doc .button:hover,.mo-doc button:hover{background:var(--brand-dk)}
.mo-doc form{margin:12px 0}
.mo-doc input:not([type=checkbox]):not([type=radio]):not([type=submit]),.mo-doc select,.mo-doc textarea{width:100%;max-width:520px;padding:10px 12px;border:1px solid rgba(0,0,0,.15);background:#fff;font-size:.95rem}
.mo-doc label{display:block;font-weight:600;font-size:.88rem;margin:10px 0 4px}
/* categorías / tarjetas */
.mo-doc .shop-categories>div,.mo-doc .grid-6>div{background:#fff;border-radius:16px;box-shadow:var(--sh);overflow:hidden;padding:0}
.mo-doc .shop-categories a{text-decoration:none}
/* galerías estáticas */
.mo-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:8px 0 20px}
.mo-gal img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:var(--sh)}
.mo-hero-gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:32px}
.mo-hero-gal figure{margin:0;position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--sh)}
.mo-hero-gal img{width:100%;max-height:440px;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:0}
.mo-hero-gal figcaption{position:absolute;inset:auto 0 0 0;padding:14px 16px;background:linear-gradient(transparent,rgba(42,20,51,.85));color:#fff;font-weight:700}
.mo-hero-gal figcaption:empty{display:none}
/* pie común */
.mo-footer{background:#21122a;color:rgba(255,255,255,.72);padding:48px 0 0;font-size:.9rem}
.mo-fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.mo-footer a{color:rgba(255,255,255,.85);text-decoration:none;display:block;padding:3px 0}
.mo-footer a:hover{color:#fff}
.mo-footer address{font-style:normal;line-height:1.8}
.mo-footer address a{display:inline}
.mo-logo-w{color:#fff!important;display:flex!important;margin-bottom:10px}
.mo-logo-w img,.foot-brand img[src$="logo.svg"]{filter:none!important;opacity:1!important;background:#fff;border-radius:10px;padding:3px;width:40px;height:40px}
.mo-ft{color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin:0 0 10px}
.mo-fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding:16px 24px;font-size:.8rem}
.mo-fbot a{display:inline}
@media (max-width:860px){.mo-fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mo-fgrid{grid-template-columns:1fr}}

.mo-top a{color:#fff!important}
.mo-logo{color:#2d2d2d!important}
.mo-logo-w{color:#fff!important}
.mo-doc .shop-categories>div:empty,.mo-doc .grid-6>div:empty,.mo-doc [class*="col_"]:empty{display:none}
.mo-doc{overflow-wrap:anywhere}
.mo-doc table{display:block;overflow-x:auto;max-width:100%}

/* ---------- Respuesta directa bajo el titular y página FAQ ---------- */
.mo-ptitle .respuesta-directa{max-width:820px;font-size:1.05rem;line-height:1.6;color:rgba(255,255,255,.88)}
.mo-faq .mo-wrap{max-width:860px}
.mo-faq h2{color:var(--morado);font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin:2.2em 0 .8em}
.mo-faq details.fq{background:#fff;border:1px solid #ece6ef;border-radius:14px;margin:0 0 10px;box-shadow:0 1px 3px rgba(42,20,51,.05);transition:box-shadow .2s,border-color .2s}
.mo-faq details.fq:hover{border-color:#d9c6e2}
.mo-faq details.fq[open]{border-color:var(--morado);box-shadow:0 6px 22px rgba(148,46,182,.10)}
.mo-faq details.fq>summary{padding:16px 52px 16px 20px;font-weight:600;font-size:1.02rem;position:relative}
.mo-faq details.fq>summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;line-height:1;transition:transform .2s,background .2s}
.mo-faq details.fq[open]>summary::after{content:"–";background:var(--morado)}
.mo-faq .fq-a{padding:0 20px 18px;color:#444}
.mo-faq .fq-a>:first-child{margin-top:0}.mo-faq .fq-a>:last-child{margin-bottom:0}
.mo-faq .fq-a li{margin:.3em 0}
.mo-faq code{background:#f4eef7;color:#5a2370;padding:1px 6px;border-radius:6px;font-size:.92em}
.mo-faq-cta{margin:2.6em 0 1em;padding:24px 26px;border-radius:18px;background:linear-gradient(120deg,#fff4ef,#f6ecfa);border:1px solid #efe1f4;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.mo-faq-cta p{margin:0;flex:1 1 320px}
.mo-faq-cta a:not(.mo-btn){color:var(--morado);font-weight:600}
.mo-btn{display:inline-block;background:var(--grad);color:#fff!important;font-weight:700;padding:12px 22px;border-radius:999px;text-decoration:none!important;box-shadow:0 6px 18px rgba(148,46,182,.25)}
.mo-btn:hover{filter:brightness(1.06)}

/* ---------- Así trabajamos (común a todas las páginas, con acceso a la FAQ) ---------- */
.mo-srv{background:linear-gradient(135deg,#1f1226 0%,#2a1433 55%,#3d1a4a 100%);color:#fff;padding:64px 0 56px}
.mo-srv .mo-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.mo-srv-ey{text-align:center;margin:0 0 .4rem;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f29a74}
.mo-srv h2{text-align:center;margin:0 0 2.4rem;color:#fff!important;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:800}
.mo-srv-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.mo-srv-i{display:block;text-align:center;padding:26px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff!important;text-decoration:none!important;transition:transform .2s,background .2s,border-color .2s}
a.mo-srv-i:hover{transform:translateY(-3px);background:rgba(255,255,255,.08)}
.mo-srv-ico{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:rgba(255,255,255,.08);font-size:1.7rem}
.mo-srv-i h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:#fff!important}
.mo-srv-i p{margin:0;font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.68)}
.mo-srv-faq{background:linear-gradient(160deg,rgba(232,87,42,.22),rgba(148,46,182,.30))!important;border-color:rgba(242,154,116,.45)!important}
.mo-srv-faq .mo-srv-ico{background:var(--grad)}
a.mo-srv-faq h3::after{content:" ›";color:#f29a74}
@media (max-width:1020px){.mo-srv-g{grid-template-columns:repeat(2,minmax(0,1fr))}.mo-srv-faq{grid-column:1/-1}}
@media (max-width:520px){.mo-srv{padding:48px 0 40px}.mo-srv-g{grid-template-columns:1fr}}
label.gthumb{display:block}
/* Miniaturas en lista (tarjetas, tiras, minibooks): mismo tamaño que en flyers, tres por fila */
.gthumb-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0}
.gthumb-list>li{list-style:none;min-width:0}
.gthumb-list label.gthumb{width:100%!important;height:auto!important;aspect-ratio:1}
/* Así trabajamos con cuatro cajas (portada) */
.mo-srv-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1020px){.mo-srv-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.mo-srv-g4 .mo-srv-faq{grid-column:auto}}
@media (max-width:520px){.mo-srv-g4{grid-template-columns:1fr}}