/* Páginas por servicio (/examen-visual, /ojo-seco…), generadas por automatizacion/scripts/paginas-servicio.py.
   Va encima de estilos.css. Cabecera gris con el patrón de ojos abiertos en cielo, texto en una
   columna cómoda de leer y un cierre navy con la dirección y los otros servicios. */

.srv-hero{position:relative;overflow:hidden;background:var(--gris);padding:56px var(--gutter) 64px}
.srv-hero-in{position:relative;max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.srv-hero-deco{position:absolute;right:-120px;top:-80px;width:520px;height:520px;
  border-radius:50%;background:var(--cielo);opacity:.16}
.migas{font:600 13.5px/1.4 var(--titulo);color:var(--tinta2)}
.migas a{color:var(--tinta2)}
.srv-ico{width:56px;height:56px;margin-top:8px}
.srv-hero h1{font-size:clamp(34px,4.6vw,54px);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--navy)}
.srv-hero .lead{max-width:56ch}
.srv-hero .acciones{margin-top:8px}

.srv-texto{max-width:760px;margin:0 auto;padding:56px var(--gutter) 64px;box-sizing:content-box}
.srv-bloque+.srv-bloque,.srv-test,.srv-faq{margin-top:44px}
.srv-texto h2{font-size:clamp(24px,2.6vw,30px);font-weight:800;color:var(--navy);margin-bottom:14px}
.srv-texto p+p,.srv-texto p+ul,.srv-texto ul+p{margin-top:12px}
.srv-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.srv-lista li{position:relative;padding-left:30px}
.srv-lista li::before{content:"";position:absolute;left:4px;top:7px;width:7px;height:13px;
  border:solid var(--magenta);border-width:0 3px 3px 0;transform:rotate(45deg)}

.srv-faq details{border-top:1px solid var(--linea)}
.srv-faq details:last-child{border-bottom:1px solid var(--linea)}
.srv-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;
  padding:18px 0;font:700 17px/1.35 var(--titulo);color:var(--navy)}
.srv-faq summary::-webkit-details-marker{display:none}
.srv-faq summary::after{content:"+";flex:none;font-size:24px;line-height:1;color:var(--magenta);transition:transform .2s}
.srv-faq details[open] summary::after{transform:rotate(45deg)}
.srv-faq details p{padding:0 0 18px;color:var(--tinta2)}
.srv-aviso{margin-top:36px;font-size:14px;color:var(--tinta2)}

.srv-cierre{background:var(--navy);color:#fff;padding:56px var(--gutter);display:grid;
  grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:40px 80px}
.srv-cierre h2{font-size:22px;font-weight:800;margin-bottom:12px}
.srv-cierre p{color:#C8D3EA}
.srv-cierre .acciones{margin-top:20px}
.srv-otros{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.srv-otros a{color:#fff;font-weight:600;text-decoration:none}
.srv-otros a:hover{text-decoration:underline}

@media (max-width:760px){
  .srv-hero{padding:36px var(--gutter) 44px}
  .srv-texto{padding:40px var(--gutter) 48px}
  .srv-cierre{grid-template-columns:1fr;padding:44px var(--gutter)}
  .srv-hero .acciones .btn{flex:1 1 100%;text-align:center;justify-content:center}
}