
html body .hero:not(#legacy-hero){position:relative;isolation:isolate;padding:64px 0 190px;overflow:clip;min-height:0;text-align:left;background:#fff}html body .hero:not(#legacy-hero) :is(.hero-layout,.hero-grid){box-sizing:border-box!important;width:100%!important;max-width:1320px!important;margin:auto!important;padding:0 32px!important;display:grid!important;grid-template-columns:1.08fr 1fr!important;align-items:center;gap:16px;min-height:480px!important}html body .hero:not(#legacy-hero) :is(.hero-txt,.hero-grid>div:first-child){position:relative!important;z-index:2;min-width:0!important}html body .hero:not(#legacy-hero) h1{font-size:clamp(40px,4.25vw,64px);line-height:1.08;letter-spacing:-.04em;margin:28px 0 24px;font-weight:700;max-width:none;color:#14171f}html body .hero:not(#legacy-hero) :is(.marca-palabra,.gradient){background:linear-gradient(90deg,#1c4787,#b255da);background-clip:text;-webkit-background-clip:text;color:transparent}html body .hero:not(#legacy-hero) :is(.bajada,.lead){max-width:49ch;font-size:18px;line-height:1.65;margin:0 0 34px;color:#4a5263}html body .hero:not(#legacy-hero) :is(.pastilla,.pill){display:inline-flex;align-items:center;gap:10px;padding:5px 13px 5px 5px;border:1px solid #e3e6ef;border-radius:40px;font-size:13px;background:#f7f6fc;color:#4a5263}html body .hero:not(#legacy-hero) :is(.pastilla,.pill) b{background:#28bed3;color:#12354b;padding:3px 9px;border-radius:30px;font-size:11px}html body .hero:not(#legacy-hero) :is(.cta-fila,.actions){display:flex;flex-wrap:wrap;gap:12px}html body .hero:not(#legacy-hero) .btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:999px;border:1px solid transparent;padding:15px 25px;font:500 15px/1.2 Inter,system-ui,sans-serif;text-decoration:none;min-height:48px}html body .hero:not(#legacy-hero) :is(.btn-primario,.primary){background:var(--dicsys-action);color:white;border:0}html body .hero:not(#legacy-hero) :is(.btn-secundario,.actions .btn:not(.primary)){border-color:#e3e6ef;color:#14171f;background:transparent}html body .hero:not(#legacy-hero) :is(.hero-art,.domain-art){height:480px;position:relative;min-width:0}html body .hero:not(#legacy-hero) :is(.hero-art,.domain-art) canvas{position:absolute;inset:-40px -24px;width:calc(100% + 48px);height:calc(100% + 80px);max-height:none}html body .hero:not(#legacy-hero) :is(.hero-hills,.waves){position:absolute;bottom:-1px;left:0;width:100%;height:190px;z-index:-1;pointer-events:none}
@media(min-width:1400px){html body .hero:not(#legacy-hero) :is(.hero-layout,.hero-grid){max-width:1680px!important;padding:0 56px!important;min-height:600px!important}html body .hero:not(#legacy-hero) h1{font-size:clamp(64px,4.2vw,80px)}html body .hero:not(#legacy-hero) :is(.bajada,.lead){font-size:22px}html body .hero:not(#legacy-hero) :is(.hero-art,.domain-art){height:600px}html body .hero:not(#legacy-hero){padding:72px 0 210px}html body .hero:not(#legacy-hero) :is(.hero-hills,.waves){height:210px}html body .hero:not(#legacy-hero) .btn{font-size:18px;padding:18px 28px}}
@media(max-width:1050px){html body .hero:not(#legacy-hero) :is(.hero-layout,.hero-grid){grid-template-columns:1.1fr 1fr!important;min-height:460px!important}html body .hero:not(#legacy-hero) h1{font-size:44px}html body .hero:not(#legacy-hero) :is(.hero-art,.domain-art){height:460px}html body .hero:not(#legacy-hero){padding:56px 0 165px}html body .hero:not(#legacy-hero) :is(.hero-hills,.waves){height:165px}html body .hero:not(#legacy-hero) :is(.bajada,.lead){font-size:16px}}
@media(max-width:760px){html body .hero:not(#legacy-hero){padding:44px 0 125px}html body .hero:not(#legacy-hero) :is(.hero-layout,.hero-grid){padding:0 24px!important;grid-template-columns:1fr!important;gap:6px}html body .hero:not(#legacy-hero) h1{font-size:clamp(36px,7.5vw,50px);max-width:19ch}html body .hero:not(#legacy-hero) :is(.bajada,.lead){font-size:17px}html body .hero:not(#legacy-hero) :is(.hero-art,.domain-art){height:320px;max-width:500px;width:100%;margin:auto}html body .hero:not(#legacy-hero) :is(.hero-art,.domain-art) canvas{inset:0;width:100%;height:100%}html body .hero:not(#legacy-hero) :is(.hero-hills,.waves){height:125px}html body .hero:not(#legacy-hero) :is(.pastilla,.pill){font-size:11px}html body .hero:not(#legacy-hero) :is(.cta-fila,.actions) .btn{font-size:13px;padding:14px 19px}}

html body .hero .hero-line{display:inline;white-space:normal}html body .hero :is(.hero-art,.domain-art){margin:0;align-self:center}html body .hero :is(.note,.hero-note){margin:20px 0 0}
