/* MC-HOUSE — estilos (lenguaje visual: portada en movimiento, tarjetas redondeadas, botones en píldora) */
@font-face{font-family:"Poppins";src:url(../fonts/poppins-400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-500.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-700.woff) format("woff");font-weight:600 800;font-style:normal;font-display:swap}
:root{--ink:#022349;--navy:#0b3a64;--blue:#0b4a7a;--teal:#12a3b5;--teal-d:#086a7a;--mint:#8fe3c8;--mint-l:#c4f2e0;--soft:#eef6f6;--crema:#f8f6ea;--text:#16263d;--muted:#4a5a70;--line:#d3dfe0;--campo:#6b7b90;--error:#a4262c;--ok:#0b6b4a;--hf:"Poppins","Segoe UI",Arial,sans-serif;--bf:"Poppins","Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.75 var(--bf);color:var(--text);background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-underline-offset:3px}a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--teal-d);outline-offset:3px;border-radius:3px}
h1,h2,h3{font-family:var(--hf);color:var(--ink);line-height:1.15;margin:0;letter-spacing:-.02em;text-wrap:balance}
h1,h2{font-weight:700}h3{font-weight:500}
h2{font-size:clamp(26px,min(3.4vw,6vh),42px);max-width:24ch}
p{margin:0 0 1.1em}
main{overflow-x:clip}
.wrap{width:min(1160px,100% - 48px);margin-inline:auto}
section{padding-block:clamp(56px,9vh,104px);position:relative}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 8px 8px;transition:top .2s}.skip:focus{top:0;color:#fff}
.eyebrow{display:block;font:600 13px var(--hf);letter-spacing:.16em;text-transform:uppercase;color:var(--teal-d);margin-bottom:16px}
h1 em,h2 em{font-style:normal;font-weight:inherit;color:var(--teal-d)}
.lead{color:var(--muted);max-width:62ch;margin:18px 0 0}
p,li,blockquote{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;font:500 16px var(--bf);text-decoration:none;padding:15px 30px;border:2px solid #fff;border-radius:50px;color:#fff;cursor:pointer;line-height:1.3;text-align:center;transition:transform .3s,box-shadow .3s,background .25s,color .25s}
.btn.or{background:var(--mint);border-color:var(--mint);color:var(--ink);box-shadow:0 8px 30px rgba(143,227,200,.38)}
.btn.or:hover{background:var(--mint-l);border-color:var(--mint-l);color:var(--ink);transform:translateY(-2px);box-shadow:0 12px 36px rgba(143,227,200,.5)}
.btn.gh:hover{background:rgba(255,255,255,.14);color:#fff}
.btn.dk{background:var(--ink);border-color:var(--ink)}.btn.dk:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px rgba(2,35,73,.3)}
.btn.ol{background:transparent;border-color:var(--ink);color:var(--ink)}.btn.ol:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.enlace-boton{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.enlace-boton:hover{color:var(--mint)}

/* encabezado */
.hd{position:fixed;inset:0 0 auto;z-index:50;padding:8px 0;background:#fff;box-shadow:0 2px 20px rgba(2,35,73,.12)}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.brand picture img,.brand>img:first-child{width:50px;height:auto}.brand .bt{width:140px;height:auto}
.hd nav{display:flex;gap:24px;align-items:center}
.hd nav a{text-decoration:none;color:var(--ink);font:500 15px var(--bf);padding:6px 0;border-bottom:3px solid transparent;transition:.2s}
.hd nav a:hover,.hd nav a.on{border-color:var(--teal)}
.hd nav a.cta{background:var(--mint);padding:10px 22px;border:0;border-radius:50px;box-shadow:0 6px 20px rgba(143,227,200,.45)}
.hd nav a.cta.on{box-shadow:0 0 0 3px rgba(18,163,181,.35)}
.bg-btn{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;padding:10px;position:relative;z-index:2}
.bg-btn i,.bg-btn i::before,.bg-btn i::after{display:block;height:3px;background:var(--ink);position:relative;content:"";transition:.25s}
.bg-btn i::before{top:-8px;position:absolute;width:100%}.bg-btn i::after{top:8px;position:absolute;width:100%}
.bg-btn[aria-expanded="true"] i{background:transparent}.bg-btn[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}.bg-btn[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}

/* portada con movimiento */
.hero{min-height:100vh;min-height:100svh;display:grid;align-items:center;color:#fff;background:var(--ink);overflow:hidden;isolation:isolate;padding-block:clamp(96px,16vh,140px) clamp(72px,12vh,110px)}
.hero .bg{position:absolute;inset:-18% -2%;z-index:-3;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.hero .bg::before{content:"";position:absolute;inset:0;background:url(../img/hero.jpg) center/cover;animation:bgmove 24s ease-in-out infinite alternate}
@keyframes bgmove{from{transform:scale(1) translate(0,0)}to{transform:scale(1.24) translate(-4%,-3%)}}
@keyframes bgmove2{from{transform:scale(1.04) translate(3%,1.5%)}to{transform:scale(1.22) translate(-4%,-3%)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,var(--ink) 12%,rgba(2,35,73,.55) 48%,rgba(2,35,73,.05))}
.hero .wrap{position:relative;z-index:2}
.hero h1{font-size:clamp(34px,min(5.2vw,8.6vh),64px);max-width:20ch;color:#fff;line-height:1.1}
.hero h1 em{color:var(--mint)}
.hero .eyebrow{color:var(--mint)}
.hero p.lead-h{font-size:clamp(18px,1.9vw,22px);color:#d3e3f2;max-width:56ch;margin:clamp(14px,3vh,26px) 0 clamp(20px,4.5vh,38px)}
.sqs{position:absolute;inset:0;z-index:-2;pointer-events:none}
.sqs i{position:absolute;display:block;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);animation:fl var(--d,9s) ease-in-out var(--dl,0s) infinite}
@keyframes fl{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-30px)}}
.wave{position:absolute;left:0;bottom:-1px;width:100%;height:clamp(40px,7vw,80px);z-index:1;display:block}

/* quiénes somos */
.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:center}
.ph{position:relative;aspect-ratio:4/3;max-height:min(66vh,480px);width:100%;overflow:hidden;background:var(--ink);border-radius:20px;isolation:isolate;box-shadow:0 24px 60px rgba(2,35,73,.18)}
.ph::before{content:"";position:absolute;inset:-8%;z-index:-2;background:url(../img/band.jpg) 30% center/cover;animation:bgmove 26s ease-in-out infinite alternate}
.ph::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(2,35,73,.6),rgba(2,35,73,.25))}
.ph.has-photo::before{background-image:var(--photo)}.ph.has-photo .art{display:none}
.ph .badge{position:absolute;left:0;bottom:0;background:#fff;padding:14px 18px;border-radius:0 18px 0 0;z-index:2}.ph .badge img{width:46px;height:auto}
.about p{color:var(--muted)}.about p.f{color:var(--text);font-size:19px}

/* banda con parallax y contadores */
.band{color:#fff;background:var(--ink);isolation:isolate;overflow:hidden}
.band::before{content:"";position:absolute;inset:-8%;z-index:-2;background:url(../img/band.jpg) 70% 50%/cover;animation:bgmove2 32s ease-in-out infinite alternate}
.band::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(2,35,73,.5)}
.band .wrap{position:relative;z-index:1}
.band .in{display:grid;grid-template-columns:1.3fr .7fr;gap:72px;align-items:center}
.band h2{color:#fff;max-width:22ch}.band h2 em{color:var(--mint)}.band .eyebrow{color:var(--mint)}
.band .big{font:500 clamp(18px,2vw,22px)/1.55 var(--hf);margin:20px 0 0}
.band p.t{color:#d3e3f2;margin:20px 0 0}.band .st{font:700 19px var(--hf);margin:22px 0 18px;text-align:left}
.stats{display:grid;gap:30px}.stat{border-left:3px solid var(--mint);padding-left:22px}
.stat b{display:block;font:700 clamp(36px,5vw,56px)/1 var(--hf)}.stat span{color:#d3e3f2}

/* servicios */
.shead{max-width:760px}.shead .lead{margin-top:14px}
.svc{padding-block:clamp(48px,8vh,88px)}
.svc .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,80px);align-items:center}
.svc.flip .sv-img{order:2}
.svc h3.st3{font-size:clamp(24px,2.8vw,34px);font-weight:700;max-width:22ch}
.svc p{color:var(--muted);margin:16px 0 0}
.svc .sub{font:600 14px var(--hf);letter-spacing:.04em;color:var(--ink);margin:26px 0 12px}
.ck{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ck li{position:relative;padding-left:34px;line-height:1.5}
.ck li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.svc p.benefit{margin-top:24px;padding:16px 20px;border-left:4px solid var(--teal);background:var(--soft);border-radius:0 14px 14px 0;font-weight:500;color:var(--ink)}
.soft{background:var(--soft)}.soft p.benefit{background:#fff}
.sv-img{position:relative;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--ink);isolation:isolate;box-shadow:0 24px 60px rgba(2,35,73,.18)}
.sv-img::before{content:"";position:absolute;inset:-8%;z-index:-2;background:url(../img/hero.jpg) var(--pos,50% 50%)/cover;animation:bgmove 28s ease-in-out infinite alternate}
.sv-img::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(2,35,73,.7),rgba(2,35,73,.32))}
.sv-img.has-photo::before{background-image:var(--photo)}.sv-img.has-photo::after{background:linear-gradient(135deg,rgba(2,35,73,.3),rgba(2,35,73,.08))}.sv-img.has-photo .art{display:none}
.art{position:absolute;inset:8%;width:84%;height:84%}
.art path,.art line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.7s ease .4s}
.art rect,.art circle{opacity:0;transition:opacity 1s ease .3s}
.on .art path,.on .art line,.art.on path,.art.on line{stroke-dashoffset:0}.on .art rect,.on .art circle,.art.on rect,.art.on circle{opacity:1}
@media (min-width:901px){.svc .sv-img{position:sticky;top:104px;align-self:start}}

/* frases sobre imagen */
.duo{padding:0;display:grid;grid-template-columns:1fr 1fr;background:var(--ink)}
.duo-p{position:relative;min-height:clamp(260px,42vh,380px);display:grid;place-items:center;padding:clamp(32px,6vw,72px);isolation:isolate;overflow:hidden}
.duo-p::before{content:"";position:absolute;inset:-8%;z-index:-2;background:var(--bgimg) var(--pos,50% 50%)/cover;animation:bgmove 30s ease-in-out infinite alternate}
.duo-p::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(2,35,73,.7),rgba(2,35,73,.4))}
.duo-p.has-photo::before{background-image:var(--photo)}
.duo-p .duo-t{margin:0;max-width:24ch;color:#fff;font:700 clamp(22px,2.6vw,32px)/1.3 var(--hf);text-align:center;hyphens:none}

/* por qué */
.head{display:grid;grid-template-columns:1fr 1fr;gap:12px 56px;align-items:end}
.chart{width:100%;max-width:340px;height:auto;justify-self:end;align-self:center}
.chart rect{transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);transition:transform .9s ease calc(.15s*var(--i))}
.chart path{stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.8s ease .5s}
.chart.on rect{transform:none}.chart.on path{stroke-dashoffset:0}
.whys{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:clamp(28px,6vh,56px)}
.w{border-top:3px solid var(--teal);padding-top:24px}.w h3{font-size:19px;font-weight:600;margin-bottom:10px}.w p{margin:0;color:var(--muted)}

