@layer components{.pcard__img,.pcard__img2,.wcard__img,.wcard__img2{filter:brightness(1.03)}.pcard--frame .pcard__media:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(closest-side, color-mix(in srgb, var(--cafe-logo) 15%, transparent), color-mix(in srgb, var(--cafe-logo) 5%, transparent) 62%, transparent);height:8%;transition:transform var(--t-slow) var(--ease-out);border-radius:50%;position:absolute;top:67%;left:25%;right:25%}@media (hover:hover) and (pointer:fine){.pcard--frame:hover .pcard__media:after{transform:scaleX(1.1)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.js:not(.no-motion) .pcard--solo:not([data-reveal]) .pcard__img{transition:transform var(--t-slow) var(--ease-out)}.js:not(.no-motion) .pcard--solo:not([data-reveal]):hover .pcard__img{transform:scale(1.06)}}@media (prefers-reduced-motion:no-preference) and (max-width:1023px),(prefers-reduced-motion:no-preference) and (hover:none){.js:not(.no-motion) .lgrid[data-reveal-lite]>li:nth-child(n+5)>[data-reveal=pose]{transition:opacity .6s var(--ease-out), transform .7s var(--ease-out);transition-delay:var(--rd,0s)}.js:not(.no-motion) .lgrid[data-reveal-lite]>li:nth-child(n+5)>[data-reveal=pose]:not(.is-revealed){opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:no-preference){.js:not(.no-motion) .pcard--frame[data-reveal=pose] .pcard__media:after{transition:opacity .9s var(--ease-luz), transform 1.1s var(--ease-pose);transition-delay:calc(var(--rd,0s) + .26s)}.js:not(.no-motion) .pcard--frame[data-reveal=pose]:not(.is-revealed) .pcard__media:after{opacity:0;transform:scaleX(.7)}@media (max-width:1023px),(hover:none){.js:not(.no-motion) [data-reveal-lite] .pcard--frame[data-reveal=pose] .pcard__media:after{opacity:1;transition:none;transform:none}}}@media (min-width:900px) and (hover:hover) and (pointer:fine){.pcard .pcard__body.pose-text{transform:none!important}}.pcard .pcard__glint,.wcard .pcard__glint{background:linear-gradient(100deg,#0000 30%,#fff9 42%,#fff 50%,#fff9 58%,#0000 70%);inset:0;transform:translate(-100%)}@keyframes pcGlint{0%{opacity:0;transform:translate(-100%)}16%{opacity:1}84%{opacity:1}to{opacity:0;transform:translate(100%)}}@media (hover:hover) and (pointer:fine) and (min-width:900px) and (prefers-reduced-motion:no-preference){.pcard:hover .pcard__media>.pcard__glint{animation:.7s cubic-bezier(.4,0,.2,1) both pcGlint}}.pcard__link{transition:color var(--t-fast) var(--ease-luz)}@media (hover:hover) and (pointer:fine){.pcard:hover .pcard__link{color:var(--teal-700)}}.pcard__link:focus-visible{color:var(--teal-700);outline:none}.pcard__link:focus-visible:after{outline:3px solid var(--teal-600);outline-offset:3px}.price__now .roll__c>span:before{content:attr(data-c)}.pcard__row>.pcard__add{margin-left:auto}.pcard__incart{border-radius:var(--r-pill);min-height:26px;color:var(--teal-700);font:700 var(--fs-min)/1 var(--font-text);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--teal-200);background:#fff;align-items:center;gap:.3rem;padding:0 .65rem 0 .5rem;display:none}.pcard.is-incart .pcard__incart,.wcard.is-incart .pcard__incart{display:inline-flex}@media (prefers-reduced-motion:no-preference){.js:not(.no-motion) .is-incart .pcard__incart{animation:pcIncart .55s var(--ease-out) backwards}}@keyframes pcIncart{0%{opacity:0;transform:translate(-8px)scale(.9)}to{opacity:1;transform:none}}.wcard{--wc-gap:1.25rem}.wcard__media{aspect-ratio:16/10}@media (min-width:900px){.wcard__media{aspect-ratio:auto;height:calc((100cqw - var(--wc-gap)) * .4)}}.wcard__img,.wcard__img2{aspect-ratio:1;object-fit:contain;z-index:1;width:80%;max-width:none;height:auto;margin-top:-40%;position:absolute;top:50%;left:10%}@media (min-width:900px){.wcard__img,.wcard__img2{width:74%;margin-top:-37%;left:13%}}.wcard__img2,.wcard.has-alt.is-alt .wcard__img{visibility:hidden}.wcard.has-alt.is-alt .wcard__img2{visibility:visible}.wcard__media:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(closest-side, color-mix(in srgb, var(--cafe-logo) 15%, transparent), color-mix(in srgb, var(--cafe-logo) 5%, transparent) 62%, transparent);height:9%;transition:transform var(--t-slow) var(--ease-out);border-radius:50%;position:absolute;bottom:13%;left:28%;right:28%}.wcard__glint{z-index:2}@media (hover:hover) and (pointer:fine){.wcard:hover .wcard__media:after{transform:scaleX(1.08)}.wcard:hover .wcard__media>.pcard__glint{animation:.7s cubic-bezier(.4,0,.2,1) both pcGlint}.wcard:hover .wcard__link{color:var(--teal-700)}}.wcard__link{transition:color var(--t-fast) var(--ease-luz)}.wcard__link:focus-visible{color:var(--teal-700);outline:none}.wcard__link:focus-visible:after{outline:3px solid var(--teal-600);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.js:not(.no-motion) .wcard[data-reveal=pose] .wcard__media:after{transition:opacity .9s var(--ease-luz), transform 1.1s var(--ease-pose);transition-delay:calc(var(--rd,0s) + .3s)}.js:not(.no-motion) .wcard[data-reveal=pose]:not(.is-revealed) .wcard__media:after{opacity:0;transform:scaleX(.7)}@media (max-width:1023px),(hover:none){.js:not(.no-motion) [data-reveal-lite] .wcard[data-reveal=pose] .wcard__media:after{opacity:1;transition:none;transform:none}}}.ctile{box-shadow:inset 0 0 0 1px var(--hair-2);background:#fff}.ctile__ico{box-shadow:0 0 0 1px var(--teal-100)}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ctile{transition:box-shadow var(--t-base) var(--ease-luz)}.ctile:hover{box-shadow:inset 0 0 0 1px var(--teal-600)}}.cargar-mas .btn__ico .i{transition:transform var(--t-slow) var(--ease-out)}.cargar-mas .btn:hover .btn__ico .i{transform:rotate(90deg)}}