@import '_content/FenixUIGenerics/FenixUIGenerics.y3ce58szdi.bundle.scp.css';

/* /Components/Home/Carousel.razor.rz.scp.css */
/* Hero principal con carousel. La imagen de cada slide llega por la custom
   property --hero-bg (inline); el gradiente y el encuadre viven acá. */

/* El carrusel sangra hasta arriba de todo: el margen negativo cancela el
   padding-top de .page-content (offset del navbar) solo en el hero, así no
   queda la franja blanca superior. */
#carousel[b-7t0s5l9jrn] {
    margin-top: -80px;
}

.hero[b-7t0s5l9jrn] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(120deg, rgba(var(--azul-rgb), 0.85) 0%, rgba(var(--azul-oscuro-rgb), 0.5) 100%),
                var(--hero-bg) center center / cover no-repeat;
}

.hero-caption[b-7t0s5l9jrn] {
    z-index: 2;
    padding: 20px;
}

.titulo-slide[b-7t0s5l9jrn] {
    font-size: 42px;
    font-weight: var(--font-bold);
    color: #ffffff;
    text-transform: uppercase;
}

.subtitulo-slide[b-7t0s5l9jrn] {
    font-size: 26px;
    font-weight: var(--font-light);
    color: #ffffff;
    margin-bottom: 30px;
}
/* /Components/Home/InstrumentosOperables.razor.rz.scp.css */
/* Imagen (mockup) de la app en la sección Instrumentos. */
.img-instrumentos[b-q0tkt535a3] {
    max-height: 560px;
    max-width: 100%;
    width: auto;
    display: block;
    margin: 0 auto;
}
/* /Components/Home/OperarOnline.razor.rz.scp.css */
/* Sección OPERÁ ONLINE (lista de beneficios + imagen) y los tabs
   ¿POR QUÉ OPERAR CON BLD? (innovación / cercanía / liderazgo). */
.bg-chart[b-x094hq6lac] {
    color: #ffffff;
}

.nav-pills .nav-link[b-x094hq6lac] {
    border-radius: 0;
    color: #ffffff;
    font-weight: 600;
    border: none;
}

.nav-pills .nav-link.tab-innovacion[b-x094hq6lac] { background: var(--azul-medio); }
.nav-pills .nav-link.tab-cercania[b-x094hq6lac]   { background: var(--azul); }
.nav-pills .nav-link.tab-liderazgo[b-x094hq6lac]  { background: var(--azul-oscuro); }

.tab-content .tab-pane.bg-innovacion[b-x094hq6lac] { background: var(--azul-medio); }
.tab-content .tab-pane.bg-cercania[b-x094hq6lac]   { background: var(--azul); }
.tab-content .tab-pane.bg-liderazgo[b-x094hq6lac]  { background: var(--azul-oscuro); }

#listaElementosOperaOnline[b-x094hq6lac] {
    list-style: none;
    padding-left: 0;
}

#listaElementosOperaOnline li[b-x094hq6lac] {
    padding-bottom: 15px;
    font-size: 15px;
}

#listaElementosOperaOnline li i[b-x094hq6lac] {
    color: var(--celeste);
    vertical-align: middle;
}

/* Filas e iconos de los tabs ¿por qué operar? */
.fila-porque[b-x094hq6lac] {
    min-height: 250px;
}

.col-icono-porque[b-x094hq6lac] {
    border-right: 1px solid #ffffff;
}

.icono-porque[b-x094hq6lac] {
    max-height: 110px;
}

/* Mockup de la plataforma en la sección Operá Online */
.img-opera-online[b-x094hq6lac] {
    width: 90%;
}
/* /Components/Home/PasosOperar.razor.rz.scp.css */
/* Sección de los 4 pasos para empezar a operar. */
.operar-subtitulos[b-ssj86ky6jf] {
    font-size: 22px;
    font-weight: var(--font-bold);
    color: var(--azul);
}

.iconos-operar img[b-ssj86ky6jf] {
    max-height: 90px;
    width: auto;
}
/* /Components/Layout/Footer.razor.rz.scp.css */
/* Footer: leyenda legal, logos de mercados y franja inferior azul. */
#footer .letra-footer[b-ouvs6n6f02] {
    font-size: 10px;
    line-height: 1.5;
}

.footer-logos[b-ouvs6n6f02] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;      /* todos los íconos a la misma altura */
    justify-content: center;
    gap: 3.5rem;
    padding: 2.5rem 0 1rem;
}

