@font-face{font-family:"Archivo";src:url(/static/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{
  --blanco:#F3F5F6;--antracita:#2E353B;--antracita-2:#232A2F;--galva:#A9B1B7;--galva-claro:#D5DADD;
  --azul:#0E4C92;--azul-osc:#0A3A70;--amarillo:#F2B705;--texto:#2A3036;--suave:#5A646C;
  --ancho:72rem;--col:40rem;--gut:clamp(1rem,4vw,2.5rem);
  --greca-blanco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='24' viewBox='0 0 120 24'%3E%3Cpath d='M0 24V2h34l12 20h28l12-20h34v22z' fill='%23F3F5F6'/%3E%3C/svg%3E");
  --greca-antracita:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='24' viewBox='0 0 120 24'%3E%3Cpath d='M0 24V2h34l12 20h28l12-20h34v22z' fill='%232E353B'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--blanco);color:var(--texto);font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.6;font-stretch:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--azul-osc);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-9999px;top:0;background:var(--antracita);color:#fff;padding:.6rem 1rem;z-index:10}
.skip:focus{left:1rem}

h1,h2,h3{color:var(--antracita);margin:0}
h1{font-size:clamp(2.2rem,5.2vw,4.1rem);font-stretch:125%;font-weight:800;line-height:1.02;letter-spacing:-.01em;max-width:18ch}
h2{font-size:clamp(1.45rem,2.6vw,1.85rem);font-stretch:115%;font-weight:760;line-height:1.15;margin:2.6rem 0 .8rem}
h3{font-size:1.1rem;font-stretch:105%;font-weight:720;line-height:1.25;margin:0 0 .35rem}
p{margin:0 0 1rem}
.lead{font-size:clamp(1.1rem,1.6vw,1.25rem);line-height:1.55;color:var(--texto);max-width:38rem;margin:1.2rem 0 1.6rem}

/* cabecera */
.top{background:var(--blanco);border-bottom:1px solid var(--galva-claro)}
.top .wrap{display:flex;align-items:center;gap:1.5rem;min-height:4.25rem}
.marca{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--antracita);font-stretch:125%;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;white-space:nowrap}
.marca svg{width:2.1rem;height:auto;flex:none}
.marca:hover{color:var(--antracita)}
.nav{margin-left:auto;display:flex;align-items:center;gap:1.4rem}
.nav ul{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0}
.nav ul a{color:var(--antracita);text-decoration:none;font-size:.97rem;font-weight:560}
.nav ul a:hover,.nav ul a[aria-current]{color:var(--azul);text-decoration:underline}
.btn{display:inline-block;background:var(--azul);color:#fff;text-decoration:none;font-weight:700;font-stretch:110%;padding:.78rem 1.3rem;border:2px solid var(--azul);border-radius:2px;line-height:1.2;cursor:pointer;font-family:inherit;font-size:1rem}
.btn:hover{background:var(--azul-osc);border-color:var(--azul-osc);color:#fff;text-decoration:none}
.btn.ghost{background:transparent;color:var(--antracita);border-color:var(--antracita)}
.btn.ghost:hover{background:var(--antracita);color:#fff}
.menu{display:none}
@media (max-width:62rem){
  .nav{display:none}
  .menu{display:block;margin-left:auto}
  .menu summary{list-style:none;cursor:pointer;font-weight:700;padding:.5rem .8rem;border:2px solid var(--antracita);color:var(--antracita)}
  .menu summary::-webkit-details-marker{display:none}
  .menu[open] summary{background:var(--antracita);color:#fff}
  .menu ul{position:absolute;left:0;right:0;top:4.25rem;background:var(--blanco);list-style:none;margin:0;padding:.5rem var(--gut) 1.25rem;border-bottom:3px solid var(--antracita);z-index:5}
  .menu li a{display:block;padding:.7rem 0;border-bottom:1px solid var(--galva-claro);color:var(--antracita);text-decoration:none;font-weight:600}
  .top{position:relative}
}

/* aviso urgente */
.urgente{background:var(--amarillo);color:var(--antracita-2)}
.urgente .wrap{padding-top:.7rem;padding-bottom:.7rem;font-weight:600}
.urgente a{color:var(--antracita-2);font-weight:800}

/* héroe */
.heroe{padding-top:3rem}
.heroe-inicio h1{max-width:14ch}
.heroe .acciones{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2.5rem}
.foto-greca{position:relative;margin-top:.5rem}
.foto-greca img{width:100%;aspect-ratio:16/7;object-fit:cover}
.foto-greca::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:24px;background:var(--greca-blanco) repeat-x left bottom;background-size:120px 24px}
.heroe-servicio{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:end;padding-bottom:0}
.heroe-servicio h1{font-size:clamp(2rem,4.3vw,3.3rem);max-width:16ch}
.heroe-servicio .foto{align-self:stretch;position:relative;min-height:16rem}
.heroe-servicio .foto img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.heroe-servicio .foto::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:24px;background:var(--greca-blanco) repeat-x left bottom;background-size:120px 24px}
@media (max-width:52rem){
  .heroe-servicio{grid-template-columns:minmax(0,1fr)}
  .heroe-servicio .foto{min-height:13rem}
  .foto-greca img{aspect-ratio:4/3}
}
.migas{font-size:.9rem;color:var(--suave);margin-bottom:1.1rem}
.migas a{color:var(--suave)}
.migas span[aria-hidden]{margin:0 .35rem}

/* cuerpo */
main{display:block}
.cuerpo{display:grid;grid-template-columns:minmax(0,var(--col)) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);padding-top:1rem;padding-bottom:3.5rem}
.cuerpo .texto{max-width:var(--col)}
.cuerpo aside{padding-top:2.6rem}
@media (max-width:62rem){.cuerpo{grid-template-columns:minmax(0,1fr)}.cuerpo aside{padding-top:0}}
.texto ul,.texto ol{padding-left:0;margin:0 0 1.2rem}
ul.ticks{list-style:none}
ul.ticks li{position:relative;padding-left:1.5rem;margin-bottom:.6rem}
ul.ticks li::before{content:"";position:absolute;left:0;top:.62em;width:.55rem;height:.55rem;background:var(--azul)}
ol.steps{list-style:none;counter-reset:paso}
ol.steps li{counter-increment:paso;position:relative;padding:.1rem 0 .9rem 3.4rem;margin-bottom:.4rem;border-left:2px solid var(--galva-claro);margin-left:1.1rem;padding-left:2.2rem}
ol.steps li:last-child{border-left-color:transparent}
ol.steps li::before{content:counter(paso);position:absolute;left:-1.15rem;top:-.1rem;width:2.2rem;height:2.2rem;display:grid;place-items:center;background:var(--antracita);color:#fff;font-weight:800;font-stretch:125%;font-size:1rem}
.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2rem;margin:1.2rem 0 1.6rem}
.cols>div{border-left:3px solid var(--galva);padding-left:1rem}
.cols p{margin:0;font-size:1rem}
@media (max-width:36rem){.cols{grid-template-columns:minmax(0,1fr)}}
table{width:100%;border-collapse:collapse;margin:1rem 0 1.6rem;font-size:.98rem}
th,td{text-align:left;vertical-align:top;padding:.7rem .8rem .7rem 0;border-bottom:1px solid var(--galva-claro)}
thead th{font-stretch:110%;font-weight:760;color:var(--antracita);border-bottom:2px solid var(--antracita)}
tbody th{font-weight:650;color:var(--antracita)}
.tabla{overflow-x:auto}

/* preguntas */
.faq{margin-top:2.6rem}
.faq details{border-top:1px solid var(--galva);padding:.9rem 0}
.faq details:last-of-type{border-bottom:1px solid var(--galva)}
.faq summary{cursor:pointer;font-weight:700;color:var(--antracita);list-style:none;position:relative;padding-right:2rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:-.15rem;font-size:1.4rem;font-weight:500;color:var(--azul)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:.6rem 0 0}

/* lateral */
.ficha{background:#fff;border-top:4px solid var(--antracita);padding:1.3rem 1.3rem 1.4rem;position:sticky;top:1.5rem}
.ficha h2{font-size:1.15rem;margin:0 0 .5rem;font-stretch:110%}
.ficha p{font-size:.98rem;color:var(--suave)}
.ficha ul{list-style:none;padding:0;margin:1.2rem 0 0;border-top:1px solid var(--galva-claro)}
.ficha li a{display:block;padding:.55rem 0;border-bottom:1px solid var(--galva-claro);text-decoration:none;font-weight:600}
.ficha li a:hover{text-decoration:underline}

/* índice de servicios */
.indice{list-style:none;padding:0;margin:1.4rem 0 0;border-top:2px solid var(--antracita)}
.indice a{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:.4rem 2rem;padding:1.05rem 0;border-bottom:1px solid var(--galva);text-decoration:none;color:var(--texto)}
.indice a:hover{background:#fff}
.indice b{font-stretch:118%;font-weight:760;font-size:1.2rem;color:var(--antracita);line-height:1.2}
.indice a:hover b{color:var(--azul)}
@media (max-width:40rem){.indice a{grid-template-columns:minmax(0,1fr)}}
.seccion{padding:3.2rem 0}
.seccion>.wrap>h2:first-child{margin-top:0}
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:1.4rem}
.tres>div{border-top:3px solid var(--antracita);padding-top:1rem}
@media (max-width:52rem){.tres{grid-template-columns:minmax(0,1fr)}}
.pasos-h{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;counter-reset:p}
.pasos-h li{counter-increment:p;border-top:1px solid var(--galva);padding-top:.9rem}
.pasos-h li::before{content:counter(p);display:block;font-stretch:125%;font-weight:800;font-size:2.4rem;line-height:1;color:var(--galva);margin-bottom:.5rem}
@media (max-width:52rem){.pasos-h{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:30rem){.pasos-h{grid-template-columns:minmax(0,1fr)}}
.banda-amianto{background:#fff;border-top:1px solid var(--galva-claro);border-bottom:1px solid var(--galva-claro)}
.banda-amianto .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.banda-amianto img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media (max-width:52rem){.banda-amianto .wrap{grid-template-columns:minmax(0,1fr)}}
.relacionados{border-top:1px solid var(--galva);margin-top:2.6rem;padding-top:1.2rem}
.relacionados h2{font-size:1.15rem;margin:0 0 .6rem}
.relacionados ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1.6rem}
.relacionados a{font-weight:650}

/* formulario */
.bloque-form{background:var(--antracita);color:#E9ECEE;position:relative;margin-top:24px}
.bloque-form::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px;background:var(--greca-antracita) repeat-x left bottom;background-size:120px 24px}
.bloque-form .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4.5rem);padding-top:3rem;padding-bottom:3.5rem}
@media (max-width:52rem){.bloque-form .wrap{grid-template-columns:minmax(0,1fr)}}
.bloque-form h2{color:#fff;margin-top:0}
.bloque-form a{color:#fff}
.bloque-form .intro p{color:#C9CFD3}
form .rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.2rem}
form .ancho{grid-column:1/-1}
@media (max-width:36rem){form .rejilla{grid-template-columns:minmax(0,1fr)}}
label{display:block;font-weight:650;font-size:.95rem;color:#fff}
label .opc{font-weight:400;color:#AEB6BC}
input,select,textarea{display:block;width:100%;margin-top:.35rem;font:inherit;font-size:1rem;color:var(--texto);background:#fff;border:2px solid #fff;border-radius:2px;padding:.65rem .75rem}
input:focus,select:focus,textarea:focus{outline:3px solid var(--amarillo);outline-offset:0}
textarea{min-height:8rem;resize:vertical}
.form-pie{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.3rem}
.form-pie p{margin:0;font-size:.9rem;color:#C9CFD3;max-width:28rem}
.bloque-form .btn{background:var(--amarillo);border-color:var(--amarillo);color:var(--antracita-2)}
.bloque-form .btn:hover{background:#fff;border-color:#fff;color:var(--antracita-2)}
.error{background:var(--amarillo);color:var(--antracita-2);padding:.8rem 1rem;font-weight:650;margin-bottom:1.2rem}

/* pie */
.pie{background:var(--antracita-2);color:#BFC6CB;font-size:.95rem}
.pie .wrap{display:grid;grid-template-columns:1.2fr 2fr;gap:2rem;padding-top:2.5rem;padding-bottom:2rem}
.pie a{color:#E3E7EA;text-decoration:none}
.pie a:hover{text-decoration:underline;color:#fff}
.pie ul{list-style:none;padding:0;margin:0;columns:2;column-gap:2rem}
.pie li{margin-bottom:.45rem;break-inside:avoid}
.pie .marca{color:#fff;margin-bottom:.7rem}
.pie .legal{grid-column:1/-1;border-top:1px solid #3C454C;padding-top:1.1rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
@media (max-width:44rem){.pie .wrap{grid-template-columns:minmax(0,1fr)}.pie ul{columns:1}}
.legal-texto{padding-top:2.5rem;padding-bottom:4rem}
.legal-texto>*{max-width:var(--col)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
h1,h2{overflow-wrap:break-word}
@media (max-width:22.5rem){h1{hyphens:auto}}
@media (max-width:30rem){
  h1,.heroe-servicio h1{font-size:2rem;font-stretch:108%}
  h2{font-stretch:105%}
  .top .wrap{gap:.75rem}
  .marca{font-size:1rem;gap:.45rem}
  .marca svg{width:1.7rem}
  .menu summary{padding:.45rem .65rem}
}