@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Epilogue:ital,wght@0,100..900;1,100..900&family=Fredoka:wght@300..700&display=swap";*{font-family:Comfortaa,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}@keyframes fallAndSpin{0%{opacity:0;transform:translateY(-300px) rotateY(0)}to{opacity:1;transform:translateY(0) rotateY(720deg)}}.home-container{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:40px 20px;font-family:Arial,sans-serif;overflow-x:hidden;background-image:url(/fondo.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh}.home-content{width:100%;max-width:1200px}.home-title{text-align:center;color:#fff;font-size:clamp(32px,3vw,36px);margin-bottom:50px;text-shadow:0 4px 8px rgba(0,0,0,.5);font-weight:700;animation:fadeIn 1.2s ease-out;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.fichas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;padding:20px;perspective:1200px}.ficha-preview{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;animation:fallAndSpin 2.2s cubic-bezier(.23,1,.32,1) forwards;transform-style:preserve-3d;will-change:transform,opacity}.ficha-preview:nth-child(1){animation-delay:.1s}.ficha-preview:nth-child(2){animation-delay:.25s}.ficha-preview:nth-child(3){animation-delay:.4s}.ficha-preview:nth-child(4){animation-delay:.55s}.ficha-preview:nth-child(5){animation-delay:.7s}.ficha-preview:nth-child(6){animation-delay:.85s}.ficha-preview:hover{transform:translateY(-12px) scale(1.05);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.ficha-preview-card{width:100%;max-width:250px;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px #0006,inset 0 0 20px #0000004d;background:radial-gradient(circle at 30% 30%,#ffffff26,#8b00004d 70%);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;backface-visibility:hidden;transform:translateZ(0)}.ficha-preview-card:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0%,transparent 60%);z-index:1;pointer-events:none}.ficha-preview:hover .ficha-preview-card{box-shadow:0 20px 40px #4dabf799,inset 0 0 30px #0006}.ficha-preview-imagen{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:brightness(1.05) contrast(1.05);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;backface-visibility:hidden;transform:translateZ(0)}.ficha-preview-nombre-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:20px}.ficha-preview-nombre{color:#fff;font-size:clamp(16px,3vw,20px);font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:fadeInText .7s cubic-bezier(.23,1,.32,1) forwards;opacity:0;animation-delay:1.8s;margin-bottom:8px}.ficha-preview-linea-title{width:90%;height:1px;background:#fff;border-radius:2px;margin:auto auto 20px;animation:fadeIn 1.2s ease-out}.ficha-preview-linea{width:110px;height:1px;background:#fff;border-radius:2px;animation:fadeInLine .5s cubic-bezier(.23,1,.32,1) forwards;opacity:0;animation-delay:2s}.ficha-preview:hover .ficha-preview-linea{width:140px;transition:all .3s ease}@keyframes fadeInLine{0%{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}@keyframes fadeInText{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.ficha-preview:hover .ficha-preview-nombre{text-shadow:0 4px 8px rgba(77,171,247,.5);transition:text-shadow .3s ease}@media(max-width:768px){.home-title{margin-bottom:30px}.fichas-grid{grid-template-columns:repeat(2,1fr);gap:30px;padding:10px}.ficha-preview-card{max-width:180px}.ficha-preview{animation-duration:2s}.ficha-preview-nombre-container{margin-top:15px}.ficha-preview-linea{width:50px}}@media(max-width:480px){.home-container{padding:30px 15px}.fichas-grid{grid-template-columns:repeat(2,1fr);gap:20px}.ficha-preview-card{max-width:140px}.ficha-preview-nombre{font-size:14px;animation-delay:1.6s;margin-bottom:6px}.ficha-preview{animation-duration:1.8s}.ficha-preview-nombre-container{margin-top:12px}.ficha-preview-linea{width:40px;height:1.5px;animation-delay:1.8s}}@media(max-width:350px){.fichas-grid{gap:15px}.ficha-preview-card{max-width:120px}.ficha-preview-linea{width:35px}}*{margin:0;padding:0;box-sizing:border-box}.App{width:100%;min-height:100vh}