/* Cotizador scoped styles */
          #m-calculadora .cot-inner {
            --aratech-dark: #0b1528;
            --aratech-card: #13223f;
            --aratech-blue: #0ea5e9;
            --aratech-light: #7dd3fc;
            --gray-text: #94a3b8;
            --alert-red: #ef4444;
            --success-green: #10b981;
          }

          #m-calculadora .contenedor{

              width:100%;
              max-width:980px;

              margin:0 auto;

              padding:0;

              background:transparent;

              border:none;

              border-radius:0;

              box-shadow:none;

              backdrop-filter:none;

          }

          #m-calculadora header{

              display:flex;

              flex-direction:column;

              align-items:center;

              justify-content:center;

              gap:4px;

              margin-bottom:22px;

          }

          #m-calculadora .logo-placeholder {
            font-family: 'Montserrat', sans-serif;
            font-size: 38px;
            font-weight: 400;
            color: #fff;
            letter-spacing: 4px;
            text-transform: uppercase;
            margin-top: 5px
          }

          #m-calculadora .subtitle {
            font-size: 15px;
            color: #7dd3fc;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 600
          }

          #m-calculadora .grupo-input {
            margin-bottom: 35px;
            text-align: center
          }

          #m-calculadora .grupo-input label {
            display: block;
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 12px;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 1px
          }

          #m-calculadora .input-wrapper {
            position: relative;
            max-width: 400px;
            margin: 0 auto
          }

          #m-calculadora .input-wrapper .currency {
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 28px;
            font-weight: 700;
            color: #0ea5e9
          }

          #m-calculadora input[type="number"] {
            background: #0b1528;
            border: 2px solid #94a3b8;
            border-radius: 10px;
            padding: 15px 20px 15px 45px;
            font-size: 28px;
            font-weight: 700;
            color: #fff;
            text-align: right;
            outline: none;
            transition: all .3s
          }

          #m-calculadora input[type="number"]:focus {
            border-color: #0ea5e9;
            box-shadow: 0 0 15px rgba(14, 165, 233, .4)
          }

          #m-calculadora .grid-resultados {
            display: grid;
            grid-template-columns: 1fr;
            gap: 25px
          }

          #m-calculadora .tarjeta-resultado {
            background: #13223f;
            border: 1px solid rgba(255, 255, 255, .1);
            border-left: 5px solid #7dd3fc;
            border-radius: 8px;
            padding: 22px;
            display: flex;
            flex-direction: column;
            gap: 12px;
            transition: all .3s
          }

          #m-calculadora .tarjeta-resultado.efectivo {
            border-left-color: #10b981
          }

          #m-calculadora .tarjeta-resultado.contado {
            border-left-color: #0ea5e9
          }

          #m-calculadora .tarjeta-resultado.msi {
            border-left-color: #a855f7
          }

          #m-calculadora .tarjeta-resultado.bloqueada {
            border-left-color: #ef4444 !important;
            background: rgba(239, 68, 68, .05);
            opacity: .6
          }

          #m-calculadora .tarjeta-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid rgba(255, 255, 255, .05);
            padding-bottom: 10px
          }

          #m-calculadora .tipo-cobro {
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px
          }

          #m-calculadora .monto-cobrar {
            font-size: 28px;
            font-weight: 800;
            color: #fff
          }

          #m-calculadora .tarjeta-detalles {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            color: #94a3b8;
            font-weight: 500
          }

          #m-calculadora .utilidad-wrapper {
            text-align: right
          }

          #m-calculadora .utilidad-label {
            font-size: 11px;
            text-transform: uppercase;
            color: #94a3b8;
            font-weight: 700;
            margin-bottom: 2px
          }

          #m-calculadora .utilidad-tag {
            background: rgba(16, 185, 129, .15);
            color: #10b981;
            padding: 6px 12px;
            border-radius: 4px;
            font-weight: 700;
            font-size: 16px;
            display: inline-block
          }

          #m-calculadora .mensualidad-tag {
            color: #c084fc;
            font-weight: 700;
            font-size: 15px;
            background: rgba(168, 85, 247, .1);
            padding: 4px 10px;
            border-radius: 4px
          }

          #m-calculadora .aviso-msi {
            color: #fca5a5;
            font-weight: 600;
            font-size: 14px;
            display: none
          }

          /*=========================================================
BOTÓN COPIAR PRECIO
=========================================================*/

.btn-copy-price{

    width:30px;
    height:30px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(255,255,255,.10);

    border-radius:8px;

    background:rgba(255,255,255,.06);

    color:#ffffff;

    cursor:pointer;

    transition:all .20s ease;

    font-size:14px;

    padding:0;

}

.btn-copy-price:hover{

    background:#0ea5e9;

    border-color:#38bdf8;

    transform:scale(1.08);

    box-shadow:0 0 10px rgba(14,165,233,.35);

}

.btn-copy-price:active{

    transform:scale(.96);

}

.btn-copy-price:disabled{

    cursor:default;

    opacity:.9;

}

.btn-copy-price.copiado{

    background:#10b981;

    border-color:#34d399;

    color:#fff;

    box-shadow:0 0 12px rgba(16,185,129,.45);

    transform:scale(1.08);

}

/*=========================================================
BOTÓN COPIAR INFORMACIÓN
=========================================================*/

.btn-copy-info{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:6px;

    margin-top:12px;

    padding:8px 14px;

    width:auto;

    min-width:170px;

    height:36px;

    border:1px solid rgba(14,165,233,.22);

    border-radius:9px;

    background:rgba(14,165,233,.08);

    color:#7dd3fc;

    font-size:12px;

    font-weight:600;

    cursor:pointer;

    transition:all .20s ease;

    white-space:nowrap;

}

/*=========================================================
COLUMNA DE ACCIONES
=========================================================*/
.btn-copy-info:hover{

    background:rgba(14,165,233,.18);

    border-color:#38bdf8;

    color:#ffffff;

    transform:translateY(-1px);

    box-shadow:0 5px 16px rgba(14,165,233,.18);

}

.btn-copy-info:active{

    transform:scale(.98);

}

.btn-copy-info.copiado{

    background:#10b981;

    border-color:#34d399;

    color:#ffffff;

    box-shadow:0 0 14px rgba(16,185,129,.35);

}

/*=========================================================
ANIMACIÓN DEL PRECIO
=========================================================*/

.precio-copiado{

    color:#10b981 !important;

    transform:scale(1.08);

    transition:all .25s ease;

    text-shadow:0 0 10px rgba(16,185,129,.45);

}

/*==================================================
DETALLES TARJETAS
==================================================*/

.tarjeta-detalles{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:24px;

    margin-top:18px;

}

.detalle-info{

    flex:1;

    color:#9fb3c8;

    line-height:1.55;

}

.detalle-acciones{

    width:185px;

    flex-shrink:0;

    display:flex;

    flex-direction:column;

    align-items:flex-end;

    justify-content:flex-end;

    gap:8px;

}

.detalle-acciones .utilidad-wrapper{

    width:100%;

    display:flex;

    flex-direction:column;

    align-items:flex-end;

}