@font-face{font-family:"Archivo";src:url(/fonts/archivo.woff2) format("woff2-variations");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{
  --papel:#F5F6F3;--hoja:#FFFFFF;--tinta:#1E2B27;--suave:#56635D;--linea:#D7DDD8;
  --azafran:#D99A1E;--franja:#F3DFAE;--verde:#2F7A52;--ambar:#B7791F;--teja:#B3412A;--neutro:#6B7772;
  --foco:#D99A1E;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --papel:#141C19;--hoja:#1C2622;--tinta:#E9EEEA;--suave:#A9B5AF;--linea:#33413B;
  --franja:#5A4718;--verde:#6FC395;--ambar:#E0A94B;--teja:#EE8A73;--neutro:#9AA6A0}}
:root[data-theme="dark"]{--papel:#141C19;--hoja:#1C2622;--tinta:#E9EEEA;--suave:#A9B5AF;--linea:#33413B;--franja:#5A4718;--verde:#6FC395;--ambar:#E0A94B;--teja:#EE8A73;--neutro:#9AA6A0}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.5}
main{max-width:44rem;margin:0 auto;padding:1.25rem 1.1rem 5rem}
h1,h2,h3{font-weight:800;font-stretch:74%;line-height:1.05;margin:0 0 .5rem;letter-spacing:-.005em}
h1{font-size:clamp(2.1rem,7vw,3rem)}
h2{font-size:1.9rem;margin-top:.5rem}
h3{font-size:1.3rem}
p{margin:0 0 .9rem}
.suave{color:var(--suave)}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--foco);outline-offset:2px;border-radius:3px}
.cabecera{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;font-size:.9rem;color:var(--suave)}
.cabecera b{color:var(--tinta);font-weight:800;font-stretch:80%;font-size:1.05rem}
.aviso-proto{background:var(--franja);color:var(--tinta);border-radius:6px;padding:.55rem .8rem;font-size:.86rem;margin-bottom:1.4rem}
/* pasos */
.pasos{display:flex;gap:.4rem;margin:1rem 0 1.6rem;padding:0;list-style:none}
.pasos li{flex:1;border-top:4px solid var(--linea);padding-top:.35rem;font-size:.82rem;color:var(--suave)}
.pasos li.hecho{border-color:var(--tinta);color:var(--tinta)}
.pasos button{all:unset;cursor:pointer;display:block;width:100%}.pasos button:focus-visible{outline:3px solid var(--foco)}
.pasos li.actual{border-color:var(--azafran);color:var(--tinta);font-weight:700}
/* tipos */
.grupo{margin:1.2rem 0 .4rem;font-weight:700;font-size:.95rem;color:var(--suave)}
.tipo{display:block;width:100%;text-align:left;background:var(--hoja);border:1.5px solid var(--linea);border-radius:8px;padding:.8rem .95rem;margin-bottom:.5rem;cursor:pointer}
.tipo b{display:block;font-size:1.08rem}
.tipo span{display:block;font-size:.9rem;color:var(--suave)}
.tipo[aria-pressed="true"]{border-color:var(--tinta);box-shadow:inset 5px 0 0 var(--azafran)}
.seg{display:flex;gap:.5rem;flex-wrap:wrap;margin:.3rem 0 1rem}
.seg button{border:1.5px solid var(--linea);background:var(--hoja);border-radius:99px;padding:.5rem 1rem;cursor:pointer;min-height:44px}
.seg button[aria-pressed="true"]{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
/* formulario */
.campo{margin-bottom:1rem}
.campo label{display:block;font-weight:700;margin-bottom:.2rem}
.campo small{display:block;color:var(--suave);font-size:.86rem;margin-bottom:.35rem}
.campo .entrada{display:flex;align-items:center;background:var(--hoja);border:1.5px solid var(--linea);border-radius:8px}
.campo input{flex:1;border:0;background:transparent;padding:.75rem .8rem;font-size:1.15rem;min-width:0;font-weight:600}
.campo .ud{padding:0 .8rem;color:var(--suave)}
.campo .entrada:focus-within{border-color:var(--tinta)}
.opcional{border-top:1px solid var(--linea);margin-top:1.4rem;padding-top:1rem}
.casilla{display:flex;gap:.5rem;align-items:center;margin:-.4rem 0 1rem;font-size:.92rem}
.casilla input{width:1.2rem;height:1.2rem}
.acciones{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}
.btn{border:0;border-radius:8px;padding:.85rem 1.3rem;font-weight:700;cursor:pointer;min-height:48px;background:var(--tinta);color:var(--papel)}
.btn.sec{background:transparent;color:var(--tinta);border:1.5px solid var(--tinta)}
.btn.texto{background:transparent;color:var(--suave);text-decoration:underline;padding:.85rem .3rem}
.error{color:var(--teja);font-weight:600;margin:.5rem 0}
/* termómetro */
.ind{padding:1.1rem 0 1.2rem;border-top:1px solid var(--linea)}
.ind:first-of-type{border-top:0}
.ind .fila{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.ind .nom{font-weight:700}
.ind .valor{white-space:nowrap;font-weight:800;font-stretch:72%;font-size:2.2rem;line-height:1}
.zona{display:inline-block;font-weight:700;font-size:.9rem;margin:.15rem 0 .5rem}
.zona.dentro,.zona.mejor{color:var(--verde)}.zona.encima{color:var(--ambar)}.zona.riesgo{color:var(--teja)}.zona.ref{color:var(--neutro)}
.regla{position:relative;height:30px;margin:.3rem 0 .35rem}
.regla .base{position:absolute;left:0;right:0;top:12px;height:6px;background:var(--linea);border-radius:3px}
.regla .franja{position:absolute;top:8px;height:14px;background:var(--franja);border:1.5px solid var(--azafran);border-radius:3px}
.regla .limite{position:absolute;top:4px;width:0;height:22px;border-left:2px dashed var(--teja)}
.regla .aguja{position:absolute;top:0;width:4px;height:30px;margin-left:-2px;background:var(--tinta);border-radius:2px;transition:left .6s cubic-bezier(.3,.7,.2,1)}
.regla .aguja::after{content:"";position:absolute;left:-5px;top:-2px;width:14px;height:14px;border-radius:50%;background:var(--tinta)}
.escala{display:flex;justify-content:space-between;font-size:.78rem;color:var(--suave)}
.ind .texto{font-size:.95rem;margin:.5rem 0 0}
.ind .nota{font-size:.9rem;color:var(--suave);margin:.35rem 0 0}
/* cuestionario */
.area{margin:1.6rem 0 .3rem}
.area h3{margin:0}
.preg{padding:.8rem 0;border-top:1px solid var(--linea)}
.preg p{margin:0 0 .5rem;font-weight:600}
.preg .seg{margin:0}
.preg .seg button{flex:1;min-width:5.5rem}
.progreso{position:sticky;top:0;background:var(--papel);padding:.6rem 0;z-index:2;font-size:.9rem;color:var(--suave);border-bottom:1px solid var(--linea)}
.progreso .barra{height:5px;background:var(--linea);border-radius:3px;margin-top:.35rem;overflow:hidden}
.progreso .barra i{display:block;height:100%;background:var(--azafran);width:0;transition:width .3s}
/* informe */
.bloque{margin:2rem 0 0}
.resumen-num{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:baseline}
.resumen-num div:nth-child(odd){font-weight:600}
.nivel{display:grid;grid-template-columns:minmax(8rem,1fr) 2fr;gap:.2rem .8rem;align-items:center;padding:.45rem 0;border-top:1px solid var(--linea)}
.nivel .b{height:10px;background:var(--linea);border-radius:5px;overflow:hidden}
.nivel .b i{display:block;height:100%}
.nivel small{grid-column:2;color:var(--suave);font-size:.85rem}
.mejora{padding:1rem 0;border-top:1px solid var(--linea)}
.mejora h3{font-size:1.15rem;font-stretch:88%}
.mejora dl{margin:.4rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.35rem .8rem;font-size:.95rem}
.mejora dt{font-weight:700;color:var(--suave)}
.mejora dd{margin:0}
details{margin-top:1rem}
summary{cursor:pointer;font-weight:700}
.cta{background:var(--tinta);color:var(--papel);border-radius:10px;padding:1.3rem;margin-top:2rem}
.cta h2{color:var(--papel)}
.cta .btn{background:var(--azafran);color:#1E2B27}.cta .btn.sec{background:transparent}
.oculto{display:none!important}
@media print{.acciones,.cta .btn,.cabecera button,.aviso-proto{display:none!important}body{background:#fff}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

:root{--oscuro:#1E2B27;--gastro:#D99A1E;--obr:#264E86}
main{max-width:none;padding:0}
.env{max-width:62rem;margin:0 auto;padding:0 1.1rem}
.cab{position:sticky;top:0;z-index:20;background:var(--oscuro);color:#EEF2EF;padding-top:env(safe-area-inset-top,0px)}
.cab .env{max-width:92rem;display:flex;align-items:center;justify-content:space-between;min-height:3.6rem;gap:1rem}
.logo{white-space:nowrap;color:#fff;text-decoration:none;font-weight:800;font-stretch:78%;font-size:1.25rem}
.logo small{display:block;font-weight:500;font-stretch:100%;font-size:.72rem;color:#AFC0B8}
.nav{display:flex;gap:.2rem;align-items:center}
.nav a{color:#EEF2EF;text-decoration:none;padding:.45rem .42rem;border-radius:6px;font-size:.86rem;white-space:nowrap}
.nav a:hover,.nav a[aria-current=page]{background:#2B3C37}
.nav .clientes{border:1.5px solid #6E857C}
.menu-btn{display:none;background:none;border:1.5px solid #6E857C;color:#EEF2EF;border-radius:6px;padding:.45rem .8rem;font:inherit}
@media (max-width:92rem){.menu-btn{display:inline-block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--oscuro);flex-direction:column;align-items:stretch;padding:.5rem 1rem 1rem}.nav.abierto{display:flex}}
.pagina{padding:2rem 0 5rem}
.pagina>*:not(.banda){max-width:62rem;margin-left:auto;margin-right:auto;padding-left:1.1rem;padding-right:1.1rem}
h1{font-size:clamp(2.2rem,6vw,3.4rem)} h2{font-size:clamp(1.5rem,4vw,2rem);margin-top:1.8rem}
.entradilla{font-size:1.15rem;color:var(--suave);max-width:40rem}
.peq{font-size:.86rem}
.heroe{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:center;margin-top:.5rem}
.heroe img{width:100%;height:auto}
@media (max-width:52rem){.heroe{grid-template-columns:1fr}}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media (max-width:52rem){.dos{grid-template-columns:1fr}}
.lista{padding-left:1.1rem}.lista li{margin-bottom:.4rem}
.metodo{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.2rem}
.metodo li{padding:.8rem 0;border-top:1px solid var(--linea)}
.metodo b{display:block;font-size:1.08rem}
.entradas{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
@media (max-width:52rem){.entradas{grid-template-columns:1fr}}
.entrada-h{display:block;text-decoration:none;color:inherit;background:var(--hoja);border:1.5px solid var(--linea);border-radius:10px;padding:1.2rem;border-top:6px solid var(--gastro)}
.entrada-h.obr{border-top-color:var(--obr)}
.entrada-h h3{font-size:1.5rem}
.entrada-h img{width:100%;height:auto;margin-top:.6rem}
.banda{background:var(--oscuro);color:#EEF2EF;padding:2.2rem 0;margin:2.5rem 0}
.banda h2{color:#fff;margin-top:0}.banda p{color:#C9D5CF}
.banda .btn{background:var(--gastro);color:#1E2B27}
.tabla{width:100%;border-collapse:collapse;font-size:.97rem}
.tabla th,.tabla td{text-align:left;padding:.55rem .5rem .55rem 0;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla td{font-weight:700;white-space:nowrap;text-align:right}
.tabla thead th{font-size:.85rem;color:var(--suave)}
.precios td,.precios th{white-space:normal}
.precio-plan{padding:1rem 0;border-top:1px solid var(--linea)}
.precio-plan .fila{display:flex;align-items:baseline;gap:.6rem}
.precio-plan .nom{font-weight:800;font-stretch:78%;font-size:1.5rem}
.precio-plan .pts{flex:1;border-bottom:2px dotted var(--linea);transform:translateY(-.3rem)}
.precio-plan .pre{font-weight:800;font-stretch:78%;font-size:1.5rem;white-space:nowrap}
.precio-plan .pre small{font-weight:400;font-size:.85rem;color:var(--suave);font-stretch:100%}
.precio-plan p{margin:.3rem 0 0;color:var(--suave)}
.pestanas{display:flex;gap:.4rem;margin:1rem 0}
.pestanas{flex-wrap:wrap}
@media (max-width:30rem){.logo{white-space:normal;min-width:0}.logo small{font-size:.66rem;line-height:1.25;max-width:14rem}}
.pestanas button{border:1.5px solid var(--linea);background:var(--hoja);border-radius:99px;padding:.5rem 1rem;cursor:pointer}
.pestanas button[aria-pressed=true]{background:var(--oscuro);color:#fff;border-color:var(--oscuro)}
.fila-enlace{display:block;text-decoration:none;color:inherit;padding:.75rem 0;border-top:1px solid var(--linea)}
.fila-enlace b{display:block}.fila-enlace span{font-size:.9rem;color:var(--suave)}
.miga{font-size:.88rem;color:var(--suave)}.miga a{color:inherit}
.citar{margin-top:1.5rem;font-size:.92rem}
.captura{border:1px solid var(--linea);border-radius:8px;width:100%;height:auto}
.movil-img{max-width:220px;border-radius:22px;border:6px solid #1c1f1e}
.galeria{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:52rem){.galeria{grid-template-columns:1fr}}
.ojo{background:var(--franja);color:var(--tinta);border-left:4px solid var(--azafran);border-radius:6px;padding:.7rem 1rem;margin:1rem 0 1.4rem}.ojo p{margin:0}
.nota-proto{background:var(--franja);border-radius:6px;padding:.6rem .8rem;font-size:.88rem}
.caja-demo{display:flex;gap:1rem 1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border:2px solid var(--tinta);border-radius:10px;padding:1rem 1.2rem;margin:0 0 1.5rem}.caja-demo h2{margin:0 0 .4rem}.caja-demo p{margin:.3rem 0}.caja-demo>div{flex:1 1 22rem}.caja-demo .btn{flex:0 0 auto}
.form{display:grid;gap:.9rem;max-width:36rem}
.form label{font-weight:700;display:block;margin-bottom:.2rem}
.form input,.form select,.form textarea{width:100%;font:inherit;padding:.7rem .8rem;border:1.5px solid var(--linea);border-radius:8px;background:var(--hoja);color:var(--tinta)}
.form textarea{min-height:7rem}
.casilla-f{display:flex;gap:.5rem;align-items:flex-start;font-weight:400!important}
.casilla-f input{width:auto;margin-top:.3rem}
.pie{background:#16211E;color:#B9C6C0;padding:2rem 0 6rem;font-size:.9rem}
.pie a{color:#E4ECE8}
.pie .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem}
@media (max-width:52rem){.pie .cols{grid-template-columns:1fr}}
.barra-movil{display:none}
@media (max-width:56rem){.barra-movil{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;gap:.5rem;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom,0px));background:var(--oscuro)}
.barra-movil a{flex:1;text-align:center;text-decoration:none;font-weight:700;border-radius:8px;padding:.8rem;min-height:44px}
.barra-movil .a1{background:var(--gastro);color:#1E2B27}.barra-movil .a2{border:1.5px solid #6E857C;color:#fff}}
.diag-wrap{max-width:44rem!important}
.galeria4{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1.2rem auto}
.galeria4 img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px;display:block}
@media (max-width:52rem){.galeria4{grid-template-columns:1fr 1fr}}
.volver-bar{padding:.7rem 0 0}.volver-bar.oculto{display:none}
.volver-btn{background:none;border:1.5px solid var(--linea);border-radius:99px;padding:.45rem .95rem;font:inherit;font-weight:700;color:var(--tinta);cursor:pointer;min-height:40px}
.volver-btn:hover{border-color:var(--tinta)}
.volver-bar+.pagina{padding-top:1rem}
.cat-art{display:inline-block!important;font-size:.75rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--acento2)!important;margin-bottom:.15rem}
.proximamente{margin:1.4rem 0 .2rem;font-size:1rem;color:var(--suave)}.fila-enlace.proximo{opacity:.7;cursor:default}
.fila-enlace.destacada{border:1.5px solid var(--acento-m);border-radius:10px;padding:.8rem;margin:.4rem 0}
.articulo>*{max-width:46rem!important}
.borrador{background:#FBE7B0;color:#5A4200;border-radius:4px;padding:.05rem .4rem;margin-left:.4rem;font-weight:700}
.reparto{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem auto}
.reparto div{background:var(--hoja);border:1.5px solid var(--linea);border-top:5px solid var(--acento-m);border-radius:10px;padding:1rem}
.reparto div:nth-child(2){border-top-color:var(--acento2)}.reparto div:nth-child(3){border-top-color:var(--oscuro)}
.reparto b{display:block;font-size:1.05rem;margin-bottom:.3rem}.reparto p{margin:0;font-size:.95rem;color:var(--suave)}
@media (max-width:52rem){.reparto{grid-template-columns:1fr}}
.foto.real{display:block;min-height:0;background:#222}.foto.real img{width:100%;height:100%;object-fit:cover;display:block}
body.m-h{--oscuro:#3A1E1B;--acento-m:#F2B233;--acento2:#D8452E;--suave-m:#FBEFE3}
body.m-o{--oscuro:#22303B;--acento-m:#2F6FB5;--acento2:#F2C230;--suave-m:#E7EDF2}
body.m-d{--oscuro:#16302C;--acento-m:#1E8C78;--acento2:#F2B233;--suave-m:#E3EFEB}
body.m-0{--oscuro:#1E2B27;--acento-m:#D99A1E;--acento2:#2F6FB5;--suave-m:#ECEFEC}
.navset{display:contents}.navset a.cambio{opacity:.8;font-style:italic}
body.m-h .n-o,body.m-h .n-0,body.m-o .n-h,body.m-o .n-0,body.m-0 .n-h,body.m-0 .n-o{display:none}
body.m-h .n-d,body.m-o .n-d,body.m-0 .n-d,body.m-d .n-h,body.m-d .n-o,body.m-d .n-0{display:none}
body.m-h .btn{background:#D8452E;color:#fff}body.m-h .btn.sec{background:transparent;color:var(--tinta);border-color:var(--tinta)}
body.m-o .btn{background:#2F6FB5;color:#fff}body.m-d .btn{background:#1E8C78;color:#fff}body.m-d .btn.sec{background:transparent;color:var(--tinta);border-color:var(--tinta)}body.m-d .banda .btn{background:var(--acento-m);color:#fff}body.m-o .btn.sec{background:transparent;color:var(--tinta);border-color:var(--tinta)}
body.m-h .banda .btn,body.m-o .banda .btn{background:var(--acento-m);color:#1E2B27}
.cab{border-bottom:4px solid var(--acento-m)}
.foto{position:relative;border-radius:12px;overflow:hidden;display:flex;align-items:flex-end;min-height:180px;margin:1rem 0}
.foto span{position:relative;z-index:1;margin:.8rem;background:rgba(0,0,0,.55);color:#fff;font-size:.85rem;padding:.35rem .6rem;border-radius:6px}
.foto span::before{content:"Foto pendiente · ";font-weight:700;color:var(--acento-m)}
.fh{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjAiIGhlaWdodD0iMjIwIiB2aWV3Qm94PSIwIDAgMjIwIDIyMCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDI0MiwxNzgsNTEsMC4zOCkiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4IDE0KSByb3RhdGUoLTggMTggMTgpIj48cGF0aCBkPSJNNCAwaDI0cTAgMjAtMTIgMjJRNCAyMCA0IDB6Ii8+PHBhdGggZD0iTTE2IDIydjE2TTggMzhoMTYiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI4IDIwKSByb3RhdGUoMTAgMTggMTgpIj48cGF0aCBkPSJNMCAxMGgyNnYxMmE4IDggMCAwIDEtOCA4SDhhOCA4IDAgMCAxLTgtOHoiLz48cGF0aCBkPSJNMjYgMTRhNSA1IDAgMCAxIDAgMTAiLz48cGF0aCBkPSJNLTQgMzZoMzQiLz48cGF0aCBkPSJNOSA0cTMtNCAwLThNMTcgNHEzLTQgMC04Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcwIDc0KSByb3RhdGUoNiAxOCAxOCkiPjxwYXRoIGQ9Ik00IDB2NDBNLTEgMHYxME05IDB2MTBNLTEgMTBxNSA3IDEwIDAiLz48cGF0aCBkPSJNMjIgMHE5IDEwIDAgMjJ2MTgiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTcyIDg2KSByb3RhdGUoLTEyIDE4IDE4KSI+PHBhdGggZD0iTTAgOGgyMnYzMEgweiIvPjxwYXRoIGQ9Ik0yMiAxNGg2djE2aC02Ii8+PHBhdGggZD0iTTAgOHE1LTYgMTEgMHE1LTYgMTEgMCIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMiAxMzIpIHJvdGF0ZSgxMiAxOCAxOCkiPjxwYXRoIGQ9Ik0wIDE2aDM2djEwSDB6Ii8+PGVsbGlwc2UgY3g9IjE4IiBjeT0iMTIiIHJ4PSIxNCIgcnk9IjQiLz48cGF0aCBkPSJNMTgtNnYyNCIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjAgMTQ2KSByb3RhdGUoLTYgMTggMTgpIj48cGF0aCBkPSJNMTAgMGg4djEwcTYgNCA2IDEydjI0SDRWMjJxMC04IDYtMTJ6Ii8+PHBhdGggZD0iTTQgMjhoMjAiLz48L2c+PC9nPjwvc3ZnPg==) 0 0/220px,linear-gradient(135deg,#3A1E1B,#8A3326)}
.fo{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjAiIGhlaWdodD0iMjIwIiB2aWV3Qm94PSIwIDAgMjIwIDIyMCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDI0MiwxOTQsNDgsMC4zMCkiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4IDE0KSByb3RhdGUoLTggMTggMTgpIj48cGF0aCBkPSJNNCAwaDIwdjZINHoiLz48cGF0aCBkPSJNMiA2aDI0djMwcTAgNC00IDRINnEtNCAwLTQtNHoiLz48cGF0aCBkPSJNNSAxNmgxOHYxMkg1eiIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjggMjApIHJvdGF0ZSgxMCAxOCAxOCkiPjxlbGxpcHNlIGN4PSIxNCIgY3k9IjQiIHJ4PSIxMyIgcnk9IjQiLz48cGF0aCBkPSJNMSA0djMwTTI3IDR2MzBNMSAzNGExMyA0IDAgMCAwIDI2IDAiLz48cGF0aCBkPSJNMSAxNmgyNk0xIDI0aDI2Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcwIDc0KSByb3RhdGUoNiAxOCAxOCkiPjxwYXRoIGQ9Ik0xMiA2cTE0LTIgMTQgMTRxMCAxOC04IDI0cS0zLTctNy03cS02IDYtOCAwcS02LTEyLTItMjJxMy05IDExLTl6Ii8+PHBhdGggZD0iTTEzIDZxMC02IDUtOSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNzIgODYpIHJvdGF0ZSgtMTIgMTggMTgpIj48cGF0aCBkPSJNMCAwaDM4djIySDB6Ii8+PHBhdGggZD0iTTAgOGgzOE0wIDE1aDM4Ii8+PHBhdGggZD0iTTQgMjJ2NE0zNCAyMnY0Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIyIDEzMikgcm90YXRlKDEyIDE4IDE4KSI+PHBhdGggZD0iTTUgNDBWOU0xMiA0MFY1TTE5IDQwVjkiLz48cGF0aCBkPSJNMyA5cTItNiA0IDBNMTAgNXEyLTYgNCAwTTE3IDlxMi02IDQgMCIvPjxwYXRoIGQ9Ik0xIDI4aDIydjRIMXoiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIwIDE0Nikgcm90YXRlKC02IDE4IDE4KSI+PHBhdGggZD0iTTAgMTBsOS05aDI0djIySDl6Ii8+PGNpcmNsZSBjeD0iOCIgY3k9IjExIiByPSIyIi8+PHBhdGggZD0iTTE0IDhoMTRNMTQgMTNoMTRNMTQgMThoOSIvPjwvZz48L2c+PC9zdmc+) 0 0/220px,linear-gradient(160deg,#22303B,#4A6173)}

.franja-color{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--oscuro);color:#fff;border-radius:12px;margin:1.5rem auto;overflow:hidden}
.franja-color div{padding:1rem 1.1rem;border-left:4px solid var(--acento-m)}.franja-color div+div{border-left-color:var(--acento2)}
.franja-color b{display:block;font-weight:800;font-stretch:78%;font-size:1.45rem;color:var(--acento-m)}.franja-color span{font-size:.9rem;color:#E6E0DA}
@media (max-width:52rem){.franja-color{grid-template-columns:1fr}}
.portada2{padding:0!important}
.portada2>*{max-width:none!important;padding:0!important}
.bif{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:calc(100vh - 3.6rem - 5.2rem - 6.4rem)}
.bienvenida{background:var(--oscuro);color:#fff}
.portada2>.bienvenida{padding:1.3rem 0 1.4rem!important}
.portada2>.intro-sec{padding:2.6rem 0 1.2rem!important}
.bienvenida h1{color:#fff;font-size:clamp(1.6rem,3.2vw,2.4rem);margin:0 0 .35rem;max-width:56rem}
.bienvenida p{margin:0;color:#C9D5CF;max-width:56rem}
.intro-sec{padding:2.2rem 0 1rem}
.intro-sec h2{margin-top:0}.intro-sec h2+.empezar{margin-top:.5rem}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 2.2rem}
.tres div{background:var(--hoja);border:1.5px solid var(--linea);border-radius:10px;padding:1.1rem}
.tres b{display:block;font-size:1.1rem;margin-bottom:.3rem}.tres p{margin:0;color:var(--suave);font-size:.95rem}
.empezar{list-style:none;counter-reset:p;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.empezar li{counter-increment:p;border-top:4px solid var(--acento-m);padding-top:.6rem}
.empezar li::before{content:counter(p);font-weight:800;font-stretch:74%;font-size:2rem;color:var(--acento-m);display:block;line-height:1}
.empezar b{display:block;font-size:1.05rem}.empezar span{color:var(--suave);font-size:.95rem}
@media (max-width:52rem){.tres,.empezar{grid-template-columns:1fr}.bienvenida p{font-size:.95rem}}
@media (max-width:52rem){.m-lista{grid-template-columns:1fr;gap:.3rem}.m-lista li{font-size:.8rem}.m-lista li:nth-child(n+5){display:none}.m-txt>p:not(.m-eti){display:none}.m-txt{padding:1rem .8rem 1.4rem}.m-txt h2{font-size:1.5rem}.m-txt p{font-size:.86rem;line-height:1.4}.m-eti{font-size:.8rem}.m-btn{display:block;text-align:center;padding:.75rem .5rem;font-size:.9rem}.mundo{min-height:calc(100vh - 7rem)}}
.mundo{position:relative;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:#fff;min-height:26rem;overflow:hidden}
.mundo .m-foto{position:absolute;inset:0}.mh .m-foto{background:inherit}
.mh{background:linear-gradient(0deg,rgba(42,20,18,.92) 0%,rgba(58,30,27,.55) 45%,rgba(58,30,27,.25) 100%),url(/img/f_portada_h.webp) 40% 40%/cover,#3A1E1B}
.mo{background:linear-gradient(0deg,rgba(27,38,48,.94) 0%,rgba(27,38,48,.55) 45%,rgba(27,38,48,.2) 100%),url(/img/f_portada_o.webp) 60% center/cover,#1B2630}
.mundo .m-foto span{position:absolute;top:1rem;left:1rem;right:1rem;background:rgba(0,0,0,.45);font-size:.8rem;padding:.3rem .55rem;border-radius:6px}
.mundo .m-foto span::before{content:"Foto pendiente · ";font-weight:700}
.m-txt{position:relative;padding:2rem 1.6rem 2.2rem;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}
.m-eti{font-weight:700;margin:0 0 .3rem;color:#FFD27A}.mo .m-eti{color:#F2C230}
.m-txt h2{color:#fff;font-size:clamp(2rem,4.5vw,3.1rem);margin-top:0}
.m-txt p{color:#F3EDE8;max-width:30rem}
.m-lista{list-style:none;padding:0;margin:.4rem 0 .6rem;display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1.2rem;max-width:34rem}
@media (max-width:52rem){.m-lista{grid-template-columns:1fr!important;gap:.35rem!important}.m-lista li{font-size:.8rem!important;line-height:1.25!important}.m-lista li:nth-child(n+5){display:none!important}}
.m-lista li{position:relative;padding-left:1.1rem;font-size:.9rem;color:#F3EDE8;line-height:1.3}
.m-lista li::before{content:"";position:absolute;left:0;top:.45em;width:.5rem;height:.5rem;border-radius:2px;background:#F2B233}
.mo .m-lista li::before{background:#F2C230}
.m-btn{display:inline-block;margin-top:.6rem;background:#F2B233;color:#2A1412;font-weight:800;padding:.85rem 1.3rem;border-radius:8px}
.mo .m-btn{background:#F2C230;color:#1B2630}
.md{background:linear-gradient(0deg,rgba(16,36,32,.94) 0%,rgba(16,36,32,.55) 45%,rgba(16,36,32,.2) 100%),url(/img/f_portada_d.webp) 60% center/cover,#16302C}
.md .m-eti{color:#7FD8C4}.md .m-lista li::before{background:#5CC6AE}.md .m-btn{background:#5CC6AE;color:#10241F}
.m-txt h2{font-size:clamp(1.7rem,2.8vw,2.5rem)!important}.bif .m-lista{grid-template-columns:1fr}
@media (max-width:52rem){.bif{grid-template-columns:1fr}.mundo{min-height:17rem!important}.m-lista li:nth-child(n+4){display:none!important}}
.mundo:hover .m-btn{transform:translateY(-2px)}
body.m-0 .barra-movil{display:none!important}
.comunes{display:grid;grid-template-columns:repeat(4,1fr);background:#16211E}
.comunes a{display:block;text-decoration:none;color:#fff;padding:.85rem 1rem;border-left:1px solid #2B3C37}
.comunes a:first-child{border-left:0}.comunes a:hover{background:#22302B}
.comunes b{display:block;font-weight:800;font-stretch:80%;font-size:1.05rem}
.comunes span{display:block;font-size:.8rem;color:#AFC0B8}
@media (max-width:52rem){.comunes{grid-template-columns:1fr 1fr}.comunes a{border-top:1px solid #2B3C37}.comunes a:last-child{grid-column:auto}.comunes span{display:none}.mundo{min-height:calc(100vh - 11rem)}}
.bif-pie{text-align:center;padding:1rem!important;color:var(--suave);font-size:.9rem}
a.btn{text-decoration:none;display:inline-block}
.aviso-proto{display:none}
.tour .movil-img{display:block;margin:0 auto}
.hoja-img{display:block;max-width:560px;width:100%;margin:0 auto;border:1px solid var(--linea);box-shadow:0 4px 18px rgba(0,0,0,.08)}
.puntos-t{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0 1rem}
.puntos-t button{min-width:2.2rem;height:2.2rem;border-radius:99px;border:1.5px solid var(--linea);background:var(--hoja);font:inherit;font-size:.85rem;cursor:pointer}
.puntos-t button[aria-current=true]{background:var(--oscuro);color:#fff;border-color:var(--oscuro)}
.btn:disabled{opacity:.4;cursor:default}

.trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.mundo .m-txt h2{margin-bottom:.15rem}
.mundo .m-sub{color:#fff;font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:600;line-height:1.3;margin:0 0 .7rem;opacity:.92}

/* Gastrointegra: los colores del programa */
body.m-h{--oscuro:#0A4A3B;--acento-m:#EF9F27;--acento2:#993C1D;--suave-m:#E6F1ED}
body.m-h .cab{background:#0F6E56}
body.m-h .btn{background:#0F6E56;color:#fff}body.m-h .btn:hover{background:#0A4A3B}
body.m-h .btn.sec{background:transparent;color:var(--tinta);border-color:var(--tinta)}
body.m-h .banda .btn{background:var(--acento-m);color:#1E2B27}
body.m-h .franja-color span{color:#D6E6E0}
.h1-gi span{display:block;font-size:.48em;line-height:1.15;color:#0F6E56;margin-top:.35rem}
.lema{font-size:1.5rem;font-weight:800;line-height:1.25;color:var(--tinta);margin:1rem 0 .6rem;max-width:30rem}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .h1-gi span{color:#6FC3A6}}
:root[data-theme="dark"] .h1-gi span{color:#6FC3A6}
.antetitulo{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#0F6E56;margin:0 0 .5rem}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .antetitulo{color:#6FC3A6}}
:root[data-theme="dark"] .antetitulo{color:#6FC3A6}

.blog-portada{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}
.blog-portada .art{display:block;background:var(--hoja);border:1.5px solid var(--linea);border-top:5px solid #0F6E56;border-radius:10px;padding:1rem;color:var(--tinta);text-decoration:none}
.blog-portada .art b{display:block;font-size:1.1rem;line-height:1.3;margin:.2rem 0 .4rem}.blog-portada .art>span:last-child{color:var(--suave);font-size:.95rem}
.blog-portada .art:hover b{text-decoration:underline}
@media (max-width:52rem){.blog-portada{grid-template-columns:1fr}}
.cab .logo{background:#FBF6EA;color:#7A5A14;padding:.3rem .75rem;border-radius:8px;border-bottom:3px solid #C9A24A}
.cab .logo small{color:#7A6A4A}
.blog-cab{margin:0 auto;background:#EF9F27;color:#1E2B27;font-weight:800;text-decoration:none;padding:.5rem 1.1rem;border-radius:999px;white-space:nowrap}
.blog-cab:hover{background:#F5B550}.blog-cab .corto{display:none}
@media (max-width:30rem){.blog-cab .largo{display:none}.blog-cab .corto{display:inline}.blog-cab{padding:.45rem .9rem}}