.cherry-familias{padding-block:var(--cherry-section-y);background:var(--cherry-cream);position:relative}.cherry-familias__header{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:clamp(2rem,4vw,3rem)}.cherry-familias__intro{display:grid;grid-template-columns:1fr;align-items:end;gap:1.5rem;width:100%}@media(min-width:760px){.cherry-familias__intro{grid-template-columns:1.4fr 1fr auto}}.cherry-familias__title{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.02;letter-spacing:-.02em;max-width:14ch}.cherry-familias__title em{font-style:italic;color:var(--cherry-rose)}.cherry-familias__lead{color:var(--cherry-graphite);line-height:1.55;max-width:36ch}.cherry-familias__view-all{align-self:end;font-family:var(--cherry-font-sans);font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--cherry-ink);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:1px solid var(--cherry-ink);border-radius:var(--cherry-radius-pill)}.cherry-familias__view-all:hover{background:var(--cherry-ink);color:var(--cherry-cream)}.cherry-familias__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.8rem,1.6vw,1.25rem);grid-auto-rows:minmax(160px,1fr)}@media(min-width:720px){.cherry-familias__grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,1fr)}}@media(min-width:1100px){.cherry-familias__grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(180px,220px)}}.cherry-fam-card{position:relative;display:block;overflow:hidden;border-radius:var(--cherry-radius-md);text-decoration:none;isolation:isolate;background:var(--cherry-ivory);transition:transform var(--cherry-dur) var(--cherry-ease),box-shadow var(--cherry-dur) var(--cherry-ease)}.cherry-fam-card:hover{transform:translateY(-4px);box-shadow:var(--cherry-shadow-md)}@media(min-width:1100px){.cherry-fam-card:nth-child(1){grid-column:span 3;grid-row:span 2}.cherry-fam-card:nth-child(2),.cherry-fam-card:nth-child(3){grid-column:span 3}.cherry-fam-card:nth-child(4),.cherry-fam-card:nth-child(5),.cherry-fam-card:nth-child(6),.cherry-fam-card:nth-child(7),.cherry-fam-card:nth-child(8),.cherry-fam-card:nth-child(9){grid-column:span 2}}@media(min-width:720px)and (max-width:1099.98px){.cherry-fam-card:nth-child(1){grid-column:span 2;grid-row:span 2}}.cherry-fam-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cherry-fam-card__bg img{width:100%;height:100%;object-fit:cover;transition:transform var(--cherry-dur-slow) var(--cherry-ease)}.cherry-fam-card:hover .cherry-fam-card__bg img{transform:scale(1.05)}.cherry-fam-card__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 20%,rgba(26,7,16,.45) 60%,rgba(26,7,16,.85) 100%)}.cherry-fam-card__content{text-shadow:0 2px 8px rgba(26,7,16,.4)}.cherry-fam-card__name{color:var(--cherry-cream)!important;font-weight:500}.cherry-fam-card[data-tone=labiales]{background:linear-gradient(155deg,#ffe2ec,#e63e5c)}.cherry-fam-card[data-tone=bases]{background:linear-gradient(155deg,#fbe9d7,#b7895c)}.cherry-fam-card[data-tone=sombras]{background:linear-gradient(155deg,#e5d5f2,#6e3c8b)}.cherry-fam-card[data-tone=delineadores]{background:linear-gradient(155deg,#c9cbd8,#1a0710);color:var(--cherry-cream)}.cherry-fam-card[data-tone=rubores]{background:linear-gradient(155deg,#ffddd3,#e89181)}.cherry-fam-card[data-tone=paletas]{background:linear-gradient(155deg,#faefd2,#c9a85c)}.cherry-fam-card[data-tone=mascaras-pestanas]{background:linear-gradient(155deg,#d8d8e3,#2b2840);color:var(--cherry-cream)}.cherry-fam-card[data-tone=iluminadores]{background:linear-gradient(155deg,#fff5e0,#e5d2a0)}.cherry-fam-card[data-tone=brochas-accesorios]{background:linear-gradient(155deg,#eeebe6,#998e83)}.cherry-fam-card[data-tone=default]{background:linear-gradient(155deg,var(--cherry-blush) 0%,var(--cherry-rose) 100%)}.cherry-fam-card__content{position:absolute;top:1.1rem;right:1.1rem;bottom:1.1rem;left:1.1rem;z-index:2;display:flex;flex-direction:column;justify-content:space-between;color:var(--cherry-ink)}.cherry-fam-card[data-tone=delineadores] .cherry-fam-card__content,.cherry-fam-card[data-tone=mascaras-pestanas] .cherry-fam-card__content{color:var(--cherry-cream)}.cherry-fam-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.cherry-fam-card__icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#fff8f4a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--cherry-ink);flex-shrink:0}.cherry-fam-card[data-tone=delineadores] .cherry-fam-card__icon,.cherry-fam-card[data-tone=mascaras-pestanas] .cherry-fam-card__icon{background:#fff8f42e;color:var(--cherry-cream)}.cherry-fam-card__index{font-family:var(--cherry-font-display);font-style:italic;font-size:1rem;opacity:.75}.cherry-fam-card__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem}.cherry-fam-card__name{font-family:var(--cherry-font-display);font-weight:400;font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.05}.cherry-fam-card:nth-child(1) .cherry-fam-card__name{font-size:clamp(1.8rem,3vw,2.8rem)}.cherry-fam-card__arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cherry-cream);color:var(--cherry-ink);flex-shrink:0;transition:transform var(--cherry-dur) var(--cherry-ease),background var(--cherry-dur) var(--cherry-ease)}.cherry-fam-card:hover .cherry-fam-card__arrow{background:var(--cherry-ink);color:var(--cherry-cream);transform:rotate(-45deg)}.cherry-fam-card[data-tone=delineadores] .cherry-fam-card__arrow,.cherry-fam-card[data-tone=mascaras-pestanas] .cherry-fam-card__arrow{background:var(--cherry-cream);color:var(--cherry-ink)}.cherry-fam-card[data-tone=delineadores]:hover .cherry-fam-card__arrow,.cherry-fam-card[data-tone=mascaras-pestanas]:hover .cherry-fam-card__arrow{background:var(--cherry-rose);color:var(--cherry-cream)}.cherry-fam-card__decoration{position:absolute;z-index:1;opacity:.08;pointer-events:none;mix-blend-mode:overlay}.cherry-fam-card__decoration--corner{bottom:-40%;right:-25%;width:110%;height:110%}.cherry-fam-card[data-tone=delineadores] .cherry-fam-card__decoration,.cherry-fam-card[data-tone=mascaras-pestanas] .cherry-fam-card__decoration{opacity:.18;mix-blend-mode:screen}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-cherry-familias.css.map */