/* Clear commercial paths and the value of ECOSISTEMAS' own app. */
.hero-app-promise{display:flex;align-items:center;gap:13px;max-width:435px;margin-top:23px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);box-shadow:inset 0 1px 0 #ffffff85;transition:border-color .2s,transform .2s}
.hero-original .hero-copy .lead{margin-bottom:14px}
.hero-plan{max-width:460px;margin:0 0 25px;color:var(--muted);font-size:13px;line-height:1.8}
.footer-clean .footer-signature{display:grid;justify-items:center;gap:20px;padding-bottom:26px}
.footer-clean .footer-brand-logo{min-height:0}
.footer-clean .footer-brand-logo img{width:min(285px,72vw);height:auto;opacity:.86}
.footer-channel-links{display:flex;align-items:center;justify-content:center;gap:25px}
.footer-channel-links a{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#eef2f7;transition:background .2s}
.footer-channel-links a:hover{background:#ffffff12}
.footer-channel-links a:focus-visible{outline:2px solid #eef2f7;outline-offset:4px}
.footer-channel-links svg{width:29px;height:29px}
.footer-channel-links .footer-radio-link{width:64px;gap:3px;align-content:center}
.footer-radio-logo{display:block;width:57px;height:31px;filter:grayscale(1) brightness(0) invert(1)}
.footer-radio-link small{font-size:9px;line-height:1;letter-spacing:.03em;color:#eef2f7}
.footer-clean .footer-shortcuts,.footer-contact-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 25px;line-height:1.6}
.footer-clean .footer-shortcuts{font-size:12px;padding:0 0 18px}
.footer-contact-line{font-size:11px;color:#d0d9e4;padding-bottom:28px}
.footer-clean .footer-bottom{padding-top:22px;padding-bottom:60px;gap:16px}
@media(max-width:600px){.footer-clean .footer-brand-logo img{width:235px}.footer-channel-links{gap:21px}.footer-clean .footer-shortcuts{gap:12px 19px}.footer-contact-line{gap:10px 20px}}
@media(prefers-reduced-motion:reduce){.footer-channel-links a{transition:none}}
.hero-app-promise:hover{border-color:var(--wine)}@media(hover:hover) and (pointer:fine){.hero-app-promise:hover{transform:translateY(-2px)}}
.hero-app-promise .hero-app-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--blue-soft);color:var(--wine)}
.hero-app-promise strong,.hero-app-promise small{display:block}.hero-app-promise strong{font-size:14px;line-height:1.5}.hero-app-promise small{font-size:11px;line-height:1.7;color:var(--muted);margin-top:2px}.hero-app-promise>.icon{margin-left:auto;color:var(--wine);width:18px;flex-shrink:0}
.app-commercial-actions{gap:19px;margin-top:25px}.app-commercial-actions .btn{font-size:12px}.app-commercial-actions .app-showcase-login{font-size:11px;min-height:44px}
.app-service-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:22px 0 25px;margin:0 0 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.app-service-journey li{display:flex;gap:13px;align-items:flex-start;margin:0}.app-service-journey li>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:var(--blue-soft);color:var(--wine);font-size:11px;font-weight:800}
.app-service-journey strong{display:block;font-size:15px;line-height:1.5}.app-service-journey p{font-size:11px;line-height:1.8;color:var(--muted);margin:6px 0 0}
.commercial-close{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;padding:38px;margin:42px 0 0;border-radius:29px}
.commercial-close .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.12em;margin-bottom:16px;color:var(--wine)}
.commercial-next h2{font-size:33px;line-height:1.23;max-width:580px}.commercial-close p{font-size:13px;line-height:1.9;color:var(--muted);margin:18px 0 21px}.commercial-close .btn{font-size:12px}.commercial-app{align-self:center;border-left:1px solid var(--line);padding-left:37px}.commercial-app h3{font-size:26px;line-height:1.25}.commercial-app .text-link{font-size:12px;min-height:44px}
.contact-app-note{padding:22px 0 19px;margin:27px 0 17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-app-note .eyebrow{font-size:9px;margin-bottom:12px}.contact-app-note h3{font-size:24px;line-height:1.3}.contact-app-note p{font-size:13px;line-height:1.85;color:var(--muted);margin:13px 0 6px}.contact-app-note .text-link{font-size:12px;min-height:44px}
.nav-popover>.nav-app-in-group{display:none}
.site-header .site-nav>a.nav-app{color:#f4c4d6;font-weight:800}
/* Keep keyboard focus legible on charcoal; popup and logo use surface-aware ink. */
.site-header .header-inner .header-tools :is(a,button):focus-visible,
.site-header .site-nav>a:focus-visible,.site-header .nav-services>summary:focus-visible{outline:3px solid #ffe1ed!important;outline-offset:4px}
.site-header .brand:focus-visible,.site-header .nav-popover a:focus-visible{outline:3px solid #7f2944!important;outline-offset:3px}
html[data-theme=dark] .site-header .nav-popover a:focus-visible{outline-color:#f5c3d6!important}
@media(min-width:851px) and (max-width:1000px){.hero-original h1{font-size:40px}}
@media(min-width:851px) and (max-width:1100px){html:not(.header-compact) .site-nav{gap:17px}html:not(.header-compact) .site-nav>.nav-app{display:none}html:not(.header-compact) .nav-popover>.nav-app-in-group{display:block}}
@media(max-width:1100px){.commercial-close{gap:30px;padding:30px}.commercial-next h2{font-size:29px}.commercial-app{padding-left:28px}.commercial-app h3{font-size:25px}.header-compact .site-header .site-nav>a.nav-app{color:var(--wine)}.header-compact .site-header .site-nav>a:focus-visible,.header-compact .site-header .nav-services>summary:focus-visible{outline-color:var(--wine)!important}}
@media(max-width:850px){.site-header .site-nav>a.nav-app{color:var(--wine)}.site-header .site-nav>a:focus-visible,.site-header .nav-services>summary:focus-visible{outline-color:var(--wine)!important}.app-service-journey{gap:15px}.app-service-journey strong{font-size:13px}.app-service-journey li{gap:10px}.commercial-close{gap:25px}.commercial-next h2{font-size:27px}}
@media(max-width:600px){.hero-app-promise{margin-top:19px;gap:11px;padding:13px 14px;max-width:none}.hero-app-promise strong{font-size:13px}.hero-app-promise small{font-size:10px}.hero-app-promise .hero-app-icon{width:34px;height:34px;flex-basis:34px}.hero-app-promise .hero-app-icon .icon{width:19px;height:19px}.app-commercial-actions{align-items:stretch;gap:9px}.app-commercial-actions .btn{width:100%;font-size:13px}.app-commercial-actions .app-showcase-login{font-size:12px}.app-service-journey{grid-template-columns:1fr;gap:20px;padding:23px 0;margin-bottom:25px}.app-service-journey li{gap:13px}.app-service-journey strong{font-size:15px}.app-service-journey p{font-size:12px}.commercial-close{grid-template-columns:1fr;gap:28px;padding:27px 22px;border-radius:25px;margin-top:30px}.commercial-next h2{font-size:28px}.commercial-close .btn{width:100%;font-size:12px}.commercial-close p{font-size:13px;line-height:1.85}.commercial-app{padding:25px 0 0;border-left:0;border-top:1px solid var(--line)}.commercial-app h3{font-size:26px}.commercial-app .text-link{font-size:12px}.contact-app-note p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-app-promise{transition:none}.hero-app-promise:hover{transform:none}}
@media print{.commercial-close,.contact-app-note{break-inside:avoid;box-shadow:none}.hero-app-promise{box-shadow:none}}