@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800&display=swap');
:root { --background: 0 0% 100%; --foreground: 210 13% 12%; --card: 0 0% 100%; --card-foreground: 210 13% 12%; --popover: 0 0% 100%; --popover-foreground: 210 13% 12%; --primary: 191 58% 20%; --primary-foreground: 0 0% 100%; --secondary: 191 12% 95%; --secondary-foreground: 210 13% 12%; --muted: 191 8% 94%; --muted-foreground: 210 7% 42%; --accent: 191 58% 20%; --accent-foreground: 0 0% 100%; --destructive: 0 80% 50%; --destructive-foreground: 0 0% 100%; --border: 210 10% 85%; --input: 210 10% 85%; --ring: 191 58% 20%; --radius: .25rem; }
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
body { margin: 0; font-family: 'Manrope', sans-serif; color: #202829; background: #fff; overflow-x: clip; }
* { box-sizing: border-box; }
a { text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { font-family: 'Barlow Condensed', sans-serif; overflow-wrap: break-word; }
::selection { background: #144853; color: white; }
.site-header { position: fixed; z-index: 40; top: 0; left: 0; right: 0; height: 78px; background: rgba(12,23,23,.94); color: white; backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.12); }
.header-inner { max-width: 1540px; height: 100%; margin: auto; padding: 0 4%; display: flex; align-items: center; gap: 32px; }
.brand { flex-shrink: 0; color: white; display:flex; gap: 10px; align-items:center; }
.brand-logo { height: 52px; width: auto; display: block; object-fit: contain; }
.brand-logo-light { filter: brightness(0) invert(1); }
.footer-logo { height: 88px; width: auto; display: block; object-fit: contain; filter: brightness(0) invert(1); margin-bottom: 12px; }
.nav-links { display:flex; align-items:center; justify-content:center; flex:1; gap: clamp(10px,1.8vw,28px); }
.nav-links a { color:#d4dada; font-size: 11px; font-weight: 700; white-space:nowrap; transition:color .2s; }
.nav-links a:hover { color:#2a8a96; }
.header-cta { background:#144853; color:white; display:flex; gap:18px; align-items:center; justify-content:center; padding: 14px 17px; font-size:11px; font-weight:800; white-space:nowrap; transition:background .2s; }
.header-cta:hover,.btn-green:hover { background:#0f3640; }
.menu-toggle { display:none; background:none; color:white; border:0; padding:10px; }
.hero { min-height: 100dvh; position:relative; color:white; background:#101d1e; display:flex; align-items:stretch; }
.hero-image,.hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.hero-image { object-fit:cover; object-position:center; }
.hero-shade { background: linear-gradient(90deg,rgba(5,17,18,.97) 0%,rgba(5,17,18,.82) 35%,rgba(5,17,18,.27) 78%),linear-gradient(0deg,rgba(5,17,18,.88),transparent 34%); }
.hero-inner { width:100%; max-width:1540px; margin:auto; padding: 145px 6% 36px; position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:110px; }
.hero-copy { max-width:790px; }
.hero-kicker,.overline,.section-label,.image-caption,.stat-foot,.form-top,.form-disclaimer { font-size:10px; font-weight:800; letter-spacing:.19em; }
.hero-kicker { display:flex; align-items:center; gap:12px; color:#bcd5cc; margin-bottom:26px; }
.pulse-dot { width:7px; height:7px; border-radius:50%; background:#2a8a96; box-shadow:0 0 0 5px rgba(20,72,83,.25); }
.kicker-line { width:48px; height:1px; background:#1a6b78; margin-left:10px; }
.hero h1 { font-size:clamp(70px,8.1vw,130px); line-height:.88; letter-spacing:-.025em; font-weight:700; margin:0 0 27px; text-transform:uppercase; }
.hero h1 em { color:#3d9aa5; font-style:normal; display:block; }
.hero-copy>p { font-size:clamp(16px,1.5vw,20px); line-height:1.7; color:#d6e0db; max-width:540px; margin-bottom:35px; }
.hero-actions { display:flex; gap:11px; flex-wrap:wrap; }
.btn { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:26px; padding:15px 23px; font-size:12px; font-weight:800; transition:background .2s,transform .2s; }
.btn:active,.header-cta:active { transform:scale(.98); }
.btn-green { color:white; background:#144853; border:1px solid #144853; }
.btn-outline { color:white; border:1px solid rgba(255,255,255,.55); }
.btn-outline:hover { background:rgba(255,255,255,.13); }
.hero-bottom { display:flex; align-items:end; gap:65px; border-top:1px solid rgba(255,255,255,.25); padding-top:24px; }
.hero-bottom>div:not(.hero-bottom-right) { display:flex; flex-direction:column; gap:2px; }
.hero-bottom strong { font:600 32px 'Barlow Condensed',sans-serif; }
.hero-bottom span { color:#bdc8c5; font-size:10px; letter-spacing:.07em; }
.hero-bottom-right { margin-left:auto; color:#bdc8c5; font-size:9px; font-weight:800; letter-spacing:.16em; display:flex; align-items:center; gap:24px; }
.section-pad { padding: 100px 6%; }
.section-label { display:flex; justify-content:space-between; color:#648078; padding-bottom:20px; border-bottom:1px solid #d9e1de; margin-bottom:65px; }
.overline { color:#144853; margin-bottom:18px; }
h2 { font-size:clamp(47px,5.2vw,78px); line-height:.97; letter-spacing:-.015em; font-weight:600; text-transform:uppercase; }
h2 span { color:#7b8e88; }
.intro { background:#fff; }
.intro-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:10%; align-items:start; }
.intro h2 { max-width:780px; }
.intro-side { padding-top:16px; }
.intro-side p,.section-heading-row>p,.projects-grid>div:first-child>p:not(.overline),.advantage-copy>p:not(.overline),.contact-copy>p:not(.overline) { font-size:14px; line-height:1.95; color:#5e6a68; }
.intro-side p+p { margin-top:20px; }
.text-link { display:inline-flex; align-items:center; gap:20px; font-size:12px; font-weight:800; color:#144853; border-bottom:1px solid #144853; padding-bottom:10px; margin-top:20px; transition:gap .2s; }
.text-link:hover { gap:28px; }
 .solutions { background:#f5f7f8; }
.section-heading-row { display:grid; grid-template-columns:1.5fr .5fr; gap:12%; align-items:end; margin-bottom:50px; }
.section-heading-row h2 { margin-bottom:0; }
.section-heading-row>p { margin-bottom:5px; }
.solution-list { border-top:1px solid #cbd8d2; }
.solution-row { display:grid; grid-template-columns:45px 60px minmax(220px,.8fr) minmax(300px,1.2fr) 35px; align-items:start; gap:24px; padding:32px 10px; border-bottom:1px solid #cbd8d2; transition:background .2s,padding .2s; }
 .solution-row:hover { background:#e8eef0; padding-left:20px; }
.solution-index { font:600 15px 'Barlow Condensed',sans-serif; color:#144853; }
.solution-icon { color:#144853; }
.solution-main h3 { font-size:30px; line-height:1; font-weight:600; text-transform:uppercase; margin-bottom:10px; }
.solution-main p { font-size:12px; color:#6f7d78; }
.solution-row ul { list-style:none; margin:0; padding:0; columns:2; column-gap:20px; }
.solution-row li { break-inside:avoid; font-size:11px; line-height:1.5; color:#485754; padding:0 0 10px 12px; position:relative; }
.solution-row li:before { content:''; width:3px; height:3px; background:#144853; position:absolute; left:0; top:7px; }
.solution-arrow { color:#144853; }
 .bpo { background:#0f1c1e; display:grid; grid-template-columns: 1fr 1fr; color:white; min-height:690px; }
.bpo-image-wrap,.advantage-photo { position:relative; overflow:hidden; min-height:560px; }
.bpo-image-wrap img,.advantage-photo img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.bpo-image-wrap:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,17,16,.65),transparent 35%); }
.image-caption { position:absolute; bottom:24px; left:30px; color:white; z-index:1; }
.bpo-content { padding:70px 10% 70px 9%; }
.bpo .section-label { margin-bottom:65px; color:#9db9ae; border-color:#436258; }
.bpo h2 span { color:#3d9aa5; }
.bpo-lead { font-size:14px; color:#b8cdc3; line-height:1.9; max-width:570px; }
.bpo-checks { display:grid; grid-template-columns:1fr 1fr; gap:19px 15px; margin:35px 0 40px; }
.bpo-checks div { display:flex; align-items:center; gap:10px; color:#e4eee8; font-size:11px; }
.bpo-checks svg { color:#3d9aa5; flex-shrink:0; }
.projects { background:#fff; }
.projects-grid { display:grid; grid-template-columns:1fr 1fr; gap:11%; align-items:center; }
.projects-grid>div:first-child>p:not(.overline) { max-width:475px; }
 .project-stats { background:#121c1e; color:white; padding:40px 44px 28px; }
.stat-main { display:flex; flex-direction:column; border-bottom:1px solid #486054; padding-bottom:30px; }
.stat-main strong { font:600 clamp(100px,13vw,190px)/.85 'Barlow Condensed',sans-serif; color:#3d9aa5; letter-spacing:-.04em; }
.stat-main span,.stat-grid span { font-size:11px; color:#bccfc4; }
.stat-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; padding:30px 0; }
.stat-grid>div { display:flex; flex-direction:column; border-left:2px solid #1a6b78; padding-left:17px; }
.stat-grid strong { font:600 47px/.95 'Barlow Condensed',sans-serif; }
.stat-foot { border-top:1px solid #486054; padding-top:25px; color:#8dab9a; }
 .advantage { background:#f4f6f7; }
.advantage-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:9%; align-items:stretch; }
.advantage-copy { padding:18px 0; }
.advantage-copy h2 { margin-bottom:27px; }
.value-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; border-top:1px solid #cddbd2; margin:28px 0; }
.value-grid div { border-bottom:1px solid #cddbd2; padding:15px 0; font-size:11px; font-weight:800; display:flex; gap:17px; align-items:center; }
.value-grid span { color:#144853; font:600 16px 'Barlow Condensed',sans-serif; }
.advantage-copy .brand-note { font-size:11px!important; line-height:1.8!important; }
.brand-note strong { color:#263c33; }
 .contact { background:#0f1a1c; color:white; }
.contact .section-label { border-color:#3b5047; color:#95aea1; }
.contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:10%; }
.contact h2 span { color:#3d9aa5; }
.contact-copy>p:not(.overline) { color:#b4c7bd!important; max-width:460px; }
.direct-contact { margin-top:60px; border-top:1px solid #3b5047; max-width:440px; }
.direct-contact a { color:white; border-bottom:1px solid #3b5047; padding:19px 0; display:flex; gap:20px; align-items:center; font-size:13px; font-weight:700; }
.direct-contact a>svg:first-child { color:#3d9aa5; }
.direct-contact a>svg:last-child { margin-left:auto; }
.direct-contact small { display:block; color:#829f8f; font-size:9px; letter-spacing:.15em; margin-bottom:5px; }
.form-panel { background:#fff; color:#23312b; padding:35px; }
.form-top { display:flex; justify-content:space-between; color:#144853; padding-bottom:25px; margin-bottom:27px; border-bottom:1px solid #dce5df; }
.form-top span:last-child { color:#8a9b90; }
.form-fields { display:grid; grid-template-columns:1fr 1fr; gap:21px; }
.form-fields label { font-size:10px; font-weight:800; color:#35443c; display:flex; flex-direction:column; gap:9px; }
.form-fields input,.form-fields select,.form-fields textarea { width:100%; border:1px solid #d6e0d9; background:#f9fbf9; border-radius:0; color:#263e31; outline:0; padding:12px 13px; font-size:12px; min-height:45px; }
.form-fields :is(input,select,textarea):focus { border-color:#144853; box-shadow:0 0 0 2px rgba(20,72,83,.15); }
.form-fields textarea { resize:vertical; }
.form-fields .span-2 { grid-column:span 2; }
.submit-button { border:0; margin-top:25px; width:100%; justify-content:space-between; }
.submit-button:disabled { opacity:.65; cursor:wait; }
.form-disclaimer { color:#8b9b91; letter-spacing:0; font-weight:500; margin:15px 0 0; }
.form-error { color:#a03434; font-size:12px; margin:15px 0 0; }
.form-success { min-height:420px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.form-success svg { color:#144853; }
.form-success h3 { font-size:42px; margin:20px 0 0; }
.form-success p { color:#5a6c61; font-size:14px; line-height:1.7; }
.form-success button { display:flex; gap:15px; border:0; background:none; color:#144853; font-size:12px; font-weight:800; padding:10px 0; }
 .site-footer { background:#0a1214; color:#c7d1cb; padding:70px 6% 25px; }
.footer-top { display:flex; justify-content:space-between; gap:30px; padding-bottom:70px; }
.footer-top p { font-size:12px; color:#8da399; margin-top:9px; }
.footer-top>div:last-child { display:flex; flex-direction:column; gap:10px; }
.footer-top .eyebrow { font-size:9px; color:#3d9aa5; letter-spacing:.18em; margin-bottom:9px; }
.footer-top a { color:white; font-size:12px; display:flex; justify-content:space-between; gap:30px; }
.footer-bottom { border-top:1px solid #2f403a; padding-top:24px; display:flex; justify-content:space-between; gap:20px; color:#789187; font-size:10px; }
@media(max-width:1150px) { .nav-links { gap:10px; } .nav-links a { font-size:10px; } .header-inner { gap:15px; padding:0 3%; } .brand-logo { height:48px; } .header-cta { padding:12px; font-size:10px; } }
@media(max-width:900px) { .site-header { height:70px; } .header-inner { padding:0 5%; } .nav-links { display:none; position:absolute; top:70px; left:0; right:0; background:#10201d; padding:16px 5% 24px; flex-direction:column; align-items:stretch; gap:0; border-bottom:1px solid #3b5748; } .nav-links.open { display:flex; } .nav-links a { font-size:13px; padding:13px 0; border-bottom:1px solid #30483d; } .header-cta { margin-left:auto; } .menu-toggle { display:block; } .intro-grid,.section-heading-row,.projects-grid,.advantage-grid,.contact-grid { grid-template-columns:1fr; gap:35px; } .section-heading-row>p { max-width:540px; } .solution-row { grid-template-columns:30px 40px 1fr 30px; } .solution-row ul { grid-column:3; } .solution-arrow { grid-column:4; grid-row:1; } .bpo { grid-template-columns:1fr; } .bpo-image-wrap { min-height:400px; } .bpo-content { padding:65px 6%; } .advantage-photo { min-height:420px; } .contact-grid { gap:55px; } }
@media(max-width:600px) { .site-header { height:66px; } .nav-links { top:66px; } .brand-logo { height:42px; } .header-cta { display:none; } .menu-toggle { margin-left:auto; } .hero-inner { padding:155px 6% 26px; gap:75px; } .hero-shade { background:linear-gradient(90deg,rgba(5,17,18,.93),rgba(5,17,18,.55)),linear-gradient(0deg,rgba(5,17,18,.9),transparent 50%); } .hero-image { object-position:65%; } .hero h1 { font-size:clamp(46px,13vw,85px); } .hero-kicker { font-size:8px; letter-spacing:.1em; } .kicker-line { display:none; } .hero-copy>p { font-size:15px; } .hero-actions .btn { width:100%; justify-content:space-between; } .hero-bottom { gap:22px; flex-wrap:wrap; } .hero-bottom strong { font-size:25px; } .hero-bottom-right { width:100%; margin:0; font-size:8px; justify-content:space-between; } .section-pad { padding:72px 6%; } .section-label { margin-bottom:45px; font-size:8px; letter-spacing:.11em; } h2 { font-size:clamp(36px,10.5vw,62px); } .intro-side { padding-top:0; } .solution-row { gap:10px; padding:25px 0; grid-template-columns:24px 33px 1fr 22px; } .solution-row:hover { padding-left:0; } .solution-main h3 { font-size:26px; } .solution-row ul { columns:1; margin-top:10px; } .bpo-image-wrap { min-height:310px; } .bpo-content { padding:60px 6%; } .bpo .section-label { margin-bottom:50px; } .bpo-checks { grid-template-columns:1fr; } .project-stats { padding:28px; } .stat-main strong { font-size:110px; } .advantage-photo { min-height:320px; } .value-grid { gap:0 15px; } .value-grid div { font-size:10px; gap:8px; } .direct-contact { margin-top:35px; } .form-panel { padding:22px; } .form-top { font-size:8px; gap:12px; } .form-top span:last-child { text-align:right; } .form-fields { grid-template-columns:1fr; gap:17px; } .form-fields .span-2 { grid-column:span 1; } .footer-top,.footer-bottom { flex-direction:column; } .footer-top { padding-bottom:45px; } .site-footer { padding-top:55px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*:before,*:after { transition-duration:.01ms!important; animation-duration:.01ms!important; } }
.privacy-check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px!important;font-size:10px!important;line-height:1.5;font-weight:500!important;color:#617069!important}.privacy-check input{width:auto!important;min-height:0!important;margin-top:2px}.privacy-check a{color:#144853;text-decoration:underline}.status-msg{font-size:12px;margin-top:12px}.status-ok{color:#144853}.status-error{color:#a03434}.logo-natural{filter:none!important}.privacy-page{padding:130px 6% 80px;max-width:980px;margin:auto}.privacy-page h1{font-size:clamp(48px,7vw,82px);text-transform:uppercase}.privacy-page h2{font-size:32px;margin-top:36px}.privacy-page p,.privacy-page li{font-size:14px;line-height:1.8;color:#52615c}.privacy-page a{color:#144853}
:is(.intro-grid,.section-heading-row,.projects-grid,.advantage-grid,.contact-grid,.solution-row,.bpo)>*{min-width:0}

/* ===== Cabecera v2 ===== */
.site-header { height:72px; background:rgba(6,18,20,.96); border-bottom:1px solid rgba(255,255,255,.08); }
.header-inner { max-width:1600px; padding:0 5%; }
.brand-logo { height:58px; }
.nav-links { gap:clamp(14px,2.2vw,34px); }
.nav-links a { font-family:'Montserrat',sans-serif; font-size:13px; font-weight:500; color:#e8eff0; position:relative; padding:8px 0; }
.nav-links a::after { content:''; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:#22aec4; transform:scaleX(0); transition:transform .2s; }
.nav-links a:hover,.nav-links a.active { color:#2bb7cc; }
.nav-links a.active::after { transform:scaleX(1); }
.header-cta { background:#1a9cb1; font-family:'Montserrat',sans-serif; font-size:13px; font-weight:700; padding:15px 22px; }
.header-cta:hover,.btn-teal:hover { background:#14869a; }
.hero { min-height:0; flex-direction:column; background:#061416; }
.hero-image { left:auto; right:0; width:58%; height:100%; object-position:center; }
.hero-shade { background:linear-gradient(90deg,#061416 0%,#061416 40%,rgba(6,20,22,.75) 50%,rgba(6,20,22,.15) 68%,rgba(6,20,22,0) 100%),linear-gradient(0deg,rgba(6,20,22,.7),transparent 30%); }
.hero-inner { padding:128px 5% 64px; gap:0; justify-content:flex-start; max-width:1600px; }
.hero-copy { max-width:640px; }
.hero-kicker { font-family:'Montserrat',sans-serif; font-size:10.5px; font-weight:500; letter-spacing:.32em; color:#e8eff0; margin-bottom:22px; }
.pulse-dot { width:9px; height:9px; background:#22aec4; box-shadow:0 0 0 4px rgba(34,174,196,.25); }
.kicker-line { width:48px; background:#22aec4; margin-left:14px; }
.hero h1 { font-size:clamp(54px,5.6vw,92px); line-height:.92; font-weight:800; letter-spacing:-.005em; margin:0 0 26px; }
.hero h1 .h1-line { display:block; white-space:nowrap; }
.hero h1 em { display:inline; color:#2bb7cc; }
.hero-sub { font-family:'Montserrat',sans-serif; font-size:clamp(19px,1.7vw,25px); line-height:1.35; color:#fff; margin-bottom:22px; }
.hero-sub strong { display:block; color:#2bb7cc; font-weight:700; }
.hero-desc { font-family:'Montserrat',sans-serif; font-size:15px; line-height:1.6; color:#dde7e8; max-width:580px; margin-bottom:32px; }
.hero-actions { gap:16px; }
.hero .btn { font-family:'Montserrat',sans-serif; font-size:13.5px; font-weight:700; min-height:52px; padding:14px 26px; gap:10px; }
.btn-teal { color:#fff; background:#1a9cb1; border:1px solid #1a9cb1; }
.hero .btn-outline { border:2px solid #fff; }
.hero-features { position:relative; display:grid; grid-template-columns:repeat(5,1fr); background:rgba(6,22,25,.88); border-top:1px solid rgba(255,255,255,.06); padding:22px 5%; backdrop-filter:blur(6px); }
.hero-feature { display:flex; align-items:center; gap:18px; padding:0 22px; min-width:0; }
.hero-feature+.hero-feature { border-left:1px solid rgba(255,255,255,.25); }
.hero-feature:first-child { padding-left:0; }
.feat-icon { flex-shrink:0; width:58px; height:58px; border-radius:50%; border:2px solid #22aec4; color:#22aec4; display:grid; place-items:center; }
.hero-feature p { margin:0; font-family:'Montserrat',sans-serif; font-size:15px; line-height:1.4; color:#eef4f4; }
.hero-feature strong { color:#2bb7cc; font-weight:700; }
@media(max-width:1250px) { .hero-feature { gap:12px; padding:0 14px; } .feat-icon { width:48px; height:48px; } .feat-icon svg { width:22px; height:22px; } .hero-feature p { font-size:13px; } .nav-links a { font-size:12px; } .header-cta { font-size:11px; padding:12px 14px; } }
@media(max-width:900px) { .site-header { height:70px; } .nav-links a { font-size:14px; padding:13px 0; } .nav-links a::after { display:none; } .hero-image { width:100%; } .hero-shade { background:linear-gradient(90deg,rgba(6,20,22,.95) 0%,rgba(6,20,22,.8) 55%,rgba(6,20,22,.45) 100%),linear-gradient(0deg,#061416,transparent 40%); } .hero-features { grid-template-columns:repeat(3,1fr); row-gap:22px; } .hero-feature:nth-child(4) { border-left:0; padding-left:0; } }
@media(max-width:600px) { .site-header { height:66px; } .brand-logo { height:46px; } .hero-inner { padding:112px 6% 48px; } .hero-image { object-position:62% center; } .hero h1 { font-size:clamp(40px,12.5vw,64px); } .hero h1 .h1-line { white-space:normal; } .hero-kicker { font-size:8.5px; letter-spacing:.18em; } .hero-sub { font-size:18px; } .hero-desc { font-size:14px; } .hero-actions .btn { width:100%; justify-content:space-between; } .hero-features { grid-template-columns:1fr; padding:8px 6%; row-gap:0; } .hero-feature,.hero-feature:first-child,.hero-feature:nth-child(4) { padding:16px 0; border-left:0; } .hero-feature+.hero-feature { border-left:0; border-top:1px solid rgba(255,255,255,.12); } .feat-icon { width:46px; height:46px; } .hero-feature p { font-size:14px; } }

/* ===== Nuestro enfoque v2 ===== */
.focus { position:relative; overflow:hidden; background:linear-gradient(120deg,#ffffff 0%,#f2f7f8 55%,#e8f1f3 100%); padding:56px 4% 64px; font-family:'Montserrat',sans-serif; }
.focus::before,.focus::after { content:''; position:absolute; pointer-events:none; background:linear-gradient(135deg,rgba(26,156,177,.18),rgba(26,156,177,.04)); }
.focus::before { top:-40px; right:-60px; width:520px; height:220px; transform:skewX(-35deg); }
.focus::after { bottom:-60px; right:-80px; width:300px; height:260px; transform:skewX(-35deg); }
.focus-inner { position:relative; z-index:1; max-width:1560px; margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; align-items:start; }
.focus-label { font-size:12px; font-weight:700; letter-spacing:.06em; color:#0f3c45; margin-bottom:26px; }
.focus-overline { font-size:11px; font-weight:600; letter-spacing:.3em; color:#1d4650; margin-bottom:10px; }
.focus h2 { font-family:'Montserrat',sans-serif; font-weight:800; font-size:clamp(34px,3.6vw,58px); line-height:1.08; letter-spacing:-.01em; color:#0c2a30; margin-bottom:22px; text-wrap:balance; }
.focus h2 span { color:#15899c; }
.focus-lead { font-size:15.5px; line-height:1.55; color:#46585c; max-width:660px; margin-bottom:34px; }
.focus-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-bottom:24px; }
.focus-stat { display:flex; gap:14px; align-items:flex-start; }
.fs-icon { color:#174a54; flex-shrink:0; padding-top:4px; }
.focus-stat strong { display:block; font-size:clamp(24px,2vw,31px); font-weight:700; color:#16707f; line-height:1.1; font-variant-numeric:tabular-nums; }
.focus-stat span span,.focus-stat div>span { display:block; font-size:12.5px; line-height:1.35; color:#4b5d61; margin-top:4px; }
.focus-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.focus-card { display:flex; gap:14px; align-items:flex-start; background:#fff; border-radius:8px; padding:20px 16px; box-shadow:0 6px 22px rgba(12,42,48,.07); color:#0c2a30; transition:transform .2s,box-shadow .2s; }
.focus-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(12,42,48,.12); }
.fc-icon { color:#174a54; flex-shrink:0; }
.fc-text { flex:1; min-width:0; }
.fc-text strong { display:block; font-size:13.5px; font-weight:700; margin-bottom:6px; }
.fc-text span { display:block; font-size:12px; line-height:1.45; color:#556669; }
.fc-arrow { color:#174a54; flex-shrink:0; }
.focus-actions { display:flex; align-items:center; gap:56px; flex-wrap:wrap; }
.btn-advisor { display:inline-flex; align-items:center; gap:14px; background:linear-gradient(180deg,#167c8d,#0f5f6d); color:#fff; font-weight:700; font-size:15px; padding:18px 32px; border-radius:6px; box-shadow:0 8px 20px rgba(15,95,109,.25); transition:filter .2s; }
.btn-advisor:hover { filter:brightness(1.1); }
.focus-play { display:flex; align-items:center; gap:18px; color:#0c2a30; font-size:13.5px; line-height:1.5; }
.focus-play strong { font-weight:600; }
.focus-play>span:last-child { border-bottom:2px solid #15899c; padding-bottom:6px; }
.play-ring { width:58px; height:58px; border-radius:50%; border:2px solid #15899c; color:#15899c; display:grid; place-items:center; flex-shrink:0; padding-left:3px; }
.focus-visual { position:relative; min-width:0; }
.focus-visual::before { content:''; position:absolute; left:-34px; top:100px; width:70px; height:240px; border-radius:14px; background:linear-gradient(180deg,#1a9cb1,#0f5f6d); opacity:.8; }
.focus-media { position:relative; border-radius:18px; overflow:hidden; background:#0b1c22; min-height:555px; box-shadow:0 20px 50px rgba(12,42,48,.22); }
.focus-media img { position:absolute; top:0; left:0; width:68%; height:100%; object-fit:cover; object-position:30% center; }
.focus-media-shade { position:absolute; inset:0; background:linear-gradient(90deg,transparent 40%,rgba(11,28,34,.85) 62%,#0b1c22 72%),linear-gradient(0deg,rgba(11,28,34,.6),transparent 35%); }
.media-caption { position:absolute; left:24px; bottom:22px; display:flex; align-items:center; gap:18px; color:#fff; font-size:16px; line-height:1.35; background:rgba(10,24,30,.55); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(8px); border-radius:12px; padding:16px 26px 16px 18px; max-width:calc(62% - 24px); }
.media-caption small { display:block; font-size:10.5px; font-weight:700; letter-spacing:.08em; margin-top:8px; text-decoration:underline; text-underline-offset:4px; }
.play-ring.dark { background:rgba(255,255,255,.12); border:0; color:#fff; width:62px; height:62px; }
.glass-list { position:absolute; top:58px; right:18px; bottom:58px; width:min(270px,38%); display:flex; flex-direction:column; gap:20px; }
.glass-card { flex:1; display:flex; gap:16px; align-items:flex-start; background:rgba(40,80,90,.38); border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(10px); border-radius:14px; padding:22px 16px; color:#fff; }
.gc-icon { flex-shrink:0; color:#fff; }
.glass-card strong { display:block; font-size:14px; font-weight:700; margin-bottom:8px; }
.glass-card p { margin:0; font-size:12px; line-height:1.6; color:#d5e3e6; }
.brands { margin-top:26px; }
.brands p { font-size:14px; font-weight:500; color:#15899c; margin-bottom:14px; }
.brands strong { color:#123c44; font-weight:600; }
.brands img { display:block; width:100%; max-width:760px; height:auto; background:#fff; border-radius:10px; padding:8px 10px; box-shadow:0 6px 22px rgba(12,42,48,.06); }
@media(max-width:1150px) { .focus-inner { grid-template-columns:1fr; gap:56px; } .focus-visual::before { display:none; } .focus-stats { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:760px) { .focus { padding:56px 6%; } .focus-stats { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:24px; } .focus-cards { grid-template-columns:1fr; gap:12px; } .focus-actions { gap:28px; } .btn-advisor { width:100%; justify-content:space-between; } .focus-media { min-height:0; background:#0b1c22; } .focus-media img { position:relative; width:100%; height:300px; display:block; } .focus-media-shade { bottom:auto; height:300px; background:linear-gradient(0deg,#0b1c22,transparent 45%); } .media-caption { left:16px; right:16px; bottom:auto; top:196px; max-width:none; font-size:14px; padding:12px 16px; } .play-ring.dark { width:48px; height:48px; } .glass-list { position:static; width:auto; padding:18px 16px 16px; gap:12px; } .glass-card { padding:16px 14px; } }
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
/* Espaciado uniforme entre secciones */
.focus { padding:100px 6%; }
.focus-inner { max-width:none; }
@media(max-width:760px) { .focus { padding:72px 6%; } }