html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;font-weight:300;background-color:#fafafa;color:#1e293b;-webkit-font-smoothing:antialiased}body ::selection{background-color:#b89b72;color:#fff}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}@keyframes fade-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fade-in .25s ease-out}@keyframes float-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.wa-float-bounce{animation:float-bounce 2s ease-in-out infinite}iconify-icon{display:inline-block;width:1em;height:1em;vertical-align:middle;flex-shrink:0}w-* de Tailwind. Sin estas reglas,todos los íconos se mostraban diminutos (16px) sin importar su clase. Mapeamos cada clase de tamaño usada en la app a su font-size equivalente. */ iconify-icon[class~="h-3"]{font-size:.75rem}iconify-icon[class~=h-4]{font-size:1rem}iconify-icon[class~=h-5]{font-size:1.25rem}iconify-icon[class~=h-6]{font-size:1.5rem}iconify-icon[class~=h-7]{font-size:1.75rem}iconify-icon[class~=h-8]{font-size:2rem}input[type=radio].peer:checked+span{border-color:#b89b72}input[type=radio].peer:checked+span>span{opacity:1}input[type=checkbox].peer:checked+span{border-color:#b89b72;background-color:#b89b72}input[type=checkbox].peer:checked+span>svg{opacity:1}