html {
    scroll-behavior: smooth;
}

body {
    background-color: #ffffff;
}

.navbar-dark {
    background-color: #0d2055 !important;
}

.text-primary {
    color: #0d2055 !important;
}

.text-secondary {
    color: #00a3e4 !important;
}

.material-icons {
    color: #fafafa;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px !important;
    margin-left: -15px;
}

.btn-light {
    background-color: #ffffff;
}

.btn-help {
    color: #fff;
    background-color: #0d2055;
    border-color: #0d2055;
}

.btn-help:hover {
    color: #fff;
    background-color: #00a3e4;
    border-color: #00a3e4;
}

.btn-primary {
    background-color: #0d2055;
    border-color: #0d2055;
}

.btn-primary:hover {
    background-color: #00a3e4;
    border-color: #00a3e4;
}

.btn-green {
    background: #00a3e4;
}

.btn-green:hover {
    background: #33b8ec;
}

.bg-primary {
    background-color: #0d2055 !important;
    color: #ffffff !important;
}

.bg-primary p {
    color: #ffffff !important;
}

.bg-green {
    background: linear-gradient(to right, #0d2055, #00a3e4);
}

/* ---------------------------------------------------------------------------
   Botones del hero (2026-08-24)

   El hero es .bg-primary, que aca es #0d2055. web.min.css define
   .btn-outline-light DOS veces y la ultima pisa el color a #212529, casi negro:
   sobre ese fondo el texto no se lee. Se corrige aca y no alla porque
   web.min.css es el tema del proveedor y lo carga TODA la app; balanz.css
   carga solo esta landing.

   No se resuelve con la clase `text-white` del HTML: es `color:#fff!important`
   y le ganaria tambien al :hover, que llena el boton de blanco — quedaria
   texto blanco sobre fondo blanco al pasar el mouse.
   --------------------------------------------------------------------------- */
.btn-outline-light {
    color: #ffffff;
    border-color: #ffffff;
}

.btn-outline-light:hover {
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}

/* "Abrir cuenta en Balanz": el azul pedido por Miguel el 2026-08-24.
   Va scopeado al hero (.bg-primary) y no a `.btn-secondary` a secas, porque esa
   clase tambien la usa la vista de admin `balanz/form-detail.blade.php`. */
.bg-primary .btn-secondary {
    background-color: #08c;
    border-color: #08c;
}

.bg-primary .btn-secondary:hover {
    background-color: #0077b3;
    border-color: #0077b3;
}

/* Que el texto no se corte ni se parta en dos renglones cuando los dos botones
   comparten la fila (el contenedor es flex-md-nowrap y los apreta). */
.bg-primary .btn-lg {
    white-space: nowrap;
    flex-shrink: 0;
}