@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=IM+Fell+English+SC&family=Bebas+Neue&display=swap");:root{--negro:#080608;--carbon:#0f0d0f;--grafito:#161316;--borde:#2a1f1f;--borde-rojo:#4a1515;--rojo:#8b1a1a;--rojo-vivo:#c41e1e;--rojo-claro:#e53535;--sangre:#5a0f0f;--crema:#e8dcc8;--crema-oscura:#b8a888;--dorado:#c9a84c;--dorado-apagado:#7a6030;--texto-principal:#d4c8b0;--texto-secundario:#8a7a60;--texto-apagado:#4a3f35;--verde:#1a5c1a;--verde-claro:#4a9a4a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--negro);color:var(--texto-principal);font-family:Playfair Display,Georgia,serif;font-size:20px;line-height:1.8;min-height:100vh;background-image:radial-gradient(ellipse at 50% 0,rgba(139,26,26,.08) 0,transparent 60%),radial-gradient(ellipse at 0 100%,rgba(139,26,26,.04) 0,transparent 50%)}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:999}a{color:inherit;text-decoration:none}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(8,6,8,.97);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--borde-rojo)}.navbar-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 2rem}.navbar-logo{font-family:Bebas Neue,sans-serif;font-size:2.2rem;color:var(--rojo-vivo);letter-spacing:.15em;line-height:1}.navbar-logo span{font-family:Cormorant Garamond,serif;font-size:.95rem;color:var(--crema-oscura);letter-spacing:.3em;display:block;text-transform:uppercase;font-style:italic;margin-top:-2px}.navbar-nav{display:flex;gap:0;list-style:none}.navbar-nav a{font-family:Cormorant Garamond,serif;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--crema-oscura);padding:0 1.25rem;height:72px;display:flex;align-items:center;border-right:1px solid transparent;transition:all .2s;position:relative}.navbar-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--rojo-vivo);transition:width .3s}.navbar-nav a:hover{color:var(--crema)}.navbar-nav a:hover:after{width:100%}.navbar-nav a.active{color:var(--rojo-claro)}.navbar-nav a.active:after{width:100%}.navbar-menu-btn{display:none;background:none;border:none;color:var(--texto-principal);font-size:1.5rem;cursor:pointer;padding:.5rem}.hero{text-align:center;padding:5rem 2rem 3rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(139,26,26,.15) 0,transparent 70%);pointer-events:none}.hero-eyebrow{font-size:1rem;letter-spacing:.5em;text-transform:uppercase;color:var(--rojo-claro);margin-bottom:1rem;display:block;font-family:Cormorant Garamond,serif}.hero h1{font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,12vw,9rem);color:var(--crema);letter-spacing:.08em;line-height:.9;margin-bottom:.5rem}.hero h1 em{color:var(--rojo-vivo);font-style:normal}.hero-sub{font-family:IM Fell English SC,serif;font-size:clamp(.9rem,1.5vw,1.15rem);color:var(--crema-oscura);letter-spacing:.4em;margin-bottom:1.5rem}.hero-desc{font-style:italic;color:var(--texto-principal);font-size:1.15rem;max-width:500px;margin:0 auto}.divider{display:flex;align-items:center;gap:1rem;max-width:800px;margin:2rem auto;padding:0 2rem}.divider-line{flex:1 1;height:1px;background:linear-gradient(to right,transparent,var(--borde-rojo))}.divider-line.r{background:linear-gradient(to left,transparent,var(--borde-rojo))}.divider-icon{color:var(--rojo);font-size:.95rem}.alerta-petada{max-width:1280px;margin:0 auto;padding:0 2rem}.alerta-petada-inner{background:var(--carbon);border:1px solid var(--borde-rojo);border-left:3px solid var(--rojo-vivo);padding:1rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.alerta-label{font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:var(--rojo-claro);white-space:nowrap;font-family:Cormorant Garamond,serif}.alerta-familias{display:flex;align-items:center;gap:.75rem;flex:1 1}.alerta-familia{display:flex;align-items:center;gap:.5rem}.alerta-placa{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.alerta-nombre{font-family:Playfair Display,serif;font-size:1rem;color:var(--crema);font-style:italic}.alerta-vs{font-family:Bebas Neue,sans-serif;font-size:1rem;color:var(--rojo);letter-spacing:.1em}.alerta-fecha{font-size:.9rem;color:var(--texto-apagado);white-space:nowrap}.alerta-link{font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);white-space:nowrap;transition:color .2s}.alerta-link:hover{color:var(--rojo-claro)}.seccion{max-width:1280px;margin:0 auto;padding:2rem 2rem 4rem}.seccion-header{margin-bottom:2.5rem}.seccion-eyebrow{font-size:.95rem;letter-spacing:.35em;text-transform:uppercase;color:var(--rojo);margin-bottom:.25rem;font-family:Cormorant Garamond,serif}.seccion-titulo{font-family:Bebas Neue,sans-serif;font-size:2.5rem;color:var(--crema);letter-spacing:.05em;line-height:1}.familias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1px;gap:1px;background:var(--borde-rojo);border:1px solid var(--borde-rojo)}.familia-card{background:var(--carbon);padding:2rem 1.75rem;display:flex;gap:1.5rem;align-items:flex-start;position:relative;overflow:hidden;transition:background .25s;cursor:pointer;color:inherit}.familia-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--rojo-vivo);transform:scaleX(0);transition:transform .3s}.familia-card:hover{background:var(--grafito)}.familia-card:hover:before{transform:scaleX(1)}.familia-placa-wrap{flex-shrink:0;width:68px;height:68px;background:var(--negro);border:1px solid var(--borde-rojo);display:flex;align-items:center;justify-content:center;position:relative}.familia-placa{width:50px;height:50px;object-fit:contain;image-rendering:pixelated}.familia-placa-placeholder{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--borde-rojo);font-size:1.5rem;font-family:Bebas Neue,sans-serif}.familia-info{flex:1 1;min-width:0}.familia-nombre{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;color:var(--crema);margin-bottom:.25rem;line-height:1.2}.familia-don{font-size:1rem;color:var(--crema-oscura);font-style:italic;margin-bottom:.9rem}.familia-stats{display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.9rem;letter-spacing:.25em;text-transform:uppercase;color:var(--texto-secundario);margin-bottom:.1rem}.stat-valor{font-family:Playfair Display,serif;font-size:1rem;color:var(--crema)}.powers-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px}.familia-arrow{position:absolute;bottom:1.25rem;right:1.25rem;color:var(--borde-rojo);font-size:.9rem;transition:all .2s}.familia-card:hover .familia-arrow{color:var(--rojo-claro);transform:translateX(3px)}.tabla-wrap{border:1px solid var(--borde-rojo);overflow:hidden;overflow-x:auto}.tabla-wrap table{width:100%;border-collapse:collapse;min-width:600px}.tabla-wrap th{font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:var(--texto-apagado);padding:.9rem 1.25rem;text-align:left;background:var(--negro);border-bottom:1px solid var(--borde-rojo);font-weight:400;font-family:Cormorant Garamond,serif;white-space:nowrap}.tabla-wrap td{padding:1rem 1.25rem;border-bottom:1px solid var(--borde);font-size:.95rem;background:var(--carbon)}.tabla-wrap tr:last-child td{border-bottom:none}.tabla-wrap tr:hover td{background:var(--grafito)}.badge{display:inline-block;padding:.15rem .6rem;font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;border:1px solid;font-family:Cormorant Garamond,serif}.badge-rojo{color:var(--rojo-claro);border-color:var(--borde-rojo);background:rgba(139,26,26,.15)}.badge-verde{color:var(--verde-claro);border-color:var(--verde);background:rgba(26,92,26,.15)}.badge-dorado{color:var(--dorado);border-color:var(--dorado-apagado);background:rgba(201,168,76,.1)}.ficha-hero{max-width:1000px;margin:0 auto;padding:3rem 2rem 2rem;display:flex;gap:3rem;align-items:flex-start}.ficha-placa{width:110px;height:110px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 20px rgba(196,30,30,.3));flex-shrink:0}.ficha-nombre{font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,6vw,5rem);color:var(--crema);letter-spacing:.05em;line-height:.95}.ficha-stats-row{display:flex;gap:2.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--borde-rojo);flex-wrap:wrap}.ficha-stat{display:flex;flex-direction:column}.ficha-stat-label{font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:var(--texto-apagado)}.ficha-stat-valor{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--crema);font-style:italic}.don-card{display:flex;gap:1.5rem;padding:1.5rem;background:var(--carbon);border:1px solid var(--borde);border-left:3px solid var(--rojo);margin-bottom:1px}.don-avatar{object-fit:contain;image-rendering:pixelated}.don-avatar,.don-avatar-placeholder{width:80px;height:100px;flex-shrink:0}.don-avatar-placeholder{background:var(--negro);border:1px solid var(--borde-rojo);display:flex;align-items:center;justify-content:center;color:var(--texto-apagado);font-size:2rem}.don-nombre{font-family:Playfair Display,serif;font-size:1.2rem;color:var(--crema);font-style:italic;margin-bottom:.25rem}.don-fechas{font-size:1rem;letter-spacing:.2em;color:var(--texto-apagado);margin-bottom:.75rem}.don-bio{font-size:.95rem;color:var(--texto-secundario);font-style:italic;line-height:1.6}.ranking-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1px;gap:1px;background:var(--borde-rojo);border:1px solid var(--borde-rojo);margin-bottom:3rem}.ranking-card{background:var(--carbon);padding:1.75rem;text-align:center}.ranking-numero{font-family:Bebas Neue,sans-serif;font-size:3.5rem;color:var(--rojo-vivo);line-height:1;margin-bottom:.25rem}.ranking-label{font-size:.95rem;letter-spacing:.3em;text-transform:uppercase;color:var(--texto-apagado)}.ranking-sublabel{font-size:1rem;color:var(--texto-secundario);font-style:italic;margin-top:.25rem}.timeline{position:relative;padding-left:2rem;max-width:800px}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,var(--rojo-vivo),var(--borde-rojo),transparent)}.timeline-item{position:relative;padding-bottom:2rem;padding-left:2rem}.timeline-dot{position:absolute;left:-2.375rem;top:.4rem;width:12px;height:12px;border-radius:50%;background:var(--rojo-vivo);border:2px solid var(--negro);box-shadow:0 0 0 1px var(--rojo-vivo)}.timeline-dot.apertura{background:var(--verde-claro);box-shadow:0 0 0 1px var(--verde-claro)}.timeline-dot.cierre{background:var(--texto-apagado);box-shadow:0 0 0 1px var(--texto-apagado)}.timeline-fecha{font-size:.95rem;letter-spacing:.25em;text-transform:uppercase;color:var(--texto-apagado);margin-bottom:.25rem}.timeline-titulo{font-family:Playfair Display,serif;font-size:1.05rem;color:var(--crema);font-style:italic;margin-bottom:.15rem}.timeline-desc{font-size:1rem;color:var(--texto-secundario)}.filtros{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.filtro-btn{padding:.4rem 1rem;font-family:Cormorant Garamond,serif;font-size:.9rem;letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--borde-rojo);background:transparent;color:var(--texto-apagado);cursor:pointer;transition:all .2s}.filtro-btn.active,.filtro-btn:hover{border-color:var(--rojo);color:var(--crema)}.filtro-btn.active{background:var(--rojo)}.buscador-wrap{position:relative;max-width:600px;margin-bottom:2rem}.buscador-input{width:100%;background:var(--carbon);border:1px solid var(--borde-rojo);color:var(--texto-principal);padding:1rem 3rem 1rem 1.5rem;font-family:Cormorant Garamond,serif;font-size:1.1rem;outline:none;transition:border-color .2s}.buscador-input::placeholder{color:var(--texto-apagado);font-style:italic}.buscador-input:focus{border-color:var(--rojo)}.buscador-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--texto-apagado);font-size:1rem}.manifiesto-texto{max-width:800px;font-size:1.05rem;color:var(--texto-secundario);font-style:italic;line-height:1.9;white-space:pre-wrap;border-left:2px solid var(--rojo);padding-left:2rem}.petada-detalle{max-width:800px;margin:0 auto;padding:3rem 2rem}.petada-vs{display:flex;align-items:center;justify-content:center;gap:2rem;padding:3rem 0}.petada-familia-side{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1 1}.petada-placa-grande{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}.petada-vs-texto{font-family:Bebas Neue,sans-serif;font-size:3rem;color:var(--rojo);letter-spacing:.1em}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:240px;background:var(--carbon);border-right:1px solid var(--borde-rojo);padding:1.5rem 0;flex-shrink:0;position:-webkit-sticky;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.admin-sidebar-title{font-size:.9rem;letter-spacing:.35em;text-transform:uppercase;color:var(--texto-apagado);padding:0 1.5rem;margin-bottom:.75rem;margin-top:1.25rem}.admin-sidebar-title:first-child{margin-top:0}.admin-nav-link{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.5rem;font-size:1rem;color:var(--texto-secundario);transition:all .2s;border-left:2px solid transparent;font-family:Cormorant Garamond,serif}.admin-nav-link:hover{color:var(--crema);background:var(--grafito)}.admin-nav-link.active{color:var(--rojo-claro);border-left-color:var(--rojo-vivo);background:rgba(139,26,26,.1)}.admin-content{flex:1 1;padding:2rem;max-width:calc(100% - 240px)}.admin-titulo{font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--crema);letter-spacing:.05em;margin-bottom:.25rem}.admin-subtitulo{font-size:.95rem;color:var(--texto-apagado);font-style:italic;margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.95rem;letter-spacing:.25em;text-transform:uppercase;color:var(--texto-apagado);margin-bottom:.4rem;font-family:Cormorant Garamond,serif}.form-input,.form-select,.form-textarea{width:100%;background:var(--negro);border:1px solid var(--borde-rojo);color:var(--texto-principal);padding:.7rem 1rem;font-family:Cormorant Garamond,serif;font-size:1rem;outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--rojo-vivo)}.form-textarea{resize:vertical;min-height:120px}.form-input::placeholder,.form-textarea::placeholder{color:var(--texto-apagado);font-style:italic}.form-hint{font-size:.9rem;color:var(--texto-apagado);font-style:italic;margin-top:.3rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;gap:1rem}.btn{padding:.7rem 1.75rem;font-family:Cormorant Garamond,serif;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border:1px solid;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--rojo);border-color:var(--rojo);color:var(--crema)}.btn-primary:hover{background:var(--rojo-vivo);border-color:var(--rojo-vivo)}.btn-secondary{background:transparent;border-color:var(--borde-rojo);color:var(--texto-secundario)}.btn-secondary:hover{border-color:var(--rojo);color:var(--crema)}.btn-danger{background:transparent;border-color:var(--sangre);color:var(--rojo-claro)}.btn-danger:hover{background:var(--sangre)}.btn-sm{padding:.4rem 1rem}.btn-sm,.msg{font-size:1rem}.msg{padding:.75rem 1.25rem;margin-bottom:1rem;border-left:3px solid;font-style:italic}.msg-ok{background:rgba(26,92,26,.15);border-color:var(--verde-claro);color:var(--verde-claro)}.msg-err{background:rgba(139,26,26,.15);border-color:var(--rojo-claro);color:var(--rojo-claro)}.footer{border-top:1px solid var(--borde-rojo);padding:2rem;text-align:center;margin-top:4rem}.footer-texto{letter-spacing:.25em;font-style:italic}.back-link,.footer-texto{font-size:1rem;text-transform:uppercase;color:var(--texto-apagado)}.back-link{display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.2em;transition:color .2s;padding:2rem 2rem 0;max-width:1000px;margin:0 auto;display:block}.back-link:hover{color:var(--rojo-claro)}.toggle-wrap{display:flex;align-items:center;gap:.75rem}.toggle{position:relative;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--borde-rojo);border:1px solid var(--borde-rojo);cursor:pointer;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:var(--texto-apagado);transition:.3s}.toggle input:checked+.toggle-slider{background:var(--rojo);border-color:var(--rojo)}.toggle input:checked+.toggle-slider:before{transform:translateX(20px);background:var(--crema)}.toggle-label{font-size:1rem;color:var(--texto-secundario);font-style:italic}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim{animation:fadeUp .5s ease forwards}.d1{animation-delay:.1s}.d1,.d2{opacity:0}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d3,.d4{opacity:0}.d4{animation-delay:.4s}.d5{animation-delay:.5s}.d5,.d6{opacity:0}.d6{animation-delay:.6s}@media (max-width:768px){.navbar-nav{display:none;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--negro);border-bottom:1px solid var(--borde-rojo);padding:1rem 0}.navbar-nav.open{display:flex}.navbar-nav a{padding:.75rem 2rem;height:auto}.navbar-menu-btn{display:flex}.navbar-inner{position:relative}.familias-grid{grid-template-columns:1fr}.ficha-hero{flex-direction:column;text-align:center}.ficha-stats-row{justify-content:center}.form-row,.form-row-3{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-content{max-width:100%;padding:1rem}.petada-vs{gap:1rem}.ranking-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.hero h1{font-size:3.5rem}.alerta-petada-inner{flex-direction:column;align-items:flex-start;gap:.75rem}.ranking-grid{grid-template-columns:1fr}}