:root{--cuota-primary:#0d1b2a;--cuota-secondary:#1b3a4b;--cuota-accent:#00c853;--cuota-accent-hover:#00e676;--cuota-gold:#ffd700;--cuota-text:#ffffff;--cuota-text-muted:#a0aec0;--cuota-border:rgba(255, 255, 255, 0.1);--cuota-card-bg:linear-gradient(145deg, #1b3a4b 0%, #0d1b2a 100%);--cuota-shadow:0 10px 40px rgba(0, 0, 0, 0.3);--cuota-radius:16px;--cuota-radius-sm:8px}.cuotas-container{max-width:800px;margin:2rem auto;padding:0 1rem}.cuota-aviso{background:linear-gradient(135deg,#1a365d 0%,#2c5282 100%);border-left:4px solid var(--cuota-gold);border-radius:var(--cuota-radius-sm);padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.cuota-aviso-icon{font-size:1.25rem;flex-shrink:0}.cuota-aviso p{margin:0;color:#e2e8f0;font-size:.875rem;line-height:1.5}.cuota-aviso strong{color:var(--cuota-gold)}.cuotas-grid{display:flex;flex-direction:column;gap:1.5rem}.cuota-card{background:var(--cuota-card-bg);border-radius:var(--cuota-radius);box-shadow:var(--cuota-shadow);overflow:hidden;border:1px solid var(--cuota-border);transition:transform 0.3s ease,box-shadow 0.3s ease}.cuota-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgb(0 0 0 / .4)}.cuota-card-header{background:linear-gradient(90deg,rgb(0 200 83 / .15) 0%,transparent 100%);padding:1.25rem 1.5rem;border-bottom:1px solid var(--cuota-border)}.cuota-card-header h3{margin:0;color:var(--cuota-text);font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.cuota-card-header h3::before{content:"⚽";font-size:1.5rem}.cuota-liga-badge{display:inline-block;background:rgb(0 200 83 / .2);color:var(--cuota-accent);font-size:.7rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}.cuota-detalles{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 1.5rem;background:rgb(0 0 0 / .2)}.cuota-detalle-item{display:flex;align-items:center;gap:.5rem;color:var(--cuota-text-muted);font-size:.9rem}.cuota-detalle-icon{width:36px;height:36px;background:rgb(255 255 255 / .05);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.cuota-detalle-text strong{display:block;color:var(--cuota-text);font-size:.95rem}.cuota-detalle-text span{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.cuota-odds-section{padding:1.5rem}.cuota-odds-title{color:var(--cuota-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.cuota-odds-title::before{content:"";display:block;width:20px;height:2px;background:var(--cuota-accent)}.cuota-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.btn-cuota{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#2d4a5e 0%,#1b3a4b 100%);border:1px solid var(--cuota-border);border-radius:var(--cuota-radius-sm);padding:1rem .75rem;text-decoration:none;transition:all 0.3s ease;position:relative;overflow:hidden}.btn-cuota::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cuota-accent);transform:scaleX(0);transition:transform 0.3s ease}.btn-cuota:hover{background:linear-gradient(180deg,#3d5a6e 0%,#2b4a5b 100%);border-color:var(--cuota-accent);transform:translateY(-2px)}.btn-cuota:hover::before{transform:scaleX(1)}.btn-cuota-tipo{color:var(--cuota-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.btn-cuota-valor{color:var(--cuota-accent);font-size:1.5rem;font-weight:700}.btn-cuota.favorito{background:linear-gradient(180deg,rgb(0 200 83 / .2) 0%,rgb(0 200 83 / .1) 100%);border-color:var(--cuota-accent)}.btn-cuota.favorito .btn-cuota-valor{color:var(--cuota-gold)}.cuota-streaming{padding:1rem 1.5rem;background:linear-gradient(90deg,rgb(220 38 38 / .1) 0%,transparent 100%);border-top:1px solid var(--cuota-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.btn-streaming{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(220 38 38 / .3)}.btn-streaming:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgb(220 38 38 / .4);color:#fff}.btn-streaming::before{content:"▶";font-size:.75rem}.stream-condiciones{margin:0}.stream-condiciones a{color:var(--cuota-text-muted);font-size:.8rem;text-decoration:none;transition:color 0.2s}.stream-condiciones a:hover{color:var(--cuota-text)}.cuota-footer{padding:.75rem 1.5rem;background:rgb(0 0 0 / .3);border-top:1px solid var(--cuota-border)}.responsabilidad{margin:0;color:var(--cuota-text-muted);font-size:.7rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.responsabilidad::before{content:"🔞"}.futuro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.futuro-card{background:var(--cuota-card-bg);border:1px solid var(--cuota-border);border-radius:var(--cuota-radius-sm);padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all 0.3s ease}.futuro-card:hover{border-color:var(--cuota-accent);transform:translateY(-2px)}.futuro-pos{width:32px;height:32px;background:linear-gradient(135deg,var(--cuota-accent) 0%,#00a344 100%);color:var(--cuota-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.futuro-card:nth-child(1) .futuro-pos{background:linear-gradient(135deg,#ffd700 0%,#ffb300 100%)}.futuro-card:nth-child(2) .futuro-pos{background:linear-gradient(135deg,#c0c0c0 0%,#a0a0a0 100%)}.futuro-card:nth-child(3) .futuro-pos{background:linear-gradient(135deg,#cd7f32 0%,#a0522d 100%)}.futuro-nombre{flex:1;color:var(--cuota-text);font-weight:500;font-size:.9rem}.futuro-cuota{text-align:right}.futuro-cuota a{display:inline-block;background:rgb(0 200 83 / .15);color:var(--cuota-accent);padding:.5rem 1rem;border-radius:6px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all 0.3s ease}.futuro-cuota a:hover{background:var(--cuota-accent);color:var(--cuota-primary)}@media (max-width:640px){.cuota-card-header h3{font-size:1.1rem}.cuota-detalles{flex-direction:column;gap:1rem}.cuota-btns{grid-template-columns:repeat(3,1fr);gap:.5rem}.btn-cuota{padding:.75rem .5rem}.btn-cuota-valor{font-size:1.25rem}.cuota-streaming{flex-direction:column;text-align:center}.futuro-grid{grid-template-columns:1fr}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 5px rgb(0 200 83 / .3)}50%{box-shadow:0 0 20px rgb(0 200 83 / .5)}}.cuota-card.en-vivo{animation:pulseGlow 2s infinite;border-color:var(--cuota-accent)}.cuota-card.en-vivo .cuota-card-header::after{content:"🔴 EN VIVO";position:absolute;top:1rem;right:1rem;background:#dc2626;color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:20px;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.cuota-card{animation:fadeInUp 0.5s ease forwards;opacity:0}.cuota-card:nth-child(1){animation-delay:0.1s}.cuota-card:nth-child(2){animation-delay:0.2s}.cuota-card:nth-child(3){animation-delay:0.3s}.cuota-card:nth-child(4){animation-delay:0.4s}.cuota-card:nth-child(5){animation-delay:0.5s}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cuotas-theme-light{--cuota-primary:#f8fafc;--cuota-secondary:#e2e8f0;--cuota-text:#1e293b;--cuota-text-muted:#64748b;--cuota-card-bg:linear-gradient(145deg, #ffffff 0%, #f1f5f9 100%);--cuota-border:rgba(0, 0, 0, 0.1);--cuota-shadow:0 10px 40px rgba(0, 0, 0, 0.1)}