.como-usarlo{padding:140px 40px;background:linear-gradient(180deg,transparent,rgba(20,17,14,.6) 50%,transparent)}.como-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1100px){.como-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.como-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.como-grid{grid-template-columns:1fr}}.como-card{padding:32px 18px;text-align:center;border-radius:16px;background:linear-gradient(180deg,#28211a80,#14110eb3);border:1px solid rgba(201,163,93,.22);transition:border-color .4s ease,background .4s ease;cursor:default}.como-card:hover{background:linear-gradient(180deg,#382e24b3,#1c1814d9);border-color:#c9a35d73}.como-card.is-highlight{background:linear-gradient(180deg,#f4be722e,#a86a2a14);border-color:#f4be7280;box-shadow:0 16px 30px -16px #f4be7273}.como-emoji{font-size:42px;margin-bottom:14px;display:inline-block;transform-origin:center bottom;animation:emoji-levitar 4s ease-in-out infinite}.como-card:nth-child(1) .como-emoji{animation-delay:0s}.como-card:nth-child(2) .como-emoji{animation-delay:-.5s}.como-card:nth-child(3) .como-emoji{animation-delay:-1s}.como-card:nth-child(4) .como-emoji{animation-delay:-1.5s}.como-card:nth-child(5) .como-emoji{animation-delay:-2s}.como-card:nth-child(6) .como-emoji{animation-delay:-2.5s}.como-card:nth-child(7) .como-emoji{animation-delay:-3s}.como-card:nth-child(8) .como-emoji{animation-delay:-3.5s}.como-card:nth-child(9) .como-emoji{animation-delay:-4s}.como-card:nth-child(10) .como-emoji{animation-delay:-.3s}.como-card:nth-child(11) .como-emoji{animation-delay:-.8s}.como-card:nth-child(12) .como-emoji{animation-delay:-1.3s}@keyframes emoji-levitar{0%,to{transform:translateY(-4px)}50%{transform:translateY(-12px)}}.emoji-inner{display:inline-block;font-size:inherit;filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 4px 8px rgba(232,207,148,.15));transform:scale(1);transform-origin:center bottom;transition:transform .55s cubic-bezier(.2,.7,.3,1),filter .55s ease}.como-card:hover .emoji-inner,.como-card:active .emoji-inner{transform:scale(1.55);filter:drop-shadow(0 22px 28px rgba(232,207,148,.55)) drop-shadow(0 8px 14px rgba(0,0,0,.6))}@media(prefers-reduced-motion:reduce){.como-emoji{animation:none;transform:translateY(0)}.emoji-inner{transform:scale(1)}}.como-card h4{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:500;color:var(--c-ivory, #f0e6d2);margin:0 0 8px}.como-card p{font-size:13px;line-height:1.5;color:var(--c-ivory-soft, #b8ad98);margin:0}
/*# sourceMappingURL=/cdn/shop/t/24/assets/como-cards.css.map */