@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn .5s ease-out forwards}.hidden-section{display:none!important}.page-section{display:none}.page-section:not(.hidden-section){display:block}#morfologia,#nombres,#comida{padding-top:100px!important}.btn-pulse:active{transform:scale(.95)}.bg-hero-pattern{background-color:#111827;background-image:radial-gradient(#374151 1px,transparent 1px);background-size:20px 20px}.bg-blue-merle{background:radial-gradient(circle at 30% 30%,#000 10%,transparent 15%),radial-gradient(circle at 70% 60%,#000 8%,transparent 12%),#9ca3af}.bg-chocolate{background-color:#8b4513}.bg-red-merle{background:radial-gradient(circle at 40% 40%,#8b4513 10%,transparent 15%),radial-gradient(circle at 80% 20%,#8b4513 8%,transparent 12%),#fde68a}.visual-classic{background-color:#1a1a1a}.visual-merle{background:radial-gradient(circle,#000 10%,#94a3b8 100%)}.visual-choco{background-color:#78350f}.visual-redmerle{background:radial-gradient(circle,#78350f 10%,#fef3c7 100%)}.visual-ears{background-color:#f3f4f6;border:4px dashed #3b82f6}.visual-sable{background:linear-gradient(135deg,#e5e7eb 0,#9ca3af 50%,#fff 100%)}.visual-tricolor{background:linear-gradient(135deg,#000 0,#000 40%,#d97706 60%,#fff 100%)}.slider-thumb::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);cursor:pointer;box-shadow:0 4px 12px rgba(249,115,22,.4);transition:all .2s ease}.slider-thumb::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 16px rgba(249,115,22,.6)}.slider-thumb::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);cursor:pointer;border:none;box-shadow:0 4px 12px rgba(249,115,22,.4);transition:all .2s ease}.slider-thumb::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 6px 16px rgba(249,115,22,.6)}.activity-selected,.gender-selected{transform:scale(1.05)}@keyframes scroll{0%{transform:translateY(0);opacity:1}100%{transform:translateY(8px);opacity:0}}.animate-scroll{animation:scroll 1.5s ease-in-out infinite}@keyframes bounce-slow{0%,100%{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce-slow{animation:bounce-slow 2s infinite}#mobile-menu{transition:all .3s ease-in-out}button[onclick^="toggleSection"]{cursor:pointer}button[onclick^="toggleSection"] i{transition:transform .3s ease}