.rl-calc-wrapper { font-family: -apple-system, sans-serif; color: #1d1d1f; -webkit-font-smoothing: antialiased; }
.apple-card { background: #fff; border-radius: 28px; padding: 30px; max-width: 440px; margin: 20px auto; border: 1px solid rgba(210,210,215,0.5); box-shadow: 0 10px 40px rgba(0,0,0,0.04); }

/* ALTURA FIJA PARA EVITAR SALTOS */
.calc-content { min-height: 440px !important; display: flex; flex-direction: column; justify-content: flex-start; }

/* TABS */
.tab-segment { background: #f5f5f7; padding: 4px; border-radius: 12px; display: flex; margin-bottom: 25px; }
.segment-btn { flex: 1; border: none; padding: 10px; border-radius: 10px; font-size: 13px; font-weight: 600; cursor: pointer; background: transparent; color: #86868b; transition: 0.2s; }
.segment-btn.active { background: #fff; color: #1d1d1f; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }

/* BARRA TASAS */
.rates-glass-bar { display: flex; justify-content: space-between; background: #f5f5f7; border-radius: 14px; padding: 12px 18px; margin-bottom: 20px; }
.rate-node { font-size: 9px; font-weight: 800; color: #86868b; text-transform: uppercase; }
.rate-node span { color: #1d1d1f; display: block; font-size: 11px; margin-top: 2px; font-weight: 700; }

/* STEPPER VERTICAL */
.input-stepper { display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 25px !important; }
.input-stepper label { font-size: 13px !important; font-weight: 600 !important; color: #86868b !important; margin-bottom: 12px !important; text-transform: uppercase; letter-spacing: 0.05em; }
.stepper-box { display: inline-flex !important; align-items: center !important; background: #f5f5f7 !important; border-radius: 18px !important; padding: 6px !important; }
.stepper-box button { 
    width: 44px !important; height: 44px !important; border: none !important; background: #fff !important; 
    border-radius: 12px !important; color: #1d1d1f !important; font-size: 24px !important; font-weight: 500 !important; 
    display: flex !important; align-items: center !important; justify-content: center !important;
    cursor: pointer !important; box-shadow: 0 2px 5px rgba(0,0,0,0.08) !important; padding: 0 !important;
}
.stepper-box input { width: 60px !important; border: none !important; background: transparent !important; text-align: center !important; font-size: 22px !important; font-weight: 700 !important; color: #1d1d1f !important; }

/* TEXTO CONSEJO VIABILIDAD */
.viability-advise { font-size: 13px !important; color: #1d1d1f !important; text-align: center !important; margin-bottom: 20px !important; line-height: 1.4 !important; }

/* RESULTADOS */
.result-highlight { background: #0071e3; color: #fff; border-radius: 22px; padding: 25px; text-align: center; margin-bottom: 20px; }
.result-highlight.study { background: #fff; border: 2px solid #0071e3; color: #1d1d1f; }
.big-price { font-size: 38px; font-weight: 700; margin: 5px 0; letter-spacing: -0.03em; }
.sub-currencies { font-size: 12px; opacity: 0.8; }
.promo-tag { background: #0071e3; color: #fff; font-size: 9px; font-weight: 800; padding: 4px 10px; border-radius: 20px; display: inline-block; margin-top: 5px; }

/* TABLA */
.row { display: flex; justify-content: space-between; font-size: 14px; padding: 10px 0; border-bottom: 1px solid #f5f5f7; }
.bold { font-weight: 700; }
.highlight-blue { color: #0071e3; }

/* BOTÓN WHATSAPP Y FOOTER */
.calc-actions { display: flex !important; flex-direction: column !important; align-items: center !important; }
.apple-btn-main { display: block; width: 100%; background: #1d1d1f; color: #fff !important; text-align: center; padding: 18px; border-radius: 18px; font-weight: 600; text-decoration: none !important; margin-top: 15px; transition: 0.2s; }
.apple-btn-main:hover { background: #000; transform: translateY(-2px); }
#footer-note { font-size: 11px !important; color: #86868b !important; text-align: center !important; margin-top: 15px !important; font-weight: 500; }

@media (max-width: 480px) {
    .segment-btn { font-size: 12px !important; padding: 8px 4px !important; }
    .big-price { font-size: 32px !important; }
}