@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:#c8b898;--dorado:#c9a84c;--dorado-apagado:#9a7840;--texto-principal:#e0d4bc;--texto-secundario:#b0997a;--texto-apagado:#9a8a72;--verde:#1a5c1a;--verde-claro:#4a9a4a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:clamp(16px,1.2vw,18px)}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{display:none}.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(--crema);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.25rem;max-width:700px;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:1rem;flex-wrap:nowrap}.alerta-label{font-size:1rem;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;justify-content:center;gap:1.5rem;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:.9rem;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{color:var(--texto-apagado)}.alerta-fecha,.alerta-link{font-size:1rem;white-space:nowrap}.alerta-link{letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);transition:color .2s}.alerta-link:hover{color:var(--rojo-claro)}.seccion{max-width:1280px;margin:0 auto;padding:2rem 2rem 4rem;margin-bottom:4rem}@media (max-width:768px){.seccion{margin-bottom:2.5rem}}.seccion-header{margin-bottom:2.5rem;text-align:center}.seccion-eyebrow{font-size:1.1rem;letter-spacing:.35em;text-transform:uppercase;color:var(--rojo-claro);margin-bottom:.25rem;font-family:Cormorant Garamond,serif}.seccion-titulo{font-family:Bebas Neue,sans-serif;font-size:2.2rem;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;flex-direction:column;gap:1rem;align-items:stretch;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,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);transform:translateY(-4px);box-shadow:0 8px 20px rgba(196,30,30,.15)}.familia-card:hover:before{transform:scaleX(1)}.familia-placa-wrap{flex-shrink:0;margin-top:.25rem;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;display:flex;flex-direction:column}.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;width:100%}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:1rem;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)}.rightpanel-toggle-btn{display:flex!important;position:fixed;bottom:1.5rem;right:1.5rem;z-index:500;width:44px;height:44px;background:var(--rojo);border:1px solid var(--rojo-vivo);color:var(--crema);font-size:1.5rem;cursor:pointer;align-items:center;justify-content:center;border-radius:4px}.rightpanel-overlay{display:block;position:fixed;inset:0;background:rgba(8,6,8,.7);z-index:600}.rightpanel-drawer{display:block;position:fixed;top:0;right:-280px;width:280px;height:100vh;background:var(--carbon);border-left:1px solid var(--borde-rojo);z-index:700;overflow-y:auto;transition:right .3s ease}.rightpanel-drawer.open{right:0}.rightpanel-drawer-close{width:100%;padding:1rem 1.25rem;background:none;border:none;border-bottom:1px solid var(--borde-rojo);color:var(--texto-apagado);font-family:Cormorant Garamond,serif;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;text-align:right}.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:1rem;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:1rem;background:var(--carbon)}.tabla-wrap tr:last-child td{border-bottom:none}.tabla-wrap tr:hover td{background:var(--grafito)}.back-link,.ficha-stats-row a,.petada-detalle a,.tabla-wrap a{transition:all .2s ease}.tabla-wrap a{font-size:.85rem}.petada-detalle a:hover,.tabla-wrap a:hover{color:var(--rojo-vivo)!important;letter-spacing:.2em}.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:1rem;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:1rem;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:1.2rem;letter-spacing:.3em;text-transform:uppercase;color:var(--texto-apagado)}.ranking-sublabel{font-size:1.2rem;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:1.05rem;letter-spacing:.25em;text-transform:uppercase;color:var(--texto-apagado);margin-bottom:.25rem}.timeline-titulo{font-family:Playfair Display,serif;font-size:1.1rem;color:var(--crema);font-style:italic;margin-bottom:.15rem}.timeline-desc{font-size:1rem;color:var(--texto-secundario)}.filtros{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.filtro-btn{padding:.5rem 1.25rem;font-family:Cormorant Garamond,serif;font-size:1.05rem;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;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.petada-detalle{max-width:800px;margin:0 auto;padding:3rem 2rem}.petada-vs{gap:2rem;padding:3rem 0}.petada-familia-side,.petada-vs{display:flex;align-items:center;justify-content:center}.petada-familia-side{flex-direction:column;gap:1.5rem;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:0;height:100vh;overflow-y:auto}.admin-sidebar-title{font-size:1rem;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;justify-content:center;gap:1.5rem;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:1rem;color:var(--texto-apagado);font-style:italic;margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:1rem;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:1rem;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:1rem;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{margin-top:1rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--texto-apagado);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;justify-content:center;gap:1.5rem}.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){.anim{animation-duration:.3s!important}}.avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--carbon) 0,var(--negro) 100%);font-size:2rem;color:var(--texto-apagado);border:1px solid var(--borde-rojo)}.avatar-fallback,.welcome-banner{display:flex;align-items:center;justify-content:center}.welcome-banner{position:fixed;inset:0;z-index:1000;background:rgba(8,6,8,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.welcome-logo{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(196,30,30,.5))}.welcome-quote{font-size:clamp(1.1rem,2.5vw,1.4rem);font-style:italic;color:var(--texto-secundario);max-width:480px;line-height:1.8}.welcome-btn,.welcome-quote{font-family:Cormorant Garamond,serif}.welcome-btn{font-size:1rem;letter-spacing:.35em;text-transform:uppercase;color:var(--crema);background:var(--rojo);border:1px solid var(--rojo-vivo);padding:.9rem 2.5rem;cursor:pointer;transition:all .3s}.welcome-btn:hover{background:var(--rojo-vivo);box-shadow:0 0 20px rgba(196,30,30,.4)}.player{display:none}.app-layout{display:flex;width:100%;height:100vh;background:var(--negro);overflow:hidden}.app-main{min-width:0;max-width:100%;padding:0 1rem;height:100%;overflow:hidden}.app-main,.app-main>main{flex:1 1;display:flex;flex-direction:column}.app-main>main{overflow-y:auto;padding:1rem .5rem;scrollbar-width:thin}.app-main>main>:first-child{margin-top:0}.footer{border-top:1px solid var(--borde-rojo);padding:.75rem;text-align:center;flex-shrink:0;background:var(--negro)}.footer-texto{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--texto-apagado);font-style:italic}.sidepanel-desktop{width:clamp(180px,18vw,220px);flex-shrink:0;height:100vh;overflow-y:auto;border-right:1px solid var(--borde-rojo);background:var(--carbon)}.sidepanel-inner{padding:1rem;display:flex;flex-direction:column;gap:0}.sidepanel-bloque{padding:.75rem 0;border-bottom:1px solid var(--borde);display:flex;flex-direction:column;gap:.6rem}.sidepanel-bloque:last-child{border-bottom:none}.sidepanel-bloque-titulo{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--texto-apagado);font-family:Cormorant Garamond,serif}.sidepanel-stat{display:flex;flex-direction:column;gap:.2rem}.sidepanel-stat-label{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--texto-apagado);font-family:Cormorant Garamond,serif}.sidepanel-stat-valor{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:var(--rojo-vivo);line-height:1}.sidepanel-stat-sub{font-size:.65rem;color:var(--texto-apagado)}.sidepanel-cta,.sidepanel-stat-sub{font-style:italic;font-family:Cormorant Garamond,serif}.sidepanel-cta{font-size:.8rem;color:var(--texto-secundario);line-height:1.4}.sidepanel-btn-primary{display:block;text-align:center;background:var(--rojo);border:1px solid var(--rojo-vivo);color:var(--crema);padding:.5rem;font-family:Cormorant Garamond,serif;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap}.sidepanel-btn-primary:hover{background:var(--rojo-vivo)}.sidepanel-btn-secondary{display:block;text-align:center;background:transparent;border:1px solid var(--borde-rojo);color:var(--texto-secundario);padding:.5rem;font-family:Cormorant Garamond,serif;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .2s;white-space:nowrap}.sidepanel-btn-secondary:hover{border-color:var(--rojo);color:var(--crema)}.sidepanel-btn-godfather{width:100%;padding:.5rem;font-family:Cormorant Garamond,serif;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--borde-rojo);background:transparent;color:var(--texto-apagado);cursor:not-allowed;text-align:center}.sidepanel-btn-godfather.active{border-color:var(--dorado);color:var(--dorado);cursor:pointer}.sidepanel-btn-godfather.active:hover{background:rgba(201,168,76,.1)}.sidepanel-usuario-row{display:flex;justify-content:space-between;align-items:center}.sidepanel-username{font-family:Playfair Display,serif;font-size:.85rem;color:var(--crema-oscura);font-style:italic;transition:color .2s}.sidepanel-username:hover{color:var(--rojo-claro)}.sidepanel-tiempo{font-size:.65rem;color:var(--texto-apagado);white-space:nowrap}.sidepanel-perfil-row{display:flex;justify-content:space-between;align-items:center;width:100%}.sidepanel-campana{position:relative;font-size:1rem;color:var(--texto-apagado);transition:color .2s}.sidepanel-campana:hover{color:var(--crema)}.sidepanel-rango{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dorado-apagado);font-family:Cormorant Garamond,serif}.sidepanel-godfathers{font-family:Bebas Neue,sans-serif;font-size:.9rem;color:var(--dorado);letter-spacing:.05em}.sidepanel-msg-ok{font-size:.65rem;color:var(--verde-claro);font-style:italic;text-align:center}.sidepanel-verificacion-msg{display:flex;flex-direction:column;gap:.3rem}@media (max-width:768px){.rightpanel-desktop,.sidepanel-desktop{display:none!important}.sidepanel-toggle-btn{display:flex!important;position:fixed;bottom:1.5rem;left:1.5rem;z-index:500;width:44px;height:44px;background:var(--rojo);border:1px solid var(--rojo-vivo);color:var(--crema);font-size:1.2rem;cursor:pointer;align-items:center;justify-content:center;border-radius:4px}.sidepanel-overlay{display:block;position:fixed;inset:0;background:rgba(8,6,8,.7);z-index:600}.sidepanel-drawer{display:block;position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--carbon);border-right:1px solid var(--borde-rojo);z-index:700;overflow-y:auto;transition:left .3s ease}.sidepanel-drawer.open{left:0}.sidepanel-drawer-close{width:100%;padding:1rem 1.25rem;background:none;border:none;border-bottom:1px solid var(--borde-rojo);color:var(--texto-apagado);font-family:Cormorant Garamond,serif;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;text-align:left}.app-main{padding:0 .5rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--borde-rojo);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--rojo-vivo);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--rojo-claro)}*{scrollbar-width:thin;scrollbar-color:var(--rojo-vivo) var(--borde-rojo)}@media (max-width:768px){.home-grid{grid-template-columns:1fr!important}}