@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700&display=swap";:root{--carousel-padding: 2rem;--carousel-gap: 1rem;--item-min-width: 200px;--item-border-radius: 8px;--transition-speed: .3s;--overlay-gradient: linear-gradient(to top, rgba(0, 0, 0, .85), rgba(0, 0, 0, 0));--button-bg: rgba(0, 0, 0, .6);--button-hover-bg: rgba(0, 0, 0, .9)}.fila-carrusel{margin:2rem 0;position:relative;padding:0 var(--carousel-padding)}.titulo-seccion{color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.flechas{position:absolute;top:50%;transform:translateY(-50%);width:calc(100% - 2 * var(--carousel-padding));display:flex;justify-content:space-between;pointer-events:none;z-index:2}.flechas button{pointer-events:all;background-color:var(--button-bg);border:none;color:#fff;font-size:1.8rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;border-radius:50%;transition:all var(--transition-speed) ease;box-shadow:0 2px 5px #0003}.flechas button:hover{background-color:var(--button-hover-bg);transform:scale(1.1)}.flechas button:active{transform:scale(.95)}.carrusel-contenedor{display:flex;gap:var(--carousel-gap);overflow-x:auto;scroll-behavior:smooth;padding-bottom:1rem;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;scrollbar-width:none}.carrusel-contenedor::-webkit-scrollbar{display:none}.carrusel-contenedor:active{cursor:grabbing}.item-carrusel{min-width:var(--item-min-width);flex:none;cursor:pointer;transition:transform var(--transition-speed) ease;position:relative;border-radius:var(--item-border-radius);overflow:hidden;box-shadow:0 4px 8px #0003}.item-carrusel:hover{transform:scale(1.03);box-shadow:0 6px 12px #0000004d}.item-carrusel img{width:100%;height:100%;object-fit:cover;border-radius:var(--item-border-radius);pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;aspect-ratio:2/3}.info-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:var(--overlay-gradient);color:#fff;opacity:0;transition:opacity var(--transition-speed) ease;font-size:.9rem;border-radius:0 0 var(--item-border-radius) var(--item-border-radius);pointer-events:none}.item-carrusel:hover .info-overlay{opacity:1}.info-overlay h3{margin:0;font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-overlay .puntaje{display:flex;align-items:center;gap:.3rem;margin:.3rem 0;font-size:.95rem;color:#ffc107}.info-overlay .descripcion{font-size:.8rem;color:#ccc;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.fila-carrusel.fila-banner{--item-min-width: 80vw;--item-border-radius: 12px;--carousel-gap: 2rem}.fila-carrusel.fila-banner .carrusel-contenedor{scroll-snap-type:x mandatory}.fila-carrusel.fila-banner .item-carrusel{scroll-snap-align:center;height:50vh}.fila-carrusel.fila-banner .info-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);padding:2rem}.fila-carrusel.fila-banner .info-overlay h3{font-size:1.8rem;margin-bottom:.5rem}.fila-carrusel.fila-banner .info-overlay .puntaje{font-size:1.2rem;margin-bottom:.8rem}.fila-carrusel.fila-banner .info-overlay .descripcion{font-size:1rem;-webkit-line-clamp:2}@media (max-width: 768px){:root{--carousel-padding: 1rem;--item-min-width: 150px}.flechas button{width:2rem;height:2rem;font-size:1.5rem}.fila-carrusel.fila-banner{--item-min-width: 90vw}.fila-carrusel.fila-banner .info-overlay{padding:1.5rem}.fila-carrusel.fila-banner .info-overlay h3{font-size:1.4rem}}:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-text-primary: #e0e0e0;--color-text-secondary: #aaaaaa;--color-accent: #007bff;--color-accent-light: #339dff;--color-accent-dark: #0056b3;--color-control-bg: rgba(0, 0, 0, .5);--color-control-bg-hover: rgba(0, 0, 0, .85);--color-border-radius: 12px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--transition: .3s cubic-bezier(.4, 0, .2, 1);--font-family-sans: "Inter Variable", "Roboto", "Helvetica Neue", sans-serif;--font-size-base: 1rem;--font-size-lg: 1.75rem;--font-size-md: 1.25rem;--font-size-sm: .9rem}body{margin:0;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.home-container{position:relative;background-image:url(/fonperfil.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;color:#fff;padding:var(--spacing-lg);display:flex;flex-direction:column;backdrop-filter:saturate(130%) blur(8px);-webkit-backdrop-filter:saturate(130%) blur(8px)}.home-container:before{content:"";position:absolute;inset:0;background:#121212a6;z-index:0}.home-container>*{position:relative;z-index:1}.home-title{text-align:center;margin-bottom:var(--spacing-lg);font-size:3.75rem;font-weight:900;background:linear-gradient(270deg,#e50914,#0071eb,#00c6ff,#e50914,#0071eb);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradientShift 8s ease infinite;text-transform:uppercase;letter-spacing:.25em;-webkit-user-select:none;user-select:none;will-change:background-position;text-shadow:0 0 12px rgba(229,9,20,.95),0 0 20px rgba(0,113,235,.95),0 0 28px rgba(0,198,255,.85),0 2px 6px rgba(0,0,0,.4);filter:drop-shadow(0 0 6px rgba(229,9,20,.6))}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.fila-carrusel{margin-bottom:var(--spacing-lg);position:relative;z-index:1}.fila-carrusel h2{font-size:clamp(1.3rem,2vw,var(--font-size-lg));margin-bottom:var(--spacing-sm);padding-left:var(--spacing-sm);color:var(--color-text-primary);font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.7);-webkit-user-select:none;user-select:none;letter-spacing:.05em}.carrusel-container{position:relative;padding:0 var(--spacing-sm)}.carrusel-control{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-control-bg);color:var(--color-text-primary);border:none;width:44px;height:68px;z-index:20;cursor:pointer;font-size:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--color-border-radius);transition:background-color var(--transition),transform var(--transition);-webkit-user-select:none;user-select:none;box-shadow:0 4px 8px #00000080;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.carrusel-control:hover,.carrusel-control:focus-visible{background:var(--color-control-bg-hover);outline:none;transform:translateY(-4px);box-shadow:0 6px 16px #000c}.carrusel-control.izquierda{left:12px}.carrusel-control.derecha{right:12px}.carrusel-items{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-sm) 0;scroll-behavior:smooth;scrollbar-width:none;-webkit-user-select:none;user-select:none;perspective:1000px}.carrusel-items::-webkit-scrollbar{display:none}.modo-banner .carrusel-item{min-width:100%;flex:0 0 100%;border-radius:var(--color-border-radius);overflow:hidden;box-shadow:0 10px 30px #000c;transition:transform var(--transition) ease-in-out}.modo-banner .carrusel-item img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--color-border-radius);transition:transform var(--transition),filter var(--transition);will-change:transform}.modo-banner .carrusel-item:hover img,.modo-banner .carrusel-item:focus-visible img{transform:scale(1.04);filter:brightness(1.1);outline:none;cursor:pointer}.carrusel-item{min-width:220px;flex:0 0 auto;border-radius:var(--color-border-radius);transition:transform var(--transition),box-shadow var(--transition);cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none;background-color:var(--color-surface);box-shadow:0 4px 8px #00000073,0 8px 24px #000000b3;will-change:transform}.carrusel-item:hover,.carrusel-item:focus-visible{transform:translateZ(30px) scale(1.07);outline:none;box-shadow:0 10px 30px #000000e6,0 8px 30px var(--color-accent)}.carrusel-item img{width:100%;border-radius:var(--color-border-radius);aspect-ratio:2 / 3;object-fit:cover;transition:filter var(--transition);will-change:filter}.carrusel-item:hover img,.carrusel-item:focus-visible img{filter:brightness(1.08)}.carrusel-item h3{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary);padding:0 var(--spacing-xs);-webkit-user-select:text;user-select:text;font-weight:600}@media (max-width: 768px){.home-container{padding:var(--spacing-md)}.home-title{font-size:2.8rem;margin-bottom:var(--spacing-md)}.fila-carrusel h2{font-size:1.3rem;padding-left:var(--spacing-xs)}.carrusel-items{gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.modo-banner .carrusel-item img{max-height:320px}.carrusel-item{min-width:160px}.carrusel-item img{height:230px}}.menu-lateral{position:fixed;top:0;left:0;height:100vh;width:270px;background:var(--color-surface);box-shadow:4px 0 16px #000000d9;display:flex;flex-direction:column;padding:var(--spacing-lg) 0;overflow-y:auto;z-index:1000;border-top-right-radius:var(--color-border-radius);border-bottom-right-radius:var(--color-border-radius)}.main-content{margin-left:270px;padding:var(--spacing-md);min-height:100vh;transition:margin-left var(--transition)}.menu-lateral nav a{padding:1.1rem 2.25rem;color:var(--color-text-primary);text-decoration:none;font-weight:700;font-size:var(--font-size-md);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition);display:block;border-radius:var(--color-border-radius);-webkit-user-select:none;user-select:none}.menu-lateral nav a:hover,.menu-lateral nav a:focus-visible{background-color:var(--color-accent);color:#fff;outline:none;box-shadow:0 0 12px var(--color-accent)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;box-shadow:0 0 10px var(--color-accent)}:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-primary: #007bff;--color-primary-hover: #0062cc;--color-text-primary: #e0e0e0;--color-text-secondary: #bbbbbb;--color-error: #dc3545;--color-error-dark: #b02a37;--font-family-sans: "Inter Variable", "Roboto", "Helvetica Neue", sans-serif;--font-size-base: 1rem;--font-size-lg: 1.8rem;--font-size-md: 1.1rem;--font-size-sm: .9rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--border-radius: .6rem;--transition: .3s cubic-bezier(.4, 0, .2, 1)}.login-container{max-width:400px;margin:var(--spacing-lg) auto;padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:0 6px 20px #000000b3;text-align:center;color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.login-container h2{color:var(--color-primary);margin-bottom:var(--spacing-md);font-size:clamp(1.5rem,4vw,var(--font-size-lg));font-weight:700;letter-spacing:.03em;text-shadow:0 2px 4px rgba(0,123,255,.5)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.login-form input{padding:.9rem;background-color:#2b2b2b;border:1.5px solid #444;border-radius:var(--border-radius);font-size:var(--font-size-md);color:var(--color-text-primary);transition:border-color var(--transition),background-color var(--transition);font-family:var(--font-family-sans)}.login-form input::placeholder{color:var(--color-text-secondary)}.login-form input:focus{outline:none;border-color:var(--color-primary);background-color:#313131;box-shadow:0 0 8px var(--color-primary)}.login-form button{padding:.9rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:transform var(--transition),background-color var(--transition),box-shadow var(--transition);text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:var(--font-family-sans);box-shadow:0 4px 12px #007bff99;-webkit-user-select:none;user-select:none}.login-form button:hover,.login-form button:focus-visible{background-color:var(--color-primary-hover);transform:translateY(-3px);box-shadow:0 8px 24px #0064d2d9;outline:none}.login-error{color:var(--color-error);margin:-.5rem 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;-webkit-user-select:text;user-select:text;text-shadow:0 1px 1px rgba(0,0,0,.3)}.login-register{color:var(--color-text-secondary);line-height:1.6;font-size:var(--font-size-sm);-webkit-user-select:text;user-select:text}.login-register a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}.login-register a:hover,.login-register a:focus-visible{color:var(--color-primary-hover);text-decoration:underline;outline:none}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 8px var(--color-primary)}@media (max-width: 480px){.login-container{padding:var(--spacing-md)}.login-container h2{font-size:1.5rem}}:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-text-primary: #e0e0e0;--color-text-secondary: #bbbbbb;--color-success: #28a745;--color-success-dark: #218838;--color-error: #dc3545;--font-family-sans: "Inter Variable", "Roboto", "Helvetica Neue", sans-serif;--font-size-base: 1rem;--font-size-lg: 1.8rem;--font-size-md: 1.1rem;--font-size-sm: .9rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--border-radius: .75rem;--transition: .3s cubic-bezier(.4, 0, .2, 1)}.registro-container{max-width:400px;margin:var(--spacing-lg) auto;padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:0 6px 20px #000000b3;text-align:center;color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.registro-container h2{color:var(--color-success);margin-bottom:var(--spacing-md);font-size:clamp(1.5rem,4vw,var(--font-size-lg));font-weight:700;letter-spacing:.03em;text-shadow:0 2px 4px rgba(40,167,69,.6)}.registro-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.registro-form input{padding:.9rem;background-color:#2b2b2b;border:1.5px solid #444;border-radius:var(--border-radius);font-size:var(--font-size-md);color:var(--color-text-primary);transition:border-color var(--transition),background-color var(--transition);font-family:var(--font-family-sans)}.registro-form input::placeholder{color:var(--color-text-secondary)}.registro-form input:focus{outline:none;border-color:var(--color-success);background-color:#314631;box-shadow:0 0 8px var(--color-success)}.registro-form button{padding:.9rem;background-color:var(--color-success);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:transform var(--transition),background-color var(--transition),box-shadow var(--transition);text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:var(--font-family-sans);box-shadow:0 4px 12px #28a74599;-webkit-user-select:none;user-select:none}.registro-form button:hover,.registro-form button:focus-visible{background-color:var(--color-success-dark);transform:translateY(-3px);box-shadow:0 8px 24px #1e8228d9;outline:none}.registro-error{color:var(--color-error);margin:-.5rem 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:600;-webkit-user-select:text;user-select:text;text-shadow:0 1px 1px rgba(0,0,0,.5)}:focus-visible{outline:3px solid var(--color-success);outline-offset:3px;box-shadow:0 0 8px var(--color-success)}@media (max-width: 480px){.registro-container{padding:var(--spacing-md)}.registro-container h2{font-size:1.5rem}}:root{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-card: #1a1a1a;--bg-input: #2a2a2a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--accent-primary: #e50914;--accent-secondary: #0071eb;--rating-color: #ffd700;--border-radius: 8px;--border-radius-lg: 12px;--transition-smooth: all .35s cubic-bezier(.25, .46, .45, .94);--shadow-cinematic: 0 10px 30px rgba(0, 0, 0, .5);--font-heading: "Netflix Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "Montserrat", sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body)}.catalogo-container{background-image:url(/fondo.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;color:#fff;padding:3rem 2rem;max-width:1400px;margin:0 auto}.catalogo-container h2{text-align:center;margin-bottom:3rem;font-size:2.5rem;font-family:var(--font-heading);font-weight:700;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.catalogo-container h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--accent-primary);border-radius:2px}.selector-tipo{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;position:relative}.selector-tipo:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.selector-tipo button{padding:.8rem 2rem;border:none;border-radius:var(--border-radius);background-color:#ffffff1a;color:var(--text-primary);cursor:pointer;font-weight:600;font-family:var(--font-heading);transition:var(--transition-smooth);position:relative;overflow:hidden}.selector-tipo button:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--accent-primary);transform:scaleX(0);transition:var(--transition-smooth)}.selector-tipo button.activo{background-color:#e5091433}.selector-tipo button.activo:before{transform:scaleX(1)}.selector-tipo button:hover{background-color:#e509141a}.filtros{display:flex;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.input-busqueda,.select-genero{padding:.8rem 1.5rem;border:none;border-radius:var(--border-radius);background-color:var(--bg-input);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);min-width:250px}.input-busqueda:focus,.select-genero:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.input-busqueda::placeholder{color:var(--text-secondary)}.peliculas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;perspective:1000px}.pelicula-card{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-cinematic);transition:var(--transition-smooth);cursor:pointer;background:var(--bg-card);position:relative;transform-style:preserve-3d}.pelicula-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent 60%);opacity:0;transition:var(--transition-smooth);z-index:1}.pelicula-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 15px 40px #000000b3}.pelicula-card:hover:before{opacity:1}.pelicula-card img{width:100%;height:420px;object-fit:cover;transition:var(--transition-smooth)}.pelicula-card:hover img{transform:scale(1.05)}.pelicula-info{padding:1.5rem;position:relative;z-index:2}.pelicula-info h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pelicula-info .puntaje{color:var(--rating-color);font-weight:700;display:flex;align-items:center;gap:.3rem;margin:.5rem 0}.pelicula-info .descripcion{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;color:var(--text-secondary);margin:.5rem 0 0;line-height:1.5}@media (hover: none){.pelicula-card:before{opacity:1}.pelicula-card:hover{transform:none;box-shadow:var(--shadow-cinematic)}.pelicula-card:hover img{transform:none}}@media (max-width: 1024px){.peliculas-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pelicula-card img{height:360px}}@media (max-width: 768px){.catalogo-container{padding:2rem 1.5rem}.filtros{flex-direction:column;gap:1rem}.input-busqueda,.select-genero{width:100%;min-width:auto}.peliculas-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.pelicula-card img{height:300px}}@media (max-width: 480px){.peliculas-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.pelicula-card img{height:240px}.pelicula-info{padding:1rem}.pelicula-info h3{font-size:1rem}.pelicula-info .descripcion{font-size:.8rem}}.detalle-banner{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;color:var(--text-primary);position:relative;display:flex;align-items:flex-end;isolation:isolate}.detalle-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg-primary) 10%,transparent 40%,transparent 70%,var(--bg-primary) 100%);z-index:-1}.detalle-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(229,9,20,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.detalle-overlay{width:100%;padding:4rem 3rem;background:var(--bg-card);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-top:1px solid rgba(255,255,255,.1)}.boton-volver{background:#ffffff1a;color:var(--text-primary);border:none;padding:.8rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.boton-volver:hover{background:#fff3;transform:translateY(-2px)}.detalle-info{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:flex-end;max-width:1200px;margin:0 auto}.detalle-poster{width:100%;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-cinematic);aspect-ratio:2/3;object-fit:cover;transition:var(--transition-smooth);position:relative;overflow:hidden}.detalle-poster:hover{transform:scale(1.03);box-shadow:0 15px 40px #000c}.detalle-texto h1{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:1rem;font-family:var(--font-heading);font-weight:800;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.5)}.descripcion{line-height:1.7;margin:1.5rem 0;font-size:1.1rem;color:var(--text-secondary);max-width:80%}.metadatos{display:flex;gap:1.5rem;align-items:center;margin-bottom:1rem;color:var(--text-secondary);font-size:.95rem}.puntuacion{display:flex;align-items:center;gap:.5rem;color:gold;font-weight:700}.generos{display:flex;gap:.8rem;margin:1.5rem 0;flex-wrap:wrap}.genero-tag{background:#ffffff1a;color:var(--text-primary);padding:.5rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);transition:var(--transition-smooth)}.genero-tag:hover{background:var(--accent-red);transform:translateY(-2px)}.boton-favorito,.boton-trailer{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;margin-right:1rem;margin-top:1rem;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;position:relative;overflow:hidden}.boton-favorito:before,.boton-trailer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:var(--transition-smooth)}.boton-favorito:hover:before,.boton-trailer:hover:before{left:100%}.boton-favorito.agregar{background:linear-gradient(135deg,var(--accent-blue),#0063d6);color:var(--text-primary);box-shadow:0 5px 20px #0071eb66}.boton-favorito.quitar{background:linear-gradient(135deg,var(--accent-red),#c11119);color:var(--text-primary);box-shadow:0 5px 20px #e5091466}.boton-trailer{background:linear-gradient(135deg,red,#c00);color:var(--text-primary);box-shadow:0 5px 20px #f006}.boton-favorito:hover,.boton-trailer:hover{transform:translateY(-3px);opacity:1}.boton-favorito.agregar:hover{box-shadow:0 8px 30px #0071eb99}.boton-favorito.quitar:hover{box-shadow:0 8px 30px #e5091499}.boton-trailer:hover{box-shadow:0 8px 30px #f009}.similares{margin-top:5rem;padding:3rem 0;border-top:1px solid rgba(255,255,255,.1)}.similares h2{font-size:1.8rem;margin-bottom:2rem;font-family:var(--font-heading);font-weight:700;position:relative;display:inline-block}.similares h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:var(--accent-red)}.similares-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem}.similar-card{cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;border-radius:var(--border-radius)}.similar-card:hover{transform:translateY(-10px) scale(1.03)}.similar-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--border-radius);margin-bottom:.8rem;transition:var(--transition-smooth)}.similar-card:hover img{box-shadow:0 10px 25px #0009}.similar-card p{font-size:.95rem;font-weight:600;color:var(--text-primary);text-align:left;margin-top:.5rem}.cargando{text-align:center;padding:3rem;font-size:1.2rem;color:var(--text-secondary)}@media (max-width: 1024px){.detalle-info{grid-template-columns:250px 1fr;gap:2rem}.descripcion{max-width:100%}}@media (max-width: 768px){.detalle-overlay{padding:3rem 2rem}.detalle-info{grid-template-columns:1fr}.detalle-poster{width:60%;margin:0 auto}.similares{padding:2rem 0}.similares-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}}@media (max-width: 480px){.detalle-overlay{padding:2rem 1.5rem}.detalle-poster{width:80%}.boton-favorito,.boton-trailer{padding:.8rem 1.5rem;font-size:.9rem;margin-right:.5rem}.similares-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" opacity="0.03"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');pointer-events:none;z-index:-1}.detalle-overlay{animation:fadeIn .6s ease-out forwards}:root{--color-bg: lch(15% 20 240);--color-overlay: rgba(0 0 0 / .85);--color-text-primary: lch(95% 5 320);--color-text-secondary: lch(70% 10 300 / .8);--color-accent-blue: lch(60% 65 250);--color-accent-red: lch(50% 75 30);--color-btn-hover-shadow: rgba(0 0 0 / .25);--font-family-sans: "Inter Variable", "Roboto", "Helvetica Neue", sans-serif;--font-size-base: 1rem;--font-size-lg: 2.5rem;--font-size-md: 1.25rem;--font-size-sm: .9rem;--spacing-sm: .5rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--border-radius: .5rem}body{margin:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.detalle-banner{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;color:var(--color-text-primary);position:relative;display:flex;flex-direction:column;justify-content:center}.detalle-overlay{background:var(--color-overlay);padding:var(--spacing-lg);min-height:100vh;display:flex;flex-direction:column;gap:var(--spacing-lg)}.boton-volver{position:fixed;top:var(--spacing-md);left:var(--spacing-md);background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);z-index:100;transition:color .3s ease;padding:.4rem .6rem;border-radius:var(--border-radius);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}.boton-volver:hover,.boton-volver:focus{color:var(--color-text-secondary);outline:none}.detalle-info{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;align-items:flex-start}.detalle-poster{flex:0 0 300px;max-width:100%;border-radius:var(--border-radius);box-shadow:0 8px 16px #0009;transition:transform .3s ease}.detalle-poster:hover,.detalle-poster:focus{transform:scale(1.03);outline:none}.detalle-texto{flex:1 1 300px;min-width:280px;color:var(--color-text-primary)}.detalle-texto h1{font-size:clamp(2rem,4vw,var(--font-size-lg));margin-bottom:var(--spacing-md);font-weight:700;line-height:1.1;letter-spacing:.03em}.descripcion{font-size:var(--font-size-md);font-weight:400;color:var(--color-text-secondary);line-height:1.6;margin:var(--spacing-md) 0}.generos{display:flex;gap:var(--spacing-sm);margin:var(--spacing-md) 0;flex-wrap:wrap}.genero-tag{background:#ffffff26;padding:.4rem 1rem;border-radius:9999px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);transition:background-color .3s ease;cursor:default;-webkit-user-select:none;user-select:none}.genero-tag:hover{background:var(--color-accent-blue);color:#fff}.boton-favorito,.boton-trailer{display:inline-block;padding:.8rem 1.5rem;margin-right:var(--spacing-md);margin-top:var(--spacing-md);border:none;border-radius:var(--border-radius);font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;text-decoration:none;color:#fff;font-family:var(--font-family-sans);box-shadow:0 4px 10px transparent;-webkit-user-select:none;user-select:none}.boton-favorito.agregar{background-color:var(--color-accent-blue)}.boton-favorito.quitar{background-color:var(--color-accent-red)}.boton-trailer{background-color:#ff3b3b}.boton-favorito:hover,.boton-favorito:focus,.boton-trailer:hover,.boton-trailer:focus{transform:translateY(-3px);box-shadow:0 8px 15px var(--color-btn-hover-shadow);opacity:.95;outline:none}.similares{margin-top:var(--spacing-lg);padding:var(--spacing-lg) 0;width:100%}.similares h2{font-size:clamp(1.5rem,3vw,1.8rem);margin-bottom:var(--spacing-md);font-weight:700;color:var(--color-text-primary)}.similares-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md)}.similar-card{cursor:pointer;border-radius:var(--border-radius);overflow:hidden;background:#ffffff0a;box-shadow:0 0 6px #00000026;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:.5rem;-webkit-user-select:none;user-select:none}.similar-card:hover,.similar-card:focus{transform:scale(1.05);box-shadow:0 8px 20px rgba(0 0 0,.4);outline:none}.similar-card img{width:100%;height:auto;border-radius:var(--border-radius);margin-bottom:.5rem;object-fit:cover}.similar-card p{font-size:var(--font-size-sm);margin:0;color:var(--color-text-secondary)}.cargando{text-align:center;padding:var(--spacing-lg);font-size:var(--font-size-md);color:var(--color-text-secondary)}.menu-lateral{position:fixed;top:0;left:0;height:100vh;width:250px;background:var(--color-bg);border-right:1px solid rgba(255 255 255 / .1);display:flex;flex-direction:column;padding:var(--spacing-lg) 0;overflow-y:auto;z-index:200}.main-content{margin-left:250px;padding:var(--spacing-lg);min-height:100vh}.menu-lateral nav a{padding:1rem 2rem;color:var(--color-text-primary);text-decoration:none;font-weight:600;font-size:var(--font-size-md);transition:background-color .3s ease;display:block}.menu-lateral nav a:hover,.menu-lateral nav a:focus{background-color:var(--color-accent-blue);color:#fff;outline:none}@media (max-width: 768px){.menu-lateral{position:relative;width:100%;height:auto;border-right:none;flex-direction:row;justify-content:space-around;padding:.5rem 0}.main-content{margin-left:0;padding:var(--spacing-md)}.detalle-info{flex-direction:column}.detalle-poster{width:100%;max-width:400px;margin:0 auto;box-shadow:0 4px 12px #000000b3}.detalle-texto{min-width:auto}}:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-card-bg: #2c2c2c;--color-text-primary: #e0e0e0;--color-text-secondary: #aaaaaa;--color-accent: #007bff;--color-puntaje: #ffc107;--color-btn-danger: #dc3545;--color-btn-danger-hover: #c82333;--font-family-sans: "Inter Variable", "Roboto", "Helvetica Neue", sans-serif;--font-size-base: 1rem;--font-size-lg: 2.2rem;--font-size-md: 1.2rem;--font-size-sm: 1rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--border-radius: .6rem;--transition: .3s cubic-bezier(.4, 0, .2, 1)}.catalogo-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.catalogo-container h1{text-align:center;margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:clamp(1.8rem,4vw,var(--font-size-lg));font-weight:700;letter-spacing:.05em}.catalogo-container p{text-align:center;font-size:var(--font-size-md);color:var(--color-text-secondary);margin-top:var(--spacing-lg);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.5}.peliculas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-sm)}.pelicula-card{background-color:var(--color-card-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #000000b3;transition:transform var(--transition),box-shadow var(--transition);cursor:pointer;position:relative;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.pelicula-card:hover,.pelicula-card:focus-visible{transform:translateY(-6px);box-shadow:0 8px 20px #000000e6;outline:none}.pelicula-card img{width:100%;height:350px;object-fit:cover;border-bottom:1px solid rgba(255 255 255 / .1);transition:filter .3s ease;will-change:filter}.pelicula-card:hover img,.pelicula-card:focus-visible img{filter:brightness(1.05)}.pelicula-info{padding:var(--spacing-sm);flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.pelicula-info h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pelicula-info .puntaje{color:var(--color-puntaje);font-weight:700;margin:var(--spacing-xs) 0;font-size:1.1rem;letter-spacing:.03em;-webkit-user-select:none;user-select:none}.pelicula-info button{width:100%;padding:.6rem;background-color:var(--color-btn-danger);color:#fff;border:none;border-radius:var(--border-radius);font-weight:700;font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition);-webkit-user-select:none;user-select:none;box-shadow:0 3px 8px #dc354599}.pelicula-info button:hover,.pelicula-info button:focus-visible{background-color:var(--color-btn-danger-hover);transform:translateY(-3px);box-shadow:0 8px 20px #c82837e6;outline:none}@media (max-width: 768px){.peliculas-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.pelicula-card img{height:220px}.catalogo-container{padding:var(--spacing-md)}}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 8px var(--color-accent)}:root{--bg-primary: #08080f;--bg-secondary: #101018;--bg-card: rgba(28, 28, 28, .9);--accent-red: #e50914;--accent-blue: #0071eb;--accent-gray: #4a4a4a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-highlight: #f0f0f0;--error-red: #ff4d4f;--border-radius-sm: 90000000000000000px;--border-radius-md: 12px;--border-radius-lg: 16px;--shadow-cinematic-sm: 0 50px 15px rgba(0, 0, 0, .5);--shadow-cinematic-lg: 0 15px 40px rgba(0, 0, 0, .8);--shadow-button-red: 0 8px 25px rgba(229, 9, 20, .5);--shadow-button-blue: 0 8px 25px rgba(0, 113, 235, .5);--shadow-button-gray: 0 8px 20px rgba(0, 0, 0, .4);--transition-fast: all .2s ease-out;--transition-smooth: all .4s cubic-bezier(.25, .46, .45, .94);--font-heading: "Netflix Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "Montserrat", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;--font-size-xs: .75rem;--font-size-sm: .9rem;--font-size-base: 1rem;--font-size-md: 1.15rem;--font-size-lg: 2.5rem;--font-size-xl: 3.5rem}:root{--font-smoothing: antialiased;--text-rendering: optimizeLegibility}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:var(--font-smoothing);-moz-osx-font-smoothing:grayscale;text-rendering:var(--text-rendering)}img{background-image:url(/fonperfil.jpg)}iframe,video{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15}body{min-height:100vh;background:radial-gradient(circle at 20% 30%,rgba(229,9,20,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,113,235,.08) 0%,transparent 50%),var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);position:relative;overflow-x:hidden;line-height:1.6}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" opacity="0.04"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>') repeat;mix-blend-mode:overlay;opacity:.6}.cuenta-container{position:relative;overflow:hidden;isolation:isolate;background-image:url(/fondo.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--bg-card);background-blend-mode:overlay;max-width:600px;width:90%;padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-cinematic-lg);border:1px solid rgba(255,255,255,.15);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);text-align:center;color:var(--text-primary);font-weight:400;display:flex;flex-direction:column;gap:var(--spacing-lg);animation:fadeIn .8s ease-out forwards}.cuenta-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-red),var(--accent-blue));opacity:.9;pointer-events:none;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;z-index:2;transform-origin:left;animation:slideInBorder 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.cuenta-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(229,9,20,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,113,235,.03) 0%,transparent 50%);pointer-events:none;z-index:-1;border-radius:inherit}.cuenta-container h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-family:var(--font-heading);font-weight:700;background:linear-gradient(45deg,var(--text-primary) 30%,var(--accent-red));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;position:relative;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.08em;line-height:1.2}.cuenta-container h2:after{content:"";position:absolute;bottom:-10px;left:50%;width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--accent-red),transparent);border-radius:30px;transform:translate(-50%)}.cuenta-container p{font-size:var(--font-size-md);margin-bottom:var(--spacing-md);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff17;border-radius:var(--border-radius-sm);display:block;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);-webkit-user-select:text;user-select:text;max-width:100%;line-height:1.6;word-wrap:break-word}.cuenta-container .error-message{color:var(--error-red);font-weight:600;background:#ff4d4f1a;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);border:1px solid var(--error-red);margin-top:var(--spacing-sm);animation:shake .5s ease-out}.cuenta-botones{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md);align-items:center}@media (min-width: 769px){.cuenta-botones{flex-direction:row;justify-content:center;flex-wrap:wrap}}.cuenta-container button{padding:1rem 1.8rem;border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-heading);cursor:pointer;position:relative;overflow:hidden;z-index:1;max-width:320px;width:100%;display:flex;justify-content:center;align-items:center;gap:.6rem;box-shadow:var(--shadow-cinematic-sm);-webkit-user-select:none;user-select:none;transition:var(--transition-smooth);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;will-change:transform,box-shadow}.cuenta-container button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-fast);z-index:0}.cuenta-container button:hover:before,.cuenta-container button:focus-visible:before{left:100%;transition-timing-function:cubic-bezier(.4,0,.2,1)}.cuenta-container button:first-of-type{background:linear-gradient(135deg,var(--accent-red),#a30710);box-shadow:var(--shadow-button-red)}.cuenta-container button:nth-of-type(2){background:linear-gradient(135deg,var(--accent-gray),#2b2b2b);box-shadow:var(--shadow-button-gray)}.cuenta-container button:last-of-type{background:linear-gradient(135deg,var(--accent-blue),#005cc1);box-shadow:var(--shadow-button-blue)}.cuenta-container button:hover,.cuenta-container button:focus-visible{transform:translateY(-5px);opacity:1;outline:2px solid var(--accent-red);outline-offset:3px;box-shadow:var(--shadow-cinematic-lg)}.cuenta-container button:first-of-type:hover{box-shadow:var(--shadow-button-red);background:linear-gradient(135deg,#ff1a26,#c11119)}.cuenta-container button:nth-of-type(2):hover{box-shadow:var(--shadow-button-gray);background:linear-gradient(135deg,#5c5c5c,#333)}.cuenta-container button:last-of-type:hover{box-shadow:var(--shadow-button-blue);background:linear-gradient(135deg,#1a8bff,#0063d6)}.cuenta-container button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-cinematic-sm);background:var(--accent-gray);pointer-events:none}.cuenta-container button:disabled:before{display:none}@keyframes slideInBorder{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (max-width: 768px){body{padding:var(--spacing-md);display:block;overflow-y:auto;overflow-x:hidden}.cuenta-container{padding:var(--spacing-md);border-radius:var(--border-radius-sm);width:100%;margin:var(--spacing-lg) auto}.cuenta-container h2{font-size:var(--font-size-lg);letter-spacing:.05em}.cuenta-container p{font-size:var(--font-size-base)}.cuenta-botones{gap:var(--spacing-sm)}.cuenta-container button{max-width:100%;width:100%;font-size:var(--font-size-base)}}*:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px;border-radius:var(--border-radius-sm)}:root{--bg-primary: #0a0a12;--bg-secondary: #12121a;--gradient-start: #0e0e1a;--gradient-end: #1a004d;--text-primary: #ffffff;--text-secondary: #c9c9ff;--accent-primary: #6a00f4;--accent-secondary: #ff2d55;--border-radius: 16px;--transition-smooth: all .4s cubic-bezier(.25, .46, .45, .94);--shadow-cinematic: 0 10px 30px rgba(0, 0, 0, .5);--font-heading: "Orbitron", sans-serif;--font-body: "Montserrat", sans-serif}.bienvenida-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;min-height:100vh;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end)),radial-gradient(circle at 20% 30%,rgba(106,0,244,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,45,85,.15) 0%,transparent 50%);background-size:400% 400%;color:var(--text-primary);font-family:var(--font-body);position:relative;overflow:hidden;animation:gradientAnimation 15s ease infinite}.bienvenida-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" opacity="0.05"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');pointer-events:none;z-index:0}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bienvenida-container h1{font-size:clamp(2.5rem,6vw,4.5rem);margin-bottom:1.5rem;font-family:var(--font-heading);font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1;text-shadow:0 2px 10px rgba(106,0,244,.3)}.bienvenida-container h1:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);border-radius:50%;filter:blur(1px)}.bienvenida-container p{font-size:clamp(1rem,1.5vw,1.3rem);margin-bottom:1.5rem;color:var(--text-secondary);max-width:700px;line-height:1.7;font-weight:400;z-index:1}.bienvenida-botones{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%;max-width:600px;z-index:1}.btn-bienvenida{position:relative;padding:1rem 2rem;border-radius:var(--border-radius);font-weight:600;font-size:1.1rem;cursor:pointer;transition:var(--transition-smooth);overflow:hidden;border:none;font-family:var(--font-heading);letter-spacing:.05em;z-index:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-bienvenida.primary{background:linear-gradient(135deg,var(--accent-primary),#5a00d0);color:#fff;box-shadow:0 5px 20px #6a00f466}.btn-bienvenida.secondary{background:transparent;color:var(--text-primary);border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-bienvenida:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-smooth)}.btn-bienvenida:hover:before{left:100%}.btn-bienvenida:hover{transform:translateY(-3px)}.btn-bienvenida.primary:hover{box-shadow:0 8px 30px #6a00f499}.btn-bienvenida.secondary:hover{background:#ffffff0d;border-color:#fff6}.particle{position:absolute;background:#fff;border-radius:50%;pointer-events:none;z-index:0}@media (max-width: 768px){.bienvenida-container{padding:2rem 1.5rem}.bienvenida-botones{grid-template-columns:1fr;gap:1rem}.btn-bienvenida{padding:.9rem 1.5rem}}.bienvenida-container>*{animation:fadeIn .8s ease-out forwards}.bienvenida-container h1{animation-delay:.1s}.bienvenida-container p{animation-delay:.3s}.bienvenida-botones{animation-delay:.5s}:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-error: #dc3545;--color-error-dark: #b02a37;--color-muted: #888888;--color-text-primary: #f0f0f0;--color-text-secondary: #bbbbbb;--color-btn-confirm: var(--color-error);--color-btn-confirm-hover: var(--color-error-dark);--color-btn-cancel: #6c757d;--color-btn-cancel-hover: #5a6268;--font-family-sans: "Inter Variable", "Roboto", "Helvetica Neue", sans-serif;--font-size-base: 1rem;--font-size-lg: 1.8rem;--font-size-md: 1.1rem;--spacing-sm: .75rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--border-radius: .75rem;--transition: .3s cubic-bezier(.4, 0, .2, 1)}.eliminar-cuenta-container{max-width:600px;margin:var(--spacing-lg) auto;padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:0 6px 18px #000000b3;text-align:center;color:var(--color-text-primary);font-family:var(--font-family-sans);-webkit-user-select:none;user-select:none}.eliminar-cuenta-container h2{color:var(--color-error);margin-bottom:var(--spacing-md);font-size:clamp(1.5rem,4vw,var(--font-size-lg));font-weight:700;letter-spacing:.05em;text-shadow:0 2px 4px rgba(220,53,69,.6)}.eliminar-cuenta-container p{font-size:var(--font-size-md);margin-bottom:var(--spacing-lg);line-height:1.6;color:var(--color-text-secondary)}.eliminar-cuenta-botones{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.boton-confirmar,.boton-volver{padding:.9rem 1.8rem;border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition);text-decoration:none;font-family:var(--font-family-sans);-webkit-user-select:none;user-select:none;box-shadow:0 4px 10px #00000040;outline-offset:3px}.boton-confirmar{background-color:var(--color-btn-confirm);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.boton-confirmar:hover,.boton-confirmar:focus-visible{background-color:var(--color-btn-confirm-hover);transform:translateY(-3px);box-shadow:0 8px 20px #dc3545b3;outline:none}.boton-volver{background-color:var(--color-btn-cancel);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.boton-volver:hover,.boton-volver:focus-visible{background-color:var(--color-btn-cancel-hover);transform:translateY(-3px);box-shadow:0 8px 20px #5a6268b3;outline:none}@media (min-width: 480px){.eliminar-cuenta-botones{flex-direction:row;justify-content:center}.boton-confirmar,.boton-volver{flex:1;max-width:200px}}:focus-visible{outline:3px solid var(--color-error);outline-offset:3px;box-shadow:0 0 8px var(--color-error)}:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-text-primary: #e0e0e0;--color-text-secondary: #bbbbbb;--color-success: #28a745;--color-success-dark: #218838;--color-accent: #3adb76;--color-shadow: rgba(0, 0, 0, .7);--font-family-sans: "Inter Variable", "Roboto", "Helvetica Neue", sans-serif;--font-size-base: 1rem;--font-size-lg: 1.8rem;--font-size-md: 1.1rem;--font-size-sm: .9rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--border-radius: .75rem;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.suscripcion-container{max-width:600px;margin:var(--spacing-lg) auto;padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:0 8px 20px var(--color-shadow);text-align:center;color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.suscripcion-container h2{color:var(--color-success);margin-bottom:var(--spacing-md);font-size:clamp(1.5rem,4vw,var(--font-size-lg));font-weight:700;letter-spacing:.03em;text-shadow:0 2px 6px rgba(40,167,69,.7);-webkit-user-select:text;user-select:text}.suscripcion-container p{margin-bottom:var(--spacing-md);line-height:1.6;color:var(--color-text-secondary);font-size:var(--font-size-md);-webkit-user-select:text;user-select:text;max-width:90%;margin-left:auto;margin-right:auto}.suscripcion-container ul{margin:var(--spacing-md) 0;padding-left:2.2rem;list-style:none;max-width:90%;margin-left:auto;margin-right:auto}.suscripcion-container li{position:relative;margin-bottom:var(--spacing-xs);padding-left:1.8rem;font-size:var(--font-size-md);color:var(--color-text-primary);-webkit-user-select:text;user-select:text}.suscripcion-container li:before{content:"•";position:absolute;left:0;top:0;color:var(--color-success);font-size:1.4rem;line-height:1;-webkit-user-select:none;user-select:none}.boton-suscripcion{display:block;width:100%;padding:.85rem;margin-top:var(--spacing-md);background-color:var(--color-success);color:#fff;border:none;border-radius:var(--border-radius);font-weight:700;font-size:var(--font-size-md);cursor:pointer;transition:background-color var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:0 5px 15px #28a74599;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.boton-suscripcion:hover,.boton-suscripcion:focus-visible{background-color:var(--color-success-dark);transform:translateY(-3px);box-shadow:0 10px 30px #1e8228e6;outline:none}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}:focus-visible{outline:3px solid var(--color-success);outline-offset:3px;box-shadow:0 0 10px var(--color-success)}@media (max-width: 480px){.suscripcion-container{padding:var(--spacing-md)}.suscripcion-container h2{font-size:1.5rem}.suscripcion-container p,.suscripcion-container li{font-size:1rem}}:root{--bg-primary: #0a0a12;--bg-secondary: #12121a;--bg-card: rgba(20, 20, 30, .95);--accent-red: #e50914;--accent-blue: #0071eb;--accent-gray: #2a2a3a;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-warning: #ff6b6b;--border-radius: 8px;--border-radius-lg: 16px;--transition-smooth: all .35s cubic-bezier(.25, .46, .45, .94);--shadow-cinematic: 0 10px 30px rgba(0, 0, 0, .7);--font-heading: "Netflix Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "Montserrat", sans-serif}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.anular-container{max-width:600px;width:100%;padding:3rem;background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-cinematic);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;animation:fadeIn .6s ease-out forwards}.anular-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-red),transparent);opacity:.7}.anular-container:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(229,9,20,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,113,235,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.anular-container h2{color:var(--text-warning);font-size:2rem;margin-bottom:1.5rem;font-family:var(--font-heading);font-weight:700;text-align:center;position:relative;padding-bottom:1rem}.anular-container h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent-red)}.anular-container p{margin-bottom:1.5rem;line-height:1.7;color:var(--text-secondary);font-size:1.05rem}.anular-container ul{margin:2rem 0;padding-left:0}.anular-container li{margin-bottom:1rem;padding-left:2rem;position:relative;list-style:none;font-weight:500}.anular-container li:before{content:"•";position:absolute;left:0;color:var(--accent-red);font-size:1.5rem;line-height:1}.anular-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2.5rem}.anular-btn{padding:1rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;z-index:1}.anular-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:var(--transition-smooth)}.anular-btn:hover:before{left:100%}.anular-btn.red{background:linear-gradient(135deg,var(--accent-red),#c11119);color:var(--text-primary);box-shadow:0 5px 20px #e5091466}.anular-btn.red:hover{transform:translateY(-3px);box-shadow:0 8px 30px #e5091499}.anular-btn.gray{background:linear-gradient(135deg,var(--accent-gray),#1e1e2e);color:var(--text-primary);box-shadow:0 5px 15px #0000004d}.anular-btn.gray:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0006;background:linear-gradient(135deg,#3a3a4a,#2a2a3a)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){body{padding:1.5rem}.anular-container{padding:2rem 1.5rem;border-radius:0;border-left:none;border-right:none}.anular-buttons{grid-template-columns:1fr}.anular-container h2{font-size:1.8rem}.anular-container p{font-size:1rem}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" opacity="0.03"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');pointer-events:none;z-index:-1}.navbar{background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0009;transition:var(--transition-smooth);min-height:70px;position:sticky;top:0;z-index:1000}.navbar:hover{background-color:#1a1a24;box-shadow:0 6px 20px #000c}.navbar>*:not(:last-child){margin-right:var(--spacing-md)}.navbar>*:first-child{margin-right:auto}@media (max-width: 768px){.navbar{padding:var(--spacing-sm);flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-sm)}.navbar>*{margin-right:0}}.nav-links-container{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;align-items:center;justify-content:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:1.05rem;transition:color .3s ease,transform .2s ease;cursor:pointer;position:relative;padding-bottom:3px}.nav-link:hover,.nav-link:focus-visible{color:var(--text-primary);transform:translateY(-2px);outline:none;text-decoration:none}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--accent-red);transition:width .3s ease-out}.nav-link:hover:after,.nav-link:focus-visible:after{width:100%}.user-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 768px){.user-actions{justify-content:center;width:100%}}.welcome-message{font-weight:700;color:var(--text-primary);font-size:1rem;white-space:nowrap;-webkit-user-select:none;user-select:none;text-shadow:0 0 5px rgba(255,255,255,.2)}.logout-button{background-color:var(--accent-red);color:var(--text-primary);border:none;padding:.6rem 1.2rem;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:700;font-size:.95rem;transition:var(--transition-smooth);box-shadow:0 4px 10px #e5091480;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.03em;min-width:120px}.logout-button:hover,.logout-button:focus-visible{background-color:#a30710;box-shadow:0 6px 15px #b0070fb3;transform:translateY(-2px);outline:2px solid var(--accent-red);outline-offset:2px}.logout-button:active{transform:translateY(0);box-shadow:0 2px 5px #b0070f66}.logout-button svg{width:1.1rem;height:1.1rem;fill:currentColor}@media (max-width: 480px){.nav-links-container{flex-direction:column;gap:var(--spacing-sm);width:100%}.nav-link{font-size:1rem;width:100%;text-align:center;padding:var(--spacing-xs) 0}.nav-link:after{left:50%;transform:translate(-50%)}.user-actions{flex-direction:column;gap:var(--spacing-xs);width:100%}.welcome-message,.logout-button{width:100%;text-align:center;font-size:.9rem}.logout-button{padding:.5rem 1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#141414;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:100%;min-height:100vh;background-color:#141414;color:#fff;font-family:Arial,sans-serif;overflow-x:hidden}#root{width:100%}a{font-weight:500;color:#646cff;text-decoration:none}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}