/* features · Componentes (MIRÓ Labs). Diseño de coss ui (MIT, © coss.com, antes Origin UI).
   Generado por tools/build_css.py desde features.tw.json. No editar a mano. Necesita tokens.css. */
.s-features__inner{margin-inline:auto}
.s-features__desc{margin-block:calc(var(--spacing)*4)}
.s-features__lead{margin-top:calc(var(--spacing)*4)}
.s-features__grid{margin-top:calc(var(--spacing)*8)}
.s-features__lead{margin-bottom:calc(var(--spacing)*12)}
.s-features__grid{display:grid}
.s-features__media{aspect-ratio:var(--aspect-video)}
.s-features__screen{height:100%}
.s-features__inner{max-width:var(--container-5xl)}
.s-features__screen--c{--tw-translate-x:calc(var(--spacing)*6);--tw-translate-y:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}
.s-features__screen--a{--tw-translate-y:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}
.s-features__grid{gap:calc(var(--spacing)*4)}
:where(.s-features__item>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}
.s-features__media{overflow:hidden;border-radius:var(--radius-xl)}
.s-features__screen{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:#0000;background-color:var(--color-card)}
.s-features__media{background-color:var(--color-foreground)}
@supports (color:color-mix(in lab, red, red)){
.s-features__media{background-color:color-mix(in oklab,var(--color-foreground)5%,transparent)}
}
.s-features{background-color:var(--color-muted)}
@supports (color:color-mix(in lab, red, red)){
.s-features{background-color:color-mix(in oklab,var(--color-muted)50%,transparent)}
}
.s-features__media--b{padding:calc(var(--spacing)*6)}
.s-features__inner{padding-inline:calc(var(--spacing)*6)}
.s-features__media--a{padding-inline:calc(var(--spacing)*6)}
.s-features{padding-block:calc(var(--spacing)*24)}
.s-features__title{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}
.s-features__lead{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
.s-features__desc{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}
.s-features__name{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}
.s-features__title{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
.s-features__name{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}
.s-features__lead{text-wrap:balance}
.s-features__media{color:var(--color-card-foreground)}
.s-features__screen{color:var(--color-card-foreground)}
.s-features__title{color:var(--color-foreground)}
.s-features__name{color:var(--color-foreground)}
.s-features__lead{color:var(--color-muted-foreground)}
.s-features__desc{color:var(--color-muted-foreground)}
.s-features__screen{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-foreground)}
@supports (color:color-mix(in lab, red, red)){
.s-features__screen{--tw-ring-color:color-mix(in oklab,var(--color-foreground)5%,transparent)}
}
@media (min-width:40rem){
.s-features__text{max-width:var(--container-sm)}
.s-features__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:48rem){
.s-features__grid{margin-top:calc(var(--spacing)*16);grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* propio */
.s-features__screen{display:grid;align-content:start;gap:.5rem;padding:1rem}
.s-features__screen i{display:block;height:.4rem;border-radius:99px;background:color-mix(in oklab,var(--foreground)9%,transparent)}
.s-features__screen i:first-child{width:40%;background:color-mix(in oklab,var(--foreground)16%,transparent)}
.s-features__screen i:nth-child(2){width:80%}.s-features__screen i:nth-child(3){width:65%}