/* Kike Aguilar · boceto sobre Brunn «Creative Studio» — Diseñada por seonergy */
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-var.woff2) format("woff2");font-weight:100 700;font-display:swap}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Merriweather;src:url(../fonts/merriweather-var.woff2) format("woff2");font-weight:300 900;font-display:swap}

:root{
  --tinta:#110729;--verde:#19D98A;--verde-t:#08754A;--gris:#EDEDED;
  /* el #808080 del tema da 3,9:1 sobre blanco: el cuerpo va un punto más oscuro */
  --texto:#696969;
  --cab:clamp(64px,min(6.6667vw,10.6667vh),190px);
  --lado:clamp(20px,2.7778vw,80px);
  --ancho:1330px;
  --sale:cubic-bezier(.23,1,.32,1);
  --mueve:cubic-bezier(.77,0,.175,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--texto);font:400 14px/1.93 Montserrat,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3{margin:0;color:var(--tinta);font-weight:800}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
figure{margin:0}
:focus-visible{outline:2px solid var(--verde);outline-offset:3px}
section[id]{scroll-margin-top:calc(var(--cab) - 1px)}

/* ───── marca provisional (las iniciales KA de su propio borrador) ───── */
.logo{display:inline-flex;align-items:center;gap:.55em;font-size:clamp(17px,min(1.39vw,2.22vh),40px);color:#fff;transition:transform .16s ease-out}
.logo:active{transform:scale(.97)}
.logo__ka{display:grid;place-items:center;width:1.9em;height:1.9em;background:var(--verde);color:var(--tinta);font-weight:800;font-size:.72em;letter-spacing:-.02em}
.logo__n{font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.logo--osc{color:var(--tinta)}

/* ───── etiqueta con la raya verde delante (la raya va antes, nunca debajo de la palabra) ───── */
.eti{font:600 12px/2.25 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta)}
.eti--raya{display:flex;align-items:center;gap:20px}
.eti--raya::before{content:"";flex:none;width:40px;height:2px;background:var(--verde);transform-origin:left;transition:transform .9s var(--sale) .2s}
.js .rv:not(.es-dentro) .eti--raya::before{transform:scaleX(0)}

/* ───── cabecera: solo marca y el icono de cuadrícula, como el tema ───── */
.cab{position:fixed;inset:0 0 auto;z-index:60;height:var(--cab);padding:0 var(--lado);display:flex;align-items:center;justify-content:space-between;transition:transform .45s var(--sale),background-color .3s ease,box-shadow .3s ease}
.cab__rej{width:44px;height:44px;margin-right:-12px;display:grid;place-items:center;color:#fff;transition:transform .16s ease-out,color .3s ease}
.cab__rej svg{width:20px;fill:currentColor}
.cab__rej circle{transition:transform .35s var(--sale);transform-origin:center;transform-box:fill-box}
@media (hover:hover) and (pointer:fine){.cab__rej:hover circle:nth-child(odd){transform:scale(.6)}}
.cab__rej:active{transform:scale(.92)}
.cab.es-fondo{background:#fff;box-shadow:0 1px 0 #eee}
.cab.es-fondo .logo,.cab.es-fondo .cab__rej{color:var(--tinta)}
.cab.es-baja{transform:translateY(-100%)}
.menu-abierto .cab .cab__rej{color:var(--tinta)}

/* ───── panel lateral blanco de 500 px ───── */
.lado{position:fixed;top:0;right:0;bottom:0;z-index:55;width:clamp(320px,34.72vw,720px);background:#fff;padding:clamp(28px,4vh,60px) clamp(28px,4.86vw,100px) 36px;display:flex;flex-direction:column;gap:clamp(30px,6vh,80px);overflow:auto;transform:translateX(100%);transition:transform .5s var(--sale)}
.lado[hidden]{display:none}
.lado.es-abierto{transform:none}
.lado .logo{align-self:flex-start;margin-top:calc((var(--cab) - 2.4em) / 2 - clamp(28px,4vh,60px) + 12px)}
.lado__nav{display:flex;flex-direction:column;margin-top:auto}
.lado__nav a{font:800 clamp(28px,2.43vw,52px)/1.25 Montserrat,sans-serif;letter-spacing:-.01em;color:var(--tinta);padding:6px 0;opacity:0;transform:translateX(30px);transition:opacity .3s ease,transform .55s var(--sale),color .2s ease}
.lado.es-abierto .lado__nav a{opacity:1;transform:none}
.lado.es-abierto .lado__nav a:nth-child(2){transition-delay:.05s,.05s,0s}.lado.es-abierto .lado__nav a:nth-child(3){transition-delay:.1s,.1s,0s}.lado.es-abierto .lado__nav a:nth-child(4){transition-delay:.15s,.15s,0s}.lado.es-abierto .lado__nav a:nth-child(5){transition-delay:.2s,.2s,0s}
@media (hover:hover) and (pointer:fine){.lado__nav a:hover{color:var(--verde-t)}}
.lado__frase{font:700 clamp(19px,1.53vw,32px)/1.4 Montserrat,sans-serif;color:var(--tinta);margin:8px 0 14px}
.lado__dato{font-size:14px;line-height:1.93}
.velo{position:fixed;inset:0;z-index:50;background:rgba(17,7,41,.4);opacity:0;pointer-events:none;transition:opacity .4s ease}
.menu-abierto .velo{opacity:1;pointer-events:auto}

/* ───── portada: color liso que cambia, objeto flotando y número de puntos ───── */
.hero{position:relative;height:100vh;height:100svh;overflow:hidden;background:var(--fondo);transition:background-color 1s var(--mueve);color:#fff}
.hero__escena{position:absolute;top:var(--cab);bottom:clamp(70px,11vh,200px);left:var(--lado);width:34%}
.hero__obj{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(5%) scale(.96);transition:opacity .6s ease,transform 1.1s var(--sale)}
.hero__obj.es-activa{opacity:1;transform:none;transition-delay:.15s}
.hero__obj.es-sale{opacity:0;transform:translateY(-4%) scale(.98);transition-duration:.4s,.6s;transition-delay:0s}
.hero__obj img{width:auto;height:min(100%,calc(var(--nh) * 1.15));max-width:100%;object-fit:contain;filter:drop-shadow(0 3vh 3vh rgba(0,0,0,.28));animation:flota 6s ease-in-out infinite alternate}
@keyframes flota{from{transform:translateY(-1.2%)}to{transform:translateY(1.2%)}}
.hero__caja{position:absolute;top:var(--cab);bottom:clamp(70px,11vh,200px);left:38.9%;right:var(--lado);display:flex;align-items:center}
.hero__num{position:absolute;left:-.08em;top:50%;transform:translateY(-54%);font:800 clamp(160px,min(26vw,42vh),900px)/.8 Montserrat,sans-serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.14);background:radial-gradient(circle,rgba(255,255,255,.34) 1.3px,transparent 1.6px) 0 0/9px 9px;-webkit-background-clip:text;background-clip:text;pointer-events:none;transition:opacity .4s ease,transform .8s var(--sale)}
.hero__txt{position:relative}
.hero__txt > *,.hero__num{will-change:transform}
.hero__txt > *{transition:opacity .35s ease,transform .6s var(--sale),filter .35s ease}
.hero__txt > :nth-child(2){transition-delay:.06s}.hero__txt > :nth-child(3){transition-delay:.12s}
.hero.es-cambia .hero__txt > *{opacity:0;transform:translateY(16px);filter:blur(3px);transition-duration:.25s;transition-delay:0s}
.hero.es-cambia .hero__num{opacity:0;transform:translateY(-50%) scale(.97)}
.js .hero:not(.es-lista) .hero__txt > *{opacity:0;transform:translateY(24px)}
.js .hero:not(.es-lista) .hero__num{opacity:0}
.hero__cap{font:600 clamp(12px,min(.833vw,1.33vh),24px)/2.25 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.86}
.hero__tit{font-size:clamp(40px,min(4.86vw,7.78vh),210px);line-height:1.08;letter-spacing:-.01em;color:#fff;margin:.12em 0 .3em}
.hero__p{font-size:clamp(15px,min(1.11vw,1.78vh),38px);line-height:1.85;max-width:30em;opacity:.92}
.hero__pts{position:absolute;right:var(--lado);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;z-index:3}
.hero__pts button{width:44px;height:44px;display:grid;place-items:center}
.hero__pts button::before{content:"";width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.4);box-shadow:inset 0 0 0 2px rgba(255,255,255,0);transition:background-color .3s ease,transform .35s var(--sale)}
.hero__pts button.es-activa::before{background:#fff;transform:scale(1.25)}
.hero__baja{position:absolute;left:50%;bottom:clamp(14px,3vh,50px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;font:600 clamp(12px,min(.833vw,1.33vh),22px)/1.4 Montserrat,sans-serif;color:#fff;z-index:3}
.hero__baja svg{width:16px;fill:none;stroke:currentColor;stroke-width:2;animation:baja 2s ease infinite}
@keyframes baja{0%,100%{transform:none}50%{transform:translateY(5px)}}

/* ───── 01 · quién soy ───── */
.uno{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,4vw,120px);max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto;padding:clamp(80px,9vw,240px) var(--lado) clamp(60px,7vw,200px)}
@media (min-width:1600px){.uno{max-width:min(84vw,2300px)}}
.uno__vis{position:relative;display:grid;place-items:center;min-height:clamp(320px,34vw,900px)}
.uno__num{position:absolute;right:2%;bottom:0;font:300 clamp(140px,15vw,420px)/.8 Merriweather,serif;color:var(--gris);z-index:-1}
.uno__vis img{width:min(64%,560px);filter:drop-shadow(0 30px 40px rgba(17,7,41,.18))}
.uno__bocadillo{position:absolute;left:12%;top:14%;width:clamp(54px,5vw,120px);aspect-ratio:1;border-radius:50% 50% 50% 8%;background:var(--verde);display:grid;place-items:center;transition:transform .8s var(--sale) .3s}
.uno__bocadillo svg{width:48%;fill:none;stroke:var(--tinta);stroke-width:1.6;stroke-linejoin:round}
.js .uno__vis:not(.es-dentro) .uno__bocadillo{transform:scale(.6) rotate(-20deg)}
.uno__txt h2{font-size:clamp(34px,3.47223vw,96px);line-height:1.1;letter-spacing:-.01em;margin:14px 0 clamp(18px,1.6vw,40px)}
.uno__txt p:not(.eti){font-size:clamp(14px,.9722vw,24px);max-width:36em;margin-bottom:14px}
.firma{display:flex;align-items:center;gap:16px;margin-top:clamp(22px,2vw,50px)}
.firma__ka{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--tinta);color:var(--verde);font-weight:800;font-size:17px}
.firma p{font:600 12px/1.4 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta);margin:0!important}
.firma p span{font:500 16px/1 Merriweather,serif;letter-spacing:.02em;text-transform:none;color:var(--verde-t)}

/* ───── mosaico de servicios: tarjeta blanca al pasar ───── */
.mos{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.04vw,30px);max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto;padding:0 var(--lado)}
@media (min-width:1600px){.mos{max-width:min(90vw,2500px)}}
.mi{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:#ddd;transition:transform .16s ease-out}
.mi--ancho{grid-column:span 2;aspect-ratio:2.04}
.mi img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--sale)}
.mi__c{position:absolute;inset:clamp(10px,.9vw,24px);background:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(16px,1.4vw,36px);opacity:0;transition:opacity .3s ease}
.mi__c b{font:700 clamp(17px,1.31945vw,36px)/1.23 Montserrat,sans-serif;color:var(--tinta);transform:translateY(10px);transition:transform .45s var(--sale) .1s}
.mi__c span{font:400 14px/1.64 Merriweather,serif;color:#6e6e6e;margin-top:4px;transform:translateY(10px);transition:transform .45s var(--sale) .14s}
@media (hover:hover) and (pointer:fine){
  .mi:hover .mi__c{opacity:1}
  .mi:hover .mi__c b,.mi:hover .mi__c span{transform:none}
  .mi:hover img{transform:scale(1.05)}
}
.mi:active{transform:scale(.985)}

/* ───── seis fichas de servicio con número pálido ───── */
.serv{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(56px,5vw,140px) clamp(30px,3.3vw,100px);max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto;padding:clamp(80px,7.6vw,220px) var(--lado) clamp(70px,6.9vw,200px)}
.col{scroll-margin-top:calc(var(--cab) + 40px)}
@media (min-width:1600px){.serv{max-width:min(84vw,2300px)}}
.col{position:relative;isolation:isolate}
.col__num{position:absolute;right:0;top:-.38em;z-index:-1;font:300 clamp(80px,6.94vw,190px)/1 Merriweather,serif;color:var(--gris)}
.col h3{font-size:clamp(22px,1.73612vw,48px);line-height:1.2;margin:8px 0 14px}
.col p:not(.eti){font-size:clamp(14px,.9722vw,24px)}

/* ───── cifras ───── */
.cifras{display:grid;grid-template-columns:repeat(4,1fr);max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto clamp(70px,6.9vw,200px);padding:0 var(--lado)}
@media (min-width:1600px){.cifras{max-width:min(84vw,2300px)}}
.ci{padding:clamp(22px,2.2vw,60px) clamp(16px,1.6vw,40px) clamp(22px,2.2vw,60px) 0;border-top:2px solid var(--tinta)}
.ci + .ci{padding-left:clamp(16px,1.6vw,40px);border-left:1px solid #e6e6e6}
.ci b{display:block;font:800 clamp(44px,4.17vw,120px)/1 Montserrat,sans-serif;letter-spacing:-.03em;color:var(--tinta);font-variant-numeric:tabular-nums}
.ci span{display:block;margin-top:10px;font:400 clamp(14px,.9722vw,24px)/1.5 Merriweather,serif;color:#5f5f5f;max-width:14em}
.js .cifras .rv:nth-child(2){transition-delay:.07s}.js .cifras .rv:nth-child(3){transition-delay:.14s}.js .cifras .rv:nth-child(4){transition-delay:.21s}

/* ───── cabecera de sección (servicios) ───── */
.sec-cab{max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto;padding:0 var(--lado) clamp(30px,3vw,80px);scroll-margin-top:calc(var(--cab) + 20px)}
@media (min-width:1600px){.sec-cab{max-width:min(90vw,2500px)}}
.sec-cab h2{font-size:clamp(32px,3.47223vw,96px);line-height:1.1;letter-spacing:-.01em;margin:12px 0 14px;max-width:14em}
.sec-cab p:not(.eti){font-size:clamp(14px,.9722vw,24px);max-width:40em}

/* ───── planes: nombre, condición y lista ───── */
.pla__intro{font-size:clamp(14px,.9722vw,24px);margin:-6px 0 clamp(16px,1.6vw,40px);max-width:36em}
.acc__i button > span:first-child{display:block}
.acc__i button small{display:block;margin-top:4px;font:400 13px/1.4 Merriweather,serif;color:#6e6e6e}
.acc__i button em{font-style:normal;display:inline-block;margin-left:10px;padding:2px 9px;background:var(--verde);font:600 10px/1.8 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta);vertical-align:3px}
.acc__p ul{display:grid;gap:8px;padding:0 0 clamp(18px,1.6vw,34px);opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .4s var(--sale)}
.es-abierto .acc__p ul{opacity:1;transform:none;transition-delay:.08s}
.acc__p li{position:relative;padding-left:26px;font-size:clamp(14px,.9722vw,24px);line-height:1.6;color:var(--tinta)}
.acc__p li::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:14px;border-radius:50%;background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.6l4.6-5' fill='none' stroke='%23110729' stroke-width='1.8'/%3E%3C/svg%3E") center/100%}

/* ───── pasos en la banda verde ───── */
.pasos{counter-reset:p;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,80px);margin:clamp(30px,3vw,70px) 0 clamp(24px,2.4vw,60px);text-align:left}
.pasos li{counter-increment:p;position:relative;padding-top:clamp(50px,4.2vw,110px);font-size:clamp(14px,.9722vw,24px);line-height:1.7;color:var(--tinta)}
.pasos li::before{content:"0" counter(p);position:absolute;left:0;top:0;font:300 clamp(40px,3.5vw,96px)/1 Merriweather,serif;color:var(--tinta);opacity:.35}
.pasos b{display:block;font:800 clamp(17px,1.31945vw,36px)/1.25 Montserrat,sans-serif;margin-bottom:6px}
.js .cta__in.rv .pasos li{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .7s var(--sale)}
.js .cta__in.es-dentro .pasos li{opacity:1;transform:none}
.js .cta__in.es-dentro .pasos li:nth-child(2){transition-delay:.08s}.js .cta__in.es-dentro .pasos li:nth-child(3){transition-delay:.16s}

/* ───── fábricas: foto de fondo arriba a la derecha y foto grande delante ───── */
.fab{position:relative;isolation:isolate;padding:clamp(70px,6.9vw,200px) var(--lado) 0;max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto}
@media (min-width:1600px){.fab{max-width:min(90vw,2500px)}}
.fab__fondo{position:absolute;right:0;top:0;width:34%;height:clamp(260px,24vw,700px);overflow:hidden;z-index:-1}
.fab__fondo img{width:100%;height:100%;object-fit:cover;opacity:.9}
.fab__cab{max-width:60%;margin-bottom:clamp(30px,2.8vw,80px)}
.fab__cab h2{font-size:clamp(32px,3.47223vw,96px);line-height:1.1;letter-spacing:-.01em;margin-top:12px}
.fab__cuerpo{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(30px,4vw,120px);align-items:end}
.fab__foto{position:relative;aspect-ratio:1.78;overflow:hidden}
.fab__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.fab__temp{position:absolute;left:50%;top:50%;width:clamp(96px,7.5vw,200px);aspect-ratio:1;margin:calc(clamp(96px,7.5vw,200px) / -2) 0 0 calc(clamp(96px,7.5vw,200px) / -2);border-radius:50%;background:var(--verde);color:var(--tinta);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;transition:transform .9s var(--sale) .5s}
.fab__temp b{font-size:clamp(26px,2.1vw,58px)}
.fab__temp span{font:400 12px/1.3 Merriweather,serif}
.fab__temp::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(25,217,138,.6);animation:latido 2.4s var(--sale) infinite}
@keyframes latido{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}
.js .fab__foto:not(.es-dentro) .fab__temp{transform:scale(.7)}
.fab__txt{position:relative;background:#fff;padding:clamp(24px,2.4vw,60px) 0 0 clamp(24px,2.4vw,60px);margin-left:calc(clamp(24px,2.4vw,60px) * -1)}
.fab__txt > p{font-size:clamp(14px,.9722vw,24px);margin-bottom:clamp(20px,1.8vw,44px)}
.fab__lista{counter-reset:n;display:grid;gap:18px}
.fab__lista li{counter-increment:n;display:grid;grid-template-columns:auto 1fr;column-gap:16px;font-size:clamp(14px,.9722vw,24px);line-height:1.75}
.fab__lista li::before{content:"0" counter(n);grid-row:span 2;font:300 30px/1 Merriweather,serif;color:var(--verde-t)}
.fab__lista b{display:block;font:700 clamp(16px,1.25vw,32px)/1.3 Montserrat,sans-serif;color:var(--tinta);margin-bottom:4px}

/* ───── planes en acordeón + tableta con el parte ───── */
.pla{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,140px);max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto;padding:clamp(90px,9vw,260px) var(--lado)}
@media (min-width:1600px){.pla{max-width:min(84vw,2300px)}}
.pla__acc h2{font-size:clamp(30px,2.778vw,80px);line-height:1.12;letter-spacing:-.01em;margin:12px 0 clamp(20px,2vw,50px)}
.acc__i{border-bottom:1px solid #e1e1e1}
.acc__i h3{font-size:inherit}
.acc__i button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(18px,1.6vw,34px) 0;text-align:left;font:700 clamp(17px,1.31945vw,36px)/1.23 Montserrat,sans-serif;color:var(--tinta);transition:color .2s ease}
.acc__s{position:relative;flex:none;width:14px;height:14px}
.acc__s::before,.acc__s::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--tinta);transition:transform .35s var(--sale),background-color .2s ease}
.acc__s::after{transform:rotate(90deg)}
.es-abierto .acc__s::after{transform:rotate(0)}
.es-abierto .acc__s::before,.es-abierto .acc__s::after{background:var(--verde)}
@media (hover:hover) and (pointer:fine){.acc__i button:hover{color:var(--verde-t)}}
.acc__p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--sale)}
.acc__p > div{overflow:hidden}
.acc__p p{padding:0 0 clamp(18px,1.6vw,34px);font-size:clamp(14px,.9722vw,24px);opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .4s var(--sale)}
.es-abierto .acc__p{grid-template-rows:1fr}
.es-abierto .acc__p p{opacity:1;transform:none;transition-delay:.08s}
.pla__vis{position:relative;display:grid;place-items:center;isolation:isolate;padding:clamp(20px,3vw,80px) 0}
.pla__num{position:absolute;right:0;top:0;z-index:-1;font:300 clamp(140px,15vw,420px)/.8 Merriweather,serif;color:var(--gris)}
.tableta{width:min(78%,520px);aspect-ratio:.76;padding:clamp(14px,1.3vw,30px);border-radius:clamp(24px,2.2vw,50px);background:#f4f4f6;box-shadow:0 0 0 2px #e4e4ea,0 40px 70px rgba(17,7,41,.18);transform:rotate(-4deg);transition:transform 1s var(--sale)}
.js .pla__vis:not(.es-dentro) .tableta{transform:rotate(-9deg) translateY(30px)}
@media (hover:hover) and (pointer:fine){.tableta:hover{transform:rotate(-2deg) translateY(-6px)}}
.parte{height:100%;background:#fff;border-radius:clamp(10px,.9vw,22px);padding:clamp(18px,1.8vw,44px);display:flex;flex-direction:column;gap:10px;overflow:hidden;font-size:clamp(12px,.9vw,22px);line-height:1.5}
.parte__cab{display:flex;justify-content:space-between;font:600 11px/1.4 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta);padding-bottom:10px;border-bottom:2px solid var(--verde)}
.parte__eq{font:800 clamp(18px,1.5vw,40px)/1.15 Montserrat,sans-serif;color:var(--tinta);margin-top:6px}
.parte__meta{font-family:Merriweather,serif;color:#6e6e6e}
.parte__temp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0}
.parte__temp span{background:#f6f6f8;padding:10px 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6e6e6e}
.parte__temp b{display:block;font-size:clamp(24px,2vw,52px);line-height:1.1;color:var(--tinta);letter-spacing:-.02em;text-transform:none}
.parte__temp span:last-child b{color:#0A5F46}
.parte ul{display:grid;gap:6px}
.parte li{display:flex;align-items:center;gap:10px;color:var(--tinta);font-weight:500}
.parte li::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.6l4.6-5' fill='none' stroke='%23110729' stroke-width='1.8'/%3E%3C/svg%3E") center/100%}
.parte__firma{margin-top:auto;font:400 11px/1.4 Merriweather,serif;color:#6e6e6e}

/* ───── tira de cuatro a sangre ───── */
.tira{display:grid;grid-template-columns:repeat(4,1fr)}
.ti{position:relative;aspect-ratio:1;overflow:hidden}
.ti img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--sale)}
.ti::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.72))}
.ti figcaption{position:absolute;left:clamp(20px,2.78vw,70px);right:16px;bottom:clamp(22px,2.4vw,60px);z-index:1;color:#fff}
.ti b{display:block;font:800 clamp(17px,1.31945vw,36px)/1.23 Montserrat,sans-serif}
.ti span{font:400 14px/1.4 Merriweather,serif}
@media (hover:hover) and (pointer:fine){.ti:hover img{transform:scale(1.06)}}

/* ───── banda verde con puntos ───── */
.cta{position:relative;background:var(--verde);overflow:hidden;padding:clamp(70px,7.6vw,200px) var(--lado);text-align:center}
.cta::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle,rgba(255,255,255,.45) 1.4px,transparent 1.8px) 0 0/14px 14px;-webkit-mask:radial-gradient(ellipse at 15% 40%,#000 0,transparent 45%),radial-gradient(ellipse at 85% 70%,#000 0,transparent 40%);mask:radial-gradient(ellipse at 15% 40%,#000 0,transparent 45%),radial-gradient(ellipse at 85% 70%,#000 0,transparent 40%);animation:deriva 30s linear infinite}
@keyframes deriva{to{transform:translate3d(14px,14px,0)}}
.cta__in{position:relative;max-width:min(1100px,88vw);margin:0 auto}
@media (min-width:1600px){.cta__in{max-width:min(60vw,1700px)}}
/* el tema pone el texto en blanco sobre el verde (1,85:1): aquí va en su tinta */
.cta h2{font-size:clamp(24px,2.0833vw,58px);line-height:1.23;font-weight:700;color:var(--tinta)}
.cta p{margin-top:14px;font-size:clamp(14px,.9722vw,24px);color:var(--tinta)}

/* ───── pie negro ───── */
.pie{background:#000;color:#fff}
.pie__in{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,90px);max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto;padding:clamp(60px,5.6vw,160px) var(--lado) clamp(50px,4.2vw,120px)}
@media (min-width:1600px){.pie__in{max-width:min(84vw,2300px)}}
.pie .logo{margin-bottom:20px}
.pie h3{font-size:clamp(17px,1.31945vw,36px);font-weight:700;color:#fff;margin:4px 0 18px}
.pie p,.pie li{font-size:clamp(14px,.9722vw,24px);line-height:1.93;color:#d6d6d6}
.pie li a{display:inline-block;padding:2px 0;transition:color .2s ease}
.pie__nota{margin-top:8px;font-family:Merriweather,serif;color:#a8a8a8!important;font-size:13px!important}
@media (hover:hover) and (pointer:fine){.pie li a:hover,.pie__base a:hover{color:var(--verde)}}
.pie__base{max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto;padding:22px var(--lado) 28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 30px;border-top:1px solid #262626}
@media (min-width:1600px){.pie__base{max-width:min(84vw,2300px)}}
.pie__base p{font-size:13px;color:#bdbdbd}
.pie__base a{display:inline-block;padding:11px 0;margin:-11px 0;font-weight:700;color:#fff;transition:color .2s ease}

/* ───── apariciones ───── */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .9s var(--sale)}
.js .rv.es-dentro{opacity:1;transform:none}
.js .mos .rv:nth-child(2),.js .mos .rv:nth-child(5),.js .serv .rv:nth-child(2){transition-delay:.07s}
.js .mos .rv:nth-child(3),.js .mos .rv:nth-child(6),.js .serv .rv:nth-child(3){transition-delay:.14s}
.js .rv-clip{clip-path:inset(0 0 100% 0);transition:clip-path 1.2s var(--mueve)}
.js .rv-clip img{transform:scale(1.12);transition:transform 1.6s var(--sale)}
.js .rv-clip.es-dentro{clip-path:inset(0 0 0 0)}
.js .rv-clip.es-dentro img{transform:none}

/* ───── tamaños ───── */
@media (max-width:1024px){
  :root{--cab:66px;--lado:20px}
  .cab{padding-top:env(safe-area-inset-top);height:calc(var(--cab) + env(safe-area-inset-top))}
  .logo{font-size:17px;min-height:44px}
  .pie li a{padding:9px 0}
  .pie ul{margin-top:-9px}
  .lado{width:100%}
  .uno,.pla{grid-template-columns:1fr}
  .uno__vis{min-height:0;padding:20px 0}
  .serv{grid-template-columns:1fr 1fr;gap:56px 30px}
  .cifras{grid-template-columns:1fr 1fr}
  .ci:nth-child(3){padding-left:0;border-left:0}
  .pasos{grid-template-columns:1fr;gap:26px}
  .fab__fondo{display:none}
  .fab__txt{padding:0;margin:0}
  .fab__cab{max-width:100%}
  .fab__cuerpo{grid-template-columns:1fr}
  .pla__vis{order:-1}
  .mos{grid-template-columns:1fr 1fr}
  .mi--ancho{grid-column:span 2}
  .tira{grid-template-columns:1fr 1fr}
  .pie__in{grid-template-columns:1fr 1fr}
  /* en táctil la tarjeta del mosaico se ve siempre, abajo */
  .mi__c{opacity:1;inset:auto 10px 10px 10px;padding:14px 16px}
  .mi__c b,.mi__c span{transform:none}
}
/* portada en vertical: texto arriba, objeto abajo, número detrás del texto */
@media (max-width:1024px) and (orientation:portrait){
  .hero__caja{top:calc(var(--cab) + clamp(20px,4vh,60px));bottom:auto;left:var(--lado);right:var(--lado);display:block}
  .hero__num{left:auto;right:-.05em;top:40%;font-size:clamp(170px,min(58vw,30vh),520px)}
  .hero__tit{font-size:clamp(38px,min(11vw,6.4vh),110px)}
  .hero__cap{font-size:clamp(12px,min(3.1vw,1.6vh),22px)}
  .hero__p{font-size:clamp(15px,min(4.1vw,2.1vh),30px)}
  .hero__escena{top:auto;bottom:clamp(70px,10vh,140px);left:12%;right:12%;width:auto;height:36%}
  .hero__pts{top:auto;bottom:clamp(14px,3vh,40px);left:var(--lado);right:auto;transform:none;flex-direction:row}
  .hero__baja{left:auto;right:var(--lado);transform:none}
}
@media (max-width:1024px) and (orientation:portrait) and (max-height:700px){.hero__escena{height:30%}.hero__p{display:none}}
/* móvil tumbado */
@media (max-height:500px) and (orientation:landscape){
  :root{--cab:54px}
  .hero__escena{bottom:46px;width:36%}
  .hero__caja{left:42%;right:70px;bottom:46px}
  .hero__tit{font-size:clamp(26px,min(4vw,9vh),56px)}
  .hero__p{font-size:13px;line-height:1.6}
  .hero__baja{display:none}
}
@media (max-width:760px){
  /* en móvil el mosaico es solo galería: los textos están en las fichas de debajo */
  .mos{grid-template-columns:1fr 1fr;gap:8px}
  .mi{aspect-ratio:1}
  .mi--ancho{grid-column:span 2;aspect-ratio:2}
  .mi__c{display:none}
  .tira{grid-template-columns:1fr 1fr}
  .ti figcaption{left:14px;bottom:14px}
  .ti span{font-size:12px}
  .fab__foto{aspect-ratio:1.2}
  .pie__in{grid-template-columns:1fr;gap:34px}
  .pie__base{flex-direction:column}
  .col__num{top:-.3em}
  .serv{grid-template-columns:1fr}
  .acc__i button em{margin:4px 0 0;display:table}
  .parte__eq{font-size:17px;overflow-wrap:anywhere}
  .parte__cab{font-size:10px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important;transition-delay:0s!important}
  .js .rv,.js .rv-clip,.js .rv-clip img,.hero__obj{transform:none!important;clip-path:none!important}
  .hero__obj,.hero__txt > *{transition:opacity .3s ease!important}
}

/* logo web compacto (nov 2026) */
.logo__svg{display:block;height:2.2em;width:auto;aspect-ratio:910.5/133.8;overflow:visible}
.cab .logo{transition:transform .16s ease-out,opacity .2s ease}
.menu-abierto .cab .logo{opacity:0;pointer-events:none}

/* teléfono (nov 2026): cifras tabulares y sin partir */
.tel{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}
.lado__dato .tel{font:800 22px/1.6 Montserrat,sans-serif;letter-spacing:-.01em;color:var(--tinta)}
.pie .tel{font:700 clamp(18px,1.3889vw,34px)/1.5 Montserrat,sans-serif;color:#fff}
.cta .cta__tel{display:flex;flex-direction:column;align-items:center;gap:4px;margin:clamp(18px,1.8vw,44px) 0 0}
.cta__tel span{font:600 11px/1.4 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.cta__tel .tel{font:800 clamp(34px,3.47223vw,96px)/1 Montserrat,sans-serif;letter-spacing:-.03em;color:var(--tinta)}

/* ═════ adaptación a los bloques de WordPress (tema 0.2) ═════ */
:where(.wp-site-blocks,.wp-site-blocks > *,.ka-main > *){margin-block:0}
.wp-site-blocks{padding:0}
figure.wp-block-image{margin:0}
.ka-main .wp-block-image img{vertical-align:top}
/* donde el boceto tenía la imagen suelta, la figura del bloque no cuenta para la maqueta */
.uno__vis > .wp-block-image,.fab__fondo > .wp-block-image,.fab__foto > .wp-block-image{display:contents}
.ka-main .uno__vis img{width:min(64%,560px);height:auto}
.ka-main .fab__fondo img,.ka-main .fab__foto img{width:100%;height:100%;object-fit:cover}
.ka-main .hero__obj img{width:auto;height:min(100%,calc(var(--nh,700px) * 1.15));max-width:100%}
.hero__mas{display:none}

/* cifras */
.ci__n{display:block;font:800 clamp(44px,4.17vw,120px)/1 Montserrat,sans-serif;letter-spacing:-.03em;color:var(--tinta);font-variant-numeric:tabular-nums}
.ci__t{display:block;margin-top:10px;font:400 clamp(14px,.9722vw,24px)/1.5 Merriweather,serif;color:#5f5f5f;max-width:14em}

/* mosaico: la figura es la tarjeta y el pie de foto hace de cartela */
.mi > a{display:block;height:100%}
.ka-main .mi img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--sale)}
.mi .wp-element-caption{position:absolute;inset:clamp(10px,.9vw,24px);margin:0;background:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(16px,1.4vw,36px);opacity:0;transition:opacity .3s ease;pointer-events:none;text-align:left}
.mi .wp-element-caption strong{font:700 clamp(17px,1.31945vw,36px)/1.23 Montserrat,sans-serif;color:var(--tinta);transform:translateY(10px);transition:transform .45s var(--sale) .1s}
.mi .wp-element-caption em{font:400 14px/1.64 Merriweather,serif;font-style:normal;color:#6e6e6e;margin-top:4px;transform:translateY(10px);transition:transform .45s var(--sale) .14s}
@media (hover:hover) and (pointer:fine){
  .mi:hover .wp-element-caption{opacity:1}
  .mi:hover .wp-element-caption strong,.mi:hover .wp-element-caption em{transform:none}
}

/* tira */
.ti .wp-element-caption{margin:0;text-align:left}
.ti strong{display:block;font:800 clamp(17px,1.31945vw,36px)/1.23 Montserrat,sans-serif}
.ti em{font:400 14px/1.4 Merriweather,serif;font-style:normal}
.ka-main .ti img{width:100%;height:100%;object-fit:cover}

/* fábricas y pasos: el bloque de lista pone strong donde el boceto tenía b */
.fab__lista strong{display:block;font:700 clamp(16px,1.25vw,32px)/1.3 Montserrat,sans-serif;color:var(--tinta);margin-bottom:4px}
.pasos strong{display:block;font:800 clamp(17px,1.31945vw,36px)/1.25 Montserrat,sans-serif;margin-bottom:6px}
.pasos a,.cta__eti a{font-weight:700}

/* planes sobre core/details */
.acc__i summary{list-style:none;cursor:pointer;position:relative;display:block;padding:clamp(18px,1.6vw,34px) 40px clamp(18px,1.6vw,34px) 0;font:700 clamp(17px,1.31945vw,36px)/1.23 Montserrat,sans-serif;color:var(--tinta);transition:color .2s ease}
.acc__i summary::-webkit-details-marker{display:none}
.acc__i summary::marker{content:""}
.acc__i summary::before,.acc__i summary::after{content:"";position:absolute;right:0;top:50%;width:14px;height:2px;margin-top:-1px;background:var(--tinta);transition:transform .35s var(--sale),background-color .2s ease}
.acc__i summary::after{transform:rotate(90deg)}
.acc__i.es-abierto summary::after{transform:rotate(0)}
.acc__i.es-abierto summary::before,.acc__i.es-abierto summary::after{background:var(--verde)}
.acc__i summary strong{font-weight:700}
.acc__i summary em{display:block;margin-top:4px;font:400 13px/1.4 Merriweather,serif;font-style:normal;color:#6e6e6e}
.acc__i summary mark{display:inline-block;margin-left:10px;padding:2px 9px;background:var(--verde);font:600 10px/1.8 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta);vertical-align:3px}
@media (hover:hover) and (pointer:fine){.acc__i summary:hover{color:var(--verde-t)}}
.acc__lista{display:grid;gap:8px;padding:0 0 clamp(18px,1.6vw,34px)}
.acc__lista li{position:relative;padding-left:26px;font-size:clamp(14px,.9722vw,24px);line-height:1.6;color:var(--tinta)}
.acc__lista li::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:14px;border-radius:50%;background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2 7 10.6l4.6-5' fill='none' stroke='%23110729' stroke-width='1.8'/%3E%3C/svg%3E") center/100%}

/* contacto */
.cta .cta__eti{margin-top:clamp(18px,1.8vw,44px);font:600 11px/1.4 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.cta .cta__tel{margin-top:4px}
.cta__tel .tel{display:inline-block}

/* páginas de texto (legales, 404) */
.sin-portada .cab{background:#fff;box-shadow:0 1px 0 #eee}
.sin-portada .cab .logo,.sin-portada .cab .cab__rej{color:var(--tinta)}
.texto{max-width:calc(820px + 2*var(--lado));margin:0 auto;padding:calc(var(--cab) + clamp(50px,6vw,140px)) var(--lado) clamp(70px,7vw,180px);min-height:70vh}
.texto__tit{font-size:clamp(32px,3.47223vw,72px);line-height:1.1;letter-spacing:-.01em;margin:12px 0 clamp(24px,2.4vw,50px)}
.texto p,.texto li{font-size:clamp(14px,.9722vw,20px);margin-bottom:14px}
.texto h2{font-size:clamp(22px,1.73612vw,36px);line-height:1.2;margin:clamp(30px,3vw,60px) 0 14px}
.texto h3{font-size:clamp(17px,1.31945vw,26px);margin:24px 0 10px}
.texto ul{list-style:disc;padding-left:1.3em;margin-bottom:14px}
.texto a{color:var(--verde-t);font-weight:700}

@media (max-width:760px){
  .mi .wp-element-caption{display:none}
  .acc__i summary mark{margin:4px 0 0;display:table}
  .ti em{font-size:12px}
}
@media (max-width:1024px){
  .mi .wp-element-caption{opacity:1;inset:auto 10px 10px 10px;padding:14px 16px}
  .mi .wp-element-caption strong,.mi .wp-element-caption em{transform:none}
}
@media (max-width:760px){.mi .wp-element-caption{display:none}}

/* enlaces de contacto con superficie de toque de 44 px sin mover la maqueta */
.cta__tel .tel{padding:5px 0}
.pie__col a[href^="tel:"],.pie__col a[href^="mailto:"],.lado__dato a{display:inline-block;padding:11px 0;margin:-11px 0}
.cta__eti a{display:inline-block;padding:14px 4px;margin:-14px -4px}

/* ═════ páginas de servicio (tema 0.3) ═════ */
.ser-cab{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(30px,4vw,120px);max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto;padding:calc(var(--cab) + clamp(40px,5vw,130px)) var(--lado) clamp(60px,6vw,170px)}
@media (min-width:1600px){.ser-cab{max-width:min(84vw,2300px)}}
.ser-cab__tit{font-size:clamp(34px,3.47223vw,96px);line-height:1.08;letter-spacing:-.01em;margin:14px 0 clamp(18px,1.6vw,40px)}
.ser-cab__p{font-size:clamp(15px,1.11112vw,28px);line-height:1.8;max-width:34em}
.ser-cab__acc{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,2.2vw,56px)}
.ser-cab__nota{margin-top:16px;font:400 13px/1.6 Merriweather,serif;color:#6e6e6e}
.ser-cab__nota a{color:var(--verde-t);font-weight:700}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 clamp(20px,1.8vw,40px);background:var(--tinta);color:#fff;font:700 clamp(13px,.9vw,20px)/1 Montserrat,sans-serif;letter-spacing:.02em;transition:transform .16s ease-out,background-color .25s ease,color .25s ease}
.btn:active{transform:scale(.97)}
.btn--linea{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 2px var(--tinta)}
@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--verde);color:var(--tinta)}.btn--linea:hover{box-shadow:inset 0 0 0 2px var(--verde)}}
.ser-cab__vis{position:relative;aspect-ratio:1.12;overflow:hidden;background:var(--gris)}
.ser-cab__vis > .wp-block-image{display:contents}
.ka-main .ser-cab__vis img{width:100%;height:100%;object-fit:cover}
.ser-cab__vis--objeto{background:#0A5F46;display:grid;place-items:center}
.ka-main .ser-cab__vis--objeto img{width:auto;height:78%;max-width:84%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.3))}
.ser-cab__vis--aviso{aspect-ratio:auto;overflow:visible;background:none}
.aviso{background:#f4f4f6;border-radius:clamp(24px,2.2vw,50px);padding:clamp(14px,1.3vw,30px);box-shadow:0 0 0 2px #e4e4ea,0 40px 70px rgba(17,7,41,.14);transform:rotate(-2deg)}
.aviso > *{background:#fff;margin:0}
.aviso > .parte__cab{border-radius:clamp(10px,.9vw,22px) clamp(10px,.9vw,22px) 0 0;padding:clamp(18px,1.6vw,40px) clamp(18px,1.6vw,40px) 10px}
.aviso__l{counter-reset:n;display:grid;gap:14px;padding:18px clamp(18px,1.6vw,40px)}
.aviso__l li{counter-increment:n;display:grid;grid-template-columns:auto 1fr;column-gap:14px;font-size:14px;line-height:1.5;color:#6e6e6e}
.aviso__l li::before{content:"0" counter(n);grid-row:span 2;font:300 24px/1 Merriweather,serif;color:var(--verde-t)}
.aviso__l b{font:700 clamp(15px,1.11vw,24px)/1.3 Montserrat,sans-serif;color:var(--tinta)}
.aviso > .parte__firma{border-radius:0 0 clamp(10px,.9vw,22px) clamp(10px,.9vw,22px);padding:6px clamp(18px,1.6vw,40px) clamp(18px,1.6vw,40px)}
.ser-datos{margin-bottom:clamp(60px,6vw,170px)}
.ser-datos .ci__n{font-size:clamp(36px,3.2vw,96px)}
.ser-inc{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(30px,5vw,140px);max-width:calc(var(--ancho) + 2*var(--lado));margin:0 auto;padding:0 var(--lado) clamp(70px,6.9vw,200px)}
@media (min-width:1600px){.ser-inc{max-width:min(84vw,2300px)}}
.ser-inc h2,.ser-txt h2,.ser-faq h2{font-size:clamp(30px,2.778vw,80px);line-height:1.12;letter-spacing:-.01em;margin:12px 0 clamp(16px,1.6vw,40px)}
.ser-inc__cab p:not(.eti),.ser-txt p:not(.eti){font-size:clamp(14px,.9722vw,24px);max-width:36em;margin-bottom:14px}
.ser-inc__lista .fab__lista{gap:clamp(20px,1.8vw,44px)}
.ser-inc a,.ser-txt a,.acc__r a,.ser-cab__p a{color:var(--verde-t);font-weight:700}
.ser-txt{background:var(--gris);padding:clamp(70px,6.9vw,200px) var(--lado);margin-bottom:clamp(70px,6.9vw,200px)}
.ser-txt__in{max-width:calc(var(--ancho) * .62);margin:0 auto}
.ser-faq{max-width:calc(var(--ancho) * .74 + 2*var(--lado));margin:0 auto;padding:0 var(--lado) clamp(70px,6.9vw,200px)}
.acc__r{font-size:clamp(14px,.9722vw,24px);padding:0 0 clamp(18px,1.6vw,34px);max-width:44em}
.ser-rel-cont{border-top:1px solid #e6e6e6;padding-top:clamp(70px,6.9vw,200px)}
.ser-rel{padding-top:clamp(40px,4vw,110px)}
.ser-rel h3 a{transition:color .2s ease}
.ser-rel h3 a::after,.serv h3 a::after{content:"";position:absolute;inset:0}
@media (hover:hover) and (pointer:fine){.serv .col:hover h3 a{color:var(--verde-t)}}
.ser-rel .col{transition:transform .16s ease-out}
.ser-rel .col:active{transform:scale(.985)}
@media (max-width:1024px){
  .ser-cab,.ser-inc{grid-template-columns:1fr}
  .ser-cab__vis{aspect-ratio:1.5}
  .ser-cab__vis--aviso{aspect-ratio:auto}
  .ser-datos{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .btn{width:100%;justify-content:center}
  .ser-cab__vis{aspect-ratio:1.25}
}

.uno__txt a,.fab__txt > p a,.pla__intro a{color:var(--verde-t);font-weight:700}

.ser-datos{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
@media (max-width:1024px){.ser-datos{grid-template-columns:1fr 1fr}.ser-datos .ci:nth-child(3){padding-left:0;border-left:0}}