/**
 * =====================================================
 * 📱 Divexa Calculator – MOBILE ULTRA FINTECH VERSION
 * Corrección definitiva:
 * COMPRA y VENTA siempre en una sola fila
 * =====================================================
 */

@media (max-width:768px){

/* =====================================================
   VARIABLES MOBILE
===================================================== */

:root{

--divexa-card-width:100%;
--divexa-mobile-padding:20px;
--divexa-mobile-wrapper-padding:30px;

--divexa-input-height:52px;
--divexa-input-font:24px;

--divexa-tasas-padding:10px;
--divexa-conversion-padding:16px;
--divexa-field-spacing:14px;

--divexa-btn-height:50px;
--divexa-registro-height:42px;

}


/* =====================================================
   WRAPPER
===================================================== */

.divexa-calculator-wrapper{

padding:var(--divexa-mobile-wrapper-padding) 12px;

}


/* =====================================================
   TARJETA PRINCIPAL
===================================================== */

#divexa-calculadora{

max-width:100%;

padding:var(--divexa-mobile-padding);

border-radius:16px;

box-shadow:0 12px 25px rgba(15,23,42,0.06);

}


/* =====================================================
   TASAS MOBILE
   Mantener COMPRA y VENTA en una sola fila
===================================================== */

#divexa-calculadora .divexa-tasas{

display:grid !important;

grid-template-columns:1fr 1fr !important;

gap:8px;

align-items:center;

text-align:center;

padding:var(--divexa-tasas-padding);

}


#divexa-calculadora .divexa-tasa{

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

gap:2px;

white-space:nowrap;

}


#divexa-calculadora .divexa-label{

font-size:12px;

}


#divexa-calculadora .divexa-compra,
#divexa-calculadora .divexa-venta{

font-size:20px;

}


/* ocultar separador */

#divexa-calculadora .divexa-separador{

display:none;

}


/* =====================================================
   BLOQUE CONVERSIÓN
===================================================== */

.divexa-conversion{

padding:var(--divexa-conversion-padding);

}

.divexa-field{

margin-bottom:var(--divexa-field-spacing);

}


/* =====================================================
   INPUTS
===================================================== */

#divexa-calculadora input.divexa-input{

height:var(--divexa-input-height);

font-size:var(--divexa-input-font);

padding:0 16px;

}


/* =====================================================
   BOTÓN INTERCAMBIO
===================================================== */

.divexa-flecha{

width:34px;
height:34px;

font-size:18px;

}


/* =====================================================
   BOTÓN PRINCIPAL
===================================================== */

.divexa-btn{

height:var(--divexa-btn-height);

font-size:15px;

border-radius:12px;

padding:0;

}


/* =====================================================
   REGISTRO
===================================================== */

.divexa-registro-box{

height:var(--divexa-registro-height);

margin:14px auto 0;

font-size:13px;

}

}