/* © 2026 SKILL ISSUE. Todos los derechos reservados. */
/* Scoped styles shared by the two existing product landings. */
.hero-actions .free-promo-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:17px 22px;border:1px solid #b7c9de;background:#172333;color:#fff;box-shadow:inset 0 1px #e5f0ff22,0 0 22px #9fbddd10;text-decoration:none;white-space:normal}
.hero-actions .free-promo-cta:hover{border-color:#fff;background:#22364c;box-shadow:0 5px 24px #b7d4f522}
.free-promo-copy{display:flex;flex-direction:column;gap:8px;text-align:left;min-width:0}
.hero-actions .free-promo-copy strong{font-size:13px;line-height:1.3;letter-spacing:.04em;color:#fff}
.hero-actions .free-promo-copy small{font-size:9px;line-height:1.4;letter-spacing:.08em;color:#c2d6ee;font-weight:700}
.hero-actions .free-promo-arrow{font-size:25px;line-height:1;color:#eff6ff;flex:none}
.marketing-microstrip{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:19px;color:#bbc8d9;font-size:9px;line-height:1.6;letter-spacing:.06em;font-weight:700}
.marketing-microstrip span:before{content:'+';color:#ff5365;margin-right:7px}
.hero-community{display:flex;align-items:center;gap:13px;max-width:560px;margin:22px 0 0;padding:14px 17px;border:1px solid #7c4553;border-left:3px solid #ff4058;border-radius:5px;background:#17202cec;color:#eff3fa;text-decoration:none;box-shadow:inset 0 1px #ffffff0b;transition:border-color .2s,background .2s}
.hero-community:hover{background:#1d2a3b;border-color:#ff7587}
.hero-community-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #90606c;border-radius:50%;background:#251d28;color:#ff8191}
.hero-community-icon svg{width:23px;height:23px}
.hero-community-copy{display:block;min-width:0}
.hero-community-copy strong{display:block;font-size:16px;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:#fff}
.hero-community-copy>span{display:block;margin-top:4px;color:#c7d3e4;font-size:12px;line-height:1.5;letter-spacing:0}
.hero-community-copy small{display:block;margin-top:7px;font-size:8px;line-height:1.4;font-weight:800;letter-spacing:.1em;color:#ff8292}
.hero-community-copy small b{margin-left:8px;font-size:11px}
.hero-community:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:580px){.hero-community{padding:12px 13px;gap:11px;margin-top:19px}.hero-community-icon{width:32px;height:32px}.hero-community-copy strong{font-size:14px}.hero-community-copy>span{font-size:11px}.hero-community-copy small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-community{transition:none}}
.free-connect-section{max-width:1440px;margin:0 auto;padding:90px 7%;color:#f4f5f8;scroll-margin-top:100px}
.free-connect-header{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:40px;margin-bottom:34px}
.free-connect-kicker{margin:0 0 16px;font-size:10px!important;letter-spacing:.16em;font-weight:800;color:#ff5365;text-transform:uppercase}
.free-connect-header h2{font-size:clamp(36px,4.4vw,64px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:800}
.free-connect-header h2 span{color:#ff364e}
.free-connect-header>p{font-size:15px;line-height:1.8;color:#b9c1cf;max-width:480px;margin:0}
.free-connect-header>p strong{font-size:18px;color:#f2f5fa}
.free-access-banner{display:flex;align-items:center;gap:25px;padding:24px 28px;margin:0 0 20px;border:1px solid #a9bdd7;border-radius:8px;background:#1b293b;box-shadow:inset 0 1px #e9f4ff22}
.free-access-count{font-size:52px;line-height:1;font-weight:800;letter-spacing:-.06em;color:#d2e7ff}
.free-access-banner strong{font-size:20px;letter-spacing:-.02em;color:#fff}
.free-access-banner p{margin:6px 0 0;font-size:13px;line-height:1.6;color:#cfdaeb}
.free-access-banner a{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-left:auto;padding:15px 18px;border:1px solid #a7c0df;font-size:10px;font-weight:800;letter-spacing:.05em;background:#0b1421;color:#fff;text-decoration:none}
.free-access-banner a:hover{background:#304c6e}
.free-access-banner a span{font-size:23px;line-height:1}
.marketing-challenge{display:flex;align-items:center;gap:17px;padding:14px 0 24px}
.marketing-challenge>strong{font-size:28px;color:#ff5365;line-height:1;white-space:nowrap;letter-spacing:-.04em}
.marketing-challenge p{font-size:13px;line-height:1.6;margin:0;color:#e6ebf3}
.marketing-challenge small{display:block;color:#aeb9c9;font-size:11px}
.free-connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.free-connect-card{position:relative;min-width:0;overflow:hidden;background:#10161e;border:1px solid #384350;border-radius:12px;display:flex;flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s}
.free-connect-card:hover{transform:translateY(-5px);border-color:#b84c59;box-shadow:0 18px 40px #0005}
.free-connect-art{height:238px;position:relative;display:flex;align-items:center;justify-content:center;gap:28px;overflow:hidden;background:#0b1017;border-bottom:1px solid #303a48;padding:24px}
.free-connect-art img{height:210px;width:auto;max-width:47%;object-fit:contain;transform:rotate(-5deg);box-shadow:8px 10px 20px #0008}
.free-connect-art-label{display:grid;gap:11px;min-width:0}
.free-connect-art-label small{font-size:9px;letter-spacing:.12em;color:#b9c1cf;font-weight:700}
.free-connect-art-label strong{font-size:clamp(23px,2.5vw,34px);line-height:1;letter-spacing:-.04em;color:#f7f8fa}
.free-connect-art-label strong span{color:#ff364e}
.free-connect-art-label em{font-style:normal;font-size:10px;line-height:1.7;color:#b5becc}
.free-connect-art--starter{background:#151d28}
.free-connect-flow{display:grid;gap:9px;width:min(100%,360px)}
.free-connect-flow span{font-size:10px;letter-spacing:.1em;color:#b9c4d4}
.free-connect-flow strong{border:1px solid #45505f;background:#0e151f;padding:13px 16px;font-size:clamp(16px,1.7vw,23px);letter-spacing:-.02em}
.free-connect-flow b{color:#ff5264;font-size:12px;margin-right:12px}
.free-connect-content{padding:28px;display:flex;flex:1;flex-direction:column;align-items:start}
.free-connect-tag{display:inline-block;border:1px solid #6e3945;color:#ff7382;padding:6px 9px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.free-connect-content h3{font-size:clamp(26px,2.7vw,38px);line-height:1.1;letter-spacing:-.035em;margin:20px 0 14px}
.free-connect-content>p{font-size:14px;line-height:1.8;color:#bec6d2;margin:0 0 18px;max-width:510px}
.free-connect-points{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px;padding:0;list-style:none}
.free-connect-points li{font-size:10px;padding:7px 10px;background:#202a37;border:1px solid #364353;color:#e1e6ef}
.free-connect-download{display:flex;align-items:center;justify-content:center;gap:15px;align-self:stretch;min-height:52px;background:#202c3c;border:1px solid #8190a6;color:#fff;text-align:center;padding:14px 15px;font-size:11px;font-weight:800;letter-spacing:.06em;text-decoration:none;margin-top:auto}
.free-connect-download:hover{background:#2b3b50;border-color:#b4c3d9}
.free-connect-pdf{margin-top:16px;font-size:12px;text-decoration:underline;text-underline-offset:4px;line-height:1.6;color:#d3dbe7}
.free-connect-download:focus-visible,.free-connect-pdf:focus-visible,.free-hero-link:focus-visible,.free-connect-footer a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.free-connect-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding-top:24px;font-size:12px;line-height:1.7;color:#aeb8c7}
.free-connect-footer p{margin:0;max-width:650px}
.free-connect-footer a{color:#ff6a7b;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.marketing-community{display:flex;align-items:center;gap:25px;max-width:1238px;margin:0 auto 55px;padding:30px;border:1px solid #4a5365;border-radius:10px;background:#101721;color:#f3f5fa}
.community-emblem{display:grid;place-items:center;position:relative;flex:none;width:66px;height:66px;border:1px solid #91a4c0;border-radius:50%;color:#d5deed;font-size:27px;letter-spacing:-.08em;font-weight:800;background:#192536}
.community-emblem span{position:absolute;right:0;bottom:3px;color:#ff4058;font-size:16px;line-height:1}
.community-copy{flex:1;min-width:0}
.community-copy .free-connect-kicker{margin-bottom:10px}
.community-copy h2{font-size:clamp(23px,2.5vw,32px);line-height:1.15;letter-spacing:-.03em;margin:0 0 12px}
.community-copy h2 span{color:#c9d7e9}
.community-copy>p:last-child{font-size:12px;line-height:1.7;margin:0;color:#acb9cb;max-width:600px}
.community-state{border:1px solid #6e7d95;color:#ccd8e9;padding:12px 15px;font-size:9px;letter-spacing:.08em;font-weight:800;white-space:nowrap}
.free-promo-cta:focus-visible,.free-access-banner a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:1300px){.marketing-community{margin-left:7%;margin-right:7%}}
@media(max-width:780px){.free-access-banner{gap:17px;padding:22px;flex-wrap:wrap}.free-access-banner a{margin:0 0 0 auto}.free-access-count{font-size:45px}.free-access-banner strong{font-size:18px}.marketing-community{margin:0 6% 45px;padding:24px;gap:19px;flex-wrap:wrap}.community-emblem{width:50px;height:50px;font-size:23px}.community-state{margin-left:69px}}
@media(max-width:580px){.hero-actions:has(.free-promo-cta){grid-template-columns:1fr}.hero-actions .free-promo-cta{padding:17px 20px;width:100%}.hero-actions .free-promo-copy strong{font-size:12px}.hero-actions .free-promo-copy small{font-size:8px;letter-spacing:.04em}.marketing-microstrip{font-size:8px;gap:6px 13px}.free-access-banner{gap:15px;padding:21px}.free-access-banner>div{flex:1}.free-access-banner p{font-size:12px}.free-access-banner strong{font-size:17px}.free-access-banner a{width:100%;margin:0}.marketing-challenge{align-items:start;gap:13px}.marketing-challenge>strong{font-size:25px}.marketing-challenge p{font-size:12px}.marketing-community{display:block}.community-emblem{margin-bottom:20px}.community-state{display:inline-block;margin:18px 0 0}.community-copy h2{font-size:27px}}
@media(max-width:780px){.free-connect-section{padding:60px 6%}.free-connect-header{grid-template-columns:1fr;gap:20px}.free-connect-header h2{font-size:clamp(34px,7vw,50px)}.free-connect-grid{gap:18px}.free-connect-art{gap:15px;padding:16px}.free-connect-art img{max-width:44%;height:180px}.free-connect-content{padding:21px}.free-connect-content h3{font-size:29px}.free-connect-art-label strong{font-size:23px}}
@media(max-width:580px){.free-connect-grid{grid-template-columns:1fr}.free-connect-art{height:220px;gap:26px}.free-connect-art img{max-width:45%;height:200px}.free-connect-art-label strong{font-size:29px}.free-connect-content{padding:24px}.free-connect-content h3{font-size:31px}.free-connect-section{padding:56px 6%}.free-connect-header>p{font-size:14px}.free-connect-download{font-size:10px;letter-spacing:.03em}.free-connect-art-label em{font-size:9px}}
@media(prefers-reduced-motion:reduce){.free-connect-card{transition:none}.free-connect-card:hover{transform:none}}