.services-page-hero { position:relative; background:#103C4A url('../img/Hojas de Teal en Serenidad.png') center left/cover no-repeat; overflow:hidden; }
.services-hero-inner { max-width:1280px; margin:auto; min-height:540px; padding:54px 40px; display:flex; align-items:center; position:relative; z-index:1; pointer-events:none; }
.services-hero-copy { width:52%; max-width:610px; pointer-events:auto; }
.services-hero-label { display:flex; align-items:center; gap:14px; color:#B99A62; font-size:12px; font-weight:500; letter-spacing:.2em; margin-bottom:22px; }
.services-hero-label::before { content:''; width:38px; height:1px; background:#B99A62; flex-shrink:0; }
.services-page-hero h1 { font-family:'Cormorant Garamond',Georgia,serif; font-size:64px; line-height:1.08; font-weight:500; letter-spacing:-.03em; color:#F7F4EE; }
.services-page-hero h1 span { color:#B99A62; }
.services-hero-copy p { color:#F7F4EE; font-size:17px; line-height:1.6; margin:24px 0 26px; max-width:560px; }
.services-hero-button { display:inline-flex; align-items:center; justify-content:center; gap:16px; min-height:48px; padding:17px 34px; border-radius:999px; background:#B99A62; color:#FFF; font-size:16px; font-weight:600; }
.services-hero-button:hover { background:#A18450; }
.services-hero-button:focus-visible { outline:3px solid #174A5B; outline-offset:4px; }
.services-hero-photo { position:absolute; top:0; bottom:0; right:0; width:48%; background:#F6F6F6; }
.services-hero-photo img { width:100%; height:100%; object-fit:cover; object-position:center 60%; }
.services-hero-photo::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#103C4A 0%,rgba(16,60,74,.78) 9%,rgba(16,60,74,.28) 20%,transparent 35%); pointer-events:none; }
@media(min-width:900px) and (max-width:1199px) { .services-hero-inner { padding:48px 44px; min-height:520px; } .services-page-hero h1 { font-size:52px; } .services-hero-label { font-size:10px; letter-spacing:.16em; } }
@media(max-width:899px) { .services-hero-inner { padding:50px 36px 26px; min-height:0; } .services-hero-copy { width:100%; max-width:650px; } .services-page-hero h1 { font-size:46px; } .services-hero-photo { position:relative; width:100%; height:auto; } .services-hero-photo img { width:100%; max-width:none; margin:auto; height:auto; } .services-hero-photo::after { background:linear-gradient(180deg,#103C4A 0%,rgba(16,60,74,.5) 3%,transparent 7%); } }
@media(max-width:599px) { .services-hero-inner { padding:48px 22px 24px; } .services-hero-label { font-size:10px; letter-spacing:.13em; gap:10px; } .services-hero-label::before { width:24px; } .services-page-hero h1 { font-size:clamp(34px,10vw,40px); } .services-hero-copy p { font-size:16px; margin-top:22px; } .services-hero-button { font-size:15px; padding:16px 28px; } .services-hero-photo img { max-width:none; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }