:root {
--navy:#1A365D; --blue:#2C5282; --gold:#C9A84C; --gold-lt:#E8C97A;
--white:#FFFFFF; --off:#F7F9FC; --gray:#6B7280; --dark:#111827; --border:#E2E8F0;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Lato',sans-serif;color:var(--dark);background:var(--white);overflow-x:hidden;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:72px;background:rgba(26,54,93,0.97);backdrop-filter:blur(8px);border-bottom:1px solid rgba(201,168,76,0.3);}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
/* .nav-logo-icon{width:42px;height:42px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--navy);flex-shrink:0;} */
.nav-logo-text strong{display:block;font-family:'Playfair Display',serif;font-size:13px;font-weight:700;color:var(--white);letter-spacing:.5px;}
.nav-logo-text span{font-size:10px;font-weight:300;color:var(--gold-lt);letter-spacing:1.1px;text-transform:uppercase;}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none;}
.nav-links a{color:rgba(255,255,255,.82);text-decoration:none;font-size:13px;font-weight:400;letter-spacing:.6px;text-transform:uppercase;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--gold-lt);}
.nav-cta{background:var(--gold);color:var(--navy)!important;font-weight:700!important;padding:9px 22px;border-radius:3px;transition:background .2s!important;}
.nav-cta:hover{background:var(--gold-lt)!important;}

/* HERO INTERNO */
.page-hero{
margin-top:72px;
background:linear-gradient(160deg,rgba(26,54,93,.92) 0%,rgba(17,24,39,.8) 100%),
  url('../img/oficina.jpg') center/cover no-repeat;
padding:80px 5% 72px;
text-align:center;
}
.page-hero .tag{display:inline-block;border:1px solid var(--gold);color:var(--gold);font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:2px;margin-bottom:22px;}
.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,4vw,52px);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:18px;}
.page-hero h1 em{font-style:italic;color:var(--gold-lt);}
.page-hero p{font-size:17px;font-weight:300;color:rgba(255,255,255,.78);max-width:560px;margin:0 auto;line-height:1.7;}

/* BREADCRUMB */
.breadcrumb{background:var(--navy);padding:12px 5%;display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.5px;}
.breadcrumb a{color:var(--gold-lt);text-decoration:none;}
.breadcrumb span{color:rgba(255,255,255,.4);}
.breadcrumb .current{color:rgba(255,255,255,.6);}

/* LAYOUT */
.servicios-wrapper{max-width:1200px;margin:0 auto;padding:80px 5%;}

/* AREA CARD */
.area-block{
display:grid;grid-template-columns:1fr 2fr;
gap:0;
border:1px solid var(--border);
border-radius:6px;
overflow:hidden;
margin-bottom:28px;
transition:box-shadow .3s;
}
.area-block:hover{box-shadow:0 8px 32px rgba(26,54,93,.1);}
.area-block.reverse{grid-template-columns:2fr 1fr;}

.area-icon-col{
background:var(--navy);
display:flex;flex-direction:column;align-items:center;justify-content:center;
padding:44px 32px;
gap:16px;
text-align:center;
}
.area-block.reverse .area-icon-col{order:2;}
.area-emoji{font-size:52px;line-height:1;}
.area-num{font-family:'Playfair Display',serif;font-size:13px;font-weight:400;color:var(--gold);letter-spacing:2px;text-transform:uppercase;}
.area-icon-title{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--white);line-height:1.25;margin-top:4px;}
.area-icon-sub{font-size:12px;color:rgba(255,255,255,.5);margin-top:6px;line-height:1.5;}

.area-content-col{padding:36px 40px;background:var(--white);}
.area-content-col h3{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--navy);margin-bottom:6px;}
.area-content-col .gold-bar{width:36px;height:3px;background:var(--gold);margin:10px 0 18px;}
.area-content-col p{font-size:14.5px;color:var(--gray);line-height:1.75;margin-bottom:20px;}
.area-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;}
.area-list li{
font-size:13.5px;color:#374151;
display:flex;align-items:flex-start;gap:8px;
padding:6px 0;
border-bottom:1px solid var(--border);
}
.area-list li::before{content:"→";color:var(--gold);font-weight:700;flex-shrink:0;margin-top:1px;}

/* DESTACADO CONSORCIO */
.consorcio-badge{
display:inline-flex;align-items:center;gap:6px;
background:rgba(201,168,76,.12);border:1px solid rgba(201,168,76,.4);
color:var(--gold);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
padding:4px 12px;border-radius:2px;margin-bottom:14px;
}

/* CTA FINAL */
.cta-banner{
background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);
border-radius:6px;
padding:56px 48px;
text-align:center;
margin-top:64px;
}
.cta-banner h2{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;color:var(--white);margin-bottom:14px;}
.cta-banner p{font-size:16px;color:rgba(255,255,255,.72);margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.7;}
.cta-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.btn-gold{background:var(--gold);color:var(--navy);font-family:'Lato',sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;padding:14px 32px;border:none;border-radius:3px;cursor:pointer;text-decoration:none;transition:background .2s;}
.btn-gold:hover{background:var(--gold-lt);}
.btn-wa{display:inline-flex;align-items:center;gap:8px;background:rgba(37,211,102,.15);border:1px solid rgba(37,211,102,.4);color:#6EE7A0;font-family:'Lato',sans-serif;font-size:14px;font-weight:700;padding:14px 28px;border-radius:3px;text-decoration:none;}

/* FOOTER */
footer{background:#0D1F35;color:rgba(255,255,255,.7);padding:64px 5% 32px;}
.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;}
.footer-brand p{font-size:13.5px;line-height:1.7;margin:16px 0 24px;color:rgba(255,255,255,.55);}
.footer-social{display:flex;gap:10px;}
.soc-btn{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none;transition:border-color .2s;}
.soc-btn:hover{border-color:var(--gold);}
.footer-col h4{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:20px;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:10px;}
.footer-col a{font-size:13.5px;color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s;}
.footer-col a:hover{color:var(--gold-lt);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:28px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.4);}
.footer-bottom a{color:rgba(255,255,255,.4);text-decoration:none;}

/* WA FLOTANTE */
.wa-btn{position:fixed;bottom:28px;right:28px;z-index:999;width:58px;height:58px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,.4);}

/* REVEAL */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-d1{transition-delay:.1s;} .reveal-d2{transition-delay:.2s;} .reveal-d3{transition-delay:.3s;}

@media(max-width:860px){
.area-block,.area-block.reverse{grid-template-columns:1fr;}
.area-block.reverse .area-icon-col{order:0;}
.area-list{grid-template-columns:1fr;}
.footer-top{grid-template-columns:1fr 1fr;}
nav .nav-links{display:none;}
}

/* El tamaño del icono se adapta proporcionalmente al font-size gracias al 'em' */
.nav-logo-icon {
  width: 4em;        
  height: 4em;
  flex-shrink: 0;      /* Evita que el círculo se deforme */
}

.nav-logo-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;  /* Equivale a rounded-full */
}