.roles{--roles-tinta:#17141B;--roles-suave:#6A6276;--roles-linea:#E4DFE6;padding:clamp(2.5rem,6vw,4rem) 0 clamp(2rem,5vw,3.5rem);background:#fff;color:var(--roles-tinta)}.roles__intro{max-width:var(--page-width, 1400px);margin:0 auto;padding-inline:var(--page-margin, clamp(1.1rem,4vw,3rem))}.roles__eyebrow{margin:0 0 .6rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gelish-accent,#C2185B)}.roles__titulo{margin:0 0 .5rem;font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.12;letter-spacing:-.015em;color:var(--roles-tinta);text-wrap:balance}.roles__bajada{margin:0;max-width:52ch;color:var(--roles-suave);font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.55}.roles__grid{list-style:none;margin:clamp(1.5rem,3.5vw,2.25rem) auto 0;padding:0;padding-inline:var(--page-margin, clamp(1.1rem,4vw,3rem));max-width:var(--page-width, 1400px);display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.roles__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1100px){.roles__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.roles__item{min-width:0;display:flex}.roles__item a{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem;padding:clamp(.9rem,2vw,1.15rem) clamp(.85rem,1.8vw,1.1rem) clamp(1rem,2.2vw,1.25rem);min-height:44px;box-sizing:border-box;border:1px solid var(--roles-linea);border-radius:var(--g-r-tarjeta,14px);background:#fff;color:var(--roles-tinta);text-decoration:none;box-shadow:var(--g-sombra-1);transition-property:transform,box-shadow;transition-duration:var(--g-medio,.22s);transition-timing-function:var(--g-curva,cubic-bezier(.2,.7,.3,1))}.roles__item a:hover{transform:translateY(-2px);box-shadow:var(--g-sombra-2)}@media(hover:none),(pointer:coarse){.roles__item a:hover{transform:none;box-shadow:var(--g-sombra-1)}.roles__item a:active{transform:scale(.985)}}@media(prefers-reduced-motion:reduce){.roles__item a:hover{transform:none;box-shadow:var(--g-sombra-2)}}.roles__cifra{display:flex;align-items:baseline;gap:.4rem;min-width:0}.roles__num{font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(1.9rem,4vw,2.6rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.roles__pie{font-size:.74rem;color:var(--roles-suave)}.roles__nombre{margin-top:.35rem;font-weight:600;font-size:.95rem;letter-spacing:-.01em;overflow-wrap:anywhere}.roles__item.is-destacado a,.roles__item:target a{border-color:var(--gelish-accent,#C2185B);background:var(--g-lavado, rgba(194,24,91,.06))}.roles__item{scroll-margin-top:calc(var(--header-height, 64px) + 1rem)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tratamientos-roles.css.map */