/* AVAL · Gestión de Patrimonio Inmobiliario */

@font-face{font-family:"Cormorant Garamond";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:400;font-style:normal;font-display:swap;src:url("../fonts/source-sans-3-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:600;font-style:normal;font-display:swap;src:url("../fonts/source-sans-3-latin-600-normal.woff2") format("woff2")}

:root{
  --navy:#0d2547;
  --navy-deep:#091a33;
  --gold:#a67c2e;        /* dorado con contraste suficiente sobre blanco */
  --gold-soft:#c9a455;   /* dorado para fondos oscuros */
  --ink:#1c2b40;
  --muted:#52617a;
  --line:#e4dccb;
  --paper:#ffffff;
  --mist:#f6f4ee;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --wrap:1120px;
  --header-h:112px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);font-size:1.125rem;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}
a{color:var(--navy)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:2px}

.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.75rem 1rem;z-index:100}
.skip:focus{left:0}

h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--navy);line-height:1.12;margin:0}
h1{font-size:clamp(2.5rem,7.5vw,4.75rem);letter-spacing:-.005em}
h2{font-size:clamp(2rem,5vw,3rem)}
h3{font-size:1.65rem}
p{margin:0 0 1rem;max-width:62ch}

/* ---------- Cabecera ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-h)}
.brand{display:block;text-decoration:none}
/* Recorte visual del logo exacto (emblema + AVAL); el archivo original no se modifica */
.brand-crop{display:block;position:relative;width:88px;aspect-ratio:740/750;overflow:hidden}
.brand-crop img{position:absolute;width:209.9%;max-width:none;left:-54.05%;top:-12%;height:auto}

.nav-toggle{display:inline-flex;align-items:center;gap:.6rem;min-height:48px;padding:0 1rem;background:none;border:1.5px solid var(--navy);color:var(--navy);font:600 1rem var(--sans);border-radius:4px;cursor:pointer}
.nav-toggle .bars{width:20px;height:2px;background:currentColor;position:relative}
.nav-toggle .bars::before,.nav-toggle .bars::after{content:"";position:absolute;left:0;width:100%;height:2px;background:currentColor}
.nav-toggle .bars::before{top:-6px}.nav-toggle .bars::after{top:6px}
.site-nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);display:none;padding:.5rem 1.25rem 1.25rem}
.site-nav.open{display:block}
.site-nav ul{list-style:none;margin:0;padding:0}
.site-nav a{display:block;padding:1rem .25rem;font-size:1.2rem;font-weight:600;text-decoration:none;color:var(--navy);border-bottom:1px solid var(--line)}
.site-nav a[aria-current="true"]{color:var(--gold)}
.site-nav .nav-call{margin-top:1rem;border:0;text-align:center}

/* ---------- Botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.75rem;font:600 1.05rem var(--sans);text-decoration:none;border-radius:4px;border:1.5px solid var(--navy);color:var(--navy);background:transparent;transition:background .2s,color .2s}
.btn:hover{background:var(--navy);color:#fff}
.btn-solid{background:var(--navy);color:#fff}
.btn-solid:hover{background:var(--gold);border-color:var(--gold)}
.btn-gold{background:var(--gold-soft);border-color:var(--gold-soft);color:var(--navy-deep)}
.btn-gold:hover{background:#fff;border-color:#fff;color:var(--navy)}

/* ---------- Inicio ---------- */
.hero{--pad:clamp(2.5rem,7vw,5.5rem);padding:var(--pad) 0 clamp(2.5rem,6vw,4.5rem);scroll-margin-top:calc(1rem - var(--pad))}
.hero h1 span{display:block;color:var(--gold)}
.hero .lead{font-size:clamp(1.15rem,2.6vw,1.4rem);color:var(--muted);margin-top:1.5rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin:2rem 0 clamp(2.25rem,5vw,3.5rem)}

.player,.player-caption{max-width:820px}
.player{position:relative;background:var(--navy-deep);border-radius:2px;box-shadow:14px 14px 0 -1px var(--gold-soft)}
.player video{width:100%;aspect-ratio:16/9;background:var(--navy-deep);object-fit:cover}
.player-caption{margin:1.9rem 0 0;font-size:.98rem;color:var(--muted)}

@media (max-width:640px){
  /* En móvil el vídeo ocupa todo el ancho de pantalla para verse lo más grande posible */
  .hero .player{margin-inline:-1.25rem;box-shadow:none;border-radius:0}
  .player-caption{margin-top:.9rem}
}

/* ---------- Secciones ---------- */
.section{--pad:clamp(3.5rem,8vw,6.5rem);padding:var(--pad) 0;scroll-margin-top:calc(1rem - var(--pad))}
.section.alt{background:var(--mist)}
.section-head{margin-bottom:clamp(2rem,4vw,3.25rem)}
.section-head p{font-size:1.2rem;color:var(--muted);margin-top:1rem}

.services{display:grid;gap:2.25rem}
.service{border-top:2px solid var(--gold);padding-top:1.25rem}
.service p{color:var(--ink)}
.service h3{margin-bottom:.6rem}

.segments{margin-top:clamp(3rem,6vw,4.5rem)}
.segments h3{margin-bottom:1.25rem}
.segment-list{display:grid;gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.segment-list li{padding:1.15rem 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.15rem}
.segment-list strong{font-family:var(--serif);font-size:1.5rem;color:var(--navy);font-weight:600}
.segment-list span{color:var(--muted)}

/* ---------- Quiénes somos ---------- */
.about{display:grid;gap:2.5rem;align-items:center}
.about-logo{background:#fff;border:1px solid var(--line);padding:clamp(.5rem,3vw,1.5rem)}
.about-logo img{width:100%;height:auto}
.about h3{margin:1.75rem 0 .4rem}
.about h3:first-of-type{margin-top:0}
.principles{list-style:none;margin:1.5rem 0 0;padding:0}
.principles li{padding:.7rem 0 .7rem 1.5rem;position:relative;border-bottom:1px solid var(--line)}
.principles li::before{content:"";position:absolute;left:0;top:1.25rem;width:.6rem;height:.6rem;background:var(--gold);border-radius:50%}

/* ---------- Contacto ---------- */
.contact{--pad:clamp(3.5rem,8vw,6rem);background:var(--navy);color:#fff;padding:var(--pad) 0;scroll-margin-top:calc(1rem - var(--pad))}
.contact h2{color:#fff}
.contact p{color:#d6dded}
.contact-grid{display:grid;gap:1.25rem;margin-top:2.25rem}
.contact-item{display:block;padding:1.4rem 1.5rem;border:1.5px solid rgba(201,164,85,.6);text-decoration:none;color:#fff;border-radius:4px;transition:background .2s}
.contact-item:hover{background:rgba(255,255,255,.07)}
.contact-item small{display:block;font-size:.95rem;color:var(--gold-soft);font-weight:600;margin-bottom:.25rem}
.contact-item span{display:block;font-family:var(--serif);font-size:clamp(1.55rem,6vw,2.3rem);font-weight:600;overflow-wrap:anywhere;line-height:1.2}

/* ---------- Pie ---------- */
.site-footer{background:var(--navy-deep);color:#c3cde0;padding:2.5rem 0 6.5rem;font-size:1rem}
.site-footer a{color:#fff}
.footer-top{display:grid;gap:1.75rem}
.footer-brand{font-family:var(--serif);font-size:1.6rem;color:#fff;font-weight:600}
.footer-brand small{display:block;font-family:var(--sans);font-size:.95rem;color:var(--gold-soft);font-weight:400}
.legal-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.legal-links a{display:block;padding:.65rem 0;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.14)}
.legal-links a:hover{text-decoration:underline}
.copy{margin-top:2rem;font-size:.92rem;color:#97a5bf}

/* Barra de llamada fija (solo móvil) */
.call-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:.6rem;padding:.65rem .75rem calc(.65rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 18px rgba(9,26,51,.08)}
.call-bar a{flex:1;min-height:52px;display:flex;align-items:center;justify-content:center;font-weight:600;text-decoration:none;border-radius:4px;border:1.5px solid var(--navy);color:var(--navy)}
.call-bar a.primary{background:var(--navy);color:#fff}

/* ---------- Páginas legales ---------- */
.legal{padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(3rem,7vw,5rem)}
.legal .wrap{max-width:820px}
.legal h1{font-size:clamp(2.2rem,6vw,3.25rem);margin-bottom:.5rem}
.legal .updated{color:var(--muted);font-size:1rem;margin-bottom:2.25rem}
.legal h2{font-size:1.8rem;margin:2.25rem 0 .75rem}
.legal ul{padding-left:1.25rem;max-width:62ch}
.legal li{margin-bottom:.4rem}
.legal table{border-collapse:collapse;width:100%;margin:1rem 0 1.5rem;font-size:1rem}
.legal th,.legal td{border:1px solid var(--line);padding:.7rem .9rem;text-align:left;vertical-align:top}
.legal th{background:var(--mist);color:var(--navy)}
.data-list{border-top:1px solid var(--line);margin:1rem 0 2rem}
.data-list div{display:grid;gap:.1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.data-list dt{font-weight:600;color:var(--navy)}
.data-list dd{margin:0;overflow-wrap:anywhere}
.back{display:inline-block;margin-bottom:1.5rem;font-weight:600}

/* ---------- Escritorio ---------- */
@media (min-width:900px){
  body{font-size:1.15rem}
  :root{--header-h:132px}
  .nav-toggle{display:none}
  .site-nav{position:static;display:block;background:none;border:0;padding:0}
  .site-nav ul{display:flex;align-items:center;gap:2.25rem}
  .site-nav a{border:0;padding:.5rem 0;font-size:1.05rem;position:relative}
  .site-nav a:not(.nav-call):hover::after,.site-nav a[aria-current="true"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold)}
  .site-nav .nav-call{margin:0;padding:.7rem 1.4rem;background:var(--navy);color:#fff;border-radius:4px}
  .site-nav .nav-call:hover{background:var(--gold)}
  .brand-crop{width:104px}
  .services{grid-template-columns:repeat(3,1fr);gap:2.5rem}
  .segment-list{grid-template-columns:repeat(3,1fr)}
  .segment-list li{border-bottom:0;padding:1.4rem 1.5rem 0 0}
  .about{grid-template-columns:1fr 1fr;gap:5rem}
  .contact-grid{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1.2fr 1fr 1fr;align-items:start}
  .site-footer{padding-bottom:2.5rem}
  .call-bar{display:none}
  .data-list div{grid-template-columns:220px 1fr;gap:1.5rem}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}