
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--deep:#081b17;--dark:#0d2822;--teal:#1ab59e;--ink:#152d27;--muted:#51645d;--bg:#f5faf7;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3faf6;color:var(--ink);font:17px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #11b8a0;outline-offset:4px}.area-container{width:min(1150px,calc(100% - 44px));margin:0 auto}.area-header{position:relative;z-index:5;background:#061714;border-bottom:1px solid rgba(255,255,255,.09);color:#fff}.area-headrow{display:flex;align-items:center;gap:26px;min-height:80px}.area-logo{display:block;margin-right:auto;width:135px}.area-logo img{display:block;width:100%}.area-topnav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.area-topnav a{color:#e0f2ec}.area-topnav a:hover{color:#8de9d4}.area-headcta{display:inline-flex;align-items:center;background:linear-gradient(110deg,#15a98f,#0c5f51);border:1px solid rgba(86,233,193,.22);padding:11px 17px;border-radius:8px;font-weight:750;font-size:14px;color:#fff}.area-menu{display:none;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:white;padding:9px 12px}.area-breadcrumb{font-size:13px;font-weight:650;line-height:1.5;color:#9fe3d0;margin:0 0 25px}.area-breadcrumb a{text-decoration:underline;text-underline-offset:4px}.area-hero{isolation:isolate;position:relative;overflow:hidden;background:#071c19;color:#fff;padding:clamp(65px,7vw,116px) 0 clamp(67px,7vw,115px)}.area-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,21,18,.94),rgba(4,21,18,.88) 50%,rgba(4,21,18,.32)),url('hero-focus.webp') center right/cover no-repeat}.area-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 70%,rgba(10,161,141,.20),transparent 48%),radial-gradient(ellipse at 15% 5%,rgba(2,150,140,.15),transparent 35%)}.area-hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.6fr);gap:clamp(24px,6vw,90px);align-items:center}.area-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:850;color:#70dcc5;margin:0 0 16px}.area-hero h1{font:500 clamp(45px,5.2vw,75px)/1.09 var(--serif);letter-spacing:-.047em;max-width:16ch;margin:0 0 28px;text-wrap:balance}.area-hero h1 em{color:#71e2ca;font-weight:400}.area-hero .area-lead{font-size:clamp(18px,1.8vw,21px);color:#e6efec;line-height:1.65;max-width:57ch;margin:0 0 16px}.area-hero .area-insight{font-size:16px;line-height:1.75;color:#bdd2c9;max-width:62ch}.area-action{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:52px;padding:14px 22px;background:#e5fff2;color:#103c32;font:800 16px/1.3 var(--sans);border-radius:8px;margin:14px 12px 0 0;transition:transform .2s,background .2s}.area-action:hover{background:#bdf1dc;transform:translateY(-2px)}.area-action.secondary{background:transparent;color:#f6fffb;border:1px solid rgba(185,240,217,.45)}.area-action.secondary:hover{background:rgba(255,255,255,.09)}.area-hero-card{border:1px solid rgba(100,236,202,.25);border-radius:19px;background:linear-gradient(139deg,rgba(15,83,68,.48),rgba(5,31,28,.74));padding:34px;box-shadow:0 30px 75px rgba(0,0,0,.17);backdrop-filter:blur(12px)}.area-hero-card strong{display:block;font:500 30px/1.2 var(--serif);margin-bottom:13px;color:#fff}.area-hero-card p{margin:0 0 14px;color:#d4e7dd;font-size:16px;line-height:1.7}.area-hero-card small{font-size:13px;color:#8adcc5}.area-page{position:relative;overflow:hidden;padding:clamp(68px,8vw,112px) 0}.area-page.alt{background:radial-gradient(ellipse at 90% 2%,rgba(10,155,135,.15),transparent 35%),#e9f5ef}.area-page.light{background:linear-gradient(135deg,#f7fbf8,#f0f8f4)}.area-sectionhead{max-width:700px;margin:0 0 35px}.area-sectionhead h2{font:500 clamp(34px,4vw,54px)/1.16 var(--serif);letter-spacing:-.04em;margin:0 0 16px}.area-sectionhead h2 em{color:#157f6b;font-weight:400}.area-sectionhead>p:last-child{font-size:18px;line-height:1.7;color:#485e55;margin:0}.area-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.area-card{background:rgba(255,255,255,.88);border-radius:14px;border:1px solid rgba(27,113,90,.1);box-shadow:0 12px 35px rgba(7,43,31,.045);padding:28px;min-width:0}.area-card-index{display:block;font:700 14px var(--sans);color:#0e8b76;margin:0 0 25px}.area-card h3{font-size:21px;line-height:1.27;margin:0 0 11px;color:#0d3128}.area-card p{font-size:16px;line-height:1.7;margin:0;color:#506159}.area-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.area-step{border-radius:12px;border:1px solid rgba(27,113,90,.15);background:rgba(255,255,255,.72);padding:27px;min-width:0}.area-step span{font:600 31px var(--serif);color:#148b79}.area-step h3{margin:8px 0;color:#103c32;font-size:20px;line-height:1.3}.area-step p{font-size:16px;line-height:1.7;color:#465d55;margin:0}.area-inline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 30px;border-radius:16px;background:#0e3028;color:#f5fffa;margin-top:31px}.area-inline p{margin:0;font-size:17px;line-height:1.6;max-width:65ch}.area-inline a{flex:0 0 auto;color:#092e24;background:#d8ffee;border-radius:8px;padding:13px 18px;font-weight:750;font-size:15px}.area-faq{display:grid;grid-template-columns:minmax(220px,.5fr) 1fr;gap:55px}.area-faq .area-sectionhead{margin:0}.area-faq-list{min-width:0}.area-faq-item{background:#fff;border:1px solid rgba(24,112,86,.13);border-radius:11px;margin:0 0 11px;overflow:hidden}.area-faq-item summary{cursor:pointer;list-style:none;padding:19px 45px 19px 21px;font:750 17px/1.5 var(--sans);position:relative}.area-faq-item summary::-webkit-details-marker{display:none}.area-faq-item summary:after{content:'+';position:absolute;right:20px;top:16px;color:#00846f;font:600 25px var(--sans)}.area-faq-item[open] summary:after{content:'−'}.area-faq-item p{padding:0 21px 20px;font-size:16px;line-height:1.75;color:#475d55;margin:0}.area-related{background:#091c17;color:#fff;padding:60px 0}.area-related h2{font:500 clamp(31px,3.8vw,45px)/1.2 var(--serif);margin:0 0 21px}.area-related p{font-size:17px;line-height:1.6;color:#c2d5cd;max-width:65ch}.area-related-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.area-related-grid a{display:inline-flex;gap:7px;align-items:center;border:1px solid rgba(170,232,211,.3);padding:11px 14px;border-radius:8px;font-size:15px;font-weight:650;background:rgba(255,255,255,.05)}.area-related-grid a:hover{background:rgba(21,164,132,.25)}.area-footer{background:#04100e;color:#bdd3c9;padding:27px 0;font-size:14px}.area-footer .area-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}.area-footer a{text-decoration:underline;text-underline-offset:4px}.area-footer strong{color:#fff}.area-contact-note{font-size:14px;color:#8cddc6;margin-top:15px}
@media(max-width:920px){.area-hero-layout{grid-template-columns:1fr}.area-hero-card{max-width:560px}.area-cards,.area-steps{grid-template-columns:1fr 1fr}.area-faq{grid-template-columns:1fr;gap:23px}.area-faq .area-sectionhead{max-width:750px}}
@media(max-width:650px){.area-headrow{min-height:74px}.area-topnav{display:none;position:absolute;top:74px;left:0;right:0;padding:17px 23px 22px;background:#0a2019;flex-direction:column;align-items:stretch;gap:12px;border-top:1px solid rgba(255,255,255,.1)}.area-topnav.open{display:flex}.area-menu{display:inline-flex}.area-headcta{display:none}.area-container{width:min(100% - 36px,1150px)}.area-hero{padding:56px 0 64px}.area-hero h1{font-size:clamp(39px,10vw,56px)}.area-hero .area-lead{font-size:19px}.area-hero-card{padding:25px}.area-page{padding:65px 0}.area-cards,.area-steps{grid-template-columns:1fr}.area-card,.area-step{padding:22px}.area-inline{flex-direction:column;align-items:flex-start;padding:23px}.area-action{width:100%;margin-right:0}.area-eyebrow{font-size:11px}.area-hero .area-insight{font-size:16px}}

/* V2.1: Encabezados de servicio + localidad, legibles en todas las pantallas. */
.area-hero h1{max-width:21ch;overflow-wrap:normal;hyphens:none;text-wrap:balance}
.area-hero h1 em{font-style:normal;color:#6be9ce}
.area-related h2 em{font-style:normal;color:#73dbc5}
@media(max-width:650px){
  .area-hero h1{font-size:clamp(35px,9.5vw,51px);line-height:1.12;max-width:100%;letter-spacing:-.037em}
  .area-hero .area-lead{font-size:19px;line-height:1.6}
  .area-hero .area-insight{font-size:17px}
  .area-sectionhead h2{font-size:clamp(32px,8.3vw,43px);line-height:1.17}
  .area-card p,.area-step p,.area-faq-item p{font-size:17px}
}
@media(max-width:355px){
  .area-hero h1{font-size:34px}
  .area-sectionhead h2{font-size:31px}
}
