@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fuentes/roboto-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fuentes/roboto-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url("/assets/fuentes/poppins-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fuentes/poppins-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fuentes/poppins-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fuentes/poppins-latin-600-normal.woff2") format("woff2")}
:root{
  --marino:#1D3D59; --azul:#4A8FA7; --naranja:#F58A41;
  --gris-claro:#D9D9D8; --gris-oscuro:#5B5D5E;
  --papel:#F6F5F2; --azul-sobre-marino:#9FC4D4; --blanco:#FFFFFF; --tinta:#1B2733;
  --t-titulo:"Roboto",system-ui,sans-serif; --t-texto:"Poppins",system-ui,sans-serif;
  --ancho:1180px; --lado:clamp(16px,4vw,40px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--blanco);color:var(--tinta);font:400 16px/1.65 var(--t-texto);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--t-titulo);font-weight:700;line-height:1.12;margin:0;color:var(--marino);letter-spacing:-.01em}
p{margin:0}
a{color:inherit}
.contenedor{max-width:var(--ancho);margin:0 auto;padding:0 var(--lado)}
.pendiente{background:rgba(245,138,65,.12);border-bottom:2px dashed var(--naranja);padding:0 .2em}

.aviso{background:var(--naranja);color:var(--marino);font:600 12px/1 var(--t-texto);letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:8px var(--lado)}

.logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--marino)}
.logo .fu{fill:currentColor;display:block}
.logo .regla{align-self:stretch;width:1px;background:var(--gris-claro)}
.logo .fin{font:700 1em/1 var(--t-titulo);letter-spacing:.01em}
.logo .com{font:500 .42em/1 var(--t-texto);color:var(--azul);letter-spacing:.06em}
.logo .do{font:500 .30em/1 var(--t-texto);color:var(--naranja);letter-spacing:.08em}
.logo--escalonado{font-size:var(--x,64px);gap:.32em}
.logo--escalonado .fu{width:1.16em;height:auto}
.logo--escalonado .regla{margin:.04em 0}
.logo--escalonado .marca{display:flex;flex-direction:column;align-items:flex-end;gap:.08em}
.logo--horizontal{font-size:var(--x,24px);gap:.42em}
.logo--horizontal .fu{width:1.25em;height:auto}
.logo--horizontal .marca{display:flex;align-items:baseline}
.logo--horizontal .com,.logo--horizontal .do{font:400 1em/1 var(--t-titulo);color:var(--azul);letter-spacing:0}
.sobre-oscuro .logo,.logo.sobre-oscuro{color:var(--blanco)}
.sobre-oscuro .logo .com,.logo.sobre-oscuro .com{color:var(--azul-sobre-marino)}
.sobre-oscuro .logo--horizontal .do{color:var(--azul-sobre-marino)}
.sobre-oscuro .logo .regla,.logo.sobre-oscuro .regla{background:rgba(255,255,255,.32)}

.cabecera{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--gris-claro)}
.cabecera .contenedor{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}
.menu{display:flex;gap:26px;font:500 14px/1 var(--t-texto)}
.menu a{text-decoration:none;color:var(--gris-oscuro)}
.menu a:hover{color:var(--marino)}
.boton{display:inline-flex;align-items:center;gap:.5em;font:600 15px/1 var(--t-texto);text-decoration:none;padding:14px 22px;border-radius:6px;border:1.5px solid transparent;transition:transform .15s ease,background .15s ease}
.boton:hover{transform:translateY(-1px)}
.boton--naranja{background:var(--naranja);color:var(--marino)}
.boton--naranja:hover{background:#f79a58}
.boton--borde{border-color:rgba(255,255,255,.55);color:var(--blanco)}
.boton--borde:hover{background:rgba(255,255,255,.08)}
.boton--marino{background:var(--marino);color:var(--blanco)}
.cabecera .boton{padding:11px 18px;font-size:14px}
.boton svg{width:18px;height:18px;fill:currentColor}

.portada{background:var(--marino);color:var(--blanco);position:relative;overflow:hidden}
.portada::after{content:"";position:absolute;right:-6%;bottom:-30%;width:58%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(74,143,167,.22),transparent);pointer-events:none}
.portada .contenedor{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:48px;padding-top:clamp(56px,9vw,112px);padding-bottom:clamp(56px,9vw,112px);position:relative;z-index:1}
.antetitulo{font:600 12px/1 var(--t-texto);letter-spacing:.22em;text-transform:uppercase;color:var(--marino)}
.portada .antetitulo{color:var(--azul-sobre-marino)}
.portada h1{color:var(--blanco);font-size:clamp(40px,6.4vw,76px);margin:18px 0 22px}
.portada h1 b{color:var(--naranja);font-weight:700}
.portada p.entrada{font-weight:300;font-size:clamp(17px,1.6vw,19px);max-width:34em;color:rgba(255,255,255,.86)}
.portada .acciones{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.portada .logo-grande{justify-self:end;--x:clamp(72px,9vw,120px)}

.indice{background:var(--papel);border-bottom:1px solid var(--gris-claro)}
.indice ol{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.indice li{border-left:1px solid var(--gris-claro)}
.indice li:last-child{border-right:1px solid var(--gris-claro)}
.indice a{display:block;padding:26px 24px 28px;text-decoration:none;height:100%;transition:background .15s}
.indice a:hover{background:var(--blanco)}
.indice .num{font:400 13px/1 var(--t-titulo);color:var(--gris-oscuro);letter-spacing:.1em}
.indice .num::after{content:"";display:inline-block;width:18px;height:2px;background:var(--naranja);vertical-align:middle;margin-left:10px}
.indice .marca-bloque{display:block;font:600 11px/1 var(--t-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--marino);margin:14px 0 8px}
.indice .tit{display:block;font:700 19px/1.2 var(--t-titulo);color:var(--marino)}
.indice .lin{display:block;font-size:14px;color:var(--gris-oscuro);margin-top:6px;line-height:1.5}
.indice li.estrella a{background:var(--marino)}
.indice li.estrella .tit{color:var(--blanco)}
.indice li.estrella .lin{color:rgba(255,255,255,.75)}
.indice li.estrella .marca-bloque{color:var(--azul-sobre-marino)}
.indice li.estrella .num{color:rgba(255,255,255,.8)}

.seccion{padding:clamp(64px,9vw,112px) 0}
.seccion--papel{background:var(--papel)}
.seccion .rejilla{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,88px);align-items:start}
.seccion .cabeza{position:sticky;top:110px}
.seccion h2{font-size:clamp(30px,3.6vw,44px);margin:16px 0 18px}
.seccion .cabeza p{color:var(--gris-oscuro);font-size:17px;max-width:30em}
.etiqueta{display:inline-flex;align-items:center;gap:10px}
.etiqueta .barra{width:28px;height:2px;background:var(--naranja)}
.servicios{list-style:none;margin:0;padding:0;border-top:1px solid var(--gris-claro)}
.servicios li{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;padding:22px 0;border-bottom:1px solid var(--gris-claro)}
.servicios .n{font:400 14px/1.9 var(--t-titulo);color:var(--gris-oscuro);grid-row:span 2}
.servicios h3{font-size:19px}
.servicios p{color:var(--gris-oscuro);font-size:15.5px}
.nota-pendiente{margin-top:22px;font-size:14px;color:var(--gris-oscuro)}

.tarjetas{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tarjeta{background:var(--blanco);border:1px solid var(--gris-claro);border-radius:10px;padding:26px 24px;position:relative}
.tarjeta::before{content:"";position:absolute;left:24px;top:0;width:32px;height:3px;background:var(--azul)}
.tarjeta h3{font-size:19px;margin-bottom:8px}
.tarjeta p{color:var(--gris-oscuro);font-size:15px}
.cta-linea{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}

.estrella{background:var(--marino);color:var(--blanco);position:relative;overflow:hidden}
.estrella h2{color:var(--blanco)}
.estrella .cabeza p{color:rgba(255,255,255,.8)}
.estrella .antetitulo{color:var(--azul-sobre-marino)}
.estrella .marca-cai{margin-bottom:26px;font:700 22px/1.2 var(--t-titulo);color:var(--blanco);letter-spacing:.02em}
.estrella .marca-cai span{display:block;font:500 12px/1.4 var(--t-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--azul-sobre-marino);margin-top:4px}
.estrella .servicios{border-color:rgba(255,255,255,.18)}
.estrella .servicios li{border-color:rgba(255,255,255,.18)}
.estrella .servicios h3{color:var(--blanco)}
.estrella .servicios p{color:rgba(255,255,255,.72)}
.estrella .servicios .n{color:var(--naranja)}
.respaldo{margin-top:28px;font-size:14px;color:rgba(255,255,255,.75)}
.estrella .pendiente{background:rgba(245,138,65,.2)}

.pasos{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:paso;position:relative}
.pasos::before{content:"";position:absolute;top:22px;left:22px;right:calc((100% - 84px)/4 - 22px);height:1px;background:var(--gris-claro)}
.pasos li{position:relative;counter-increment:paso}
.pasos li::before{content:counter(paso);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blanco);border:1.5px solid var(--naranja);color:var(--marino);font:700 17px/1 var(--t-titulo);margin-bottom:18px;position:relative}
.pasos h3{font-size:18px;margin-bottom:6px}
.pasos p{color:var(--gris-oscuro);font-size:15px}
.centrado{text-align:center;max-width:40em;margin:0 auto}
.centrado h2{margin-top:16px}

.contacto .rejilla{align-items:center}
.datos{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.datos li{display:grid;grid-template-columns:110px 1fr;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--gris-claro)}
.datos .k{font:600 12px/1.9 var(--t-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--marino)}
.datos a{color:var(--marino);font-weight:500}
.datos .alterno{font:600 13px/1.6 var(--t-texto);letter-spacing:.12em;color:var(--gris-oscuro)}

.pie{background:var(--marino);color:rgba(255,255,255,.7);font-size:14px}
.pie .contenedor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-top:40px;padding-bottom:40px}
.pie .lema{font:400 15px/1.4 var(--t-texto);color:rgba(255,255,255,.85)}
.pie .lema b{font-weight:600;color:var(--blanco)}
.pie .pie-legal{flex-basis:100%;margin:0;font-size:13px;color:rgba(255,255,255,.6)}
.pie .pie-legal a{color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:3px}
.pie .pie-legal a:hover{color:var(--blanco)}
.faq--abierta details summary{cursor:default}
.prosa{max-width:40em}
.prosa p{margin:0 0 18px;font-size:17px;line-height:1.65}
.prosa h3{font-size:20px;margin:26px 0 10px}
.prosa h3:first-child{margin-top:0}
.prosa .boton{margin:6px 0 14px}

