body { font-family: 'Montserrat', system-ui, sans-serif; background-color: #1D1D27; color: #F2F0EC; }

/* Tarjetas de cuenta */
.card-bg { background: #26262F; border: 1px solid #3A3A44; }

/* Reglas del modal de términos */
.rule-card { background: rgba(46,46,56,0.8); border-left: 4px solid #4DABB7; color: #F2F0EC; }

/* Cajas de tasas */
.tasa-box { background: rgba(29,29,39,0.6); border: 1px solid #3A3A44; padding: 0.5rem; border-radius: 1rem;
  display: flex; flex-direction: column; align-items: center; box-shadow: 0 2px 6px rgba(0,0,0,.3); overflow: hidden; }
@media (min-width:768px){ .tasa-box { padding: 0.75rem; } }
.tasa-cab { display: flex; align-items: center; gap: 0.375rem; margin-bottom: 0.25rem; width: 100%; justify-content: center; }
.tasa-flag { width: 1rem; height: 0.75rem; border-radius: 2px; flex-shrink: 0; }
@media (min-width:768px){ .tasa-flag { width: 1.25rem; height: 0.875rem; } }
.tasa-lbl { font-size: 8px; color: #9A9AA2; font-weight: 700; text-transform: uppercase; letter-spacing: -0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width:768px){ .tasa-lbl { font-size: 11px; } }
.tasa-val { font-weight: 900; font-size: 10px; color: #4DABB7; }
@media (min-width:768px){ .tasa-val { font-size: 1rem; } }

/* Selects con flecha en Celeste */
select { appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234DABB7%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right 1rem top 50%; background-size: 0.65rem auto; }

/* Scrollbar */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #26262F; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #4DABB7; border-radius: 10px; }

body.modal-open { overflow: hidden; height: 100vh; }

/* Animación de brillo para la publicidad */
@keyframes shimmer {
    0% { transform: translateX(-150%) skewX(-15deg); }
    100% { transform: translateX(150%) skewX(-15deg); }
}
.animate-shimmer {
    position: absolute; top: 0; left: 0; width: 50%; height: 100%;
    background: linear-gradient(to right, transparent, rgba(242,240,236,0.25), transparent);
    animation: shimmer 3s infinite; pointer-events: none;
}

/* Latido del diamante de fondo */
@keyframes latido {
    0%, 100% { transform: scale(1) rotate(12deg); opacity: 0.6; }
    50% { transform: scale(1.1) rotate(12deg); opacity: 1; }
}
.animate-latido { animation: latido 3s ease-in-out infinite; }