header{background:linear-gradient(135deg, var(--color-rojo) 0%, var(--color-rojo-oscuro) 100%);box-shadow:var(--sombra-media);z-index:100;width:100%;position:sticky;top:0;left:0}header nav{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;height:64px;margin:0 auto;padding:0 20px;display:flex}header nav .contenedor-logo a{cursor:pointer;align-items:center;gap:8px;text-decoration:none;display:flex}header nav .contenedor-logo img{width:36px;height:36px}header nav .contenedor-logo h1{color:var(--color-blanco);font-size:20px}.hamburger{color:var(--color-blanco);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.hamburger .material-icons{font-size:28px}header nav .nav-generaciones{scrollbar-width:none;-ms-overflow-style:none;gap:4px;display:flex;overflow-x:auto}header nav .nav-generaciones::-webkit-scrollbar{display:none}header nav .nav-generaciones a{color:#fffc;transition:background var(--transicion-rapida), color var(--transicion-rapida);white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none}header nav .nav-generaciones a:hover{color:var(--color-blanco);background:#ffffff26}header nav .nav-generaciones a.active{color:var(--color-blanco);background:#ffffff40;font-weight:700}@media (width<=600px){.hamburger{display:block}header nav .nav-generaciones{background:var(--color-rojo-oscuro);opacity:0;pointer-events:none;transition:opacity var(--transicion-media);flex-direction:column;gap:0;width:100%;padding:0;position:absolute;top:64px;left:0;overflow-x:visible}header nav .nav-generaciones.abierto{opacity:1;pointer-events:auto}header nav .nav-generaciones a{border-bottom:1px solid #ffffff1a;border-radius:0;padding:12px 20px;font-size:14px}header nav .nav-generaciones a:last-child{border-bottom:none}header nav .overlay{z-index:-1;background:#0006;width:100%;height:100vh;position:fixed;top:64px;left:0}header nav .contenedor-logo h1{display:none}}footer{text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:14px}footer p{color:#ffffffb3;font-size:14px;font-weight:400}@media (width<=480px){footer p{font-size:12px}}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.05)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.splash-body{background:linear-gradient(135deg, var(--color-rojo) 0%, #b71c1c 50%, var(--color-rojo-oscuro) 100%);justify-content:center;align-items:center;width:100%;height:100vh;margin:0;display:flex;position:relative;overflow:hidden}.contenedor-logo-titulo{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.8s both fadeIn;display:flex;position:relative}.contenedor-logo-titulo img{width:220px;height:220px;animation:3s ease-in-out infinite pulse}.contenedor-logo-titulo h1{color:var(--color-blanco);text-shadow:0 2px 10px #0000004d;font-size:52px}.splash-subtitulo{color:#fffc;margin-top:-10px;font-size:16px}.pokemones{z-index:1;width:100%;height:100%;position:absolute}.pokemon{filter:drop-shadow(0 8px 16px #0000004d);width:160px;height:160px;position:absolute}.pokemon:first-child,.pokemon:nth-child(2),.pokemon:nth-child(3),.pokemon:nth-child(4),.pokemon:nth-child(5),.pokemon:nth-child(6),.pokemon:nth-child(7),.pokemon:nth-child(8),.pokemon:nth-child(9){background-position:50%;background-repeat:no-repeat;background-size:contain}.pokemon:first-child{background-image:url(/img/primera_generacion/Bulbasaur.png);animation:4s ease-in-out infinite float;top:8%;left:8%}.pokemon:nth-child(2){background-image:url(/img/segunda_generacion/Chikorita.png);animation:5s ease-in-out .5s infinite float;top:50%;left:3%;transform:translateY(-50%)}.pokemon:nth-child(3){background-image:url(/img/tercera_generacion/Treecko.png);animation:4.5s ease-in-out 1s infinite float;top:75%;left:8%}.pokemon:nth-child(4){background-image:url(/img/cuarta_generacion/Turtwig.png);animation:5.5s ease-in-out .3s infinite float;top:5%;left:50%;transform:translate(-50%)}.pokemon:nth-child(5){background-image:url(/img/quinta_generacion/Victini.png);animation:4s ease-in-out .8s infinite float;top:50%;left:55%;transform:translateY(-50%)}.pokemon:nth-child(6){background-image:url(/img/sexta_generacion/Chespin.png);animation:5s ease-in-out 1.3s infinite float;bottom:8%;left:50%;transform:translate(-50%)}.pokemon:nth-child(7){background-image:url(/img/septima_generacion/Rowlet.png);animation:4.5s ease-in-out .6s infinite float;top:8%;right:8%}.pokemon:nth-child(8){background-image:url(/img/octava_generacion/Grookey.png);animation:5s ease-in-out 1.1s infinite float;top:50%;right:3%;transform:translateY(-50%)}.pokemon:nth-child(9){background-image:url(/img/novena_generacion/Sprigatito.png);animation:4s ease-in-out .2s infinite float;top:75%;right:8%}@media (width<=1024px){.pokemon{width:130px;height:130px}}@media (width<=768px){.pokemon{width:100px;height:100px}.contenedor-logo-titulo img{width:160px;height:160px}.contenedor-logo-titulo h1{font-size:36px}}@media (width<=480px){.pokemon{width:70px;height:70px}.contenedor-logo-titulo img{width:120px;height:120px}.contenedor-logo-titulo h1{font-size:28px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.generacion-contenido{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;padding:20px;display:flex}.generacion-contenido h2{text-align:center;text-transform:capitalize;margin:10px 0 20px;font-size:28px}.contenedor-cartas{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:100%;max-width:1200px;padding:10px;display:flex}.carta{border-radius:var(--borde-radio);box-shadow:var(--sombra-suave);cursor:pointer;perspective:1000px;height:760px;transition:transform var(--transicion-media), box-shadow var(--transicion-media);-webkit-user-select:none;user-select:none;width:350px;animation:.4s both fadeInUp;position:relative;overflow:hidden}.carta:hover{box-shadow:var(--sombra-fuerte);transform:translateY(-8px)rotateY(2deg)}.carta-imagen{height:55%;transition:height var(--transicion-media);background:linear-gradient(135deg,#e8e8e8 0%,#d0d0d0 100%);justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.carta-imagen img{filter:drop-shadow(0 4px 8px #0000004d);object-fit:contain;height:100%;transition:transform var(--transicion-media);object-fit:contain;width:100%;height:100%;transition:transform var(--transicion-media);width:100%}.carta:hover .carta-imagen img{transform:scale(1.1)}.carta-contenido{background:var(--color-blanco);flex-direction:column;height:45%;padding:14px 16px;display:flex;position:relative}.carta-encabezado{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.carta-nombre{color:var(--color-texto);font-size:20px;font-weight:700;line-height:1.2}.carta-id{color:var(--color-texto-secundario);white-space:nowrap;font-size:15px;font-weight:500}.carta-tipos{gap:4px;margin-bottom:6px;display:flex}.tipo-badge{color:var(--color-blanco);text-shadow:0 1px 2px #0000004d;text-transform:uppercase;border-radius:4px;padding:3px 12px;font-size:13px;font-weight:600}.carta-descripcion{color:var(--color-texto-secundario);margin-bottom:6px;font-size:13px;line-height:1.4}.carta-estadisticas{flex-direction:column;gap:3px;margin-top:auto;display:flex}.estadistica{border:1px solid #0000001a;border-radius:4px;justify-content:space-between;align-items:center;padding:2px 6px;display:flex}.estadistica-label{color:var(--color-texto-secundario);min-width:50px;font-size:12px;font-weight:600}.estadistica-estrellas{color:#000;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.estadistica-valor{color:var(--color-texto-secundario);text-align:right;min-width:26px;font-size:13px;font-weight:600}.ps{background-color:#baffb4}.ataque{background-color:#ffd09d}.defensa{background-color:#b3d5ff}.at-esp{background-color:#e1b3ff}.def-esp{background-color:#d1d1d1}.velocidad{background-color:#b3f0ff}@media (width<=768px){.contenedor-cartas{gap:18px}.carta{width:300px;height:700px}.carta-nombre{font-size:18px}}@media (width<=600px){.generacion-contenido{padding:20px 12px}.contenedor-cartas{gap:16px;padding:0}.carta{width:100%;height:700px}.carta-imagen,.carta-contenido{height:50%}}.generacion-navegacion{justify-content:center;align-items:center;gap:16px;width:100%;padding:16px 20px;display:flex}.generacion-btn{background:var(--color-rojo);color:var(--color-blanco);cursor:pointer;transition:background var(--transicion-rapida), opacity var(--transicion-rapida);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-family:Kanit,sans-serif;font-size:14px;font-weight:600;display:flex}.generacion-btn:hover:not(:disabled){background:var(--color-rojo-oscuro)}.generacion-btn:disabled{cursor:default;opacity:.4}.generacion-progreso{flex-direction:column;align-items:center;gap:4px;display:flex}.generacion-progreso span{color:var(--color-texto-secundario);font-size:14px;font-weight:600}.generacion-barra{background:#e0e0e0;border-radius:4px;width:200px;height:6px;overflow:hidden}.generacion-barra-inner{background:linear-gradient(90deg, var(--color-rojo), #ff6b6b);border-radius:4px;height:100%;transition:width .3s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;width:100%;max-width:1200px;padding:10px;display:flex}.skeleton-card{background:var(--color-blanco);border-radius:var(--borde-radio);box-shadow:var(--sombra-suave);width:350px;height:760px;overflow:hidden}.skeleton-imagen{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;height:55%;animation:1.5s ease-in-out infinite shimmer}.skeleton-contenido{height:45%;padding:14px 16px}.skeleton-line{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 50%,#e0e0e0 75%) 0 0/200% 100%;border-radius:4px;height:16px;margin-bottom:10px;animation:1.5s ease-in-out infinite shimmer}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.filtros{justify-content:center;align-items:center;gap:12px;width:100%;max-width:600px;margin-bottom:20px;display:flex}.buscador{transition:border-color var(--transicion-rapida);border:1px solid #ccc;border-radius:8px;outline:none;width:100%;padding:8px 14px;font-family:Kanit,sans-serif;font-size:14px}.buscador:focus{border-color:var(--color-rojo)}.filtro-tipo{background:var(--color-blanco);cursor:pointer;transition:border-color var(--transicion-rapida);border:1px solid #ccc;border-radius:8px;outline:none;padding:8px 14px;font-family:Kanit,sans-serif;font-size:14px}.filtro-tipo:focus{border-color:var(--color-rojo)}.sin-resultados{color:var(--color-texto-secundario);text-align:center;margin-top:40px;font-size:16px}.paginacion{justify-content:center;align-items:center;gap:16px;width:100%;margin-top:24px;padding:10px;display:flex}.paginacion-info{color:var(--color-texto-secundario);font-size:14px;font-weight:600}@media (width<=768px){.skeleton-card{width:300px;height:700px}.generacion-barra{width:140px}}@media (width<=600px){.skeleton-card{width:100%;height:700px}.generacion-btn span:not(.material-icons){display:none}.generacion-barra{width:80px}.generacion-navegacion{gap:8px;width:100%;padding:12px 0}.generacion-progreso span{font-size:12px}.generacion-btn{padding:8px 12px}.filtros{flex-direction:column;gap:8px;padding:0 12px}.filtro-tipo{width:100%}}:root{--color-rojo:#e63946;--color-rojo-oscuro:#c1121f;--color-fondo:#f0f0f0;--color-texto:#1d1d1d;--color-texto-secundario:#555;--color-blanco:#fff;--sombra-suave:0 2px 8px #0000001a;--sombra-media:0 4px 16px #00000026;--sombra-fuerte:0 8px 32px #0003;--borde-radio:12px;--transicion-rapida:.2s ease;--transicion-media:.3s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:Kanit,sans-serif}body{background-color:var(--color-fondo);min-height:100dvh;color:var(--color-texto);overflow-x:hidden}#root{min-height:100dvh}main{flex-direction:column;align-items:center;width:100%;display:flex}