/* pasos */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:clamp(28px,5vh,48px);list-style:none;padding:0}
.stp{background:#fff;border-radius:20px;padding:28px;box-shadow:0 10px 30px rgba(2,35,73,.06);transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s}
.stp:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(2,35,73,.14)}
.stp b{display:block;font:600 12px var(--hf);letter-spacing:.16em;text-transform:uppercase;color:var(--teal-d);margin-bottom:12px}
.stp h3{font-size:18px;font-weight:600;margin-bottom:8px}.stp p{margin:0;color:var(--muted);font-size:16px}
.sc-l,.sc-r{opacity:var(--so,1);transform:translateX(var(--sx,0px));will-change:transform,opacity}
.stp.sc-l:hover,.stp.sc-r:hover{transform:translateX(var(--sx,0px)) translateY(-8px)}

/* cinta continua */
.logo-slider{margin-top:clamp(24px,5vh,44px);overflow:hidden;padding:14px 0;position:relative}
.logo-slider::before,.logo-slider::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.logo-slider::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.logo-slider::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.track{display:flex;width:max-content;animation:logoScroll 38s linear infinite;list-style:none;margin:0;padding:0}
.logo-slider:hover .track,.logo-slider:focus-within .track{animation-play-state:paused}
@keyframes logoScroll{to{transform:translateX(-50%)}}
.li{flex:none;min-width:230px;height:84px;margin-inline:12px;padding:0 24px;background:var(--soft);border-radius:14px;display:grid;place-items:center;box-shadow:0 4px 18px rgba(2,35,73,.06);font:600 16px var(--hf);color:var(--ink);text-align:center;border:1px solid transparent;transition:.3s}
.li:hover{border-color:var(--teal);transform:translateY(-4px)}