.footer-logos img[b-ouvs6n6f02] {
    height: 60px;             /* altura uniforme, sin importar el tamaño original */
    width: auto;
    object-fit: contain;
    filter: grayscale(40%);
}

.bg-azulOscuro[b-ouvs6n6f02] {
    background: var(--azul-oscuro);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-yldqr5nt9h] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-yldqr5nt9h] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/TopMenu.razor.rz.scp.css */
/* Barra de navegación superior fija (pública). */
.navbarTop[b-3xf6m3j9t4] {
    background-color: var(--azul);
    min-height: 70px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

.navbarTop .navbar-brand[b-3xf6m3j9t4] {
    background: url("/assets/img/logos/logo.png") no-repeat;
    background-position: left center;
    background-size: contain;
    height: 80px;
    width: 210px;
    transition: all 0.3s ease;
}

.navbarTop .nav-link[b-3xf6m3j9t4] {
    color: #ffffff !important;
    font-size: 0.85rem;
    font-weight: var(--font-regular);
    letter-spacing: 0.5px;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    transition: color 0.2s ease;
}

.navbarTop .nav-link:hover[b-3xf6m3j9t4] {
    color: var(--celeste) !important;
}

.navbar-toggler[b-3xf6m3j9t4] {
    border-color: rgba(255, 255, 255, 0.4);
}

.navbar-toggler-icon[b-3xf6m3j9t4] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* /Components/Shared/ErrorPersonalizado.razor.rz.scp.css */
/* Componente de error (error boundary). */
.error-personalizado-wrap[b-uflaoq6h24] {
    min-height: 90vh;
}

.error-personalizado-wrap .alert[b-uflaoq6h24] {
    position: relative;
}

.error-personalizado-wrap .icono-error[b-uflaoq6h24] {
    font-size: 50px;
}
/* /Components/Shared/LoadingIndicator.razor.rz.scp.css */
/* Indicador de carga (spinner). El recuadro y dimensiones del spinner llegan
   por inline-style desde los parámetros del componente; acá va la estructura. */
.loading-indicator[b-r7cbrjmac4] {
    display: flex;
    height: 60vh;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.spinner[b-r7cbrjmac4] {
    border-radius: 50%;
    /* La velocidad (--spin-speed) llega por inline-style desde el parámetro Speed.
       La animación se declara acá (no inline) para que Blazor reescriba el nombre
       'spin' al mismo identificador con scope que el @keyframes de abajo. */
    animation: spin-b-r7cbrjmac4 var(--spin-speed, 700ms) linear infinite;
}

@keyframes spin-b-r7cbrjmac4 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Pages/Comisiones.razor.rz.scp.css */
/* Mensaje centrado cuando no se puede cargar el informe de Comisiones. */
.comisiones-mensaje[b-cjuntx4l9l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 60vh;
    text-align: center;
    color: var(--text-main);
}
/* /Pages/Cuentas.razor.rz.scp.css */
/* Detalle de cada banco dentro del accordion de Cuentas Bancarias. */
.titleBanco[b-egvthtiv65] {
    font-weight: var(--font-bold);
    color: var(--azul);
    margin-bottom: 5px;
    display: block;
}

.contenidoBanco[b-egvthtiv65] {
    padding-left: 40px;
    display: block;
}
/* /Pages/Error.razor.rz.scp.css */
/* Página de error del servidor (/Error). */
.error-container[b-fmt4koujub] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--bg-main);
    padding: 1rem;
}

.error-box[b-fmt4koujub] {
    background: var(--bg-box);
    padding: 48px 40px;
    text-align: center;
    max-width: 480px;
}

.error-icon[b-fmt4koujub] {
    font-size: 56px;
    color: var(--celeste);
}

.error-code[b-fmt4koujub] {
    font-size: 84px;
    font-weight: var(--font-bold);
    color: var(--azul);
    line-height: 1;
    margin: 0;
}

.error-title[b-fmt4koujub] {
    font-size: 24px;
    font-weight: var(--font-bold);
    color: var(--azul);
    margin: 8px 0;
}

.error-message[b-fmt4koujub] {
    color: var(--text-main);
    font-size: 16px;
    margin: 16px 0 28px;
}
/* /Pages/FAQs.razor.rz.scp.css */
/* Buscador de preguntas frecuentes. */
.form-control[b-xae4za4r31] {
    border-radius: 24px;
}

.form-control:focus[b-xae4za4r31] {
    border-color: var(--celeste);
    box-shadow: 0 0 0 0.2rem rgba(29, 167, 224, 0.2);
}