.si-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,6vw,90px);align-items:center;padding-block:clamp(40px,7vw,100px)}
.si-hero h1{font-size:clamp(3rem,6.5vw,7rem);letter-spacing:-.075em;line-height:.92;margin:.23em 0}
.si-hero h1 em{color:#b91551}.si-hero .lead{max-width:35ch;margin-bottom:1.4rem}
.si-poster{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(230px,34vw,450px);border-radius:22px;padding:7%;background:#191918;color:#fff}
.si-poster span{font-size:clamp(1.55rem,3.65vw,4rem);font-weight:850;letter-spacing:-.055em;line-height:1.03}.si-poster b{font-size:.66rem;letter-spacing:.12em}
.si-poster i{position:absolute;z-index:-1;right:8%;top:27%;width:43%;aspect-ratio:1;border-radius:28%;background:#f82a77;transform:rotate(-18deg)}
.si-poster i:nth-of-type(2){right:3%;top:39%;background:#d8f570;transform:rotate(16deg);mix-blend-mode:screen}
.si-poster i:nth-of-type(3){right:13%;top:44%;background:#988af2;transform:rotate(45deg);mix-blend-mode:screen}
.si-directory{scroll-margin-top:95px;padding-block:clamp(20px,5vw,76px)}
.si-directory h2{font-size:clamp(2.4rem,5vw,5rem);line-height:1;letter-spacing:-.06em;margin:.25em 0 .5em}
.si-directory ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.si-directory li{display:flex;min-width:0;--si-color:#f8dce8}.si-directory li>a{display:flex;flex-direction:column;flex:1;color:#1c1b19;text-decoration:none;background:#fff;border:1px solid #ddd8d1;border-radius:18px;overflow:hidden}
.si-directory a:hover,.si-directory a:focus-visible{border-color:#1c1b19}.si-directory a:focus-visible{outline:3px solid #a01549;outline-offset:3px}
.si-card-art{position:relative;display:grid;place-items:center;min-height:145px;background:var(--si-color)}
.si-card-art>span{position:absolute;top:14px;left:17px;font-weight:800;font-size:.78rem}
.si-card-art svg{width:70px;height:70px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.si-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:clamp(17px,2.5vw,30px)}
.si-card-copy h3{font-size:clamp(1.35rem,2.45vw,2.3rem);line-height:1.04;letter-spacing:-.045em;margin:.25em 0 .38em}
.si-card-copy p{margin:0 0 1rem}.si-card-copy .si-tags{font-size:.74rem;font-weight:800;margin:0}.si-link{font-size:.9rem;font-weight:800;margin-top:auto;text-decoration:underline;text-underline-offset:.24em}
.si-directory .si-sitios-web{--si-color:#dfebfa}.si-directory .si-ia-automatizacion{--si-color:#e9e2fa}.si-directory .si-contenidos{--si-color:#fce2cf}.si-directory .si-publicidad{--si-color:#d9f0eb}.si-directory .si-editorial{--si-color:#ebefbe}
.si-directory .si-aura{grid-column:1/-1;--si-color:#dff389}
.si-directory .si-aura>a{display:grid;grid-template-columns:1fr 1.3fr;background:#1e2119;color:#fff}
.si-aura .si-card-art{color:#1c1b19}.si-aura img{display:block;width:100%;height:clamp(165px,23vw,280px);object-fit:contain}
.si-aura .si-card-copy{justify-content:center}.si-aura h3{font-size:clamp(2.8rem,6vw,5.5rem);margin:.12em 0}.si-aura .si-tags,.si-aura .si-link{color:#dff389}.si-aura .si-link{margin-top:0}
@media(max-width:850px){.si-directory ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.si-hero,.si-directory ol,.si-directory .si-aura>a{grid-template-columns:1fr}.si-poster{min-height:210px}.si-card-art{min-height:112px}.si-card-art svg{width:58px;height:58px}}

/* Keep decorative color outside the headline's reading area. */
.si-poster{background:#191918;color:#fff}
.si-poster>span,.si-poster>b{position:relative;z-index:1;align-self:flex-start;background:#191918;color:#fff;box-shadow:0 0 0 .32em #191918;border-radius:.06em}
.si-poster i{mix-blend-mode:normal!important;opacity:.75}