/* Peritajes Galicia — hoja de estilos de la web estática (2026) */
:root{
  --azul:#2f3894; --azul-oscuro:#1f2566; --texto:#262626; --texto-suave:#444;
  --gris:#f7f7f7; --pie:#262626; --blanco:#fff;
  --titular:"Raleway",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --cuerpo:"Lora",Georgia,"Times New Roman",serif;
  --ancho:1080px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:var(--cuerpo);font-size:17px;line-height:1.7;color:var(--texto);background:var(--blanco);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--azul)}
h1,h2,h3,h4{font-family:var(--titular);font-weight:800;line-height:1.02;color:var(--texto);margin:0 0 .5em}
p{margin:0 0 1em}
.contenedor{width:min(100% - 40px,var(--ancho));margin-inline:auto}
.saltar{position:absolute;left:-9999px;top:0;background:var(--azul);color:#fff;padding:.6em 1em;z-index:100}
.saltar:focus{left:10px;top:10px}

/* Cabecera */
.cabecera{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(6px);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.cabecera .barra{display:flex;align-items:center;justify-content:space-between;height:76px;width:min(100% - 40px,1360px);margin-inline:auto}
.logo img{width:150px;height:auto}
.menu ul{list-style:none;margin:0;padding:0;display:flex;gap:28px}
.menu a{font-family:var(--titular);font-weight:700;font-size:14px;color:var(--azul);text-decoration:none;letter-spacing:.01em}
.menu a:hover,.menu a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.boton-menu{display:none;background:none;border:0;padding:10px;cursor:pointer;color:var(--azul)}
.boton-menu svg{width:28px;height:28px}

/* Bandas con foto y velo azul */
.banda{position:relative;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:var(--azul-oscuro)}
.banda picture,.banda picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banda picture img{filter:grayscale(1) brightness(.95)}
.banda::before{content:"";position:absolute;inset:0;background:var(--azul);mix-blend-mode:color}
.banda::after{content:"";position:absolute;inset:0;background:rgba(47,56,148,.55)}
.banda .contenido{position:relative;z-index:1;padding:0 20px}
.banda h1,.banda h2{color:#fff;margin:0}
.portada{min-height:min(88vh,860px)}
.portada h1{font-size:clamp(2.1rem,5.2vw,4.4rem);max-width:1200px}
.banda-seccion{min-height:440px}
.banda-seccion h2{font-size:clamp(2.2rem,4.6vw,4.2rem)}

/* Cifras */
.cifras{padding:72px 0 40px}
.cifras ul{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}
.anillo{width:168px;height:168px;margin:0 auto 18px;border-radius:50%;border:18px solid var(--azul);display:grid;place-items:center;color:var(--texto)}
.anillo svg{width:34px;height:34px}
.cifras strong{font-family:var(--titular);font-weight:700;font-size:18px}

/* Bloques texto + imagen */
.bloque{padding:90px 0}
.bloque .contenedor{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.bloque h2{font-size:clamp(2.4rem,4.4vw,4rem)}
.bloque figure{margin:0}
.bloque figure img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1)}
.destacado{font-family:var(--titular);font-weight:700;color:var(--azul);line-height:1.45;font-size:16px}
.sedes h3{font-family:var(--cuerpo);font-weight:700;color:var(--azul);font-size:clamp(2rem,3.4vw,2.9rem);margin:.35em 0 .25em}
.sedes .tipo{font-weight:700;color:var(--azul);font-size:15px;display:block}
.sedes address{font-style:normal}

/* Servicios */
.servicios{padding:90px 0 60px}
.servicios .contenedor{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;width:min(100% - 40px,1290px)}
.servicios h3{font-size:clamp(2rem,3vw,2.75rem)}

/* Contacto */
.contacto{background:var(--azul);color:#fff;text-align:center;padding:150px 0}
.contacto h2{color:#fff;font-size:clamp(2.4rem,5vw,4.2rem);margin-bottom:.35em}
.contacto h3{color:#fff;font-weight:700;font-size:24px;margin:0 0 1em}
.contacto p{font-family:var(--titular);font-size:16px;margin:.35em 0}
.contacto a{color:#fff}
.contacto a:hover{text-decoration-thickness:2px}

/* Pie */
.pie{background:var(--pie);color:#fff;font-size:14px}
.pie .barra{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:44px 0;width:min(100% - 64px,1360px);margin-inline:auto}
.pie a{color:#fff;font-family:var(--titular);text-decoration:none}
.pie a:hover{text-decoration:underline}

/* Páginas legales */
.legal{padding:70px 0 100px}
.legal .contenedor{max-width:820px}
.legal h1{font-size:clamp(2.4rem,5vw,3.8rem);margin-bottom:.6em}
.legal h2{font-size:1.6rem;margin-top:1.6em}

:focus-visible{outline:3px solid #8f97e6;outline-offset:3px}

@media (max-width:900px){
  .bloque .contenedor,.servicios .contenedor{grid-template-columns:1fr;gap:40px}
  .bloque{padding:64px 0}
  .bloque figure{max-width:520px}
  .cifras ul{grid-template-columns:1fr;gap:44px}
  .contacto{padding:100px 0}
}
@media (max-width:820px){
  .boton-menu{display:block}
  .menu{position:absolute;top:76px;left:0;right:0;background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.08);display:none}
  .menu.abierto{display:block}
  .menu ul{flex-direction:column;gap:0;padding:8px 20px 16px}
  .menu a{display:block;padding:12px 0;font-size:16px;border-bottom:1px solid #eee}
  .sin-js .menu{display:block;position:static;box-shadow:none}
  .sin-js .boton-menu{display:none}
  .cabecera .barra{height:76px}
  .portada{min-height:72vh}
  .banda-seccion{min-height:300px}
  .pie .barra{flex-direction:column;align-items:flex-start;padding:32px 0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}