/* ============================================================
   DB COURIER · COTIZADOR (estilos específicos de la página)
   ============================================================ */

/* Formulario en dos columnas */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}

/* ---------- Resultado ---------- */
.result{margin-top:26px;border-top:1px dashed var(--tint-2);padding-top:24px;display:none}
.result.show{display:block;animation:aparece .4s ease both}
@keyframes aparece{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.breakdown{display:flex;flex-direction:column;gap:2px}
.row{display:flex;justify-content:space-between;align-items:baseline;padding:11px 2px;border-bottom:1px solid var(--tint)}
.row .k{color:var(--gris);font-weight:600;font-size:.92rem}
.row .k small{display:block;color:#9fb0d0;font-weight:600;font-size:.74rem}
.row .v{font-weight:800;font-size:1.02rem;font-variant-numeric:tabular-nums}
.total{
  margin-top:16px;background:var(--ok-bg);border:1.5px solid var(--tint-2);
  border-radius:16px;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;
}
.total .k{font-weight:800;font-size:1rem}
.total .k small{display:block;color:var(--gris);font-weight:600;font-size:.76rem}
.total .v{font-weight:900;font-size:2rem;color:var(--azul);font-variant-numeric:tabular-nums}
.result .nota{color:var(--gris);font-weight:500;font-size:.78rem;margin-top:14px}
.result .wa{
  display:inline-flex;align-items:center;gap:8px;margin-top:16px;text-decoration:none;
  font-weight:800;font-size:.9rem;color:#fff;background:#25D366;padding:12px 20px;border-radius:12px;
}
.result.alert .breakdown,.result.alert .total{display:none}
.result .aviso{display:none;background:#FFF4F5;border:1.5px solid #FAD1D6;border-radius:16px;padding:20px;font-weight:600;color:var(--texto)}
.result.alert .aviso{display:block}

/* ---------- Consideraciones ---------- */
.consid{max-width:760px;margin:44px auto 0}
.consid h3{font-size:1.3rem;font-weight:900;text-align:center;letter-spacing:-.01em}
.consid h3 .u{display:block;width:56px;height:4px;background:var(--rojo);border-radius:4px;margin:10px auto 0}
.consid ul{list-style:none;margin-top:24px;display:grid;gap:12px}
.consid li{
  background:#fff;border:1px solid var(--linea);border-radius:14px;padding:16px 18px;
  font-weight:500;font-size:.92rem;color:#33456e;display:flex;gap:12px;
}
.consid li::before{content:"";flex:none;width:9px;height:9px;margin-top:7px;border-radius:50%;background:var(--azul)}

@media (max-width:640px){
  .grid{grid-template-columns:1fr}
  .total .v{font-size:1.6rem}
}