@media (max-width:900px){
  .menu{display:none}
  .portada .contenedor{grid-template-columns:1fr}
  .portada .logo-grande{display:none}
  .indice ol{grid-template-columns:1fr 1fr}
  .indice li:nth-child(2n){border-right:1px solid var(--gris-claro)}
  .indice li{border-bottom:1px solid var(--gris-claro)}
  .seccion .rejilla{grid-template-columns:1fr}
  .seccion .cabeza{position:static}
  .pasos{grid-template-columns:1fr 1fr}
  .pasos::before{display:none}
}
@media (max-width:560px){
  .indice ol{grid-template-columns:1fr}
  .indice li{border-right:1px solid var(--gris-claro)}
  .tarjetas{grid-template-columns:1fr}
  .pasos{grid-template-columns:1fr}
  .datos li{grid-template-columns:1fr;gap:2px}
  .cabecera .boton span{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boton{transition:none}}

.menu a[aria-current]{color:var(--marino);box-shadow:inset 0 -2px 0 var(--naranja);padding-bottom:6px}

.cabeza-pagina{background:var(--marino);color:var(--blanco)}
.cabeza-pagina .contenedor{padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(48px,7vw,88px);display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}
.cabeza-pagina .antetitulo{color:var(--azul-sobre-marino)}
.cabeza-pagina h1{color:var(--blanco);font-size:clamp(34px,5vw,58px);margin:16px 0 18px}
.cabeza-pagina p.entrada{font-weight:300;font-size:clamp(17px,1.5vw,19px);max-width:36em;color:rgba(255,255,255,.86)}
.cabeza-pagina .acciones{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.cabeza-pagina .sello-marca{justify-self:end;text-align:right}
.cabeza-pagina .sello-marca .nombre{font:700 clamp(30px,4vw,48px)/1 var(--t-titulo);color:var(--blanco);display:block}
.cabeza-pagina .sello-marca .sub{font:500 13px/1.4 var(--t-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--azul-sobre-marino);display:block;margin-top:10px}
.migas{font-size:13px;color:rgba(255,255,255,.7);margin-bottom:6px}
.migas a{color:rgba(255,255,255,.85)}

.problemas{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.problemas a{display:flex;flex-direction:column;gap:8px;height:100%;padding:26px 24px 24px;background:var(--blanco);border:1px solid var(--gris-claro);border-radius:10px;text-decoration:none;transition:border-color .15s,transform .15s}
.problemas a:hover{border-color:var(--marino);transform:translateY(-2px)}
.problemas h3{font-size:20px}
.problemas p{color:var(--gris-oscuro);font-size:15px;flex:1}
.problemas .ir{font:600 13px/1 var(--t-texto);color:var(--marino);letter-spacing:.04em;margin-top:6px}
.problemas .ir::after{content:"";display:inline-block;width:16px;height:2px;background:var(--naranja);vertical-align:middle;margin-left:10px}
.problemas .quien{font:600 11px/1 var(--t-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--gris-oscuro)}

.marcas{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.marcas a{display:flex;flex-direction:column;height:100%;padding:28px 24px;border-radius:10px;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:var(--blanco);transition:transform .15s,background .15s}
.marcas a:hover{background:rgba(255,255,255,.1)}
.marcas a:hover{transform:translateY(-2px)}
.marcas .nombre{font:700 24px/1.1 var(--t-titulo)}
.marcas .nombre small{display:block;font:500 11px/1.4 var(--t-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--azul-sobre-marino);margin-top:8px}
.marcas p{font-size:15px;color:rgba(255,255,255,.8);margin-top:14px;flex:1}
.marcas .ir{font:600 13px/1 var(--t-texto);margin-top:18px}
.marcas .ir::after{content:"";display:inline-block;width:16px;height:2px;background:var(--naranja);vertical-align:middle;margin-left:10px}

.situaciones{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.situaciones li{background:var(--blanco);border:1px solid var(--gris-claro);border-left:3px solid var(--naranja);border-radius:8px;padding:20px 22px}
.situaciones h3{font-size:17px;margin-bottom:6px}
.situaciones p{color:var(--gris-oscuro);font-size:15px}

.categorias{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.categorias li{background:var(--blanco);border:1px solid var(--gris-claro);border-radius:10px;padding:26px 24px;position:relative}
.categorias li::before{content:"";position:absolute;left:24px;top:0;width:32px;height:3px;background:var(--azul)}
.categorias h3{font-size:19px;margin-bottom:8px}
.categorias p{color:var(--gris-oscuro);font-size:15px}
.categorias li.abierta{background:var(--papel);border-style:dashed}
.categorias li.abierta::before{background:var(--naranja)}

.modalidades{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.modalidades li{padding:22px 0;border-top:2px solid var(--marino)}
.modalidades h3{font-size:19px;margin-bottom:6px}
.modalidades p{color:var(--gris-oscuro);font-size:15px}
.marcas-texto{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.marcas-texto span{font:700 18px/1 var(--t-titulo);color:var(--marino);border:1px solid var(--gris-claro);border-radius:6px;padding:14px 20px;background:var(--blanco)}

.responsable{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;background:var(--blanco);border:1px solid var(--gris-claro);border-radius:12px;padding:28px}
.responsable .inicial{width:64px;height:64px;border-radius:50%;background:var(--marino);display:grid;place-items:center}
.responsable .inicial svg{width:34px;fill:var(--blanco)}
.responsable .nombre{font:700 20px/1.2 var(--t-titulo);color:var(--marino)}
.responsable .lema{font:600 12px/1.4 var(--t-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--gris-oscuro);margin:6px 0}
.responsable p{color:var(--gris-oscuro);font-size:15px}
.estrella .responsable{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.estrella .responsable .nombre{color:var(--blanco)}
.estrella .responsable .lema,.estrella .responsable p{color:rgba(255,255,255,.78)}
.estrella .responsable .inicial{background:var(--blanco)}
.estrella .responsable .inicial svg{fill:var(--marino)}

.cabeza-seccion{max-width:44em}
.cabeza-seccion h2{font-size:clamp(28px,3.4vw,42px);margin:16px 0 14px}
.cabeza-seccion p{color:var(--gris-oscuro);font-size:17px}
.nota-legal{margin-top:26px;font-size:14px;color:var(--gris-oscuro)}

.menu-movil{display:none;position:relative}
.menu-movil summary{list-style:none;cursor:pointer;font:600 14px/1 var(--t-texto);color:var(--marino);padding:11px 14px;border:1.5px solid var(--gris-claro);border-radius:6px}
.menu-movil summary::-webkit-details-marker{display:none}
.menu-movil[open] summary{border-color:var(--marino)}
.menu-movil nav{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:var(--blanco);border:1px solid var(--gris-claro);border-radius:10px;box-shadow:0 12px 32px rgba(29,61,89,.14);padding:8px;display:flex;flex-direction:column}
.menu-movil nav a{padding:12px 14px;text-decoration:none;color:var(--marino);font:500 15px/1.2 var(--t-texto);border-radius:6px}
.menu-movil nav a:hover,.menu-movil nav a[aria-current]{background:var(--papel)}

@media (max-width:900px){
  .menu-movil{display:block;margin-left:auto}
  .cabeza-pagina .contenedor{grid-template-columns:1fr}
  .cabeza-pagina .sello-marca{justify-self:start;text-align:left}
  .problemas,.categorias,.modalidades{grid-template-columns:1fr 1fr}
  .marcas{grid-template-columns:1fr 1fr}
  .situaciones{grid-template-columns:1fr}
}
@media (max-width:560px){
  .cabecera .contenedor{gap:10px}
  .cabecera .logo--horizontal{--x:19px}
  .menu-movil summary{padding:10px 12px}
  .cabecera .boton{padding:10px 12px}
  .problemas,.categorias,.modalidades,.marcas{grid-template-columns:1fr}
  .responsable{grid-template-columns:1fr}
}

.logo-fg{display:inline-flex;align-items:center;line-height:0;text-decoration:none}
.logo-fg svg{height:30px;width:auto;display:block}
.logo-fg .fg-simbolo{fill:var(--marino)}
.logo-fg .fg-fin,.logo-fg .fg-group{fill:var(--gris-oscuro)}
.sobre-oscuro .logo-fg .fg-simbolo,.logo-fg.sobre-oscuro .fg-simbolo{fill:var(--azul)}
.sobre-oscuro .logo-fg .fg-fin,.sobre-oscuro .logo-fg .fg-group,.logo-fg.sobre-oscuro .fg-fin,.logo-fg.sobre-oscuro .fg-group{fill:var(--blanco)}
.logo-fg--grande{justify-self:end}
.logo-fg--grande svg{height:clamp(56px,7vw,92px)}
.logo-fg--pie svg{height:26px}
.proximo{display:inline-block;vertical-align:middle;margin-left:8px;font:600 11px/1 var(--t-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--marino);background:var(--papel);border:1px solid var(--gris-claro);border-radius:999px;padding:5px 9px}
.separado{margin-top:56px}
.margen-abajo{margin-bottom:36px}
.margen-abajo-corto{margin-bottom:28px}
.titulo-marcas{margin-top:44px;font-size:19px}
.sobre-oscuro-texto{color:rgba(255,255,255,.8)!important}
@media (max-width:560px){.cabecera .logo-fg svg{height:24px}}
.abierta-linea{margin-top:22px;display:grid;grid-template-columns:auto 1fr auto;gap:8px 24px;align-items:center;background:var(--papel);border:1px dashed var(--gris-claro);border-left:3px solid var(--naranja);border-radius:10px;padding:22px 24px}
.abierta-linea h3{font-size:19px}
.abierta-linea p{color:var(--gris-oscuro);font-size:15px}
@media (max-width:900px){.abierta-linea{grid-template-columns:1fr}}

.cabecera .contenedor{height:80px}
html{scroll-padding-top:96px}
.cabecera .logo-fg svg{height:28px}
.logo-empresa{--x:clamp(52px,5.4vw,66px)}
.logo-empresa .desc{font:500 .24em/1.25 var(--t-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--azul-sobre-marino);text-align:right;margin-top:.35em;max-width:11em}
.cabeza-pagina .logo-grande{justify-self:end}
.rejilla > .firma{grid-column:1/-1}
.responsable{max-width:560px}
.migas{margin-bottom:22px}
.proximo{background:rgba(245,138,65,.14);border-color:rgba(245,138,65,.55);color:var(--marino)}
.marcas-texto span{border:0;background:none;padding:0 20px 0 0;font-size:22px}
.marcas-texto span+span{border-left:1px solid var(--gris-claro);padding-left:20px}
.situaciones li{border-left:1px solid var(--gris-claro);border-radius:10px;position:relative}
.situaciones li::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--naranja)}
a:focus-visible,summary:focus-visible,.boton:focus-visible{outline:2px solid var(--marino);outline-offset:3px;border-radius:6px}
.portada :focus-visible,.cabeza-pagina :focus-visible,.estrella :focus-visible,.pie :focus-visible{outline-color:var(--naranja)}
.menu-movil summary{padding:13px 14px}
.cabecera .boton{min-height:44px;min-width:44px;justify-content:center}
@media (max-width:900px){
  .cabeza-pagina .logo-grande{order:-1;margin-bottom:8px;justify-self:start;--x:30px}
        .logo-empresa .desc{font-size:.36em;text-align:left}
  .problemas li:last-child:nth-child(odd),.categorias li:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:560px){
  .proximo{display:table;margin:8px 0 0}
  .problemas li:last-child:nth-child(odd),.categorias li:last-child:nth-child(odd){grid-column:auto}
}
@media (max-width:900px){.modalidades li:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:560px){.modalidades li:last-child:nth-child(odd){grid-column:auto}}

.migas a{color:rgba(255,255,255,.85)}
.lista-check{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lista-check li{position:relative;padding:14px 16px 14px 46px;background:var(--blanco);border:1px solid var(--gris-claro);border-radius:10px;font-size:16px}
.lista-check li::before{content:"";position:absolute;left:18px;top:20px;width:12px;height:7px;border-left:2px solid var(--marino);border-bottom:2px solid var(--marino);transform:rotate(-45deg)}
.seccion--papel .lista-check li{background:var(--blanco)}
.faq{display:grid;gap:12px;max-width:820px}
.faq details{background:var(--blanco);border:1px solid var(--gris-claro);border-radius:10px;padding:0 22px}
.faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font:700 17px/1.35 var(--t-titulo);color:var(--marino);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font:500 24px/1 var(--t-texto);color:var(--marino)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{padding:0 0 18px;color:var(--gris-oscuro)}
.faq a,.situaciones a{color:var(--marino);font-weight:600}
.enlace-titulo{color:inherit;text-decoration:none;border-bottom:2px solid var(--naranja)}
.enlace-titulo:hover{color:var(--marino);border-bottom-color:var(--marino)}
.cifras{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cifras li{background:var(--blanco);border:1px solid var(--gris-claro);border-radius:10px;padding:28px 24px}
.cifras .valor{display:block;font:700 clamp(30px,4vw,44px)/1 var(--t-titulo);color:var(--marino)}
.cifras .que{display:block;margin-top:10px;color:var(--gris-oscuro);font-size:15px}
.sectores{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}
.sectores li{border-top:2px solid var(--marino);padding:16px 0 18px;font:700 18px/1.3 var(--t-titulo);color:var(--marino)}
.resenas{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}
.resenas h2{font-size:clamp(26px,3vw,36px);margin:16px 0 10px}
.resenas p{color:var(--gris-oscuro)}
.resenas-acciones{display:flex;flex-wrap:wrap;gap:12px}
.boton--borde-marino{border-color:var(--marino);color:var(--marino)}
.resenas .nota-pendiente{grid-column:1/-1}
@media (max-width:900px){.cifras{grid-template-columns:1fr}.resenas{grid-template-columns:1fr}}

.estrella .lista-check li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:var(--blanco)}
.estrella .lista-check li::before{border-color:var(--azul-sobre-marino)}
.estrella .cabeza{position:static}
.estrella .pasos::before{background:rgba(255,255,255,.22)}
.estrella .pasos li::before{background:var(--marino);color:var(--blanco)}
.estrella .pasos h3{color:var(--blanco)}
.estrella .pasos p{color:rgba(255,255,255,.78)}
.estrella .centrado h2{color:var(--blanco)}
.migas{font-size:14px;line-height:1.5}
.migas a{display:inline-block;padding:12px 0;margin:-12px 0}
.migas a,.migas [aria-current]{white-space:nowrap}
.rejilla .faq{max-width:none}
.situaciones li{position:relative}
.situaciones .enlace-titulo::after{content:"";position:absolute;inset:0;border-radius:10px}
.situaciones li:has(.enlace-titulo):hover{border-color:var(--marino)}
.situaciones li:has(.enlace-titulo:focus-visible){outline:2px solid var(--marino);outline-offset:3px}
.situaciones .enlace-titulo:focus-visible{outline:none}
.situaciones .ir{display:inline-block;margin-top:10px;font:600 13px/1 var(--t-texto);color:var(--marino);letter-spacing:.04em}
.situaciones .ir::after{content:"";display:inline-block;width:16px;height:2px;background:var(--naranja);vertical-align:middle;margin-left:10px}
.menu-movil summary{min-height:44px;display:flex;align-items:center}
@media (max-width:900px){.logo-empresa .marca{align-items:flex-start}.sectores{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sectores{grid-template-columns:1fr}}

.cabeza-pagina .precio{margin:1rem 0 0;color:#9FC4D4;font-size:1rem}
.cabeza-pagina .precio b{color:#fff;font-family:"Roboto",sans-serif;font-size:1.35rem;font-weight:700}

.ubicacion-caja{display:none;margin-top:1rem;max-width:34rem}
@media (pointer:coarse) and (scripting:enabled){.ubicacion-caja:not([hidden]){display:block}}
.boton--ubicacion{background:transparent;color:inherit;border:1.5px solid currentColor;cursor:pointer;font:inherit}
.ubicacion-nota{margin:.5rem 0 0;font-size:.85rem;opacity:.85}
.ubicacion-estado{margin:.35rem 0 0;font-size:.85rem}
.ubicacion-estado:empty{display:none}

.seccion--corta{padding-top:0}

.descarga{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:600;color:var(--marino);text-decoration:underline;text-underline-offset:3px}
.descarga:hover{color:var(--azul)}
.fichas{margin-bottom:28px}

.pie .logo-pie{--x:44px;color:var(--blanco);align-items:flex-start;gap:0;margin-bottom:20px}
.pie .logo-pie .fu{width:1.2em;margin:.12em .42em 0 0}
.pie .logo-pie .regla{width:1.5px;margin:.02em .30em 0 0;background:rgba(255,255,255,.32)}
.pie .logo-pie .marca{gap:.02em}
.pie .logo-pie .com{letter-spacing:.10em;margin-top:-.06em}
.pie .logo-pie .do{letter-spacing:.16em}

.cabeza-pagina .logo-grande{align-items:flex-start}
.cabeza-pagina .logo-grande .fu{flex-shrink:0;margin-top:.12em}
.cabeza-pagina .logo-grande .regla{margin:.02em 0 .02em;width:1.5px}
.logo-empresa .fin{white-space:nowrap}
.hero-nota{margin:14px 0 0;font-size:14px;color:rgba(255,255,255,.82);max-width:34rem}
.hero-nota a{color:var(--blanco);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.cabeza-pagina .precio + .acciones,.cabeza-pagina .nota-pendiente + .acciones{margin-top:18px}
.abierta-linea h2{font:700 19px/1.2 var(--t-titulo);color:var(--marino);margin:0}
.abierta-acciones{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.enlace-secundario{font-weight:600;color:var(--marino);text-decoration:underline;text-underline-offset:3px}
.categorias h4{font:700 19px/1.12 var(--t-titulo);color:var(--marino);margin:0 0 8px}
.categorias .ir,.situaciones a.ir{display:inline-block;margin-top:12px;font-weight:600;font-size:14px;color:var(--marino);text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.titulo-marcas{margin-bottom:16px}
.nota-marcas{margin-top:12px;font-size:13px;color:var(--gris-oscuro)}
.nota-precio{margin-top:16px;font-size:14px;color:var(--gris-oscuro)}
.cuadro-area{width:100%;border-collapse:collapse;background:var(--blanco);border:1px solid var(--gris-claro);border-radius:10px;overflow:hidden;font-size:15px}
.cuadro-area th,.cuadro-area td{padding:14px 18px;border-bottom:1px solid var(--gris-claro);text-align:left}
.cuadro-area td{text-align:right;font-variant-numeric:tabular-nums;color:var(--marino);font-weight:600;white-space:nowrap}
.cuadro-area th{font-weight:400;color:var(--gris-oscuro)}
.cuadro-area .total th,.cuadro-area .total td{border-bottom:0;background:var(--papel);color:var(--marino);font-weight:700}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:16px;top:-60px;z-index:30;background:var(--marino);color:var(--blanco);padding:12px 16px;border-radius:6px;font-weight:600;text-decoration:none}
.saltar:focus{top:12px}
main:focus{outline:none}
h1,h2,h3,.faq summary{text-wrap:balance}
p,li{text-wrap:pretty}
.datos a{display:inline-block;padding:11px 0;margin:-11px 0}
.logo-fg{min-height:44px;display:inline-flex;align-items:center}
.menu-movil nav a{padding:13px 14px}
.contacto .ubicacion-nota{opacity:1}
@media (max-width:560px){.cabecera .contenedor{position:relative}.menu-movil{position:static}.menu-movil nav{left:16px;right:16px;min-width:0;top:100%}}
.situaciones .ir,.categorias .ir,a.ir,.enlace-secundario{display:inline-flex;align-items:center;min-height:44px}
.situaciones a.ir::after,.categorias a.ir::after{display:none}
.estrella .separado .responsable{max-width:560px;margin-left:auto;margin-right:auto}
@media (max-width:900px){.logo-empresa .desc{display:none}}
@media (max-width:560px){
  .cabeza-pagina .logo-grande{display:none}
  .cabecera .contenedor{height:64px;gap:8px}
  .cabecera .logo-fg svg{height:22px}
  .cabecera .boton span{display:inline}
  .cabecera .boton{padding:10px 12px;gap:6px;font-size:14px}
  .menu-movil summary{padding:0 12px}
  html{scroll-padding-top:80px}
}
.rejilla:has(> .firma) > .cabeza{position:static}

@media (min-width:901px){
  .problemas{grid-template-columns:repeat(6,1fr)}
  .problemas li{grid-column:span 2}
  .problemas li.destacada{grid-column:span 3}
}
.problemas li.destacada a{border-color:var(--marino);border-width:1.5px}
.problemas li.destacada h3{font-size:23px}
.seccion .etiqueta .barra{display:none}
.seccion .etiqueta{gap:0}
.problemas .ir::after,.marcas .ir::after{display:none}
.problemas .ir,.marcas .ir{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.marcas li:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:560px){.marcas li:last-child:nth-child(odd){grid-column:auto}}

.foto{margin:0;border-radius:10px;overflow:hidden;aspect-ratio:4/3;max-width:100%;background:var(--papel)}
.foto img{display:block;width:100%;height:100%;object-fit:cover}
.foto--falta{display:grid;place-items:center;padding:24px;text-align:center;font-size:14px;line-height:1.5;border:1.5px dashed rgba(255,255,255,.45);background:rgba(255,255,255,.06);color:var(--blanco)}
.seccion .foto--falta{border-color:var(--gris-claro);background:var(--papel);color:var(--gris-oscuro)}
.seccion .foto{margin-top:24px}
.portada .foto ~ .logo-grande,.cabeza-pagina .foto ~ .logo-grande{display:none}
@media (max-width:900px){.portada .foto,.cabeza-pagina .foto{aspect-ratio:16/7}}

.seccion .antetitulo{text-transform:none;letter-spacing:.01em;font:600 15px/1.3 var(--t-texto);color:var(--marino)}
.estrella .antetitulo{color:var(--azul-sobre-marino)}
.problemas .quien,.marcas .nombre small{letter-spacing:.1em}
.datos .k{letter-spacing:.1em}
.responsable .lema{letter-spacing:.06em}
@media (max-width:560px){
  body{font-size:17px}
  .servicios p,.problemas p,.situaciones p,.tarjeta p,.categorias p,.modalidades p,.pasos p,.faq details p,.caso p{font-size:16px}
}

.cabeza-pagina--corta .contenedor{grid-template-columns:1fr;padding-bottom:clamp(36px,5vw,56px)}

.formulario{display:grid;gap:18px;background:var(--blanco);border:1px solid var(--gris-claro);border-radius:12px;padding:clamp(20px,3vw,32px);position:relative;min-width:0}
.campo{display:grid;gap:6px;min-width:0}
.campo label{font:600 15px/1.3 var(--t-texto);color:var(--marino)}
.campo .opcional{font-weight:400;color:var(--gris-oscuro)}
.campo input:not([type=checkbox]):not([type=file]),.campo select,.campo textarea{width:100%;min-height:48px;padding:12px 14px;font:400 16px/1.4 var(--t-texto);color:var(--tinta);background:var(--blanco);border:1.5px solid var(--gris-claro);border-radius:8px}
.campo textarea{resize:vertical;min-height:132px}
.campo input[type=file]{width:100%;padding:12px;font:400 15px/1.4 var(--t-texto);color:var(--tinta);background:var(--papel);border:1.5px dashed var(--gris-claro);border-radius:8px}
.campo input:focus-visible,.campo select:focus-visible,.campo textarea:focus-visible{outline:2px solid var(--marino);outline-offset:1px;border-color:var(--marino)}
.campo input:user-invalid,.campo select:user-invalid,.campo textarea:user-invalid{border-color:#B3261E}
.ayuda{font-size:14px;color:var(--gris-oscuro)}
.campo--trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.campo--casilla{grid-template-columns:auto 1fr;align-items:start;gap:12px}
.campo--casilla input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--marino)}
.campo--casilla label{font-weight:400;color:var(--tinta)}
.nota-formulario{font-size:14px;color:var(--gris-oscuro)}
.formulario .boton{justify-self:start;cursor:pointer}
.formulario .boton:disabled{opacity:.6;cursor:wait}
.form-estado{padding:14px 16px;border-radius:8px;background:var(--papel);border-left:3px solid var(--marino);font-size:15px}
.form-estado.error{border-left-color:var(--naranja)}
.form-estado:empty{display:none}
.form-estado .boton{margin-top:12px}
.form-estado:focus{outline:none}

.nota-cifras{margin-top:18px;font-size:14px;color:var(--gris-oscuro)}
.separado-corto{margin-top:24px}
.servicios--marcas li{grid-template-columns:96px 1fr}
.servicios--marcas .n{font:700 15px/1.6 var(--t-titulo);color:var(--marino);letter-spacing:.02em}
.equipo{list-style:none;margin:0;padding:0;border-top:1px solid var(--gris-claro)}
.equipo li{display:flex;align-items:baseline;gap:14px;padding:16px 0;border-bottom:1px solid var(--gris-claro);font:500 17px/1.4 var(--t-texto);color:var(--marino)}
.equipo .valor{font:700 28px/1 var(--t-titulo);min-width:2.2em}
.casos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}
.caso{background:var(--blanco);border:1px solid var(--gris-claro);border-radius:12px;padding:28px;min-width:0}
.caso-tipo{font:600 13px/1.3 var(--t-texto);color:var(--gris-oscuro);letter-spacing:.06em;text-transform:uppercase}
.caso h3{font-size:22px;margin:10px 0 14px}
.caso p{color:var(--gris-oscuro);font-size:15.5px;margin-top:6px}
.caso b{color:var(--marino);font-weight:600}
.linea-tiempo{list-style:none;margin:20px 0 0 6px;padding:0 0 0 20px;border-left:2px solid var(--gris-claro);display:grid;gap:14px}
.linea-tiempo li{position:relative;font-size:15px;color:var(--tinta)}
.linea-tiempo li::before{content:"";position:absolute;left:-27px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--blanco);border:2px solid var(--naranja)}
.linea-tiempo .cuando{display:block;font:600 13px/1.3 var(--t-texto);color:var(--marino)}
.caso .nota-caso{font-size:13px;margin-top:18px}
.firma .responsable{margin:0 auto}
.sin-corte{white-space:nowrap}
.antetitulo{letter-spacing:.14em}
.seccion .antetitulo{letter-spacing:.01em}
.campo input:not([type=checkbox]):not([type=file]),.campo select,.campo textarea,.campo input[type=file]{border-color:#858889}
.boton{line-height:1.25;text-wrap:balance}
.antetitulo{line-height:1.45}
.seccion .antetitulo{line-height:1.3}
.campo--casilla input{width:24px;height:24px}
.foto--portada img{object-position:50% 35%}
.form-aviso{display:none;padding:14px 16px;border-radius:8px;background:var(--papel);border-left:3px solid var(--marino)}
.form-aviso:target{display:block}
@media (min-width:901px){.cifras{grid-template-columns:repeat(4,1fr)}.cifras li:first-child{grid-column:span 2}}
@media (max-width:900px){.cifras{grid-template-columns:1fr 1fr}.cifras li:first-child{grid-column:1/-1}.cifras li{padding:20px 16px}.cifras .valor{font-size:clamp(26px,7vw,34px)}}
@media (max-width:560px){.servicios--marcas li{grid-template-columns:72px 1fr}}
.aviso-wa{display:grid;gap:14px;margin-bottom:18px;padding:20px 22px;border-radius:12px;background:var(--papel);border:1px solid var(--gris-claro)}
.aviso-wa .boton{justify-self:start}
.texto-grande{font-size:18px;color:var(--tinta);max-width:36em}
.texto-grande + .texto-grande{margin-top:12px}
.precio-linea{margin-bottom:14px}
.responsable .lema{text-transform:none;letter-spacing:0;font:500 15px/1.4 var(--t-texto)}
.marcas .nombre small,.datos .k,.proximo,.caso-tipo{text-transform:none;letter-spacing:0}
.problemas .quien{letter-spacing:.04em}

.portada--foto{background:var(--marino)}
.portada--foto .foto{position:absolute;inset:0;margin:0;z-index:0;aspect-ratio:auto;border-radius:0;max-width:none}
.portada--foto .foto img{width:100%;height:100%;object-fit:cover;display:block}
.portada--foto .foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,61,89,.92) 0%,rgba(29,61,89,.78) 45%,rgba(29,61,89,.25) 100%)}
.portada--foto .contenedor{grid-template-columns:minmax(0,640px) 1fr;min-height:min(72vh,640px)}
.portada--foto .contenedor>div:first-child{position:relative;z-index:1;padding:34px 36px 34px 30px;border-left:4px solid var(--naranja);background:rgba(29,61,89,.55);backdrop-filter:blur(2px);border-radius:0 12px 12px 0}
.portada--foto::after{display:none}
.problemas a{padding:0 0 22px;overflow:hidden}
.problemas .foto-caso{display:block;width:100%;height:170px;aspect-ratio:auto;object-fit:cover;margin:0 0 6px;border-bottom:3px solid var(--naranja)}
.problemas .quien,.problemas h3,.problemas p,.problemas .ir{margin-left:24px;margin-right:24px}
.problemas .quien{margin-top:10px}
.marcas a{padding:0 0 26px;overflow:hidden}
.marcas .foto-marca{display:block;width:100%;height:190px;object-fit:cover;margin:0 0 14px}
.marcas .nombre,.marcas p,.marcas .ir{margin-left:24px;margin-right:24px}
.rejilla--foto{align-items:start}
.foto-lado{margin:0;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:var(--gris-claro)}
.foto-lado img{width:100%;height:100%;object-fit:cover;display:block}
.sectores-con-foto{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.resenas-google{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
@media (max-width:900px){.portada--foto .contenedor{grid-template-columns:1fr;min-height:0}.portada--foto .contenedor>div:first-child{padding:24px 22px}.sectores-con-foto{grid-template-columns:1fr}.resenas-google{grid-template-columns:1fr}}

@media (max-width:900px){.problemas .foto-caso{height:150px}.portada--foto .foto{aspect-ratio:auto}}

@media (max-width:900px){
  .portada--foto .foto{position:relative;inset:auto;height:200px;aspect-ratio:auto;border-radius:0;margin:0 -16px}
  .portada--foto .foto::after{background:linear-gradient(180deg,rgba(29,61,89,.05),rgba(29,61,89,.55))}
  .portada--foto .contenedor{padding-top:0;display:block}
  .portada--foto .contenedor>div:first-child{background:none;border-left:0;padding:26px 0 8px;backdrop-filter:none;border-radius:0}
}
@media (max-width:560px){
  .problemas a{display:grid;grid-template-columns:104px 1fr;grid-template-rows:auto auto auto;column-gap:14px;row-gap:4px;padding:0 14px 0 0;align-items:start}
  .problemas .foto-caso{grid-row:1/4;height:100%;min-height:118px;margin:0;border-bottom:0;border-right:3px solid var(--naranja)}
  .problemas .quien,.problemas h3,.problemas p,.problemas .ir{margin-left:0;margin-right:0}
  .problemas .quien{margin-top:12px}
  .problemas h3{font-size:17px;margin:0}
  .problemas p{font-size:14px;display:none}
  .problemas .ir{margin:2px 0 12px}
}

.productos{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.productos li{background:var(--blanco);border:1px solid var(--gris-claro);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.productos .foto-producto{display:block;width:100%;height:190px;object-fit:cover;border-bottom:3px solid var(--naranja)}
.productos .foto-producto--papel{object-fit:contain;background:#F6F5F2;padding:10px}
.productos .cuerpo{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.productos h3{font:700 20px/1.12 var(--t-titulo);color:var(--marino);margin:0 0 8px}
.productos .serie{display:inline-block;font:600 12px/1 var(--t-texto);letter-spacing:.06em;text-transform:uppercase;color:var(--marino);margin-left:6px;vertical-align:middle}
.productos .dato{font-size:13px;line-height:1.45;color:var(--marino);border-left:3px solid var(--azul);padding-left:10px;margin:0 0 10px}
.productos p{color:var(--gris-oscuro);font-size:15px;margin:0 0 8px}
.productos .ir,.productos .descarga{margin-top:auto}
.productos .descarga+.ir{margin-top:4px}
@media (max-width:1000px){.productos{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.productos{grid-template-columns:1fr}.productos .foto-producto{height:210px}}
.servicios li>a{grid-column:2;justify-self:start;margin-top:4px}
.categorias.fichas li{display:flex;flex-direction:column}
.categorias.fichas li .ir{margin-top:auto;padding-top:14px}
.productos h3{min-height:2.24em}
@media (max-width:560px){.productos h3{min-height:0}}
.productos--tres{grid-template-columns:repeat(3,1fr)}
.productos li.abierta{background:var(--papel);border-style:dashed}
.productos li.abierta .cuerpo{padding-top:26px}
@media (max-width:1000px){.productos--tres{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.productos--tres{grid-template-columns:1fr}}
.productos .foto-producto--arriba{object-position:center 18%}
.cabeza-pagina .logo-empresa{align-items:stretch}
.cabeza-pagina .logo-empresa .fu{height:2.02em;width:auto;margin-top:.04em;align-self:flex-start}
.cabeza-pagina .logo-empresa .marca{justify-content:space-between}
.cabeza-pagina .logo-empresa .desc{margin-top:.22em}
.mini{display:block;object-fit:cover;border-radius:8px;background:var(--gris-claro)}
.situaciones--foto li{display:grid;grid-template-columns:96px 1fr;column-gap:16px;align-items:start}
.situaciones--foto .mini{width:96px;height:96px;grid-row:1/4}
.situaciones--foto h3,.situaciones--foto p,.situaciones--foto .ir,.situaciones--foto span{grid-column:2}
.servicios--foto li{grid-template-columns:44px 88px 1fr}
.servicios--foto .n{grid-row:span 2}
.servicios--foto .mini{width:88px;height:66px;grid-row:span 2;margin-top:4px}
.servicios--foto li>h3,.servicios--foto li>p,.servicios--foto li>a{grid-column:3}
@media (max-width:700px){
  .situaciones--foto li{grid-template-columns:72px 1fr;column-gap:12px}
  .situaciones--foto .mini{width:72px;height:72px}
  .servicios--foto li{grid-template-columns:36px 1fr}
  .servicios--foto .mini{display:none}
  .servicios--foto li>h3,.servicios--foto li>p,.servicios--foto li>a{grid-column:2}
}
.icono{display:block;width:40px;height:40px;color:var(--marino);margin:0 0 12px}
.modalidades{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

.seccion--marino,.seccion--oscuro{position:relative;overflow:hidden;color:var(--blanco)}
.seccion--marino{background:var(--marino)}
.seccion--oscuro{background:var(--gris-oscuro)}
.seccion--marino::before,.seccion--oscuro::before,.estrella::after{content:"";position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:min(44%,460px);aspect-ratio:1;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}
.seccion--marino::before,.estrella::after{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjIyNi4wOCA5NS45MyAxMTQuNzEgMTA1LjY3Ij48cGF0aCBmaWxsPSIjNEE4RkE3IiBkPSJNIDIyNy40NDUzMTIgMTA3LjI4MTI1IEMgMjI3LjA3ODEyNSAxMDQuODAwNzgxIDIyOS41MzEyNSAxMDIuODI4MTI1IDIzMS45MjE4NzUgMTAzLjU4OTg0NCBDIDIzMy43ODUxNTYgMTA0LjE4MzU5NCAyMzYuNTE5NTMxIDEwNC42Nzk2ODggMjQwLjI5Njg3NSAxMDQuNTM1MTU2IEMgMjQ4Ljc1NzgxMiAxMDQuMjE0ODQ0IDMwNS41MTk1MzEgMTAxLjIxNDg0NCAzMTAuNjYwMTU2IDEwMC41NzQyMTkgQyAzMTUuODAwNzgxIDk5LjkzMzU5NCAzMjIuNjUyMzQ0IDk2LjkzMzU5NCAzMjYuMjk2ODc1IDk4Ljc1MzkwNiBDIDMyOS45Mzc1IDEwMC41NzQyMTkgMzM5Ljc4OTA2MiAxMDcuMTA1NDY5IDMzNi40Njg3NSAxMTEuMTc1NzgxIEMgMzMzLjE0ODQzOCAxMTUuMjQ2MDk0IDMyMy45Mzc1IDEzMS4wOTc2NTYgMzIzLjA4MjAzMSAxMzIuMzgyODEyIEMgMzIyLjIyMjY1NiAxMzMuNjY0MDYyIDMwOS44MDA3ODEgMTUzLjkwNjI1IDMwMC4zNzg5MDYgMTY0LjUwNzgxMiBDIDI5MC45NTMxMjUgMTc1LjExMzI4MSAyNjQuNzE0ODQ0IDE5OS45MjE4NzUgMjQ2LjUwNzgxMiAyMDAuNjAxNTYyIEMgMjQ2LjE0MDYyNSAxOTkuODA0Njg4IDI0Ni4xNzU3ODEgMTk4LjYyODkwNiAyNDYuOTAyMzQ0IDE5OC4xMzY3MTkgQyAyNTEuNDAyMzQ0IDE5NS4xMDU0NjkgMjY3LjI1IDE4NC4zODI4MTIgMjc5LjQ5NjA5NCAxNzAuNTA3ODEyIEMgMjkxLjk2ODc1IDE1Ni4zNzEwOTQgMzEzLjYwNTQ2OSAxMjYuMTMyODEyIDMxNy41OTM3NSAxMTQuNTg5ODQ0IEMgMzE4LjI1NzgxMiAxMTIuNjY0MDYyIDMxNi43NjE3MTkgMTEwLjY3NTc4MSAzMTQuNzIyNjU2IDExMC43NDYwOTQgQyAzMDMuNzM0Mzc1IDExMS4xMTcxODggMjY4LjU4NTkzOCAxMTIuNTI3MzQ0IDI1Ni4zNjMyODEgMTE1LjY3NTc4MSBDIDI1Ni4zNjMyODEgMTE1LjY3NTc4MSAyNDIuNjU2MjUgMTE4LjUzMTI1IDIzOS44NzEwOTQgMTE3LjkyMTg3NSBDIDIzNS44NTU0NjkgMTE3LjA0Njg3NSAyMjguNDM3NSAxMTMuOTE0MDYyIDIyNy40NDUzMTIgMTA3LjI4MTI1Ii8+PC9zdmc+");opacity:.14}
.seccion--oscuro::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjIyNi4wOCA5NS45MyAxMTQuNzEgMTA1LjY3Ij48cGF0aCBmaWxsPSIjRjU4QTQxIiBkPSJNIDIyNy40NDUzMTIgMTA3LjI4MTI1IEMgMjI3LjA3ODEyNSAxMDQuODAwNzgxIDIyOS41MzEyNSAxMDIuODI4MTI1IDIzMS45MjE4NzUgMTAzLjU4OTg0NCBDIDIzMy43ODUxNTYgMTA0LjE4MzU5NCAyMzYuNTE5NTMxIDEwNC42Nzk2ODggMjQwLjI5Njg3NSAxMDQuNTM1MTU2IEMgMjQ4Ljc1NzgxMiAxMDQuMjE0ODQ0IDMwNS41MTk1MzEgMTAxLjIxNDg0NCAzMTAuNjYwMTU2IDEwMC41NzQyMTkgQyAzMTUuODAwNzgxIDk5LjkzMzU5NCAzMjIuNjUyMzQ0IDk2LjkzMzU5NCAzMjYuMjk2ODc1IDk4Ljc1MzkwNiBDIDMyOS45Mzc1IDEwMC41NzQyMTkgMzM5Ljc4OTA2MiAxMDcuMTA1NDY5IDMzNi40Njg3NSAxMTEuMTc1NzgxIEMgMzMzLjE0ODQzOCAxMTUuMjQ2MDk0IDMyMy45Mzc1IDEzMS4wOTc2NTYgMzIzLjA4MjAzMSAxMzIuMzgyODEyIEMgMzIyLjIyMjY1NiAxMzMuNjY0MDYyIDMwOS44MDA3ODEgMTUzLjkwNjI1IDMwMC4zNzg5MDYgMTY0LjUwNzgxMiBDIDI5MC45NTMxMjUgMTc1LjExMzI4MSAyNjQuNzE0ODQ0IDE5OS45MjE4NzUgMjQ2LjUwNzgxMiAyMDAuNjAxNTYyIEMgMjQ2LjE0MDYyNSAxOTkuODA0Njg4IDI0Ni4xNzU3ODEgMTk4LjYyODkwNiAyNDYuOTAyMzQ0IDE5OC4xMzY3MTkgQyAyNTEuNDAyMzQ0IDE5NS4xMDU0NjkgMjY3LjI1IDE4NC4zODI4MTIgMjc5LjQ5NjA5NCAxNzAuNTA3ODEyIEMgMjkxLjk2ODc1IDE1Ni4zNzEwOTQgMzEzLjYwNTQ2OSAxMjYuMTMyODEyIDMxNy41OTM3NSAxMTQuNTg5ODQ0IEMgMzE4LjI1NzgxMiAxMTIuNjY0MDYyIDMxNi43NjE3MTkgMTEwLjY3NTc4MSAzMTQuNzIyNjU2IDExMC43NDYwOTQgQyAzMDMuNzM0Mzc1IDExMS4xMTcxODggMjY4LjU4NTkzOCAxMTIuNTI3MzQ0IDI1Ni4zNjMyODEgMTE1LjY3NTc4MSBDIDI1Ni4zNjMyODEgMTE1LjY3NTc4MSAyNDIuNjU2MjUgMTE4LjUzMTI1IDIzOS44NzEwOTQgMTE3LjkyMTg3NSBDIDIzNS44NTU0NjkgMTE3LjA0Njg3NSAyMjguNDM3NSAxMTMuOTE0MDYyIDIyNy40NDUzMTIgMTA3LjI4MTI1Ii8+PC9zdmc+");opacity:.16}
.seccion--marino > .contenedor,.seccion--oscuro > .contenedor,.estrella > .contenedor{position:relative;z-index:1}
.seccion--marino h2,.seccion--marino h3,.seccion--oscuro h2,.seccion--oscuro h3{color:var(--blanco)}
.seccion--marino .antetitulo,.seccion--oscuro .antetitulo{color:var(--azul-sobre-marino)}
.seccion--oscuro .antetitulo{color:var(--gris-claro)}
.seccion--marino .cabeza p,.seccion--marino .prosa p,.seccion--oscuro .cabeza p,.seccion--oscuro .prosa p{color:rgba(255,255,255,.82)}
.seccion--marino .prosa strong,.seccion--oscuro .prosa strong{color:var(--blanco)}
.seccion--marino .enlace-titulo,.seccion--oscuro .enlace-titulo{color:var(--blanco)}
.seccion--marino .enlace-titulo:hover{text-decoration-color:var(--blanco)}
.seccion--marino .servicios,.seccion--marino .servicios li{border-color:rgba(255,255,255,.18)}
.seccion--marino .servicios h3{color:var(--blanco)}
.seccion--marino .servicios p{color:rgba(255,255,255,.74)}
.seccion--marino .servicios .n{color:var(--naranja)}
.seccion--marino .lista-check li{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.88)}
.seccion--marino .lista-check li::before{border-left-color:var(--azul-sobre-marino);border-bottom-color:var(--azul-sobre-marino)}
.seccion--marino .faq details{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2)}
.seccion--marino .faq summary,.seccion--marino .faq summary::after{color:var(--blanco)}
.seccion--marino .faq details p{color:rgba(255,255,255,.82)}
.seccion--marino .faq details a{color:var(--blanco)}
.seccion--marino .situaciones li{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2)}
.seccion--marino .situaciones p{color:rgba(255,255,255,.78)}
.seccion--oscuro .boton--naranja{box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.seccion--oscuro .sectores li{border-top-color:var(--naranja);color:var(--blanco)}
.seccion--oscuro .sectores a.enlace-titulo{color:var(--blanco)}
.seccion--oscuro .categorias li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.seccion--oscuro .categorias li::before{background:var(--naranja)}
.seccion--oscuro .categorias p{color:var(--blanco)}
.seccion--oscuro .categorias a.enlace-titulo{color:var(--blanco)}
.seccion--oscuro .ir{color:var(--blanco)}

.problemas li.es-fin .foto-caso{border-bottom-color:var(--marino);border-right-color:var(--marino)}
.problemas li.es-cai .foto-caso{border-bottom-color:var(--naranja);border-right-color:var(--naranja)}
.problemas li.es-nexus .foto-caso{border-bottom-color:var(--azul);border-right-color:var(--azul)}
.pasos::before{background:rgba(245,138,65,.55)}


.banda-lema{position:relative;overflow:hidden;background:var(--azul);padding:clamp(2rem,5vw,3.2rem) 0}
.banda-lema::before{content:"";position:absolute;right:-3%;top:50%;transform:translateY(-50%);width:min(30%,300px);aspect-ratio:1;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjIyNi4wOCA5NS45MyAxMTQuNzEgMTA1LjY3Ij48cGF0aCBmaWxsPSIjMUQzRDU5IiBkPSJNIDIyNy40NDUzMTIgMTA3LjI4MTI1IEMgMjI3LjA3ODEyNSAxMDQuODAwNzgxIDIyOS41MzEyNSAxMDIuODI4MTI1IDIzMS45MjE4NzUgMTAzLjU4OTg0NCBDIDIzMy43ODUxNTYgMTA0LjE4MzU5NCAyMzYuNTE5NTMxIDEwNC42Nzk2ODggMjQwLjI5Njg3NSAxMDQuNTM1MTU2IEMgMjQ4Ljc1NzgxMiAxMDQuMjE0ODQ0IDMwNS41MTk1MzEgMTAxLjIxNDg0NCAzMTAuNjYwMTU2IDEwMC41NzQyMTkgQyAzMTUuODAwNzgxIDk5LjkzMzU5NCAzMjIuNjUyMzQ0IDk2LjkzMzU5NCAzMjYuMjk2ODc1IDk4Ljc1MzkwNiBDIDMyOS45Mzc1IDEwMC41NzQyMTkgMzM5Ljc4OTA2MiAxMDcuMTA1NDY5IDMzNi40Njg3NSAxMTEuMTc1NzgxIEMgMzMzLjE0ODQzOCAxMTUuMjQ2MDk0IDMyMy45Mzc1IDEzMS4wOTc2NTYgMzIzLjA4MjAzMSAxMzIuMzgyODEyIEMgMzIyLjIyMjY1NiAxMzMuNjY0MDYyIDMwOS44MDA3ODEgMTUzLjkwNjI1IDMwMC4zNzg5MDYgMTY0LjUwNzgxMiBDIDI5MC45NTMxMjUgMTc1LjExMzI4MSAyNjQuNzE0ODQ0IDE5OS45MjE4NzUgMjQ2LjUwNzgxMiAyMDAuNjAxNTYyIEMgMjQ2LjE0MDYyNSAxOTkuODA0Njg4IDI0Ni4xNzU3ODEgMTk4LjYyODkwNiAyNDYuOTAyMzQ0IDE5OC4xMzY3MTkgQyAyNTEuNDAyMzQ0IDE5NS4xMDU0NjkgMjY3LjI1IDE4NC4zODI4MTIgMjc5LjQ5NjA5NCAxNzAuNTA3ODEyIEMgMjkxLjk2ODc1IDE1Ni4zNzEwOTQgMzEzLjYwNTQ2OSAxMjYuMTMyODEyIDMxNy41OTM3NSAxMTQuNTg5ODQ0IEMgMzE4LjI1NzgxMiAxMTIuNjY0MDYyIDMxNi43NjE3MTkgMTEwLjY3NTc4MSAzMTQuNzIyNjU2IDExMC43NDYwOTQgQyAzMDMuNzM0Mzc1IDExMS4xMTcxODggMjY4LjU4NTkzOCAxMTIuNTI3MzQ0IDI1Ni4zNjMyODEgMTE1LjY3NTc4MSBDIDI1Ni4zNjMyODEgMTE1LjY3NTc4MSAyNDIuNjU2MjUgMTE4LjUzMTI1IDIzOS44NzEwOTQgMTE3LjkyMTg3NSBDIDIzNS44NTU0NjkgMTE3LjA0Njg3NSAyMjguNDM3NSAxMTMuOTE0MDYyIDIyNy40NDUzMTIgMTA3LjI4MTI1Ii8+PC9zdmc+") no-repeat center/contain;opacity:.16;pointer-events:none}
.banda-lema .contenedor{position:relative;z-index:1}
.lema{margin:0;text-align:center;color:var(--blanco);font-family:var(--titulos);font-weight:700;letter-spacing:-.01em;line-height:1.15;font-size:clamp(1.65rem,4.2vw,2.5rem)}
@media (max-width:760px){
  .seccion--marino::before,.seccion--oscuro::before,.estrella::after{display:none}
  .banda-lema::before{width:46%;right:-10%;opacity:.14}
}
.seccion--marino .cabeza-seccion p,.seccion--oscuro .cabeza-seccion p{color:rgba(255,255,255,.82)}
.seccion--marino :focus-visible{outline-color:var(--naranja)}
.seccion--oscuro :focus-visible{outline-color:var(--blanco)}
.boton--naranja:focus-visible{outline-color:var(--marino)}
.seccion--oscuro .enlace-titulo{border-bottom-color:var(--blanco)}
.seccion--marino .cabeza,.seccion--oscuro .cabeza{position:static}

.ficha-persona{display:grid;grid-template-columns:190px 1fr;gap:20px 24px;align-items:start;margin-top:34px}
.ficha-persona .foto--carlos{margin:0;grid-row:1/3}
.ficha-persona h3{margin-top:0}
.foto--carlos img{border-radius:14px}
.quien-revisa{display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid var(--gris-claro)}
.quien-revisa .foto--carlos{margin:0}
.quien-revisa .nombre{margin:0;font-weight:700;color:var(--marino)}
.quien-revisa .cargo{margin:2px 0 0;font-size:14px;color:var(--gris-oscuro)}
.quien-revisa .nota{margin:6px 0 0;font-size:14px;color:var(--gris-oscuro)}
@media (max-width:520px){.ficha-persona{grid-template-columns:1fr;margin-top:28px}.ficha-persona .foto--carlos{grid-row:auto;max-width:190px}}
.foto--vitrina{max-width:900px;margin:26px auto 18px;aspect-ratio:16/9}
.foto--vitrina img{object-fit:contain}
.foto--carlos{aspect-ratio:4/5}
.casos{grid-template-columns:1fr}
@media (min-width:1100px){.casos{grid-template-columns:repeat(3,1fr)}}
.caso{display:flex;flex-direction:column}
.caso .caso-tipo{min-height:2.6em}
.caso p.caso-cuando{margin:-4px 0 16px;font-size:14px;color:var(--gris-oscuro)}
.caso .nota-caso{margin-top:auto;padding-top:18px;font-size:15px}

.cifras .pre{font-weight:600;font-size:.62em;line-height:1;margin-right:.1em;vertical-align:.18em}
@media (min-width:900px){
  .cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .cifras li{padding:24px 22px}
  .cifras .valor{font-size:clamp(28px,2.7vw,38px)}
  .cifras .que{margin-top:10px;font-size:15px;line-height:1.5}
}
.cifras li:first-child{grid-column:auto}
@media (max-width:640px){.cifras{grid-template-columns:1fr}}

.casos{grid-template-columns:1fr;gap:26px}
@media (min-width:760px){.casos{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.casos{grid-template-columns:repeat(3,1fr)}}
.caso{display:flex;flex-direction:column;overflow:hidden}
.caso-imagen{margin:-26px -26px 18px;width:calc(100% + 52px)}
.caso-imagen img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.caso .credito{margin:6px 26px 0;font-size:13px;color:var(--gris-oscuro);line-height:1.35}
.caso-texto{display:flex;flex-direction:column;min-width:0;flex:1}
.caso .tecnicas{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px;padding:0;list-style:none}
.caso .tecnicas li{padding:5px 11px;border:1px solid var(--gris-claro);border-radius:999px;
  font-size:13px;color:var(--gris-oscuro);background:#fff}
.caso .linea-caso{margin:auto 0 0;border-top:1px solid var(--gris-claro);padding-top:14px}
.caso .linea-caso summary{cursor:pointer;font-weight:600;color:var(--marino);font-size:15px;
  list-style:none;display:flex;align-items:center;gap:8px}
.caso .linea-caso summary::-webkit-details-marker{display:none}
.caso .linea-caso summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--naranja);
  border-bottom:2px solid var(--naranja);transform:rotate(45deg);transition:transform .15s;flex:none}
.caso .linea-caso[open] summary::before{transform:rotate(-135deg)}
.caso .linea-caso summary:focus-visible{outline:3px solid var(--naranja);outline-offset:3px}
.caso .linea-caso .linea-tiempo{margin-top:14px}

.nota-casos{max-width:70ch;margin:4px auto 0;font-size:15px;color:var(--gris-oscuro);line-height:1.55;text-align:center}

.cifras li{position:relative;padding-top:26px}
.cifras li::before{content:"";position:absolute;top:0;left:16px;right:16px;height:3px;background:var(--naranja)}
@media (min-width:1120px){.cifras li{padding-top:24px}.cifras li::before{left:16px;right:16px}}
.acciones-cifras{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:26px}

.sectores-con-foto p + p{margin-top:14px}

.marcas-texto a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
.marcas-texto a:hover,.marcas-texto a:focus-visible{border-bottom-color:var(--naranja)}

.pie .redes{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;width:100%}
.pie .redes a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px 7px 11px;
  border-radius:999px;border:1px solid rgba(255,255,255,.42);color:rgba(255,255,255,.86);
  font-size:13px;letter-spacing:.01em;line-height:1;min-height:34px;text-decoration:none;
  transition:border-color .15s,color .15s,background-color .15s}
.pie .redes a:hover,.pie .redes a:focus-visible{color:var(--blanco);border-color:var(--naranja);background:rgba(245,138,65,.16)}
.pie .redes svg{width:17px;height:17px;display:block;flex:none}

.copiar{font:600 13px/1 var(--t-texto);padding:6px 10px;border-radius:4px;border:1.5px solid currentColor;background:transparent;color:inherit;cursor:pointer;margin-left:6px}
.copiar:hover{background:rgba(127,127,127,.15)}
.rescate-correo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;padding:10px 14px;border-left:3px solid var(--naranja);background:rgba(127,127,127,.12);color:inherit;font:15px/1.4 var(--t-texto);border-radius:4px}
.rescate-correo b{white-space:nowrap}
.rescate-correo .copiar{margin-left:0}
.rescate-correo a{color:inherit;font-weight:600}
.rescate-correo .cerrar{margin-left:auto;background:none;border:0;font-size:20px;line-height:1;color:inherit;cursor:pointer;padding:0 4px}