/* preguntas */
.faq{max-width:860px;margin-top:clamp(24px,4vh,40px)}
details{background:var(--soft);border-radius:16px;margin-bottom:12px;border:1px solid transparent;transition:border-color .3s}
details[open]{border-color:var(--teal);background:#fff;box-shadow:0 12px 30px rgba(2,35,73,.08)}
summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font:500 17px/1.45 var(--hf);color:var(--ink);position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font:400 28px/1 var(--bf);color:var(--teal-d);transition:transform .25s}
details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
details p{padding:0 24px 20px;margin:0;color:var(--muted)}

/* contacto */
.chead{display:grid;grid-template-columns:.95fr 1.05fr;gap:14px 56px;align-items:end}.chead .lead{margin:0}.chead .btns{margin-top:22px}
.cwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,56px);margin-top:clamp(28px,5vh,48px);align-items:start}
.cgrid{display:grid;gap:16px}
.ct{display:flex;gap:16px;align-items:flex-start;background:var(--soft);border:1px solid transparent;border-radius:20px;padding:22px;text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s,border-color .4s}
.ct[hidden]{display:none}
a.ct:hover{transform:translateY(-6px);border-color:var(--teal);box-shadow:0 20px 44px rgba(2,35,73,.12);color:inherit}
.ico{flex:none;width:48px;height:48px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center}.ico.sm{width:36px;height:36px;border-radius:50%}
.ct h3{font:600 14px var(--hf);color:var(--muted);margin:0 0 5px}
.ct p{margin:0;font-size:17px;line-height:1.45;color:var(--text);overflow-wrap:anywhere;text-align:left;hyphens:none}
.ct.social{align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 22px}.ct.social h3{margin:0}
.sls{display:flex;gap:12px;flex-wrap:wrap}.sl{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:50px;padding:6px 18px 6px 6px;text-decoration:none;font:500 15px var(--bf);color:var(--ink);transition:.3s}
.sl:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:0 8px 22px rgba(2,35,73,.1)}
.box{background:#fff;border-radius:20px;padding:clamp(24px,4.5vh,40px);box-shadow:0 18px 50px rgba(2,35,73,.1);border:1px solid var(--line)}
.box h3{font-size:24px;font-weight:700;margin-bottom:8px}.box>p{color:var(--muted)}
.nota{font-size:14px;color:var(--muted);margin-bottom:1.2em}
.campo{margin-bottom:18px}.campo-fila{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
label{display:block;font:500 15px var(--hf);margin-bottom:6px;color:var(--ink)}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;font:400 16px var(--bf);color:var(--text);background:#fff;border:1.5px solid var(--campo);border-radius:10px;padding:12px 14px}
textarea{resize:vertical;min-height:120px}
input:focus,select:focus,textarea:focus{outline:3px solid var(--teal-d);outline-offset:1px;border-color:var(--teal-d)}
[aria-invalid="true"]{border-color:var(--error)!important;background:#fff7f7}
.error{color:var(--error);font-size:14px;margin:6px 0 0;font-weight:500;text-align:left}
.campo--check{display:grid;grid-template-columns:24px 1fr;gap:0 10px}
.campo--check input{width:20px;height:20px;margin-top:5px;accent-color:var(--ink)}.campo--check label{font-weight:400;margin:0;font-family:var(--bf)}.campo--check .error{grid-column:2}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aviso{padding:14px 16px;border-left:5px solid var(--campo);background:var(--soft);margin:0 0 18px;font-weight:500;border-radius:0 12px 12px 0;text-align:left}
.aviso--ok{border-color:var(--ok);background:#e9f7f0;color:#084a33}.aviso--error{border-color:var(--error);background:#fdecec;color:#7d1b20}
.box button[disabled]{opacity:.6;cursor:wait}
.mark-ph{background:#fff3b0;color:#4a3b00;padding:1px 4px;border-radius:2px}

/* pie */
footer{background:var(--ink);color:#b9cbe0;padding:56px 0 34px;font-size:15px;border-top:4px solid var(--mint)}
footer .wrap{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-end}
.flogo{display:inline-block;margin-bottom:18px}.flogo .tile{display:block;background:#f3f7f7;padding:14px 20px;border-radius:12px}.flogo img{height:120px;width:auto}
footer p{margin:0;text-align:left}footer a{color:#fff}footer a:hover{color:var(--mint)}
.flinks{display:flex;flex-wrap:wrap;gap:10px 26px}
.fab{position:fixed;right:20px;bottom:20px;z-index:40;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 6px 24px rgba(2,35,73,.3);display:grid;place-items:center;transition:transform .25s}.fab:hover{transform:scale(1.08)}

/* cookies */
.cookies{position:fixed;left:20px;bottom:20px;z-index:80;width:min(400px,100% - 40px);background:#fff;border:1px solid var(--campo);border-radius:16px;box-shadow:0 10px 40px rgba(2,35,73,.25);padding:18px 20px}
.cookies[hidden]{display:none}.cookies h2{font-size:17px;font-weight:600;margin-bottom:.3em;max-width:none}
.cookies p{font-size:14px;line-height:1.5;margin-bottom:.8em;text-align:left;hyphens:none}
.cookies__botones{display:flex;flex-wrap:wrap;gap:8px}.cookies .btn{padding:9px 18px;font-size:14px;color:var(--ink);border-color:var(--ink)}
.cookies .btn.dk{color:#fff}
.cookies details{background:none;border:0;box-shadow:none;margin:10px 0 0;border-radius:0}.cookies details[open]{box-shadow:none;background:none}
.cookies summary{font:500 14px var(--bf);padding:6px 24px 6px 0;color:var(--blue);text-decoration:underline;text-underline-offset:3px}.cookies summary::after{font-size:22px;right:2px}
.cookies__opcion{display:flex;align-items:center;gap:10px;font:400 14px var(--bf);margin:6px 0}.cookies__opcion input{width:18px;height:18px;accent-color:var(--ink)}
.cookies details .btn{margin-top:8px}

/* aparición al hacer scroll */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease var(--d,0s),transform .8s ease var(--d,0s)}.rv.on{opacity:1;transform:none}

/* páginas internas */
.interior{padding:150px 0 clamp(48px,8vw,88px);min-height:60vh}
.legal{width:min(820px,100% - 48px);margin-inline:auto}
.legal h1{font-size:clamp(30px,4.2vw,46px);margin-bottom:10px}.legal .fecha{color:var(--muted);font-size:15px;margin-bottom:2em}
.legal h2{font-size:24px;margin:1.8em 0 .5em;max-width:none}.legal h3{font-size:18px;font-weight:600;margin:1.2em 0 .4em}
.legal p,.legal li{color:var(--muted)}.legal ul{padding-left:1.3em;margin:0 0 1.1em}
.legal a{color:var(--blue)}.legal .enlace-boton{color:var(--blue)}.legal .enlace-boton:hover{color:var(--ink)}
.marcador{background:#fff3b0;color:#4a3b00;padding:1px 4px;border-radius:2px}
.tabla-envoltura{overflow-x:auto;margin-bottom:1.4em}table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
th,td{text-align:left;padding:10px 12px;border:1px solid var(--line);vertical-align:top}th{background:var(--soft);color:var(--ink)}
.centro{text-align:center}.centro p{margin-inline:auto;text-align:center}
.codigo-error{font:700 clamp(4rem,14vw,8rem)/1 var(--hf);color:var(--teal);margin:0 0 .1em}
.botones-centro{justify-content:center;margin-top:28px}

@media (max-width:900px){
 section{padding-block:72px}
 .hd nav{position:fixed;inset:0 0 0 auto;width:min(320px,86vw);background:#fff;box-shadow:none;flex-direction:column;align-items:flex-start;justify-content:center;padding:40px;gap:22px;transform:translateX(100%);transition:transform .35s;visibility:hidden}
 .hd nav a{font-size:20px}.hd nav.open{transform:none;box-shadow:-10px 0 40px rgba(2,35,73,.25);visibility:visible}
 .bg-btn{display:block}
 .about,.band .in,.head,.chead,.cwrap,.svc .wrap{grid-template-columns:1fr}.about,.band .in{gap:44px}
 .whys,.steps{grid-template-columns:1fr 1fr}
 .svc.flip .sv-img{order:0}
 .hero::after{background:linear-gradient(180deg,rgba(2,35,73,.75),var(--ink))}
 .chart{justify-self:start;max-width:260px;margin-top:18px}
 .sc-l,.sc-r{opacity:1;transform:none}
 .duo{grid-template-columns:1fr}.duo-p{min-height:230px}
 .li{min-width:180px;height:72px}
}
@media (max-width:560px){
 .whys,.steps,.campo-fila{grid-template-columns:1fr}
 .brand .bt{width:112px}.brand picture img{width:42px}
 .cookies{left:10px;bottom:10px;width:calc(100% - 20px)}
 .btns .btn{width:100%}.box{padding:26px}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 html{scroll-behavior:auto}.rv{opacity:1;transform:none}.hero .bg{transform:none}
 .chart rect{transform:none}.chart path,.art path,.art line{stroke-dashoffset:0}.art rect,.art circle{opacity:1}
 .sc-l,.sc-r{opacity:1;transform:none}.logo-slider{overflow-x:auto}.sqs{display:none}
}
.soft details{background:#fff}
.soft details[open]{background:#fff}
.hero p.lead-h,.band .big,.band p.t,.band .st,.about p.f{text-align:left;hyphens:none}
.svc .btns{margin-top:22px}
.about p.f{margin-top:18px}
.w p,.stp p,.ct p,.box>p,.li,.faq p{text-align:left;hyphens:none}
h1,h2,h3{text-align:left}.centro h1,.duo-t{text-align:center}
.lead{text-align:left;hyphens:none}.flinks .enlace-boton{color:#fff}.flinks .enlace-boton:hover{color:var(--mint)}
/* misión, visión, valores; modalidad y honorarios; beneficios */
.mv{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:clamp(28px,5vh,52px)}
.vals{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vals li{background:#fff;border:1px solid var(--line);border-radius:50px;padding:6px 16px;font-size:15px;text-align:left;hyphens:none}
.mod{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,72px);align-items:start}
.honor{background:var(--ink);color:#d3e3f2;border-radius:20px;padding:clamp(28px,5vh,44px);box-shadow:0 24px 60px rgba(2,35,73,.22)}
.honor .eyebrow{color:var(--mint)}
.honor .monto{font:700 clamp(28px,3.4vw,42px)/1.15 var(--hf);color:#fff;margin:0 0 12px;text-align:left;hyphens:none}
.honor .monto small{display:block;font:500 16px var(--bf);color:var(--mint);margin-top:6px}
.honor .hn{text-align:left;hyphens:none;margin:0 0 8px}.honor strong{color:#fff}
.honor .btns{margin-top:24px}.honor .btn.dk{background:var(--mint);border-color:var(--mint);color:var(--ink)}.honor .btn.dk:hover{background:var(--mint-l);border-color:var(--mint-l);color:var(--ink)}
.ck.two{grid-template-columns:1fr 1fr;gap:16px 44px;margin-top:clamp(28px,5vh,48px)}.ck li{text-align:left;hyphens:none}
section:not(.soft) .stp{background:var(--soft);box-shadow:none}
.soft .li{background:#fff}.soft .logo-slider::before{background:linear-gradient(90deg,#eef6f6,rgba(238,246,246,0))}.soft .logo-slider::after{background:linear-gradient(270deg,#eef6f6,rgba(238,246,246,0))}
.soft .ct{background:#fff}
.stat b{white-space:nowrap}
@media (max-width:900px){.mv,.mod{grid-template-columns:1fr}.ck.two{grid-template-columns:1fr}}