@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* /Components/Pages/Tenants/Admin-sbs/CRM/Components/Vida/VidaCrm.razor.rz.scp.css */
/* HU 18263: con más columnas que ancho disponible, la tabla hace scroll horizontal y "Cotización" queda fija. */
.vida-crm-tabla[b-7gy7til64n] {
    overflow-x: auto;
}

.vida-crm-tabla table[b-7gy7til64n] {
    min-width: 1100px;
}

.vida-crm-fija[b-7gy7til64n] {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #fff;
}

thead .vida-crm-fija[b-7gy7til64n] {
    background-color: var(--bs-table-bg, #f8f9fa);
    z-index: 2;
}

.vida-crm-link[b-7gy7til64n] {
    color: #90195B;
    font-weight: 600;
    text-decoration: underline;
}

.vida-crm-link:disabled[b-7gy7til64n] {
    color: #A0A4A8;
    text-decoration: none;
}

.vida-crm-reconsideraciones[b-7gy7til64n] {
    border: 1px solid #90195B;
    border-radius: 8px;
    background-color: #F9EEF4;
    padding: 16px 70px;
    color: #272B2F;
}

.vida-crm-reconsideraciones .fw-bold[b-7gy7til64n] {
    color: #90195B;
}

.vida-crm-consultada td[b-7gy7til64n] {
    background-color: rgba(144, 25, 91, 0.08);
}


/* Tooltip del ícono de "Documento del tomador" (mismo formato que el tooltip del admin, PlanForm). */
.vida-crm-info[b-7gy7til64n] {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-left: 4px;
    vertical-align: middle;
}

.vida-crm-tooltip[b-7gy7til64n] {
    position: absolute;
    top: -70px;
    left: 20px;
    width: 285px;
    background: #ffffff;
    border: 3px solid #9E1C64;
    color: #9E1C64;
    font-size: 12px;
    font-weight: 400;
    padding: 10px 12px;
    border-radius: 6px;
    line-height: 1.4;
    display: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.vida-crm-info:hover .vida-crm-tooltip[b-7gy7til64n] {
    display: block;
    z-index: 99999;
}

/* Modal Detalle (Figma CRM Vida) */
.vida-crm-seccion[b-7gy7til64n] {
    font-weight: 600;
    margin-bottom: 16px;
}

.vida-crm-dato[b-7gy7til64n] {
    display: flex;
    gap: 16px;
    margin-bottom: 10px;
    font-size: 14px;
}

.vida-crm-dato-etiqueta[b-7gy7til64n] {
    font-weight: 600;
    min-width: 180px;
}

.vida-crm-divisor[b-7gy7til64n] {
    margin: 16px 0 24px;
    border-color: #C9CDD2;
}

.vida-crm-estado[b-7gy7til64n] {
    background-color: #F9E3EE;
    color: #90195B;
    border-radius: 12px;
    padding: 2px 12px;
    font-size: 12px;
}

.vida-crm-select-estado:disabled[b-7gy7til64n] {
    background-color: #fff;
    color: #272B2F;
}

.vida-crm-btn-gris[b-7gy7til64n],
.vida-crm-btn-primario[b-7gy7til64n] {
    border: none;
    border-radius: 4px;
    padding: 4px 12px;
    font-size: 12px;
}

.vida-crm-btn-gris[b-7gy7til64n] {
    background-color: #E9EBEC;
    color: #5E6368;
}

.vida-crm-btn-primario[b-7gy7til64n] {
    background-color: #90195B;
    color: #fff;
}

.vida-crm-btn-primario:disabled[b-7gy7til64n] {
    background-color: #C9CDD2;
}

.vida-crm-btn-outline[b-7gy7til64n] {
    background-color: #fff;
    border: 1px solid #90195B;
    color: #90195B;
    border-radius: 6px;
    padding: 10px 24px;
    min-width: 200px;
    font-size: 16px;
}

.vida-crm-btn-outline:disabled[b-7gy7til64n] {
    border-color: #C9CDD2;
    color: #A0A4A8;
}

.vida-crm-pie[b-7gy7til64n] {
    border-top: 1px solid #C9CDD2;
}
/* /Components/Pages/Tenants/Aress/Pet/Components/InsuredCustomSpiner.razor.rz.scp.css */
/* Mismas reglas que usa el spinner de referencia (productshome.css, usado por
   Products_home.razor) salvo el color del punto, que se cambia al azul de Aress
   (#06428F) en vez del azul de SBS (#0D4A7D). ".sk-center" y la animación
   "sk-circle" no se redefinen aquí: ya vienen de spinkit.min.css, cargado
   globalmente en App.razor para todos los tenants. */

.custom-spinner[b-z8xm08zor0] {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 50px auto;
}

.circle[b-z8xm08zor0] {
    width: 70px;
    height: 70px;
    position: relative;
}

.circle-dot[b-z8xm08zor0] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

    .circle-dot:nth-child(1)[b-z8xm08zor0] {
        transform: rotate(30deg);
    }

    .circle-dot:nth-child(2)[b-z8xm08zor0] {
        transform: rotate(60deg);
    }

    .circle-dot:nth-child(3)[b-z8xm08zor0] {
        transform: rotate(90deg);
    }

    .circle-dot:nth-child(4)[b-z8xm08zor0] {
        transform: rotate(120deg);
    }

    .circle-dot:nth-child(5)[b-z8xm08zor0] {
        transform: rotate(150deg);
    }

    .circle-dot:nth-child(6)[b-z8xm08zor0] {
        transform: rotate(180deg);
    }

    .circle-dot:nth-child(7)[b-z8xm08zor0] {
        transform: rotate(210deg);
    }

    .circle-dot:nth-child(8)[b-z8xm08zor0] {
        transform: rotate(240deg);
    }

    .circle-dot:nth-child(9)[b-z8xm08zor0] {
        transform: rotate(270deg);
    }

    .circle-dot:nth-child(10)[b-z8xm08zor0] {
        transform: rotate(300deg);
    }

    .circle-dot:nth-child(11)[b-z8xm08zor0] {
        transform: rotate(330deg);
    }

    .circle-dot:nth-child(1)[b-z8xm08zor0]:before {
        animation-delay: -1.1s;
    }

    .circle-dot:nth-child(2)[b-z8xm08zor0]:before {
        animation-delay: -1s;
    }

    .circle-dot:nth-child(3)[b-z8xm08zor0]:before {
        animation-delay: -0.9s;
    }

    .circle-dot:nth-child(4)[b-z8xm08zor0]:before {
        animation-delay: -0.8s;
    }

    .circle-dot:nth-child(5)[b-z8xm08zor0]:before {
        animation-delay: -0.7s;
    }

    .circle-dot:nth-child(6)[b-z8xm08zor0]:before {
        animation-delay: -0.6s;
    }

    .circle-dot:nth-child(7)[b-z8xm08zor0]:before {
        animation-delay: -0.5s;
    }

    .circle-dot:nth-child(8)[b-z8xm08zor0]:before {
        animation-delay: -0.4s;
    }

    .circle-dot:nth-child(9)[b-z8xm08zor0]:before {
        animation-delay: -0.3s;
    }

    .circle-dot:nth-child(10)[b-z8xm08zor0]:before {
        animation-delay: -0.2s;
    }

    .circle-dot:nth-child(11)[b-z8xm08zor0]:before {
        animation-delay: -0.1s;
    }

    .circle-dot[b-z8xm08zor0]:before {
        content: '';
        display: block;
        width: 15%;
        height: 15%;
        background-color: #06428F;
        border-radius: 100%;
        animation: sk-circle 1.2s infinite ease-in-out both;
    }

.center-loading[b-z8xm08zor0] {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 9%);
    backdrop-filter: blur(9px);
    z-index: 9999;
}
/* /Components/Pages/Tenants/Aress/Pet/Confirmacion.razor.rz.scp.css */
.confirmacion[b-882t53xapl] {
    width: 100%;
    min-height: 100vh;
    overflow-x: clip; /* hidden hacía de la sección un contenedor con scroll vertical propio (doble barra) */
    color: #272B2F;
    font-family: 'Nunito', sans-serif;
    padding-top: 160px;
    padding-bottom: 60px;
    background: #fff;
}

/* Paleta por estado */
.confirmacion--aprobado[b-882t53xapl] {
    --estado-color: #1FA855;
    --estado-bg-suave: #E8F7EE;
    --panel-bg: #5CB878;
}

.confirmacion--pendiente[b-882t53xapl] {
    --estado-color: #C9861A;
    --estado-bg-suave: #FFF6E5;
    --panel-bg: #F0A93C;
}

.confirmacion--rechazado[b-882t53xapl] {
    --estado-color: #E00000;
    --estado-bg-suave: #FCE7EC;
    --panel-bg: #9E1C64;
}

/* =========================
   HEADER
========================= */

/* Pestaña del logo como en el Figma: cuelga del borde superior, sin barra y se desplaza con la página */
.header[b-882t53xapl] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 8.33%;
    display: flex;
    align-items: flex-start;
    pointer-events: none;
    z-index: 100;
}

.header__logo[b-882t53xapl] {
    display: block;
    width: clamp(200px, 29.3vw, 422px);
    height: auto;
    pointer-events: auto;
}

/* =========================
   LAYOUT
========================= */

.layout[b-882t53xapl] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 40px;
    max-width: 1000px;
    margin: 30px auto 0;
    padding: 0 5%;
}

/* =========================
   ALERTA DE ESTADO
========================= */

.alert-box[b-882t53xapl] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px;
    border-radius: 12px;
    background: var(--estado-bg-suave);
    margin-bottom: 32px;
}

.alert-box__icon[b-882t53xapl] {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    color: var(--estado-color);
    font-weight: 700;
    font-size: 13px;
    border: 1px solid var(--estado-color);
}

.alert-box__title[b-882t53xapl] {
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 700;
    color: #272B2F;
}

.alert-box__message[b-882t53xapl] {
    margin: 0;
    font-size: 13.5px;
    color: #5A6472;
    line-height: 1.5;
}

/* =========================
   DETALLE DE LA COMPRA
========================= */

.detalle__title[b-882t53xapl] {
    font-size: 18px;
    font-weight: 700;
    color: #101E8E;
    margin: 0 0 20px 0;
}

.detalle-grid[b-882t53xapl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 30px;
    margin-bottom: 32px;
}

    .detalle-grid > div[b-882t53xapl] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding-bottom: 14px;
        border-bottom: 1px solid #EDEDF2;
    }

.detalle-grid__full[b-882t53xapl] {
    grid-column: 1 / -1;
}

.detalle-grid__label[b-882t53xapl] {
    font-size: 12px;
    color: #9AA0AC;
}

.detalle-grid__valor[b-882t53xapl] {
    font-size: 14px;
    color: #272B2F;
    font-weight: 600;
}

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

.btn-ir-inicio[b-882t53xapl] {
    display: block;
    width: 100%;
    max-width: 260px;
    padding: 12px;
    border: none;
    border-radius: 8px;
    background: #9E1C64;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.btn-ir-inicio--mobile[b-882t53xapl] {
    display: none;
    max-width: none;
}

/* =========================
   PANEL LATERAL / HERO
========================= */

.layout__panel[b-882t53xapl] {
    position: relative;
    background: var(--panel-bg);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.panel__imagen--desktop[b-882t53xapl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Contenido exclusivo de móvil (título/subtítulo/foto en círculo/mensaje);
   en escritorio se mantiene oculto y solo se ve panel__imagen--desktop. */
.panel__mobile[b-882t53xapl] {
    display: none;
}

.panel__badge[b-882t53xapl] {
    position: relative;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: var(--estado-bg-suave);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.panel__foto[b-882t53xapl] {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    object-fit: cover;
}

.panel__sbs-icon[b-882t53xapl] {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    color: var(--estado-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {

    .confirmacion[b-882t53xapl] {
        padding-top: 90px;
    }

    .confirmacion[b-882t53xapl] {
        padding-bottom: 40px;
    }

    .header[b-882t53xapl] {
        padding: 0 20px;
    }

    .header__logo[b-882t53xapl] {
        width: 200px;
    }

    .layout[b-882t53xapl] {
        grid-template-columns: 1fr;
        padding: 0 20px;
        margin-top: 20px;
        gap: 24px;
    }

    .layout__panel[b-882t53xapl] {
        order: -1;
        background: #fff;
        border-radius: 24px;
        padding: 36px 24px 32px;
    }

    .panel__imagen--desktop[b-882t53xapl] {
        display: none;
    }

    .panel__mobile[b-882t53xapl] {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .panel__mobile-title[b-882t53xapl] {
        font-size: 20px;
        font-weight: 700;
        color: var(--estado-color);
        margin: 0 0 8px 0;
    }

    .panel__mobile-subtitle[b-882t53xapl] {
        font-size: 15px;
        font-weight: 600;
        color: #272B2F;
        line-height: 1.4;
        margin: 0 0 20px 0;
    }

    .panel__mobile-message[b-882t53xapl] {
        font-size: 13.5px;
        color: #5A6472;
        line-height: 1.5;
        margin: 20px 0 24px 0;
    }

    .btn-ir-inicio--desktop[b-882t53xapl] {
        display: none;
    }

    .btn-ir-inicio--mobile[b-882t53xapl] {
        display: block;
        max-width: 280px;
    }

    .alert-box[b-882t53xapl],
    .detalle__title[b-882t53xapl],
    .detalle-grid[b-882t53xapl] {
        display: none;
    }
}
/* /Components/Pages/Tenants/Aress/Pet/DatosCliente.razor.rz.scp.css */
.datos-cliente[b-u5hgyc8z0v] {
    width: 100%;
    min-height: 100vh;
    overflow-x: clip; /* hidden hacía de la sección un contenedor con scroll vertical propio (doble barra) */
    color: #272B2F;
    font-family: 'Nunito', sans-serif;
    padding-top: 135px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
}

/* BUG#16: el contenido ocupa el alto disponible; el aire antes del footer lo da su margin-top */
.content[b-u5hgyc8z0v] {
    flex: 1 0 auto;
}

/* =========================
   PANTALLA DE ERROR OFAC (LISTA GRIS / LISTA NEGRA)
========================= */

.ofac-error[b-u5hgyc8z0v] {
    width: 100%;
    min-height: 100vh;
    padding-top: 135px;
    padding-bottom: 60px;
    background: #fff;
    border: 8px solid #F6C6D2;
    box-sizing: border-box;
}

.ofac-error__content[b-u5hgyc8z0v] {
    max-width: 640px;
    margin: 40px auto 0;
    padding: 0 20px;
    text-align: center;
}

.ofac-error__icon[b-u5hgyc8z0v] {
    width: 90px;
    height: 90px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #29B6D8;
}

.ofac-error__title[b-u5hgyc8z0v] {
    font-size: 20px;
    font-weight: 700;
    color: #272B2F;
    margin: 0 0 12px 0;
}

.ofac-error__message[b-u5hgyc8z0v] {
    font-size: 14px;
    color: #5A6472;
    line-height: 1.6;
    margin: 0 0 32px 0;
}

.ofac-error__contacto[b-u5hgyc8z0v] {
    text-align: left;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    overflow: hidden;
}

.ofac-error__contacto-header[b-u5hgyc8z0v] {
    background: #29B6D8;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 20px;
}

.ofac-error__contacto-body[b-u5hgyc8z0v] {
    padding: 20px;
}

    .ofac-error__contacto-body > p[b-u5hgyc8z0v] {
        font-size: 13px;
        color: #5A6472;
        line-height: 1.5;
        margin: 0 0 20px 0;
    }

.ofac-error__contacto-grid[b-u5hgyc8z0v] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
}

    .ofac-error__contacto-grid > div[b-u5hgyc8z0v] {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .ofac-error__contacto-grid span[b-u5hgyc8z0v] {
        font-size: 12px;
        color: #9AA0AC;
    }

    .ofac-error__contacto-grid strong[b-u5hgyc8z0v] {
        font-size: 14px;
        color: #272B2F;
    }

        .ofac-error__contacto-grid strong a[b-u5hgyc8z0v] {
            color: #272B2F;
            text-decoration: underline;
        }

.btn-volver-intentar[b-u5hgyc8z0v] {
    display: block;
    margin-left: auto;
    padding: 12px 28px;
    border: none;
    border-radius: 8px;
    background: #101E8E;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

@media (max-width: 768px) {

    .ofac-error[b-u5hgyc8z0v] {
        border-width: 6px;
        padding-top: 90px;
    }

    .ofac-error__contacto-grid[b-u5hgyc8z0v] {
        flex-direction: column;
        gap: 14px;
    }

    .btn-volver-intentar[b-u5hgyc8z0v] {
        width: 100%;
        margin-left: 0;
    }
}

/* =========================
   HEADER
========================= */

/* Pestaña del logo como en el Figma: cuelga del borde superior, sin barra y se desplaza con la página */
.header[b-u5hgyc8z0v] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 8.33%;
    display: flex;
    align-items: flex-start;
    pointer-events: none;
    z-index: 100;
}

.header__logo[b-u5hgyc8z0v] {
    display: block;
    width: clamp(200px, 29.3vw, 422px);
    height: auto;
    pointer-events: auto;
}

/* =========================
   VOLVER
========================= */

.page-back[b-u5hgyc8z0v] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 24px 5% 0;
    color: #272B2F;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

    .page-back:hover[b-u5hgyc8z0v] {
        text-decoration: underline;
    }

/* =========================
   STEPPER
========================= */

/* Figma: línea continua entre pasos; completados y activo en #404BA5, pendientes en gris.
   La línea se mete bajo la mitad sobrante de cada paso para unir los círculos. */
.stepper[b-u5hgyc8z0v] {
    --step-w: 140px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 760px;
    margin: 30px auto 40px;
    padding: 0 20px;
}

.stepper__step[b-u5hgyc8z0v] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: var(--step-w);
    flex-shrink: 0;
}

.stepper__circle[b-u5hgyc8z0v] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #CCD0D3;
    background: #fff;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1;
}

.stepper__step--active .stepper__circle[b-u5hgyc8z0v] {
    position: relative;
    border-color: #404BA5;
}

    .stepper__step--active .stepper__circle[b-u5hgyc8z0v]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        background: #404BA5;
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }

.stepper__step--completed .stepper__circle[b-u5hgyc8z0v] {
    border-color: #404BA5;
    background: #404BA5;
}

.stepper__label[b-u5hgyc8z0v] {
    font-size: 13px;
    color: #858D94;
    text-align: center;
}

.stepper__step--active .stepper__label[b-u5hgyc8z0v],
.stepper__step--completed .stepper__label[b-u5hgyc8z0v] {
    color: #404BA5;
}

.stepper__line[b-u5hgyc8z0v] {
    flex: 1 1 160px;
    min-width: 10px;
    max-width: 160px;
    height: 2px;
    margin: 14px calc((30px - var(--step-w)) / 2) 0;
    background: #CCD0D3;
}

.stepper__line--completed[b-u5hgyc8z0v] {
    background: #404BA5;
}

/* =========================
   TÍTULO
========================= */

.datos-cliente__title[b-u5hgyc8z0v] {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #101E8E;
    margin: 0 0 8px 0;
}

.datos-cliente__subtitle[b-u5hgyc8z0v] {
    text-align: center;
    font-size: 14px;
    color: #5A6472;
    margin: 0 0 40px 0;
}

/* =========================
   LAYOUT
========================= */

.layout[b-u5hgyc8z0v] {
    display: grid;
    grid-template-columns: minmax(0, 500px) 498px;
    justify-content: center;
    gap: 136px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

/* =========================
   FORMULARIO
========================= */

.form-group[b-u5hgyc8z0v] {
    margin-bottom: 20px;
}

    .form-group label[b-u5hgyc8z0v] {
        display: block;
        font-size: 13px;
        color: #5A6472;
        margin-bottom: 6px;
    }

    .form-group input[b-u5hgyc8z0v],
    .form-group select[b-u5hgyc8z0v] {
        width: 100%;
        box-sizing: border-box;
        padding: 12px 14px;
        border: 1px solid #D8DAE5;
        border-radius: 6px;
        font-size: 14px;
        color: #272B2F;
        background: #fff;
    }

        .form-group input:focus[b-u5hgyc8z0v],
        .form-group select:focus[b-u5hgyc8z0v] {
            outline: none;
            border-color: #101E8E;
        }

        .form-group input.input-error[b-u5hgyc8z0v],
        .form-group select.input-error[b-u5hgyc8z0v] {
            border-color: #E00000;
        }

.required[b-u5hgyc8z0v] {
    color: #E00000;
}

.error-text[b-u5hgyc8z0v] {
    margin: 6px 0 0 0;
    font-size: 12px;
    color: #E00000;
}

.botones-row[b-u5hgyc8z0v] {
    display: flex;
    gap: 16px;
    margin-top: 8px;
}

.btn-continuar-mas-tarde[b-u5hgyc8z0v] {
    flex: 1;
    padding: 12px;
    border: 1px solid #9E1C64;
    border-radius: 8px;
    background: #fff;
    color: #9E1C64;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.btn-continuar[b-u5hgyc8z0v] {
    flex: 1;
    padding: 12px;
    border: none;
    border-radius: 8px;
    background: #9E1C64;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

    .btn-continuar:disabled[b-u5hgyc8z0v] {
        /* aress.css (global del tenant) fuerza button:disabled con !important; aquí se impone el gris del Figma solo en Mascotas */
        background: #CCD0D3 !important;
        color: #fff !important;
        cursor: not-allowed;
    }

/* =========================
   RESUMEN DE COMPRA
========================= */

/* Figma: una tarjeta con el resumen (caja con borde) y "Tus mascotas agregadas"
   con tarjetas de ícono y 4 columnas. */
.layout__resumen[b-u5hgyc8z0v] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.resumen-panel[b-u5hgyc8z0v] {
    padding: 32px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.resumen-card__title[b-u5hgyc8z0v] {
    margin: 0 0 16px 0;
    font-size: 22px;
    font-weight: 600;
    color: #9E1C64;
}

.resumen-card__box[b-u5hgyc8z0v] {
    padding: 8px 30px 16px;
    border: 1px solid #CCD0D3;
    border-radius: 8px;
}

.resumen-row[b-u5hgyc8z0v] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 0 6px;
    border-bottom: 1px solid #CCD0D3;
    font-size: 16px;
    color: #272B2F;
}

.resumen-row__detalle[b-u5hgyc8z0v] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
}

    .resumen-row__detalle small[b-u5hgyc8z0v] {
        font-size: 14px;
        color: #5A6472;
    }

.resumen-total[b-u5hgyc8z0v] {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    font-size: 22px;
    font-weight: 700;
    color: #272B2F;
}

.resumen-card__nota[b-u5hgyc8z0v] {
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #9AA0AC;
}

.mascotas-guardadas[b-u5hgyc8z0v] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #CCD0D3;
}

.mascotas-guardadas__title[b-u5hgyc8z0v] {
    margin: 0 0 16px 0;
    font-size: 22px;
    font-weight: 600;
    color: #101E8E;
}

.mascota-card[b-u5hgyc8z0v] {
    padding: 16px 24px;
    margin-bottom: 24px;
    border: 1px solid #404BA5;
    border-radius: 8px;
    background: #fff;
}

.mascota-card__header[b-u5hgyc8z0v] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #E7E9F4;
}

.mascota-card__icono[b-u5hgyc8z0v] {
    width: 28px;
    height: 28px;
    padding-right: 12px;
    border-right: 1px solid #CCD0D3;
    object-fit: contain;
    box-sizing: content-box;
}

.mascota-card__nombre[b-u5hgyc8z0v] {
    font-size: 18px;
    font-weight: 600;
    color: #404BA5;
}

.mascota-card__check[b-u5hgyc8z0v] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: auto;
    border-radius: 50%;
    background: #1FA855;
    color: #fff;
    font-size: 11px;
    flex-shrink: 0;
}

/* Modificar / eliminar mascota (WI 17397) */
.mascota-card__modificar[b-u5hgyc8z0v] {
    font-size: 15px;
    color: #33383E;
    text-decoration: underline;
    cursor: pointer;
}

.mascota-card__eliminar[b-u5hgyc8z0v] {
    padding: 0;
    background: none;
    border: none;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.mascota-card__grid[b-u5hgyc8z0v] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    text-align: center;
}

    .mascota-card__grid > div[b-u5hgyc8z0v] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
    }

    .mascota-card__grid small[b-u5hgyc8z0v] {
        font-size: 13px;
        color: #404BA5;
    }

    .mascota-card__grid span[b-u5hgyc8z0v] {
        font-size: 13px;
        color: #5A6472;
        overflow-wrap: anywhere;
    }

/* =========================
   RESUMEN FIJO (MÓVIL)
========================= */

.resumen-mobile-bar[b-u5hgyc8z0v] {
    display: none;
}

/* =========================
   FOOTER
========================= */

/* En la columna flex el footer no se encoge: si no, la imagen se sale de su caja y genera scroll */
.footer[b-u5hgyc8z0v] {
    width: 100%;
    height: auto; /* aress.css fija footer { height: 100px } para todo el tenant; aquí manda la altura de la imagen para no generar scroll */
    flex-shrink: 0;
    margin-top: 60px;
}

.footer__image[b-u5hgyc8z0v] {
    width: 100%;
    display: block;
}

.footer-r[b-u5hgyc8z0v] {
    display: none;
    height: auto; /* aress.css fija footer { height: 100px } para todo el tenant; aquí manda la altura de la imagen para no generar scroll */
    flex-shrink: 0;
}

/* =========================
   MODAL CONTINUAR MÁS TARDE
========================= */

/* aress.css define .modal-dialog { margin-top: 15%; } de forma global para
   todo el tema; se sobrescribe aquí para que modal-dialog-centered funcione. */
#mdlContinuarDespuesCliente .modal-dialog[b-u5hgyc8z0v] {
    margin-top: 0;
}

.confirm-modal[b-u5hgyc8z0v] {
    font-family: 'Nunito', sans-serif;
    position: relative;
    border-radius: 20px;
    border: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    padding: 32px 28px 28px;
    text-align: center;
}

    .confirm-modal .btn-close[b-u5hgyc8z0v] {
        position: absolute;
        top: 16px;
        right: 16px;
    }

.confirm-modal__icon[b-u5hgyc8z0v] {
    width: 44px;
    height: 44px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
}

.confirm-modal__icon--danger[b-u5hgyc8z0v] {
    background: #FCE7EC;
    color: #E00000;
}

.confirm-modal__icon--info[b-u5hgyc8z0v] {
    background: #E7ECFA;
    color: #101E8E;
}

.confirm-modal__title[b-u5hgyc8z0v] {
    font-size: 17px;
    font-weight: 700;
    color: #272B2F;
    margin: 0 0 10px 0;
}

.confirm-modal__message[b-u5hgyc8z0v] {
    font-size: 14px;
    color: #5A6472;
    margin: 0 0 24px 0;
    line-height: 1.5;
}

.confirm-modal__buttons[b-u5hgyc8z0v] {
    display: flex;
    gap: 12px;
}

.btn-outline[b-u5hgyc8z0v] {
    flex: 1;
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid #D8DAE5;
    background: #fff;
    color: #5A6472;
    font-weight: 600;
    cursor: pointer;
}

.btn-filled-danger[b-u5hgyc8z0v] {
    flex: 1;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    background: #E00000;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.btn-filled-info[b-u5hgyc8z0v] {
    flex: 1;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    background: #101E8E;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

/* =========================
   MODALES DE ERROR (SARLAFT/OFAC)
========================= */

#mdlErrorFechaExpedicion .modal-dialog[b-u5hgyc8z0v],
#mdlErrorDatosInvalidos .modal-dialog[b-u5hgyc8z0v] {
    margin-top: 0;
}

.error-modal[b-u5hgyc8z0v] {
    font-family: 'Nunito', sans-serif;
    border-radius: 20px;
    border: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    padding: 32px 28px 28px;
    text-align: center;
}

.error-modal__icon[b-u5hgyc8z0v] {
    width: 44px;
    height: 44px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FCE7EC;
    color: #E00000;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid #F6C6D2;
}

.error-modal__title[b-u5hgyc8z0v] {
    font-size: 17px;
    font-weight: 700;
    color: #272B2F;
    margin: 0 0 10px 0;
}

.error-modal__message[b-u5hgyc8z0v] {
    font-size: 14px;
    color: #5A6472;
    margin: 0 0 24px 0;
    line-height: 1.5;
}

.btn-aceptar-error[b-u5hgyc8z0v] {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: none;
    background: #101E8E;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

/* =========================
   CAMPOS CON LABEL FLOTANTE (Figma)
   El label va dentro del borde y sube al enfocar o diligenciar el campo.
   Los inputs llevan placeholder=" " para poder usar :placeholder-shown;
   los select llevan required y una opción vacía para usar :valid.
========================= */

.campo-flotante[b-u5hgyc8z0v] {
    position: relative;
}

    .campo-flotante input[b-u5hgyc8z0v],
    .campo-flotante select[b-u5hgyc8z0v] {
        width: 100%;
        height: 48px;
        box-sizing: border-box;
        padding: 0 16px;
        border: 1px solid #B4B9BD;
        border-radius: 4px;
        background-color: #fff;
        font-size: 16px;
        color: #414850;
    }

        .campo-flotante input:focus[b-u5hgyc8z0v],
        .campo-flotante select:focus[b-u5hgyc8z0v] {
            outline: none;
            border-color: #404BA5;
        }

        .campo-flotante input.input-error[b-u5hgyc8z0v],
        .campo-flotante select.input-error[b-u5hgyc8z0v] {
            border-color: #E00000;
        }

        .campo-flotante input[readonly][b-u5hgyc8z0v] {
            background-color: #fff;
        }

    .campo-flotante label[b-u5hgyc8z0v] {
        position: absolute;
        top: 24px;
        left: 12px;
        margin: 0;
        padding: 0 4px;
        background: #fff;
        font-size: 16px;
        line-height: 1;
        color: #92989F;
        transform: translateY(-50%);
        pointer-events: none;
        transition: top 0.15s ease, font-size 0.15s ease;
    }

        .campo-flotante input:focus + label[b-u5hgyc8z0v],
        .campo-flotante input:not(:placeholder-shown) + label[b-u5hgyc8z0v],
        .campo-flotante select:focus + label[b-u5hgyc8z0v],
        .campo-flotante select:valid + label[b-u5hgyc8z0v],
        .campo-flotante--fijo label[b-u5hgyc8z0v] {
            top: 0;
            font-size: 12px;
        }

    .campo-flotante .required[b-u5hgyc8z0v] {
        color: #E42020;
    }

@media (max-width: 1200px) {

    .layout[b-u5hgyc8z0v] {
        grid-template-columns: minmax(0, 1fr) 420px;
        gap: 40px;
    }
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {

    .datos-cliente[b-u5hgyc8z0v] {
        padding-top: 90px;
    }

    .datos-cliente[b-u5hgyc8z0v] {
        padding-bottom: 90px;
    }

    .header[b-u5hgyc8z0v] {
        padding: 0 20px;
    }

    .header__logo[b-u5hgyc8z0v] {
        width: 200px;
    }

    .page-back[b-u5hgyc8z0v] {
        margin: 16px 20px 0;
    }

    .stepper[b-u5hgyc8z0v] {
        margin: 20px auto 30px;
    }

    .stepper[b-u5hgyc8z0v] {
        --step-w: 80px;
    }

    .stepper__label[b-u5hgyc8z0v] {
        font-size: 10.5px;
    }

    .datos-cliente__title[b-u5hgyc8z0v] {
        font-size: 22px;
    }

    .layout[b-u5hgyc8z0v] {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }

    .layout__resumen[b-u5hgyc8z0v] {
        order: -1;
    }

    .resumen-card[b-u5hgyc8z0v] {
        display: none;
    }

    .resumen-panel[b-u5hgyc8z0v] {
        padding: 0;
        box-shadow: none;
    }

    .mascotas-guardadas[b-u5hgyc8z0v] {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .botones-row[b-u5hgyc8z0v] {
        flex-direction: column-reverse;
        gap: 12px;
    }

    .resumen-mobile-bar[b-u5hgyc8z0v] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 14px 20px;
        background: #fff;
        box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
        z-index: 100;
    }

        .resumen-mobile-bar > div[b-u5hgyc8z0v] {
            display: flex;
            flex-direction: column;
        }

    .resumen-mobile-bar__label[b-u5hgyc8z0v] {
        font-size: 11px;
        color: #9AA0AC;
    }

    .resumen-mobile-bar__valor[b-u5hgyc8z0v] {
        font-size: 18px;
        font-weight: 700;
        color: #272B2F;
    }

    .resumen-mobile-bar__valor--precio[b-u5hgyc8z0v] {
        color: #101E8E;
    }

    .footer[b-u5hgyc8z0v],
    .footer-r[b-u5hgyc8z0v] {
        display: none;
    }
}
/* /Components/Pages/Tenants/Aress/Pet/DatosIniciales.razor.rz.scp.css */
.datos-iniciales[b-5bgoy53sfq] {
    width: 100%;
    min-height: 100vh;
    overflow-x: clip; /* hidden hacía de la sección un contenedor con scroll vertical propio (doble barra) */
    color: #272B2F;
    font-family: 'Nunito', sans-serif;
    padding-top: 135px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
}

/* =========================
   HEADER
========================= */

/* Pestaña del logo como en el Figma: cuelga del borde superior, sin barra y se desplaza con la página */
.header[b-5bgoy53sfq] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 8.33%;
    display: flex;
    align-items: flex-start;
    pointer-events: none;
    z-index: 100;
}

.header__logo[b-5bgoy53sfq] {
    display: block;
    width: clamp(200px, 29.3vw, 422px);
    height: auto;
    pointer-events: auto;
}

/* =========================
   VOLVER
========================= */

.page-back[b-5bgoy53sfq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 24px 5% 0;
    color: #272B2F;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

    .page-back:hover[b-5bgoy53sfq] {
        text-decoration: underline;
    }

/* =========================
   STEPPER
========================= */

/* Figma: línea continua entre pasos; completados y activo en #404BA5, pendientes en gris.
   La línea se mete bajo la mitad sobrante de cada paso para unir los círculos. */
.stepper[b-5bgoy53sfq] {
    --step-w: 140px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 760px;
    margin: 30px auto 40px;
    padding: 0 20px;
}

.stepper__step[b-5bgoy53sfq] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: var(--step-w);
    flex-shrink: 0;
}

.stepper__circle[b-5bgoy53sfq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #CCD0D3;
    background: #fff;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1;
}

.stepper__step--active .stepper__circle[b-5bgoy53sfq] {
    position: relative;
    border-color: #404BA5;
}

    .stepper__step--active .stepper__circle[b-5bgoy53sfq]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        background: #404BA5;
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }

.stepper__step--completed .stepper__circle[b-5bgoy53sfq] {
    border-color: #404BA5;
    background: #404BA5;
}

.stepper__label[b-5bgoy53sfq] {
    font-size: 13px;
    color: #858D94;
    text-align: center;
}

.stepper__step--active .stepper__label[b-5bgoy53sfq],
.stepper__step--completed .stepper__label[b-5bgoy53sfq] {
    color: #404BA5;
}

.stepper__line[b-5bgoy53sfq] {
    flex: 1 1 160px;
    min-width: 10px;
    max-width: 160px;
    height: 2px;
    margin: 14px calc((30px - var(--step-w)) / 2) 0;
    background: #CCD0D3;
}

.stepper__line--completed[b-5bgoy53sfq] {
    background: #404BA5;
}

/* =========================
   FORM CARD
========================= */

.form-card[b-5bgoy53sfq] {
    max-width: 480px;
    margin: 0 auto;
    padding: 0 20px;
}

.form-card__title[b-5bgoy53sfq] {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #101E8E;
    margin: 0 0 12px 0;
}

.form-card__subtitle[b-5bgoy53sfq] {
    text-align: center;
    font-size: 14px;
    color: #5A6472;
    margin: 0 0 32px 0;
}

.form-group[b-5bgoy53sfq] {
    margin-bottom: 20px;
}

    .form-group label[b-5bgoy53sfq] {
        display: block;
        font-size: 13px;
        color: #5A6472;
        margin-bottom: 6px;
    }

    .form-group input[b-5bgoy53sfq] {
        width: 100%;
        box-sizing: border-box;
        padding: 12px 14px;
        border: 1px solid #D8DAE5;
        border-radius: 6px;
        font-size: 14px;
        color: #272B2F;
    }

        .form-group input:focus[b-5bgoy53sfq] {
            outline: none;
            border-color: #101E8E;
        }

        .form-group input.input-error[b-5bgoy53sfq] {
            border-color: #E00000;
        }

.required[b-5bgoy53sfq] {
    color: #E00000;
}

.error-text[b-5bgoy53sfq] {
    margin: 6px 0 0 0;
    font-size: 12px;
    color: #E00000;
}

/* =========================
   CHECKBOX
========================= */

.form-check-row[b-5bgoy53sfq] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 28px;
}

    .form-check-row input[type="checkbox"][b-5bgoy53sfq] {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        margin-top: 2px;
        accent-color: #101E8E;
    }

    /* Solo indicador: no se marca con clic directo (WI 17394) */
    .form-check-row input.form-check-row__indicador[b-5bgoy53sfq] {
        cursor: default;
    }

    .form-check-row label[b-5bgoy53sfq] {
        font-size: 13px;
        color: #5A6472;
        line-height: 1.5;
    }

        .form-check-row label a[b-5bgoy53sfq] {
            color: #101E8E;
            text-decoration: underline;
            cursor: pointer;
        }

/* =========================
   BOTÓN CONTINUAR
========================= */

.btn-continuar[b-5bgoy53sfq] {
    display: block;
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 8px;
    background: #9E1C64;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .btn-continuar:hover:not(:disabled)[b-5bgoy53sfq] {
        transform: scale(1.02);
    }

    .btn-continuar:disabled[b-5bgoy53sfq] {
        /* aress.css (global del tenant) fuerza button:disabled con !important; aquí se impone el gris del Figma solo en Mascotas */
        background: #CCD0D3 !important;
        color: #fff !important;
        cursor: not-allowed;
    }

/* =========================
   FOOTER
========================= */

/* En la columna flex el footer no se encoge: si no, la imagen se sale de su caja y genera scroll */
.footer[b-5bgoy53sfq] {
    width: 100%;
    height: auto; /* aress.css fija footer { height: 100px } para todo el tenant; aquí manda la altura de la imagen para no generar scroll */
    flex-shrink: 0;
}

.footer__image[b-5bgoy53sfq] {
    width: 100%;
    display: block;
}

.footer-r[b-5bgoy53sfq] {
    display: none;
    height: auto; /* aress.css fija footer { height: 100px } para todo el tenant; aquí manda la altura de la imagen para no generar scroll */
    flex-shrink: 0;
}

/* =========================
   MODALES (Términos / Privacidad)
========================= */

.legal-modal[b-5bgoy53sfq] {
    font-family: 'Nunito', sans-serif;
    border-radius: 20px;
    border: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.legal-modal__header[b-5bgoy53sfq] {
    display: flex;
    align-items: center;
    border: none;
    padding: 20px 25px 0 25px;
}

.legal-modal__icon[b-5bgoy53sfq] {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.legal-modal__title[b-5bgoy53sfq] {
    font-weight: 700;
    color: #212529;
    margin: 0;
    flex: 1;
}

.legal-modal__body[b-5bgoy53sfq] {
    padding: 25px;
}

.legal-modal__content[b-5bgoy53sfq] {
    width: 100%;
    height: 420px;
    max-height: 60vh;
    overflow-y: auto;
    text-align: left;
    padding: 20px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.6;
    color: #414850;
}

/* Anula flex-wrap y los márgenes que Bootstrap aplica a .modal-footer y a sus hijos */
.legal-modal__footer[b-5bgoy53sfq] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    border: none;
    padding: 0 25px 25px 25px;
}

    .legal-modal__footer > *[b-5bgoy53sfq] {
        margin: 0;
    }

    .legal-modal__footer > .legal-modal__accept[b-5bgoy53sfq] {
        margin-right: auto;
    }

.legal-modal__accept[b-5bgoy53sfq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .legal-modal__accept input[type="checkbox"][b-5bgoy53sfq] {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        accent-color: #404BA5;
    }

    .legal-modal__accept label[b-5bgoy53sfq] {
        font-size: 14px;
        color: #344054;
        margin: 0;
    }

.legal-modal__btn[b-5bgoy53sfq] {
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.legal-modal__btn--cancel[b-5bgoy53sfq] {
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    color: #344054;
}

.legal-modal__btn--confirm[b-5bgoy53sfq] {
    background: #1A73E8;
    border: 1px solid #1A73E8;
    color: #FFFFFF;
}

    .legal-modal__btn--confirm:disabled[b-5bgoy53sfq] {
        background: #E3E5EA;
        border-color: #E3E5EA;
        color: #A4A9B3;
        cursor: not-allowed;
    }

/* =========================
   SELLO VIGILADO (Figma: vertical, a la izquierda del formulario)
========================= */

/* BUG#16: el contenido ocupa el alto disponible y deja aire antes del footer */
.content[b-5bgoy53sfq] {
    position: relative;
    flex: 1 0 auto;
    padding-bottom: 40px; /* como el Figma: la pantalla completa cabe en 1440x900 */
}

.vigilado[b-5bgoy53sfq] {
    position: absolute;
    top: 400px;
    left: 85px;
    display: flex;
    align-items: flex-start;
    gap: 4px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    color: #33383E;
    font-family: Arial, Helvetica, sans-serif;
    pointer-events: none;
}

.vigilado__titulo[b-5bgoy53sfq] {
    padding-top: 6px;
    border-right: 2px solid #33383E;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 4px;
}

.vigilado__entidad[b-5bgoy53sfq] {
    font-size: 6px;
    line-height: 1.3;
    letter-spacing: 0.3px;
}

/* =========================
   CAMPOS CON LABEL FLOTANTE (Figma)
   El label va dentro del borde y sube al enfocar o diligenciar el campo.
   Los inputs llevan placeholder=" " para poder usar :placeholder-shown;
   los select llevan required y una opción vacía para usar :valid.
========================= */

.campo-flotante[b-5bgoy53sfq] {
    position: relative;
}

    .campo-flotante input[b-5bgoy53sfq],
    .campo-flotante select[b-5bgoy53sfq] {
        width: 100%;
        height: 48px;
        box-sizing: border-box;
        padding: 0 16px;
        border: 1px solid #B4B9BD;
        border-radius: 4px;
        background-color: #fff;
        font-size: 16px;
        color: #414850;
    }

        .campo-flotante input:focus[b-5bgoy53sfq],
        .campo-flotante select:focus[b-5bgoy53sfq] {
            outline: none;
            border-color: #404BA5;
        }

        .campo-flotante input.input-error[b-5bgoy53sfq],
        .campo-flotante select.input-error[b-5bgoy53sfq] {
            border-color: #E00000;
        }

        .campo-flotante input[readonly][b-5bgoy53sfq] {
            background-color: #fff;
        }

    .campo-flotante label[b-5bgoy53sfq] {
        position: absolute;
        top: 24px;
        left: 12px;
        margin: 0;
        padding: 0 4px;
        background: #fff;
        font-size: 16px;
        line-height: 1;
        color: #92989F;
        transform: translateY(-50%);
        pointer-events: none;
        transition: top 0.15s ease, font-size 0.15s ease;
    }

        .campo-flotante input:focus + label[b-5bgoy53sfq],
        .campo-flotante input:not(:placeholder-shown) + label[b-5bgoy53sfq],
        .campo-flotante select:focus + label[b-5bgoy53sfq],
        .campo-flotante select:valid + label[b-5bgoy53sfq],
        .campo-flotante--fijo label[b-5bgoy53sfq] {
            top: 0;
            font-size: 12px;
        }

    .campo-flotante .required[b-5bgoy53sfq] {
        color: #E42020;
    }

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {

    .vigilado[b-5bgoy53sfq] {
        display: none;
    }

    .datos-iniciales[b-5bgoy53sfq] {
        padding-top: 90px;
    }

    .header[b-5bgoy53sfq] {
        padding: 0 20px;
    }

    .header__logo[b-5bgoy53sfq] {
        width: 200px;
    }

    .page-back[b-5bgoy53sfq] {
        margin: 16px 20px 0;
    }

    .stepper[b-5bgoy53sfq] {
        margin: 20px auto 30px;
    }

    .stepper[b-5bgoy53sfq] {
        --step-w: 80px;
    }

    .stepper__label[b-5bgoy53sfq] {
        font-size: 10.5px;
    }

    .form-card[b-5bgoy53sfq] {
        max-width: 100%;
    }

    .form-card__title[b-5bgoy53sfq] {
        font-size: 22px;
    }

    .footer[b-5bgoy53sfq] {
        display: none;
    }

    .footer-r[b-5bgoy53sfq] {
        display: block;
    }

    .footer__image-r[b-5bgoy53sfq] {
        width: 100%;
        display: block;
    }

    .legal-modal__content[b-5bgoy53sfq] {
        height: 320px;
    }

    .legal-modal__footer[b-5bgoy53sfq] {
        flex-wrap: wrap;
    }

    .legal-modal__accept[b-5bgoy53sfq] {
        width: 100%;
    }
}
/* /Components/Pages/Tenants/Aress/Pet/DatosMascota.razor.rz.scp.css */
.datos-mascota[b-ngnvxffqn3] {
    width: 100%;
    min-height: 100vh;
    overflow-x: clip; /* hidden hacía de la sección un contenedor con scroll vertical propio (doble barra) */
    color: #272B2F;
    font-family: 'Nunito', sans-serif;
    padding-top: 135px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
}

/* BUG#16: el contenido ocupa el alto disponible; el aire antes del footer lo da su margin-top */
.content[b-ngnvxffqn3] {
    flex: 1 0 auto;
}

/* =========================
   HEADER
========================= */

/* Pestaña del logo como en el Figma: cuelga del borde superior, sin barra y se desplaza con la página */
.header[b-ngnvxffqn3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 8.33%;
    display: flex;
    align-items: flex-start;
    pointer-events: none;
    z-index: 100;
}

.header__logo[b-ngnvxffqn3] {
    display: block;
    width: clamp(200px, 29.3vw, 422px);
    height: auto;
    pointer-events: auto;
}

/* =========================
   VOLVER
========================= */

.page-back[b-ngnvxffqn3] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 24px 5% 0;
    color: #272B2F;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

    .page-back:hover[b-ngnvxffqn3] {
        text-decoration: underline;
    }

/* =========================
   STEPPER
========================= */

/* Figma: línea continua entre pasos; completados y activo en #404BA5, pendientes en gris.
   La línea se mete bajo la mitad sobrante de cada paso para unir los círculos. */
.stepper[b-ngnvxffqn3] {
    --step-w: 140px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 760px;
    margin: 30px auto 40px;
    padding: 0 20px;
}

.stepper__step[b-ngnvxffqn3] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: var(--step-w);
    flex-shrink: 0;
}

.stepper__circle[b-ngnvxffqn3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #CCD0D3;
    background: #fff;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1;
}

.stepper__step--active .stepper__circle[b-ngnvxffqn3] {
    position: relative;
    border-color: #404BA5;
}

    .stepper__step--active .stepper__circle[b-ngnvxffqn3]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        background: #404BA5;
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }

.stepper__step--completed .stepper__circle[b-ngnvxffqn3] {
    border-color: #404BA5;
    background: #404BA5;
}

.stepper__label[b-ngnvxffqn3] {
    font-size: 13px;
    color: #858D94;
    text-align: center;
}

.stepper__step--active .stepper__label[b-ngnvxffqn3],
.stepper__step--completed .stepper__label[b-ngnvxffqn3] {
    color: #404BA5;
}

.stepper__line[b-ngnvxffqn3] {
    flex: 1 1 160px;
    min-width: 10px;
    max-width: 160px;
    height: 2px;
    margin: 14px calc((30px - var(--step-w)) / 2) 0;
    background: #CCD0D3;
}

.stepper__line--completed[b-ngnvxffqn3] {
    background: #404BA5;
}

/* =========================
   TÍTULO
========================= */

.datos-mascota__title[b-ngnvxffqn3] {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #101E8E;
    margin: 0 0 8px 0;
}

.datos-mascota__subtitle[b-ngnvxffqn3] {
    text-align: center;
    font-size: 14px;
    color: #5A6472;
    margin: 0 0 12px 0;
}

.datos-mascota__cotizacion[b-ngnvxffqn3] {
    text-align: center;
    font-size: 13px;
    color: #101E8E;
    margin: 0 0 40px 0;
}

/* =========================
   LAYOUT
========================= */

.layout[b-ngnvxffqn3] {
    display: grid;
    grid-template-columns: minmax(0, 500px) 498px;
    justify-content: center;
    gap: 136px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}

/* =========================
   FORMULARIO
========================= */

.form-group[b-ngnvxffqn3] {
    margin-bottom: 20px;
}

    .form-group label[b-ngnvxffqn3] {
        display: block;
        font-size: 13px;
        color: #5A6472;
        margin-bottom: 6px;
    }

    .form-group input[b-ngnvxffqn3],
    .form-group select[b-ngnvxffqn3] {
        width: 100%;
        box-sizing: border-box;
        padding: 12px 14px;
        border: 1px solid #D8DAE5;
        border-radius: 6px;
        font-size: 14px;
        color: #272B2F;
        background: #fff;
    }

        .form-group input:focus[b-ngnvxffqn3],
        .form-group select:focus[b-ngnvxffqn3] {
            outline: none;
            border-color: #101E8E;
        }

        .form-group input.input-error[b-ngnvxffqn3],
        .form-group select.input-error[b-ngnvxffqn3] {
            border-color: #E00000;
        }

        .form-group input[readonly][b-ngnvxffqn3] {
            background: #F6F6FA;
            color: #5A6472;
        }

.required[b-ngnvxffqn3] {
    color: #E00000;
}

.error-text[b-ngnvxffqn3] {
    margin: 6px 0 0 0;
    font-size: 12px;
    color: #E00000;
}

.tipo-mascota-row[b-ngnvxffqn3] {
    display: flex;
    gap: 12px;
}

.tipo-btn[b-ngnvxffqn3] {
    flex: 1;
    padding: 12px;
    border: 1px solid #D8DAE5;
    border-radius: 8px;
    background: #fff;
    color: #5A6472;
    font-size: 14px;
    cursor: pointer;
}

.tipo-btn--active[b-ngnvxffqn3] {
    border-color: #101E8E;
    color: #101E8E;
    background: #EFEEF8;
    font-weight: 600;
}

.agregar-link[b-ngnvxffqn3] {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 24px;
    font-size: 13px;
    color: #9E1C64;
    text-decoration: underline;
    cursor: pointer;
}

.botones-row[b-ngnvxffqn3] {
    display: flex;
    gap: 16px;
}

.btn-continuar-mas-tarde[b-ngnvxffqn3] {
    flex: 1;
    padding: 12px;
    border: 1px solid #9E1C64;
    border-radius: 8px;
    background: #fff;
    color: #9E1C64;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.btn-continuar[b-ngnvxffqn3] {
    flex: 1;
    padding: 12px;
    border: none;
    border-radius: 8px;
    background: #9E1C64;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

    .btn-continuar:disabled[b-ngnvxffqn3] {
        /* aress.css (global del tenant) fuerza button:disabled con !important; aquí se impone el gris del Figma solo en Mascotas */
        background: #CCD0D3 !important;
        color: #fff !important;
        cursor: not-allowed;
    }

/* =========================
   RESUMEN DE COMPRA
========================= */

/* Figma: una tarjeta con el resumen (caja con borde) y "Tus mascotas agregadas"
   con tarjetas de ícono y 4 columnas. */
.layout__resumen[b-ngnvxffqn3] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.resumen-panel[b-ngnvxffqn3] {
    padding: 32px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.resumen-card__title[b-ngnvxffqn3] {
    margin: 0 0 16px 0;
    font-size: 22px;
    font-weight: 600;
    color: #9E1C64;
}

.resumen-card__box[b-ngnvxffqn3] {
    padding: 8px 30px 16px;
    border: 1px solid #CCD0D3;
    border-radius: 8px;
}

.resumen-row[b-ngnvxffqn3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 0 6px;
    border-bottom: 1px solid #CCD0D3;
    font-size: 16px;
    color: #272B2F;
}

.resumen-row__detalle[b-ngnvxffqn3] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
}

    .resumen-row__detalle small[b-ngnvxffqn3] {
        font-size: 14px;
        color: #5A6472;
    }

.resumen-total[b-ngnvxffqn3] {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    font-size: 22px;
    font-weight: 700;
    color: #272B2F;
}

.resumen-card__nota[b-ngnvxffqn3] {
    margin: 8px 0 0 0;
    text-align: right;
    font-size: 12px;
    color: #9AA0AC;
}

.mascotas-guardadas[b-ngnvxffqn3] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #CCD0D3;
}

.mascotas-guardadas__title[b-ngnvxffqn3] {
    margin: 0 0 16px 0;
    font-size: 22px;
    font-weight: 600;
    color: #101E8E;
}

.mascota-card[b-ngnvxffqn3] {
    padding: 16px 24px;
    margin-bottom: 24px;
    border: 1px solid #404BA5;
    border-radius: 8px;
    background: #fff;
}

.mascota-card__header[b-ngnvxffqn3] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #E7E9F4;
}

.mascota-card__icono[b-ngnvxffqn3] {
    width: 28px;
    height: 28px;
    padding-right: 12px;
    border-right: 1px solid #CCD0D3;
    object-fit: contain;
    box-sizing: content-box;
}

.mascota-card__nombre[b-ngnvxffqn3] {
    font-size: 18px;
    font-weight: 600;
    color: #404BA5;
}

.mascota-card__check[b-ngnvxffqn3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: auto;
    border-radius: 50%;
    background: #1FA855;
    color: #fff;
    font-size: 11px;
    flex-shrink: 0;
}

/* Modificar / eliminar mascota (WI 17397) */
.mascota-card__modificar[b-ngnvxffqn3] {
    font-size: 15px;
    color: #33383E;
    text-decoration: underline;
    cursor: pointer;
}

.mascota-card__eliminar[b-ngnvxffqn3] {
    padding: 0;
    background: none;
    border: none;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.mascota-card__grid[b-ngnvxffqn3] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    text-align: center;
}

    .mascota-card__grid > div[b-ngnvxffqn3] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
    }

    .mascota-card__grid small[b-ngnvxffqn3] {
        font-size: 13px;
        color: #404BA5;
    }

    .mascota-card__grid span[b-ngnvxffqn3] {
        font-size: 13px;
        color: #5A6472;
        overflow-wrap: anywhere;
    }

/* =========================
   RESUMEN FIJO (MÓVIL)
========================= */

.resumen-mobile-bar[b-ngnvxffqn3] {
    display: none;
}

/* =========================
   FOOTER
========================= */

/* En la columna flex el footer no se encoge: si no, la imagen se sale de su caja y genera scroll */
.footer[b-ngnvxffqn3] {
    width: 100%;
    height: auto; /* aress.css fija footer { height: 100px } para todo el tenant; aquí manda la altura de la imagen para no generar scroll */
    flex-shrink: 0;
    margin-top: 60px;
}

.footer__image[b-ngnvxffqn3] {
    width: 100%;
    display: block;
}

.footer-r[b-ngnvxffqn3] {
    display: none;
    height: auto; /* aress.css fija footer { height: 100px } para todo el tenant; aquí manda la altura de la imagen para no generar scroll */
    flex-shrink: 0;
}

/* =========================
   MODALES DE CONFIRMACIÓN
========================= */

/* aress.css define .modal-dialog { margin-top: 15%; } de forma global para
   todo el tema, lo que empuja estos modales hacia abajo. Se sobrescribe aquí
   con selectores más específicos para que modal-dialog-centered los centre. */
#mdlContinuarDespues .modal-dialog[b-ngnvxffqn3],
#mdlEliminarMascota .modal-dialog[b-ngnvxffqn3] {
    margin-top: 0;
}

.confirm-modal[b-ngnvxffqn3] {
    font-family: 'Nunito', sans-serif;
    position: relative;
    border-radius: 20px;
    border: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    padding: 32px 28px 28px;
    text-align: center;
}

    .confirm-modal .btn-close[b-ngnvxffqn3] {
        position: absolute;
        top: 16px;
        right: 16px;
    }

.confirm-modal__icon[b-ngnvxffqn3] {
    width: 44px;
    height: 44px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
}

.confirm-modal__icon--info[b-ngnvxffqn3] {
    background: #E7ECFA;
    color: #101E8E;
}

.confirm-modal__icon--danger[b-ngnvxffqn3] {
    background: #FCE7EC;
    color: #E00000;
}

.confirm-modal__title[b-ngnvxffqn3] {
    font-size: 17px;
    font-weight: 700;
    color: #272B2F;
    margin: 0 0 10px 0;
}

.confirm-modal__message[b-ngnvxffqn3] {
    font-size: 14px;
    color: #5A6472;
    margin: 0 0 24px 0;
    line-height: 1.5;
}

.confirm-modal__buttons[b-ngnvxffqn3] {
    display: flex;
    gap: 12px;
}

.btn-outline[b-ngnvxffqn3] {
    flex: 1;
    padding: 10px 20px;
    border-radius: 8px;
    border: 1px solid #D8DAE5;
    background: #fff;
    color: #5A6472;
    font-weight: 600;
    cursor: pointer;
}

.btn-filled-info[b-ngnvxffqn3] {
    flex: 1;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    background: #101E8E;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.btn-filled-danger[b-ngnvxffqn3] {
    flex: 1;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    background: #E00000;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

/* =========================
   CAMPOS CON LABEL FLOTANTE (Figma)
   El label va dentro del borde y sube al enfocar o diligenciar el campo.
   Los inputs llevan placeholder=" " para poder usar :placeholder-shown;
   los select llevan required y una opción vacía para usar :valid.
========================= */

.campo-flotante[b-ngnvxffqn3] {
    position: relative;
}

    .campo-flotante input[b-ngnvxffqn3],
    .campo-flotante select[b-ngnvxffqn3] {
        width: 100%;
        height: 48px;
        box-sizing: border-box;
        padding: 0 16px;
        border: 1px solid #B4B9BD;
        border-radius: 4px;
        background-color: #fff;
        font-size: 16px;
        color: #414850;
    }

        .campo-flotante input:focus[b-ngnvxffqn3],
        .campo-flotante select:focus[b-ngnvxffqn3] {
            outline: none;
            border-color: #404BA5;
        }

        .campo-flotante input.input-error[b-ngnvxffqn3],
        .campo-flotante select.input-error[b-ngnvxffqn3] {
            border-color: #E00000;
        }

        .campo-flotante input[readonly][b-ngnvxffqn3] {
            background-color: #fff;
        }

    .campo-flotante label[b-ngnvxffqn3] {
        position: absolute;
        top: 24px;
        left: 12px;
        margin: 0;
        padding: 0 4px;
        background: #fff;
        font-size: 16px;
        line-height: 1;
        color: #92989F;
        transform: translateY(-50%);
        pointer-events: none;
        transition: top 0.15s ease, font-size 0.15s ease;
    }

        .campo-flotante input:focus + label[b-ngnvxffqn3],
        .campo-flotante input:not(:placeholder-shown) + label[b-ngnvxffqn3],
        .campo-flotante select:focus + label[b-ngnvxffqn3],
        .campo-flotante select:valid + label[b-ngnvxffqn3],
        .campo-flotante--fijo label[b-ngnvxffqn3] {
            top: 0;
            font-size: 12px;
        }

    .campo-flotante .required[b-ngnvxffqn3] {
        color: #E42020;
    }

@media (max-width: 1200px) {

    .layout[b-ngnvxffqn3] {
        grid-template-columns: minmax(0, 1fr) 420px;
        gap: 40px;
    }
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {

    .datos-mascota[b-ngnvxffqn3] {
        padding-top: 90px;
    }

    .datos-mascota[b-ngnvxffqn3] {
        padding-bottom: 90px;
    }

    .header[b-ngnvxffqn3] {
        padding: 0 20px;
    }

    .header__logo[b-ngnvxffqn3] {
        width: 200px;
    }

    .page-back[b-ngnvxffqn3] {
        margin: 16px 20px 0;
    }

    .stepper[b-ngnvxffqn3] {
        margin: 20px auto 30px;
    }

    .stepper[b-ngnvxffqn3] {
        --step-w: 80px;
    }

    .stepper__label[b-ngnvxffqn3] {
        font-size: 10.5px;
    }

    .datos-mascota__title[b-ngnvxffqn3] {
        font-size: 22px;
    }

    .layout[b-ngnvxffqn3] {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }

    .layout__resumen[b-ngnvxffqn3] {
        order: -1;
    }

    .resumen-card[b-ngnvxffqn3] {
        display: none;
    }

    .resumen-panel[b-ngnvxffqn3] {
        padding: 0;
        box-shadow: none;
    }

    .mascotas-guardadas[b-ngnvxffqn3] {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .botones-row[b-ngnvxffqn3] {
        flex-direction: column-reverse;
        gap: 12px;
    }

    .resumen-mobile-bar[b-ngnvxffqn3] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 14px 20px;
        background: #fff;
        box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
        z-index: 100;
    }

        .resumen-mobile-bar > div[b-ngnvxffqn3] {
            display: flex;
            flex-direction: column;
        }

    .resumen-mobile-bar__label[b-ngnvxffqn3] {
        font-size: 11px;
        color: #9AA0AC;
    }

    .resumen-mobile-bar__valor[b-ngnvxffqn3] {
        font-size: 18px;
        font-weight: 700;
        color: #272B2F;
    }

    .resumen-mobile-bar__valor--precio[b-ngnvxffqn3] {
        color: #101E8E;
    }

    .footer[b-ngnvxffqn3],
    .footer-r[b-ngnvxffqn3] {
        display: none;
    }
}
/* /Components/Pages/Tenants/Aress/Pet/Planes.razor.rz.scp.css */
.planes[b-s4cmulqyuv] {
    width: 100%;
    min-height: 100vh;
    overflow-x: clip; /* hidden hacía de la sección un contenedor con scroll vertical propio (doble barra) */
    color: #272B2F;
    font-family: 'Nunito', sans-serif;
    padding-top: 135px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
}

/* BUG#16: el contenido ocupa el alto disponible; el aire antes del footer lo da su margin-top */
.content[b-s4cmulqyuv] {
    flex: 1 0 auto;
}

/* =========================
   HEADER
========================= */

/* Pestaña del logo como en el Figma: cuelga del borde superior, sin barra y se desplaza con la página */
.header[b-s4cmulqyuv] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 8.33%;
    display: flex;
    align-items: flex-start;
    pointer-events: none;
    z-index: 100;
}

.header__logo[b-s4cmulqyuv] {
    display: block;
    width: clamp(200px, 29.3vw, 422px);
    height: auto;
    pointer-events: auto;
}

/* =========================
   VOLVER
========================= */

.page-back[b-s4cmulqyuv] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 24px 5% 0;
    color: #272B2F;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

    .page-back:hover[b-s4cmulqyuv] {
        text-decoration: underline;
    }

/* =========================
   STEPPER
========================= */

/* Figma: línea continua entre pasos; completados y activo en #404BA5, pendientes en gris.
   La línea se mete bajo la mitad sobrante de cada paso para unir los círculos. */
.stepper[b-s4cmulqyuv] {
    --step-w: 140px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 760px;
    margin: 30px auto 40px;
    padding: 0 20px;
}

.stepper__step[b-s4cmulqyuv] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: var(--step-w);
    flex-shrink: 0;
}

.stepper__circle[b-s4cmulqyuv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #CCD0D3;
    background: #fff;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1;
}

.stepper__step--active .stepper__circle[b-s4cmulqyuv] {
    position: relative;
    border-color: #404BA5;
}

    .stepper__step--active .stepper__circle[b-s4cmulqyuv]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 12px;
        background: #404BA5;
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }

.stepper__step--completed .stepper__circle[b-s4cmulqyuv] {
    border-color: #404BA5;
    background: #404BA5;
}

.stepper__label[b-s4cmulqyuv] {
    font-size: 13px;
    color: #858D94;
    text-align: center;
}

.stepper__step--active .stepper__label[b-s4cmulqyuv],
.stepper__step--completed .stepper__label[b-s4cmulqyuv] {
    color: #404BA5;
}

.stepper__line[b-s4cmulqyuv] {
    flex: 1 1 160px;
    min-width: 10px;
    max-width: 160px;
    height: 2px;
    margin: 14px calc((30px - var(--step-w)) / 2) 0;
    background: #CCD0D3;
}

.stepper__line--completed[b-s4cmulqyuv] {
    background: #404BA5;
}

/* =========================
   TÍTULO
========================= */

.planes__title[b-s4cmulqyuv] {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #101E8E;
    margin: 0 0 8px 0;
}

.planes__subtitle[b-s4cmulqyuv] {
    text-align: center;
    font-size: 14px;
    color: #5A6472;
    margin: 0 0 40px 0;
}

/* =========================
   TARJETA DE PLAN
========================= */

.plan-card[b-s4cmulqyuv] {
    position: relative;
    max-width: 700px;
    margin: 0 auto 60px;
    padding: 32px;
    background: #fff;
    border: 2px solid #101E8E;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.plan-card__badge[b-s4cmulqyuv] {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: #101E8E;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 20px;
    border-radius: 20px;
}

.plan-card__header[b-s4cmulqyuv] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.plan-card__icon[b-s4cmulqyuv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    background: #EFEEF8;
}

.plan-card__label[b-s4cmulqyuv] {
    margin: 0;
    font-size: 12px;
    color: #9AA0AC;
}

.plan-card__name[b-s4cmulqyuv] {
    margin: 2px 0 0 0;
    font-size: 20px;
    font-weight: 700;
    color: #101E8E;
}

.plan-card__divider[b-s4cmulqyuv] {
    height: 1px;
    background: #E5E7EB;
    margin: 24px 0;
}

.plan-card__body[b-s4cmulqyuv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.plan-card__section-title[b-s4cmulqyuv] {
    margin: 0 0 16px 0;
    font-size: 14px;
    font-weight: 700;
    color: #9E1C64;
}

.cobertura-row[b-s4cmulqyuv] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 13px;
    color: #272B2F;
    margin-bottom: 14px;
}

    .cobertura-row__valor[b-s4cmulqyuv] {
        font-weight: 700;
        color: #101E8E;
        white-space: nowrap;
    }

.asistencia-preview-item[b-s4cmulqyuv] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: #272B2F;
    margin-bottom: 10px;
}

.asistencia-preview-item__check[b-s4cmulqyuv] {
    color: #101E8E;
    font-weight: 700;
    flex-shrink: 0;
}

.ver-todas-link[b-s4cmulqyuv] {
    display: inline-block;
    margin-top: 6px;
    font-size: 13px;
    color: #9E1C64;
    text-decoration: underline;
    cursor: pointer;
}

.plan-card__price-box[b-s4cmulqyuv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 24px;
    padding: 20px 30px;
    background: #E7E9F4;
    border-radius: 8px;
}

.plan-card__price-label[b-s4cmulqyuv] {
    font-size: 18px;
    color: #101E8E;
}

.plan-card__price[b-s4cmulqyuv] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 2px 10px;
    color: #101E8E;
}

.plan-card__price-moneda[b-s4cmulqyuv] {
    font-size: 22px;
    font-weight: 700;
}

.plan-card__price-value[b-s4cmulqyuv] {
    margin-left: -8px;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
}

.plan-card__price-note[b-s4cmulqyuv] {
    font-size: 18px;
}

.btn-seleccionar-plan[b-s4cmulqyuv] {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 32px auto 0;
    padding: 14px;
    border: none;
    border-radius: 8px;
    background: #101E8E;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .btn-seleccionar-plan:hover[b-s4cmulqyuv] {
        transform: scale(1.02);
    }

/* =========================
   BOTONES (condiciones)
========================= */

.button-sbs[b-s4cmulqyuv] {
    border: none;
    border-radius: 8px;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .button-sbs:hover[b-s4cmulqyuv] {
        transform: scale(1.03);
    }

.button-secondary[b-s4cmulqyuv] {
    background: transparent;
    color: #101E8E;
    border: 1px solid #101E8E;
    padding: 10px 24px;
    font-size: 14px;
}

/* =========================
   CONDICIONES
========================= */

.condiciones-seguro[b-s4cmulqyuv] {
    position: relative;
    display: flex;
    min-height: 400px;
    overflow: hidden;
    border-radius: 20px;
    margin: 0 5%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.condiciones-seguro_imagen[b-s4cmulqyuv] {
    width: 50%;
    object-fit: cover;
}

.condiciones-seguro__details[b-s4cmulqyuv] {
    width: 50%;
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #F6F6FA;
}

.condiciones-seguro__details_h2[b-s4cmulqyuv] {
    font-size: 28px;
    font-weight: 700;
    color: #272B2F;
}

    .condiciones-seguro__details_h2 span[b-s4cmulqyuv] {
        color: #9E1C64;
    }

.condiciones-seguro__details p[b-s4cmulqyuv] {
    color: #5A6472;
    font-size: 15px;
    line-height: 1.5;
}

.condiciones-seguro__details__descarga[b-s4cmulqyuv] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

    .condiciones-seguro__details__descarga img[b-s4cmulqyuv] {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }

    .condiciones-seguro__details__descarga h3[b-s4cmulqyuv] {
        font-size: 15px;
        font-weight: 700;
        color: #101E8E;
        margin: 0 0 4px 0;
    }

    .condiciones-seguro__details__descarga > div p[b-s4cmulqyuv] {
        font-size: 13px;
        margin: 0;
    }

/* =========================
   FOOTER
========================= */

/* En la columna flex el footer no se encoge: si no, la imagen se sale de su caja y genera scroll */
.footer[b-s4cmulqyuv] {
    width: 100%;
    height: auto; /* aress.css fija footer { height: 100px } para todo el tenant; aquí manda la altura de la imagen para no generar scroll */
    flex-shrink: 0;
    margin-top: 60px;
}

.footer__image[b-s4cmulqyuv] {
    width: 100%;
    display: block;
}

.footer-r[b-s4cmulqyuv] {
    display: none;
    height: auto; /* aress.css fija footer { height: 100px } para todo el tenant; aquí manda la altura de la imagen para no generar scroll */
    flex-shrink: 0;
}

/* =========================
   MODAL ASISTENCIAS
========================= */

/* aress.css (tema global del tenant) fuerza ".modal-dialog { margin-top: 15% }"
   para todos los modales de Aress, lo que rompe el centrado de .modal-dialog-centered
   y empuja este modal fuera del viewport. Se restaura aquí el margen por defecto
   de Bootstrap (1.75rem arriba/abajo) solo para este modal, sin tocar el tema global. */
.modal-dialog[b-s4cmulqyuv] {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
}

.asistencias-modal[b-s4cmulqyuv] {
    font-family: 'Nunito', sans-serif;
    border-radius: 20px;
    border: none;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.asistencias-modal__photo[b-s4cmulqyuv] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

.asistencias-modal__list[b-s4cmulqyuv] {
    max-height: 45vh;
    overflow-y: auto;
    padding: 10px 25px;
}

.asistencia-row[b-s4cmulqyuv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #EDEDF2;
}

    .asistencia-row:last-child[b-s4cmulqyuv] {
        border-bottom: none;
    }

.asistencia-row__titulo[b-s4cmulqyuv] {
    margin: 0 0 4px 0;
    font-size: 14px;
    font-weight: 600;
    color: #272B2F;
}

.asistencia-row__detalle[b-s4cmulqyuv] {
    margin: 0;
    font-size: 12.5px;
    color: #5A6472;
}

.asistencia-row__check[b-s4cmulqyuv] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #101E8E;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.asistencias-modal__footer[b-s4cmulqyuv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 25px;
    background: #9198CB;
}

.asistencias-modal__precio[b-s4cmulqyuv] {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.asistencias-modal__precio-label[b-s4cmulqyuv] {
    font-size: 12px;
    opacity: 0.9;
}

.asistencias-modal__precio-value[b-s4cmulqyuv] {
    font-size: 18px;
    font-weight: 700;
}

.btn-volver-modal[b-s4cmulqyuv] {
    padding: 10px 28px;
    border: none;
    border-radius: 8px;
    background: #9E1C64;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {

    .planes[b-s4cmulqyuv] {
        padding-top: 90px;
    }

    .header[b-s4cmulqyuv] {
        padding: 0 20px;
    }

    .header__logo[b-s4cmulqyuv] {
        width: 200px;
    }

    .page-back[b-s4cmulqyuv] {
        margin: 16px 20px 0;
    }

    .stepper[b-s4cmulqyuv] {
        margin: 20px auto 30px;
    }

    .stepper[b-s4cmulqyuv] {
        --step-w: 80px;
    }

    .stepper__label[b-s4cmulqyuv] {
        font-size: 10.5px;
    }

    .planes__title[b-s4cmulqyuv] {
        font-size: 22px;
    }

    .plan-card[b-s4cmulqyuv] {
        margin: 0 20px 40px;
        padding: 24px 20px;
    }

    .plan-card__body[b-s4cmulqyuv] {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .condiciones-seguro[b-s4cmulqyuv] {
        flex-direction: column;
        min-height: auto;
        margin: 0 20px;
        padding: 0;
    }

    .condiciones-seguro_imagen[b-s4cmulqyuv] {
        display: none;
    }

    .condiciones-seguro__details[b-s4cmulqyuv] {
        width: 100%;
        padding: 28px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        background: #EFEEF8;
        border-radius: 16px;
    }

        .condiciones-seguro__details > div:first-child[b-s4cmulqyuv],
        .condiciones-seguro__details__descarga[b-s4cmulqyuv] {
            display: contents;
        }

        .condiciones-seguro__details__descarga > div[b-s4cmulqyuv] {
            display: none;
        }

        .condiciones-seguro__details__descarga img[b-s4cmulqyuv] {
            order: 1;
            width: 34px;
            height: 34px;
            margin: 0 0 12px 0;
        }

        .condiciones-seguro__details_h2[b-s4cmulqyuv] {
            order: 2;
            font-size: 17px;
        }

        .condiciones-seguro__details > div:first-child > p[b-s4cmulqyuv] {
            order: 3;
            font-size: 13px;
            margin-top: 8px;
        }

        .condiciones-seguro__details__descarga button[b-s4cmulqyuv] {
            order: 4;
            margin-top: 20px;
        }

    .footer[b-s4cmulqyuv],
    .footer-r[b-s4cmulqyuv] {
        display: none;
    }

    .asistencias-modal__list[b-s4cmulqyuv] {
        max-height: 50vh;
    }

    .asistencias-modal__footer[b-s4cmulqyuv] {
        padding: 14px 20px;
    }
}
/* /Components/Pages/Tenants/Aress/Pet/Seguro_mascotas.razor.rz.scp.css */
/* Tipografia del Figma para todo el flujo de Mascotas (el bundle de CSS scoped la comparte entre paginas).
   Mismo archivo que usa Travel Aress. */
@font-face {
    font-family: 'Nunito';
    src: url('/css/themes/aress/travel/fonts/Nunito-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 1000;
    font-display: swap;
}

.container-mascotas[b-is53c1uto2] {
    width: 100%;
    min-height: 100vh;
    overflow-x: clip; /* hidden hacía de la sección un contenedor con scroll vertical propio (doble barra) */
    color: #272B2F;
    font-family: 'Nunito', sans-serif;
    padding-top: 100px;
    padding-bottom: 82px; /* alto de la barra fija "Adquirir seguro": el footer queda justo encima, sin blanco */
}

/* Pestaña del logo como en el Figma: cuelga del borde superior, sin barra y se desplaza con la página */
.header[b-is53c1uto2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 8.33%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    pointer-events: none;
    z-index: 100;
}

.header__logo[b-is53c1uto2] {
    display: block;
    width: clamp(200px, 29.3vw, 422px);
    height: auto;
    pointer-events: auto;
}

.header__back[b-is53c1uto2] {
    display: none;
    pointer-events: auto;
}

/* =========================
   BANNER
========================= */

.banner[b-is53c1uto2] {
    position: relative;
    overflow: hidden;
    /* La altura la da la imagen (1431x500); el min-height de 550 dejaba un espacio en blanco tras el hero */
    min-height: auto;
}

.banner__back[b-is53c1uto2] {
    position: absolute;
    top: 72px;
    left: 5%;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #272B2F;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

    .banner__back:hover[b-is53c1uto2] {
        text-decoration: underline;
    }

.banner__group-down[b-is53c1uto2] {
    width: 100%;
    height: auto;
    display: block;
}

.banner__mobile[b-is53c1uto2] {
    display: none;
}

.banner__cta-hotspot[b-is53c1uto2] {
    position: absolute;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 2;
}

.banner__cta-hotspot--desktop[b-is53c1uto2] {
    left: 14.26%;
    top: 55.6%;
    width: 19.92%;
    height: 9.4%;
}

.banner__cta-hotspot--mobile[b-is53c1uto2] {
    display: none;
}

/* =========================
   BOTONES
========================= */

.button-sbs[b-is53c1uto2] {
    border: none;
    border-radius: 8px;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .button-sbs:hover[b-is53c1uto2] {
        transform: scale(1.03);
    }

.button-primary[b-is53c1uto2] {
    background: #9E1C64;
    color: #fff;
}

.button-secondary[b-is53c1uto2] {
    background: transparent;
    color: #101E8E;
    border: 1px solid #101E8E;
    padding: 10px 24px;
    font-size: 14px;
}

/* =========================
   COBERTURAS
========================= */

/* Figma: sección gris pegada al hero, con aire arriba del título */
.coberturas-basicas[b-is53c1uto2] {
    padding: 56px 20px 40px;
    background: #F2F2F2;
}

.coberturas-basicas__title[b-is53c1uto2] {
    text-align: left;
    color: #9E1C64;
    font-weight: 700;
    font-size: 28px;
    margin: 0 auto 40px;
    max-width: 1000px;
}

.coberturas-basicas__wrapper[b-is53c1uto2] {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    gap: 24px;
}

.coberturas-basicas__cobertura[b-is53c1uto2] {
    flex: 1;
    display: flex;
    gap: 20px;
    padding: 28px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

    .coberturas-basicas__cobertura img[b-is53c1uto2] {
        width: 56px;
        height: 56px;
        flex-shrink: 0;
    }

.coberturas-basicas___cobertura__info h6[b-is53c1uto2] {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 700;
    color: #101E8E;
}

.coberturas-basicas___cobertura__info p[b-is53c1uto2] {
    font-size: 14px;
    line-height: 1.5;
    color: #5A6472;
    margin: 0 0 8px 0;
}

    .coberturas-basicas___cobertura__info p span[b-is53c1uto2] {
        color: #101E8E;
        font-weight: 700;
    }

    .coberturas-basicas___cobertura__info p description[b-is53c1uto2] {
        color: #101E8E;
        font-weight: 700;
    }
/* =========================
   BENEFICIOS
========================= */

.beneficios[b-is53c1uto2] {
    padding: 80px 5%;
    background: #fff;
}

.beneficios__title[b-is53c1uto2] {
    text-align: left;
    max-width: 1000px;
    margin: 0 auto 40px;
}

    .beneficios__title h2[b-is53c1uto2] {
        font-size: 28px;
        font-weight: 700;
        color: #9E1C64;
        margin: 0 0 10px 0;
    }

    .beneficios__title p[b-is53c1uto2] {
        color: #5A6472;
        font-size: 15px;
        margin: 0;
    }

.beneficios-wrapper[b-is53c1uto2] {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.beneficios-wrapper__item[b-is53c1uto2] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border: 1px solid #E5E7EB;
    border-radius: 14px;
}

    .beneficios-wrapper__item > img[b-is53c1uto2] {
        width: 72px;
        height: 72px;
        border-radius: 10px;
        object-fit: cover;
        flex-shrink: 0;
    }

.beneficios-wrapper__item__info h6[b-is53c1uto2] {
    margin: 0 0 6px 0;
    font-size: 15px;
    font-weight: 700;
    color: #101E8E;
}

.beneficios-wrapper__item__info div[b-is53c1uto2] {
    font-size: 13px;
    line-height: 1.5;
    color: #5A6472;
}

/* =========================
   FAQ
========================= */

.faq[b-is53c1uto2] {
    background: #E7E9F4;
    padding: 80px 5%;
}

.faq__inner[b-is53c1uto2] {
    max-width: 1000px;
    margin: 0 auto;
}

    .faq__inner > h2[b-is53c1uto2] {
        text-align: center;
        color: #101E8E;
        font-weight: 700;
        font-size: 28px;
        margin-bottom: 40px;
    }

.faq__wrapper[b-is53c1uto2] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.faq__pregunta[b-is53c1uto2] {
    padding: 20px 24px;
    border-bottom: 1px solid #EDEDF2;
}

    .faq__pregunta:last-of-type[b-is53c1uto2] {
        border-bottom: none;
    }

    .faq__pregunta summary[b-is53c1uto2] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        font-size: 16px;
        font-weight: 600;
        color: #101E8E;
        cursor: pointer;
        list-style: none;
    }

        .faq__pregunta summary[b-is53c1uto2]::-webkit-details-marker {
            display: none;
        }

        .faq__pregunta summary[b-is53c1uto2]::after {
            content: '+';
            font-size: 22px;
            font-weight: 400;
            color: #9E1C64;
            flex-shrink: 0;
        }

    .faq__pregunta[open] summary[b-is53c1uto2]::after {
        content: '−';
    }

.faq__pregunta__content[b-is53c1uto2] {
    padding-top: 16px;
    line-height: 1.6;
    color: #5A6472;
    font-size: 14px;
}

    .faq__pregunta__content > ul[b-is53c1uto2] {
        margin: 0;
        padding-left: 20px;
    }

        .faq__pregunta__content > ul > li[b-is53c1uto2] {
            margin-bottom: 14px;
        }

            .faq__pregunta__content > ul > li:last-child[b-is53c1uto2] {
                margin-bottom: 0;
            }

.faq__sub-parrafo[b-is53c1uto2] {
    margin: 8px 0 0 0;
}

.faq__sublist--circle[b-is53c1uto2] {
    list-style-type: circle;
    margin: 10px 0 0 0;
    padding-left: 24px;
}

    .faq__sublist--circle > li[b-is53c1uto2] {
        margin-bottom: 8px;
    }

.faq__sublist--lettered[b-is53c1uto2] {
    list-style: none;
    counter-reset: faq-letter;
    margin: 10px 0 0 0;
    padding-left: 4px;
}

    .faq__sublist--lettered > li[b-is53c1uto2] {
        counter-increment: faq-letter;
        position: relative;
        padding-left: 26px;
        margin-bottom: 8px;
    }

        .faq__sublist--lettered > li[b-is53c1uto2]::before {
            content: counter(faq-letter, lower-alpha) ")";
            position: absolute;
            left: 0;
            font-weight: 600;
            color: #272B2F;
        }

/* =========================
   CONDICIONES
========================= */

.condiciones-seguro[b-is53c1uto2] {
    position: relative;
    display: flex;
    min-height: 400px;
    overflow: hidden;
    background: #fff;
}

.condiciones-seguro_imagen[b-is53c1uto2] {
    width: 50%;
    object-fit: cover;
}

.condiciones-seguro__details[b-is53c1uto2] {
    width: 50%;
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.condiciones-seguro__details_h2[b-is53c1uto2] {
    font-size: 28px;
    font-weight: 700;
    color: #272B2F;
}

    .condiciones-seguro__details_h2 span[b-is53c1uto2] {
        color: #9E1C64;
    }

.condiciones-seguro__details p[b-is53c1uto2] {
    color: #5A6472;
    font-size: 15px;
    line-height: 1.5;
}

.condiciones-seguro__details__descarga[b-is53c1uto2] {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

    .condiciones-seguro__details__descarga img[b-is53c1uto2] {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }

    .condiciones-seguro__details__descarga h3[b-is53c1uto2] {
        font-size: 15px;
        font-weight: 700;
        color: #101E8E;
        margin: 0 0 4px 0;
    }

    .condiciones-seguro__details__descarga > div p[b-is53c1uto2] {
        font-size: 13px;
        margin: 0;
    }

/* =========================
   FOOTER
========================= */

.footer[b-is53c1uto2] {
    width: 100%;
    height: auto; /* aress.css fija footer { height: 100px } para todo el tenant; aquí manda la altura de la imagen para no generar scroll */
}

.footer__image[b-is53c1uto2] {
    width: 100%;
    display: block;
}

.footer-r[b-is53c1uto2] {
    display: none;
    height: auto; /* aress.css fija footer { height: 100px } para todo el tenant; aquí manda la altura de la imagen para no generar scroll */
}

/* =========================
   BANNER INFERIOR
========================= */

.banner-adquirir-seguro[b-is53c1uto2] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #9198CB;
    box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

    .banner-adquirir-seguro h2[b-is53c1uto2] {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
        color: #FFFFFF;
    }

    .banner-adquirir-seguro p[b-is53c1uto2] {
        margin: 0;
        color: #FFFFFF;
        font-size: 14px;
    }

        .banner-adquirir-seguro p span[b-is53c1uto2] {
            color: #FFFFFF;
            font-weight: 700;
            font-size: 16px;
        }

    .banner-adquirir-seguro > div[b-is53c1uto2] {
        display: flex;
        align-items: center;
        gap: 20px;
    }

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 768px) {

    .container-mascotas[b-is53c1uto2] {
        padding-top: 90px;
    }

    .header[b-is53c1uto2] {
        padding: 0 20px;
    }

    .header__logo[b-is53c1uto2] {
        width: 200px;
    }

    .header__back[b-is53c1uto2] {
        display: inline-flex;
        align-self: center;
        align-items: center;
        background: #fff;
        border: 1px solid #9E1C64;
        color: #9E1C64;
        padding: 6px 16px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        white-space: nowrap;
    }

    .banner[b-is53c1uto2] {
        min-height: auto;
        background: #E7E9F4;
    }

    .banner__back[b-is53c1uto2] {
        display: none;
    }

    .banner__group-down[b-is53c1uto2] {
        display: none;
    }

    .banner__cta-hotspot--desktop[b-is53c1uto2] {
        display: none;
    }

    .banner__cta-hotspot--mobile[b-is53c1uto2] {
        display: block;
        left: 6.4%;
        top: 88.32%;
        width: 86.93%;
        height: 6.31%;
    }

    .banner__mobile[b-is53c1uto2] {
        display: block;
        position: relative;
    }

        .banner__mobile-photo[b-is53c1uto2] {
            width: 100%;
            height: auto;
            display: block;
        }

    .coberturas-basicas[b-is53c1uto2] {
        padding: 50px 20px;
    }

    .coberturas-basicas__wrapper[b-is53c1uto2] {
        flex-direction: column;
    }

    .beneficios[b-is53c1uto2] {
        padding: 50px 20px;
    }

    .beneficios-wrapper[b-is53c1uto2] {
        grid-template-columns: unset;
        display: flex;
        overflow-x: auto;
        gap: 14px;
        padding-bottom: 6px;
    }

    .beneficios-wrapper__item[b-is53c1uto2] {
        flex-direction: column;
        align-items: stretch;
        flex: 0 0 150px;
        min-width: 150px;
        padding: 0;
        gap: 0;
        overflow: hidden;
    }

        .beneficios-wrapper__item > img[b-is53c1uto2] {
            width: 100%;
            height: 100px;
            border-radius: 14px 14px 0 0;
        }

    .beneficios-wrapper__item__info[b-is53c1uto2] {
        padding: 10px 12px 14px;
    }

        .beneficios-wrapper__item__info h6[b-is53c1uto2] {
            font-size: 12.5px;
        }

        .beneficios-wrapper__item__info div[b-is53c1uto2] {
            font-size: 11.5px;
        }

    .faq[b-is53c1uto2] {
        padding: 50px 20px;
    }

    .condiciones-seguro[b-is53c1uto2] {
        flex-direction: column;
        min-height: auto;
        padding: 50px 20px;
    }

    .condiciones-seguro_imagen[b-is53c1uto2] {
        display: none;
    }

    .condiciones-seguro__details[b-is53c1uto2] {
        width: 100%;
        padding: 28px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        background: #EFEEF8;
        border-radius: 16px;
    }

        .condiciones-seguro__details > div:first-child[b-is53c1uto2],
        .condiciones-seguro__details__descarga[b-is53c1uto2] {
            display: contents;
        }

        .condiciones-seguro__details__descarga > div[b-is53c1uto2] {
            display: none;
        }

        .condiciones-seguro__details__descarga img[b-is53c1uto2] {
            order: 1;
            width: 34px;
            height: 34px;
            margin: 0 0 12px 0;
        }

        .condiciones-seguro__details_h2[b-is53c1uto2] {
            order: 2;
            font-size: 17px;
        }

        .condiciones-seguro__details > div:first-child > p[b-is53c1uto2] {
            order: 3;
            font-size: 13px;
            margin-top: 8px;
        }

        .condiciones-seguro__details__descarga button[b-is53c1uto2] {
            order: 4;
            margin-top: 20px;
        }

    .footer[b-is53c1uto2] {
        display: none;
    }

    .footer-r[b-is53c1uto2] {
        display: block;
    }

    .footer__image-r[b-is53c1uto2] {
        width: 100%;
        display: block;
    }

    .banner-adquirir-seguro[b-is53c1uto2] {
        flex-direction: column;
        gap: 10px;
        padding: 15px 20px;
        text-align: center;
    }

        .banner-adquirir-seguro > div[b-is53c1uto2] {
            flex-direction: column;
            gap: 5px;
        }

    .container-mascotas[b-is53c1uto2] {
        padding-bottom: 145px; /* alto de la barra fija en móvil */
    }
}
/* /Components/Pages/Tenants/Comfandi/CreateSinister.razor.rz.scp.css */
/* Formulario reporte de siniestros Comfandi — medidas del Figma «FORMULARIO REPORTE SINIESTROS» (frame 1440). */

.sinister-page[b-80vrtohws7] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
}

.sinister-body[b-80vrtohws7] {
    position: relative;
    flex: 1;
    padding: 40px 24px 60px;
}

/* Decoración lateral 300x448.5 bajo el encabezado */
.sinister-decoration[b-80vrtohws7] {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 389.5px;
    z-index: 0;
    pointer-events: none;
}

/* Columna de contenido 877px, a 190px del borde en 1440 */
.sinister-content[b-80vrtohws7] {
    position: relative;
    z-index: 1;
    max-width: 877px;
    margin: 0 auto;
}

/* El tema comfandi aplica 'font olivos' con el selector *, así que la fuente se fija en cada elemento. */
.sinister-content[b-80vrtohws7],
.sinister-content[b-80vrtohws7]  * {
    font-family: "Montserrat", sans-serif;
}

/* Secciones sin tarjeta, títulos Montserrat 500 24px #302F30 */
.sinister-section[b-80vrtohws7] {
    margin-bottom: 30px;
}

.sinister-section__title[b-80vrtohws7] {
    font-size: 24px;
    font-weight: 500;
    line-height: 41px;
    color: #302F30;
    margin: 0 0 30px;
}

.sinister-content[b-80vrtohws7]  .row {
    --bs-gutter-x: 79px;
    --bs-gutter-y: 16px;
}

/* Labels Montserrat 600 14px #6B737C */
.sinister-content[b-80vrtohws7]  .form-label {
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    color: #6B737C;
    margin-bottom: 5px;
}

/* Inputs y selects 46px, borde #E3E4E5, radio 8 */
.sinister-content[b-80vrtohws7]  .form-control,
.sinister-content[b-80vrtohws7]  .form-select {
    height: 46px;
    padding: 9px 18px;
    border: 1px solid #E3E4E5;
    border-radius: 8px;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    color: #2C3948;
    box-shadow: none;
}

.sinister-content[b-80vrtohws7]  textarea.form-control {
    height: auto;
    min-height: 120px;
}

.sinister-content[b-80vrtohws7]  .form-control::placeholder {
    color: #ABB7C2;
    font-weight: 500;
}

.sinister-content[b-80vrtohws7]  .form-control[readonly] {
    background-color: #FFFFFF;
}

.sinister-content[b-80vrtohws7]  .form-select {
    padding-right: 44px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%236B737C' d='M12 15.4 6 9.4 7.4 8l4.6 4.6L16.6 8 18 9.4z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 7px center;
    background-size: 24px 24px;
}

.sinister-content[b-80vrtohws7]  .form-select:disabled {
    background-color: #F5F5F5;
}

.sinister-content[b-80vrtohws7]  .form-control:focus,
.sinister-content[b-80vrtohws7]  .form-select:focus {
    border-color: #05C3DD;
    box-shadow: 0 0 0 3px rgba(5, 195, 221, 0.15);
}

.sinister-content[b-80vrtohws7]  .error-input-validation {
    border: 1px solid #ED2B11 !important;
}

.sinister-content[b-80vrtohws7]  .text-danger {
    color: #ED2B11 !important;
}

/* Tipo y número de documento: select 96px + input */
.doc-group[b-80vrtohws7] {
    display: flex;
    height: 46px;
    border: 1px solid #E3E4E5;
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
}

.doc-group[b-80vrtohws7]  .doc-group__type {
    width: 96px;
    flex-shrink: 0;
    border: 0;
    border-right: 1px solid #E3E4E5;
    padding: 0 28px 0 12px;
    font-size: 14px;
    font-weight: 500;
    color: #2C3948;
    background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%236B737C' d='M12 15.4 6 9.4 7.4 8l4.6 4.6L16.6 8 18 9.4z'/%3E%3C/svg%3E") no-repeat right 4px center / 24px 24px;
    appearance: none;
    outline: none;
}

.doc-group[b-80vrtohws7]  .doc-group__number {
    flex: 1;
    min-width: 0;
    border: 0;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 500;
    color: #2C3948;
    background: transparent;
    outline: none;
}

.doc-group[b-80vrtohws7]  .doc-group__number::placeholder {
    color: #ABB7C2;
}

.doc-group:focus-within[b-80vrtohws7] {
    border-color: #05C3DD;
}

/* Checkbox «El asegurado es el mismo tomador»: 20x20, #E3E4E6, radio 5 */
.sinister-content[b-80vrtohws7]  .form-check {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 0;
}

.sinister-content[b-80vrtohws7]  .form-check-input {
    width: 20px;
    height: 20px;
    margin: 0;
    float: none;
    background-color: #E3E4E6;
    border: 0;
    border-radius: 5px;
}

.sinister-content[b-80vrtohws7]  .form-check-input:checked {
    background-color: #05C3DD;
}

.sinister-content[b-80vrtohws7]  .form-check-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #2C3948;
}

/* Fechas: 40px, radio 5, «Seleccione» #ABB7C2 e ícono de calendario #5E6368 */
.date-field[b-80vrtohws7] {
    position: relative;
}

.date-field[b-80vrtohws7]  input[type="date"].form-control {
    position: relative;
    height: 40px;
    padding: 4px 44px 4px 10px;
    border-radius: 5px;
    font-weight: 400;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235E6368' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='16' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 24px 24px;
    cursor: pointer;
}

/* El indicador nativo cubre todo el campo (transparente) para abrir el calendario con un clic en cualquier parte. */
.date-field[b-80vrtohws7]  input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    opacity: 0;
    cursor: pointer;
}

.date-field--empty[b-80vrtohws7]  input[type="date"]:not(:focus)::-webkit-datetime-edit {
    color: transparent;
}

.date-field__placeholder[b-80vrtohws7] {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #ABB7C2;
    pointer-events: none;
    display: none;
}

.date-field--empty .date-field__placeholder[b-80vrtohws7] {
    display: block;
}

.date-field--empty:focus-within .date-field__placeholder[b-80vrtohws7] {
    display: none;
}

/* Paso 3: carga de documentos */
.doc-upload[b-80vrtohws7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 130px;
    padding: 16px;
    border: 1px dashed #ABB7C2;
    border-radius: 8px;
    background: #FFFFFF;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.doc-upload:hover[b-80vrtohws7] {
    border-color: #05C3DD;
}

.doc-upload--loaded[b-80vrtohws7] {
    border-style: solid;
    border-color: #05C3DD;
    background: #F0FAFB;
}

.doc-upload--error[b-80vrtohws7] {
    border-color: #ED2B11;
}

.doc-upload__icon[b-80vrtohws7] {
    font-size: 28px;
    color: #05C3DD;
}

.doc-upload__action[b-80vrtohws7] {
    font-size: 14px;
    font-weight: 600;
    color: #2C3948;
}

.doc-upload__file[b-80vrtohws7] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    color: #2C3948;
}

.doc-upload__hint[b-80vrtohws7] {
    font-size: 12px;
    font-weight: 400;
    color: #6B737C;
}

.doc-upload__error[b-80vrtohws7] {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #ED2B11;
}

/* Botón principal 280x58, #05C3DD, radio 10, Montserrat 400 20px */
.sinister-actions[b-80vrtohws7] {
    display: flex;
    justify-content: center;
    margin: 30px 0 0;
}

.btn-sinister[b-80vrtohws7] {
    width: 280px;
    max-width: 100%;
    height: 58px;
    padding: 17px 49px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #05C3DD;
    border: 0;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.btn-sinister:hover:not(:disabled)[b-80vrtohws7] {
    background: #04A8BC;
}

.btn-sinister:focus-visible[b-80vrtohws7] {
    outline: 3px solid rgba(5, 195, 221, 0.4);
    outline-offset: 2px;
}

.btn-sinister:disabled[b-80vrtohws7] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Atrás */
.btn-back[b-80vrtohws7] {
    background: none;
    border: none;
    color: #2C3948;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    margin-bottom: 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-back:hover[b-80vrtohws7] {
    color: #05C3DD;
}

/* Desktop ancho: columna a 190px del borde y decoración visible */
@media (min-width: 1300px) {
    .sinister-content[b-80vrtohws7] {
        margin-left: calc(50% - 530px);
    }
}

@media (max-width: 1299.98px) {
    .sinister-decoration[b-80vrtohws7] {
        display: none;
    }
}

/* Tablet y mobile */
@media (max-width: 767.98px) {
    .sinister-body[b-80vrtohws7] {
        padding: 24px 16px 40px;
    }

    .sinister-section__title[b-80vrtohws7] {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .sinister-content[b-80vrtohws7]  .row {
        --bs-gutter-x: 16px;
    }

    .btn-sinister[b-80vrtohws7] {
        width: 100%;
        max-width: 280px;
    }
}
/* /Components/Pages/Tenants/Comfandi/Portal/EndorsementPortal.razor.rz.scp.css */
/* WI-18013: Estilos del portal público de endosos de Comfandi.
   Diseño mobile-first · max-width 480px · colores según mockup PORTAL-01-*.png */

/* ===== CONTENEDOR PRINCIPAL ===== */
.ep-page-form[b-fmhzs8w9gq], .ep-state-center[b-fmhzs8w9gq], .ep-state-loading[b-fmhzs8w9gq] {
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ===== ESTADOS ESPECIALES ===== */
.ep-state-center[b-fmhzs8w9gq] {
    align-items: center;
    text-align: center;
    padding-top: 24px;
}

.ep-state-loading[b-fmhzs8w9gq] {
    align-items: center;
    padding-top: 60px;
}

.ep-state-title[b-fmhzs8w9gq] {
    font-size: 24px;
    font-weight: 700;
    color: #2c3e50;
    margin: 16px 0 8px;
}

.ep-state-body[b-fmhzs8w9gq] {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 24px;
    max-width: 340px;
}

.ep-success-icon[b-fmhzs8w9gq], .ep-invalid-icon[b-fmhzs8w9gq] {
    margin-bottom: 8px;
}

/* ===== SPINNER ===== */
.ep-spinner[b-fmhzs8w9gq] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top-color: #29b5c6;
    border-radius: 50%;
    animation: ep-spin-b-fmhzs8w9gq 0.8s linear infinite;
    margin-bottom: 12px;
}

@keyframes ep-spin-b-fmhzs8w9gq {
    to { transform: rotate(360deg); }
}

/* ===== SALUDO ===== */
.ep-greeting[b-fmhzs8w9gq] {
    font-size: 26px;
    font-weight: 700;
    color: #1e2d40;
    margin: 0 0 6px;
}

.ep-greeting-sub[b-fmhzs8w9gq] {
    font-size: 15px;
    color: #555;
    line-height: 1.5;
    margin: 0 0 16px;
}

/* ===== CONTEXT CARD ===== */
.ep-context-card[b-fmhzs8w9gq] {
    background-color: #e3f4f5;
    border-radius: 10px;
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 16px;
}

.ep-context-item[b-fmhzs8w9gq] {
    display: flex;
    flex-direction: column;
}

.ep-context-item-right[b-fmhzs8w9gq] {
    text-align: right;
}

.ep-ctx-label[b-fmhzs8w9gq] {
    font-size: 13px;
    color: #555;
    margin-bottom: 2px;
}

.ep-ctx-value[b-fmhzs8w9gq] {
    font-size: 16px;
    font-weight: 700;
    color: #1e2d40;
}

/* ===== CARD BLANCA ===== */
.ep-card[b-fmhzs8w9gq] {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 20px 16px;
    margin-bottom: 16px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

.ep-card-title[b-fmhzs8w9gq] {
    font-size: 17px;
    font-weight: 700;
    color: #1e2d40;
    margin: 0 0 16px;
}

/* ===== CAMPOS DE FORMULARIO ===== */
.ep-field[b-fmhzs8w9gq] {
    display: flex;
    flex-direction: column;
    margin-bottom: 14px;
}

.ep-label[b-fmhzs8w9gq] {
    font-size: 14px;
    color: #444;
    margin-bottom: 5px;
}

.ep-required[b-fmhzs8w9gq] {
    color: #c0392b;
    margin-left: 2px;
}

.ep-input[b-fmhzs8w9gq] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 15px;
    color: #222;
    background-color: #fff;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.15s;
}

.ep-input:focus[b-fmhzs8w9gq] {
    border-color: #29b5c6;
    box-shadow: 0 0 0 2px rgba(41,181,198,0.15);
}

.ep-input-error[b-fmhzs8w9gq] {
    border-color: #c0392b !important;
}

.ep-field-error[b-fmhzs8w9gq] {
    font-size: 13px;
    color: #c0392b;
    margin-top: 4px;
}

/* ===== HINT ===== */
.ep-hint[b-fmhzs8w9gq] {
    font-size: 13px;
    color: #777;
    margin: 0 0 12px;
}

.ep-hint-center[b-fmhzs8w9gq] {
    text-align: center;
    margin-top: 8px;
}

/* ===== ALERTA DE SERVIDOR ===== */
.ep-alert[b-fmhzs8w9gq] {
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
}

.ep-alert-danger[b-fmhzs8w9gq] {
    background-color: #ffebee;
    color: #c0392b;
    border: 1px solid #f5c6cb;
}

.ep-alert-warning[b-fmhzs8w9gq] {
    background-color: #fff8e1;
    color: #856404;
    border: 1px solid #ffc107;
}

/* ===== FILAS DE DOCUMENTOS ===== */
.ep-doc-row[b-fmhzs8w9gq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
}

.ep-doc-row:last-child[b-fmhzs8w9gq] {
    border-bottom: none;
    padding-bottom: 0;
}

.ep-doc-row:first-of-type[b-fmhzs8w9gq] {
    border-top: 1px solid #f0f0f0;
    padding-top: 12px;
}

.ep-doc-status-icon[b-fmhzs8w9gq] {
    flex-shrink: 0;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ep-doc-circle[b-fmhzs8w9gq] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #bbb;
    background-color: #fff;
}

.ep-doc-info[b-fmhzs8w9gq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ep-doc-name[b-fmhzs8w9gq] {
    font-size: 14px;
    font-weight: 600;
    color: #1e2d40;
    overflow-wrap: break-word;
}

.ep-doc-date[b-fmhzs8w9gq], .ep-doc-pending-text[b-fmhzs8w9gq], .ep-doc-uploading-text[b-fmhzs8w9gq] {
    font-size: 12px;
    margin-top: 2px;
}

.ep-doc-date[b-fmhzs8w9gq] {
    color: #43a047;
}

.ep-doc-pending-text[b-fmhzs8w9gq] {
    color: #888;
}

.ep-doc-uploading-text[b-fmhzs8w9gq] {
    color: #29b5c6;
}

.ep-doc-file-error[b-fmhzs8w9gq] {
    margin-top: 4px;
}

/* Fila de documento con error de archivo (400 de InsuranceOS o validación local) */
.ep-doc-error[b-fmhzs8w9gq] {
    background-color: #fff5f5;
    border: 1.5px solid #c0392b;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 4px;
}

/* ===== BOTONES DE DOCUMENTO ===== */
.ep-btn-outline[b-fmhzs8w9gq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    border: 1.5px solid #29b5c6;
    border-radius: 8px;
    color: #29b5c6;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
    user-select: none;
    transition: background-color 0.15s;
    white-space: nowrap;
}

.ep-btn-outline:hover[b-fmhzs8w9gq] {
    background-color: #e6f7f9;
}

/* InputFile oculto — el label actúa como botón de selección.
   DEPENDENCIA: el selector ::deep requiere que el ancestro .ep-doc-row esté
   en este componente (recibe el atributo de scope b-xxxx de Blazor). Si
   InputFile se mueve fuera de .ep-doc-row, esta regla dejará de aplicar. */
.ep-doc-row[b-fmhzs8w9gq]  .ep-file-input {
    display: none !important;
}

/* ===== BOTÓN ENVIAR ===== */
.ep-btn-primary[b-fmhzs8w9gq] {
    display: block;
    width: 100%;
    padding: 15px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    transition: opacity 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
}

.ep-btn-active[b-fmhzs8w9gq] {
    background-color: #29b5c6;
    color: #ffffff;
}

.ep-btn-active:hover[b-fmhzs8w9gq] {
    opacity: 0.9;
}

.ep-btn-disabled[b-fmhzs8w9gq] {
    background-color: #b0bec5;
    color: #ffffff;
    cursor: not-allowed;
}

.ep-btn-spinner[b-fmhzs8w9gq] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 3px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: ep-spin-b-fmhzs8w9gq 0.7s linear infinite;
}

/* ===== PRIVACIDAD ===== */
.ep-privacy[b-fmhzs8w9gq] {
    font-size: 12px;
    color: #999;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 0;
}

/* ===== RADICADO ===== */
.ep-radicado-card[b-fmhzs8w9gq] {
    text-align: center;
    margin-bottom: 12px;
}

.ep-radicado-label[b-fmhzs8w9gq] {
    font-size: 13px;
    color: #888;
    margin: 0 0 4px;
}

.ep-radicado-number[b-fmhzs8w9gq] {
    font-size: 22px;
    font-weight: 700;
    color: #1e2d40;
    letter-spacing: 0.5px;
    margin: 0 0 6px;
}

.ep-radicado-hint[b-fmhzs8w9gq] {
    font-size: 13px;
    color: #777;
    margin: 0;
}

/* Tarjeta de radicado: ancho completo, ítems alineados a la izquierda (PORTAL-01-radicado.png) */
.ep-state-center .ep-card[b-fmhzs8w9gq] {
    width: 100%;
    text-align: left;
}

.ep-doc-sent-row[b-fmhzs8w9gq] {
    font-size: 14px;
    color: #555;
    margin: 6px 0;
    text-align: left;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 360px) {
    .ep-btn-outline[b-fmhzs8w9gq] {
        padding: 6px 10px;
        font-size: 12px;
    }
    .ep-greeting[b-fmhzs8w9gq] {
        font-size: 22px;
    }
}

/* ===== DOC COUNT ===== */
.ep-doc-count[b-fmhzs8w9gq] {
    font-size: 14px;
    font-weight: 400;
    color: #888;
}
/* /Components/Pages/Tenants/Comfandi/SinisterConfirmation.razor.rz.scp.css */
/* Contenedor principal */
.confirmation-container[b-1yu1b8ofhp] {
    min-height: 100vh;
    background: linear-gradient(135deg, #F5FCFD 0%, #FFFFFF 100%);
    display: flex;
    flex-direction: column;
    position: relative;
}

/* El tema comfandi aplica 'font olivos' con el selector *, así que la fuente se fija en cada elemento. */
.container-fluid[b-1yu1b8ofhp],
.container-fluid *[b-1yu1b8ofhp] {
    font-family: "Montserrat", sans-serif;
}

/* Contenido de confirmación */
.confirmation-content[b-1yu1b8ofhp] {
    padding: 20px;
}

/* Icono de check */
.check-icon-wrapper i[b-1yu1b8ofhp] {
    font-size: 64px;
    color: #05C3DD;
    animation: checkBounce-b-1yu1b8ofhp 0.6s ease-in-out;
}

@keyframes checkBounce-b-1yu1b8ofhp {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Título */
.confirmation-title[b-1yu1b8ofhp] {
    font-size: 32px;
    font-weight: 700;
    color: #003DA0;
    margin-bottom: 24px;
    line-height: 1.2;
}

/* Descripción */
.confirmation-description[b-1yu1b8ofhp] {
    font-size: 16px;
    color: #2C3948;
    line-height: 1.6;
}

.confirmation-description p[b-1yu1b8ofhp] {
    margin-bottom: 12px;
}

/* Número de caso */
.case-number[b-1yu1b8ofhp] {
    padding: 16px;
    background-color: #F0FAFB;
    border-left: 4px solid #05C3DD;
    border-radius: 4px;
    font-size: 16px;
    color: #2C3948;
}

.case-id[b-1yu1b8ofhp] {
    color: #05C3DD;
    font-weight: 600;
    font-size: 18px;
    white-space: nowrap;
}

/* Caja de información */
.alert-info-box[b-1yu1b8ofhp] {
    padding: 16px;
    background-color: #E8F4F8;
    border: 1px solid #B3E5F2;
    border-radius: 8px;
}

.alert-info-box i[b-1yu1b8ofhp] {
    color: #05C3DD;
    font-size: 20px;
    flex-shrink: 0;
}

.alert-info-box p[b-1yu1b8ofhp] {
    font-size: 14px;
    color: #2C3948;
    line-height: 1.5;
}

/* Botón */
.btn-primary[b-1yu1b8ofhp] {
    background-color: #05C3DD;
    border: none;
    padding: 12px 40px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-1yu1b8ofhp] {
    background-color: #04A8BC;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(5, 195, 221, 0.3);
}

/* Imagen de confirmación */
.confirmation-image img[b-1yu1b8ofhp] {
    max-width: 100%;
    height: auto;
    border-radius: 16px;
    animation: fadeInRight-b-1yu1b8ofhp 0.8s ease-in-out;
}

@keyframes fadeInRight-b-1yu1b8ofhp {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Responsive */
@media (max-width: 992px) {
    .confirmation-image[b-1yu1b8ofhp] {
        margin-top: 32px;
    }
}

@media (max-width: 768px) {
    .confirmation-title[b-1yu1b8ofhp] {
        font-size: 20px;
    }
}
/* /Components/Pages/Tenants/Comfandi/SinisterFooter.razor.rz.scp.css */
.sinister-footer[b-g0sba7fq63] {
    width: 100%;
    min-height: 21px;
    background: #2C3948;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
    margin-top: auto;
}

.sinister-footer__text[b-g0sba7fq63] {
    font-family: "Outfit", sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 20px;
    color: #FFFFFF;
    margin-right: 4px;
}

.sinister-footer__logo[b-g0sba7fq63] {
    width: 70px;
    height: 20px;
    object-fit: contain;
}
/* /Components/Pages/Tenants/Comfandi/SinisterHeader.razor.rz.scp.css */
@font-face {
    font-family: "Montserrat";
    src: url("/css/themes/aress/fonts/Montserrat-Latin-VF.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.sinister-header[b-l3ow7knmnt] {
    position: relative;
    z-index: 20;
}

/* El tema comfandi aplica 'font olivos' con el selector *, así que la fuente se fija en cada elemento. */
.sinister-header[b-l3ow7knmnt],
.sinister-header *[b-l3ow7knmnt] {
    font-family: "Montserrat", sans-serif;
}

/* Navigation 1440x108 */
.sinister-header__nav[b-l3ow7knmnt] {
    height: 108px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    padding: 0 120px 0 122px;
    gap: 40px;
}

.sinister-header__logo[b-l3ow7knmnt] {
    width: 161px;
    height: 79px;
    object-fit: contain;
    flex-shrink: 0;
}

/* Stepper */
.sinister-stepper[b-l3ow7knmnt] {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0 0 0 auto;
    padding: 0;
    gap: 12px;
}

.sinister-stepper__step[b-l3ow7knmnt] {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #ABB7C2;
}

.sinister-stepper__number[b-l3ow7knmnt] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.8px solid #ABB7C2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    flex-shrink: 0;
}

.sinister-stepper__name[b-l3ow7knmnt] {
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
}

.sinister-stepper__step.active[b-l3ow7knmnt] {
    color: #0042A5;
}

.sinister-stepper__step.active .sinister-stepper__number[b-l3ow7knmnt] {
    border: 2.05px solid #0042A5;
}

.sinister-stepper__step.completed[b-l3ow7knmnt] {
    color: #0042A5;
}

.sinister-stepper__step.completed .sinister-stepper__number[b-l3ow7knmnt] {
    background: #0042A5;
    border: 2.05px solid #0042A5;
    color: #FFFFFF;
    font-size: 18px;
}

.sinister-stepper__line[b-l3ow7knmnt] {
    width: 51px;
    height: 0;
    border-top: 1px solid #979797;
}

/* Barra de título 1440x59 */
.sinister-header__title[b-l3ow7knmnt] {
    height: 59px;
    background: #F5F5F5;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
}

.sinister-header__title h1[b-l3ow7knmnt] {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 28.7px;
    font-weight: 500;
    line-height: 41px;
    color: #0042A5;
    text-align: center;
}

/* Tablet */
@media (max-width: 1199.98px) {
    .sinister-header__nav[b-l3ow7knmnt] {
        padding: 0 32px;
    }

    .sinister-stepper__name[b-l3ow7knmnt] {
        font-size: 18px;
    }

    .sinister-stepper__line[b-l3ow7knmnt] {
        width: 32px;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .sinister-header__nav[b-l3ow7knmnt] {
        height: auto;
        flex-direction: column;
        gap: 16px;
        padding: 16px;
    }

    .sinister-header__logo[b-l3ow7knmnt] {
        width: 120px;
        height: 59px;
    }

    .sinister-stepper[b-l3ow7knmnt] {
        margin: 0;
        gap: 8px;
        align-items: flex-start;
    }

    .sinister-stepper__step[b-l3ow7knmnt] {
        flex-direction: column;
        gap: 6px;
    }

    .sinister-stepper__number[b-l3ow7knmnt] {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .sinister-stepper__name[b-l3ow7knmnt] {
        font-size: 13px;
        line-height: 16px;
    }

    .sinister-stepper__line[b-l3ow7knmnt] {
        width: 28px;
        margin-top: 15px;
    }

    .sinister-header__title[b-l3ow7knmnt] {
        height: auto;
        min-height: 48px;
        padding: 8px 16px;
    }

    .sinister-header__title h1[b-l3ow7knmnt] {
        font-size: 20px;
        line-height: 28px;
    }
}
/* /Components/Pages/Tenants/Sbs/ProtectedAdmission/Components/ConfirmationView.razor.rz.scp.css */
/* ===================================
   Advisor Input Styles
   =================================== */

.advisor-input-wrapper[b-8no6e27kyl] {
    margin-top: 16px;
    margin-bottom: 8px;
    padding-left: 32px; /* Alineado con el texto del checkbox */
}

.advisor-label[b-8no6e27kyl] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #4D4D4D;
    margin-bottom: 8px;
}

.advisor-input[b-8no6e27kyl] {
    width: 100%;
    max-width: 400px;
    padding: 12px 16px;
    font-size: 14px;
    color: #4D4D4D;
    background-color: #FFFFFF;
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s ease;
}

.advisor-input:focus[b-8no6e27kyl] {
    border-color: #0071CE;
    box-shadow: 0 0 0 3px rgba(0, 113, 206, 0.1);
}

.advisor-input[b-8no6e27kyl]::placeholder {
    color: #9CA3AF;
}

.advisor-input.error[b-8no6e27kyl] {
    border-color: #DC2626;
}

.advisor-input.error:focus[b-8no6e27kyl] {
    border-color: #DC2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

.error-message[b-8no6e27kyl] {
    display: block;
    margin-top: 6px;
    font-size: 13px;
    color: #DC2626;
}

/* Responsive */
@media (max-width: 767px) {
    .advisor-input-wrapper[b-8no6e27kyl] {
        padding-left: 0;
    }

    .advisor-input[b-8no6e27kyl] {
        max-width: 100%;
    }

    .advisor-label[b-8no6e27kyl] {
        font-size: 13px;
    }

    .advisor-input[b-8no6e27kyl] {
        font-size: 13px;
        padding: 10px 14px;
    }
}

/* /Components/Pages/Tenants/Sbs/ProtectedAdmission/Components/DetailsView.razor.rz.scp.css */
/* ===================================
   Sticky Header - Mobile y Desktop
   =================================== */

/* Mobile: Hero Header fijo + Sidebar Menu sticky */
@media (max-width: 1023px) {
    /* Hacer el Hero Header fijo en mobile */
    [b-3pncd73fcy] .hero-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
        width: 100% !important;
    }

    /* Agregar padding-top al contenido principal para compensar el header fijo en mobile */
    [b-3pncd73fcy] .main-content-details {
        padding-top: 160px !important; /* Altura del hero-header en mobile */
    }

    /* Hacer el Sidebar Menu FIXED en mobile (sticky no funciona en flex container) */
    [b-3pncd73fcy] .sidebar-menu {
        position: fixed !important;
        top: 160px !important; /* Debajo del hero-header fixed (160px de altura) */
        left: 0 !important;
        right: 0 !important;
        z-index: 90 !important;
        background: var(--color-white) !important;
        padding: 12px 16px !important;
        margin: 0 !important;
        width: 100% !important;
        gap: var(--spacing-sm) !important;
        display: flex !important;
        flex-direction: row !important;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08) !important;
    }

    /* Agregar padding-top al contenido para compensar el sidebar fixed */
    [b-3pncd73fcy] .content-layout {
        padding-top: 80px !important; /* Altura aproximada del sidebar (60px + spacing) */
    }
}

/* Desktop: Solo Desktop Header sticky (Hero Header normal, Sidebar normal) */
@media (min-width: 1024px) {
    /* Desktop Header es sticky (definido en protectedadmision.css con position: sticky) */
    /* Hero Header fluye normalmente (sin position: fixed) */

    /* Sidebar Menu normal en desktop (no sticky, es parte del layout 20%-80%) */
    [b-3pncd73fcy] .sidebar-menu {
        position: relative !important;
        top: auto !important;
        z-index: auto !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
        min-width: 200px !important;
        flex-shrink: 0 !important;
    }

    /* Content area takes remaining space */
    [b-3pncd73fcy] .content-area {
        width: auto !important;
        flex: 1;
        max-width: 800px;
    }
}

@media (min-width: 375px) and (max-width: 768px) {
    [b-3pncd73fcy] .content-layout {
        margin-bottom: -40px !important;
    }
}


/* ===================================
   Layout Adjustments (scoped to this component only)
   =================================== */
/* Gap between sidebar and content area */
[b-3pncd73fcy] .content-layout {
    margin-bottom: 80px;
    gap: 24px !important;
    max-width: 1200px;
}

/* ===================================
   White Card - Right Content Container
   =================================== */
[b-3pncd73fcy] .white-card {
    background: #ffffff;
    border: 1px solid #E7EDF2;
    border-radius: 8px;
    padding: 24px 16px;
}

@media (min-width: 1024px) {
    [b-3pncd73fcy] .white-card {
        padding: 24px 40px;
    }
}

/* ===================================
   Striped Background Styles (matching ProtectedAdmission_coverages.razor)
   =================================== */

/* Clases de texto para coberturas */
.txt-gray-insured[b-3pncd73fcy] {
    color: #4D4D4D;
    font-weight: 600;
    font-size: 14px;
}

.txt-gray-light-insured[b-3pncd73fcy] {
    color: #92989F;
    font-weight: 400;
    font-size: 14px;
}

/* Contenedor de filas rayadas */
.div-striped-bg[b-3pncd73fcy] {
    border-radius: 6px;
    overflow: hidden;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .txt-gray-insured[b-3pncd73fcy] {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .txt-gray-light-insured[b-3pncd73fcy] {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .txt-gray-insured[b-3pncd73fcy] {
        font-size: 14px;
    }

    .txt-gray-light-insured[b-3pncd73fcy] {
        font-size: 14px;
    }
}
/* /Components/Pages/Tenants/Sbs/ProtectedAdmission/Components/HomeView.razor.rz.scp.css */
/* Logos SBS / Coopcentral - anclados con position absolute a la esquina
   superior izquierda de .hero-left (igual que el logo queda fijo dentro de
   la imagen del hero en InsuredWelfare), para que el zoom de la página no
   los desplace ni los oculte. */
.hero-logos[b-000kdypxjn] {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10.667px;
    margin: 0;
}

@media (max-width: 1024px) {
    .hero-logos[b-000kdypxjn] {
        top: 16px;
        left: 16px;
    }
}

    /* Estilos para botones CTA - Mismo tamaño para ambos botones */
    @media (min-width: 1024px) {
        .btn-outline[b-000kdypxjn] {
            flex: 0 0 auto !important; /* No permitir que crezca */
            width: 342px !important; /* Mismo ancho que btn-primary */
        }

        .hero-wave[b-000kdypxjn] {
            display: none;
        }
    }

/* ===================================
   FIX: Prevenir cambio de color en hero-text al hacer clic/touch
   =================================== */

/* Protección global del hero-left y sus hijos */
[b-000kdypxjn] .hero-left,
[b-000kdypxjn] .hero-left *,
[b-000kdypxjn] .hero-content,
[b-000kdypxjn] .hero-content *,
[b-000kdypxjn] .hero-text,
[b-000kdypxjn] .hero-text * {
    -webkit-tap-highlight-color: transparent !important;
    color: white !important;
}

/* Forzar color blanco en todos los estados de interacción */
[b-000kdypxjn] .hero-title,
[b-000kdypxjn] .hero-title:hover,
[b-000kdypxjn] .hero-title:active,
[b-000kdypxjn] .hero-title:focus,
[b-000kdypxjn] .hero-title:visited {
    color: white !important;
}

[b-000kdypxjn] .hero-subtitle,
[b-000kdypxjn] .hero-subtitle:hover,
[b-000kdypxjn] .hero-subtitle:active,
[b-000kdypxjn] .hero-subtitle:focus,
[b-000kdypxjn] .hero-subtitle:visited {
    color: white !important;
}

/* Prevenir eventos pointer en textos decorativos */
[b-000kdypxjn] .hero-title,
[b-000kdypxjn] .hero-subtitle {
    pointer-events: none !important;
    user-select: none !important;
}
/* /Components/Pages/Tenants/Sbs/ProtectedAdmission/Components/Shared/StickyFooterDetails.razor.rz.scp.css */
/* ===================================
   Sticky Footer Details - Scoped Styles
   =================================== */

/* Permitir saltos de línea en el título del footer */
@media (min-width: 1024px) {
    .footer-title-details p[b-7lvbqfso24] {
        white-space: normal !important; /* Permitir saltos de línea con <br> */
    }
}

/* /Components/Pages/Tenants/Sbs/ProtectedAdmission/ProtectedAdmission_verification_code.razor.rz.scp.css */
/* ===================================
   Verification Code Page - Mobile Optimization
   =================================== */
@media (min-width: 801px) and (max-width: 854px) {
    .row p[b-h5zzqfyfo2] {
        font-size: 26px !important; /* Reduce el tama�o de la fuente */
    }
}
/* Mobile only - full width without compression */
@media (max-width: 767px) {
    /* App-shell: .page-wrapper ocupa exactamente el viewport visible (100dvh, con
       fallback a 100vh) y no hace scroll; header y footer quedan siempre visibles
       como filas fijas del flex-column, y solo .main-content (el contenido entre
       header y footer) tiene scroll interno propio (overflow-y:auto). Esto evita
       depender del scroll nativo del documento, que en Safari iOS (barra de
       direccion dinamica en iPhone) podia dejar el contenido cortado antes del
       footer sin posibilidad de hacer scroll para verlo completo. */
    [b-h5zzqfyfo2] html,
    [b-h5zzqfyfo2] body {
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    [b-h5zzqfyfo2] .page-wrapper {
        height: 100vh !important;
        height: 100dvh !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Main content: unico elemento con scroll dentro del app-shell.
       padding-bottom extra: garantiza que los action-buttons del final
       del contenido queden con aire debajo (no pegados/tapados por el
       footer) al llegar al final del scroll. */
    [b-h5zzqfyfo2] .main-content {
        flex: 1 1 auto !important;
        min-height: 0 !important; /* permite que el item flex se encoja y habilite el scroll interno */
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 !important;
        padding-bottom: 32px !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* Content card fills the main content */
    [b-h5zzqfyfo2] .content-card {
        border: none !important;
        border-radius: 0 !important;
        padding: 80px 20px !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-shadow: none !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
    }

    /* Footer - fila fija (no flotante) al final del flex-column, siempre visible */
    [b-h5zzqfyfo2] .footer-desktop {
        flex-shrink: 0 !important;
        position: relative !important;
        padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Icon section */
    [b-h5zzqfyfo2] .icon-section {
        margin-bottom: 20px !important;
        margin-top: 35px !important;
    }

    /* Title section */
    [b-h5zzqfyfo2] .title-section {
        margin-bottom: 24px !important;
    }

    [b-h5zzqfyfo2] .page-title {
        font-size: 20px !important;
        line-height: 28px !important;
    }

    [b-h5zzqfyfo2] .page-subtitle {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    /* OTP section */
    [b-h5zzqfyfo2] .otp-section {
        margin-bottom: 24px !important;
    }

    [b-h5zzqfyfo2] .otp-inputs {
        gap: 8px !important;
        justify-content: space-between !important;
    }

    [b-h5zzqfyfo2] .otp-input {
        width: calc((100% - 40px) / 6) !important;
        max-width: 48px !important;
        height: 48px !important;
        font-size: 18px !important;
    }

    /* Action buttons */
    /* No usar column-reverse aqui: protectedadmision.css ya ordena
       Primary arriba / Secondary abajo con `order` (.action-buttons .btn-primary/.btn-secondary).
       column-reverse invierte esa secuencia ya ordenada y deja Secondary arriba. */
    [b-h5zzqfyfo2] .action-buttons {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        padding: 0 16px;
        margin-top: var(--spacing-xl, 32px) !important;
        margin-bottom: 24px !important; /* aire extra antes del footer */
    }

    [b-h5zzqfyfo2] .btn-primary,
    [b-h5zzqfyfo2] .btn-secondary {
        width: 100% !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
        font-weight: bold;
    }

    /* Resend button */
    [b-h5zzqfyfo2] .btn-resend {
        font-size: 14px !important;
        padding: 8px 0 !important;
    }

    /* Error message */
    [b-h5zzqfyfo2] .error-message {
        font-size: 13px !important;
        margin-top: 8px !important;
    }
}

/* Tablet adjustments (374px - 767px) */
@media (min-width: 374px) and (max-width: 767px) {
    /* Bug: faltaba el punto entre .row y .div-container-banner. Como estaba escrito,
       "div-container-banner" se interpretaba como nombre de etiqueta HTML (no existe),
       por lo que esta regla nunca aplicaba y el banner desktop quedaba visible en mobile,
       superpuesto justo encima de MobileHeader. */
    .row.div-container-banner[b-h5zzqfyfo2] {
        display: none !important;
    }
    .main-content[b-h5zzqfyfo2] {
        padding: 0px !important;
    }
}

/* Tablet adjustments (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    [b-h5zzqfyfo2] .main-content {
        padding: 24px !important;
    }

    [b-h5zzqfyfo2] .content-card {
        max-width: 600px !important;
        margin: 0 auto !important;
    }
}

/* Para tablets de 767px a 1024px */
@media (min-width: 767px) and (max-width: 1024px) {
    [b-h5zzqfyfo2] .btn-primary,
    [b-h5zzqfyfo2] .btn-secondary {
        width: 100% !important;
        padding: 14px 20px !important;
        font-size: 16px !important;
        font-weight: bold;
    }
}

/* Resend button */
[b-h5zzqfyfo2] .btn-resend {
    margin-top: 20px !important;
}

/* Pantallas muy angostas (iPhone SE y similares, <=390px):
   menos padding vertical en la card y sin margin-top extra en los botones,
   para ganar espacio visible sin depender de scroll adicional. */
@media (max-width: 391px) {
    [b-h5zzqfyfo2] .content-card {
        padding: 0px 20px !important;
    }

    [b-h5zzqfyfo2] .action-buttons {
        margin-top: 0px !important;
    }

    [b-h5zzqfyfo2] .otp-section {
        margin-bottom: 10px !important;
    }
}

/* /Components/Pages/Tenants/Sbs/ProtectedHome/ProtectedHome_home_information.razor.rz.scp.css */
/* ===================================
   Chevron para InputSelectNumber
   =================================== */

/* Contenedor del select con posicionamiento relativo para el chevron */
[b-583gcsfu7a] .form-floating-select {
    position: relative;
}

/* Ocultar la flecha por defecto del navegador en los selects */
[b-583gcsfu7a] .form-select-quantity {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 40px !important; /* Espacio para el chevron personalizado */
}

/* Chevron personalizado usando ::after */
[b-583gcsfu7a] .form-floating-select::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    pointer-events: none; /* No interferir con el clic en el select */
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%230033A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
}

/* Ajustar posición del chevron cuando hay label flotante */
[b-583gcsfu7a] .form-floating-select label {
    z-index: 0; /* Asegurar que el label esté debajo del chevron */
}

/* Ajuste para que el chevron no se superponga con el texto del mensaje de error */
[b-583gcsfu7a] .form-floating-select p {
    position: relative;
    z-index: 0;
}
/* /Components/Pages/Tenants/Sbs/ProtectedIdentity/Components/DetailsView.razor.rz.scp.css */
/* ===================================
   Fondo de la página - Color #F9FAFA
   =================================== */

/* Aplicar color de fondo a toda la vista */
[b-y1r0e9b1vy] .view-transition-enter {
    background-color: #F9FAFA !important;
    min-height: 100vh;
}

/* ===================================
   Sticky Header - Mobile y Desktop
   =================================== */

/* Mobile: Hero Header fijo + Sidebar Menu sticky */
@media (max-width: 1023px) {
    /* Hacer el Hero Header fijo en mobile */
    [b-y1r0e9b1vy] .hero-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 999 !important;
        width: 100% !important;
    }

    /* Agregar padding-top al contenido principal para compensar el header fijo en mobile */
    [b-y1r0e9b1vy] .main-content-details {
        padding-top: 160px !important; /* Altura del hero-header en mobile */
        background-color: #F9FAFA!important;
    }

    /* Hacer el Sidebar Menu FIXED en mobile (sticky no funciona en flex container) */
    [b-y1r0e9b1vy] .sidebar-menu {
        position: fixed !important;
        top: 160px !important; /* Debajo del hero-header fixed (160px de altura) */
        left: 0 !important;
        right: 0 !important;
        z-index: 90 !important;
        background: var(--color-white) !important;
        padding: 12px 16px !important;
        margin: 0 !important;
        width: 100% !important;
        gap: var(--spacing-sm) !important;
        display: flex !important;
        flex-direction: row !important;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08) !important;
    }

    /* Agregar padding-top al contenido para compensar el sidebar fixed */
    [b-y1r0e9b1vy] .content-layout {
        padding-top: 80px !important; /* Altura aproximada del sidebar (60px + spacing) */
        background-color: #F9FAFA;
    }
}

/* Desktop: Solo Desktop Header sticky (Hero Header normal, Sidebar normal) */
@media (min-width: 1024px) {
    /* Desktop Header es sticky (definido en protectedidentity.css con position: sticky) */
    /* Hero Header fluye normalmente (sin position: fixed) */

    /* Sidebar Menu normal en desktop (no sticky, es parte del layout 20%-80%) */
    [b-y1r0e9b1vy] .sidebar-menu {
        position: relative !important;
        top: auto !important;
        z-index: auto !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
        min-width: 200px !important;
        flex-shrink: 0 !important;
    }

    /* Bug fix: botón inactivo (¿Qué no cubre?) debe tener fondo blanco explícito */
    [b-y1r0e9b1vy] .menu-button:not(.active) {
        background: #fff !important;
    }

    /* Content area takes remaining space */
    [b-y1r0e9b1vy] .content-area {
        width: auto !important;
        flex: 1;
        max-width: 800px;
    }
    
    /* Main content con fondo */
    [b-y1r0e9b1vy] .main-content-details {
        background-color: #F9FAFA!important;
    }
}

@media (min-width: 375px) and (max-width: 768px) {
    [b-y1r0e9b1vy] .content-layout {
        margin-bottom: -40px !important;
    }
}


/* ===================================
   Layout Adjustments (scoped to this component only)
   =================================== */
/* Reduce gap between sidebar and content area */
[b-y1r0e9b1vy] .content-layout {
    margin-bottom: 80px;
    gap: 15px !important;
    max-width: 1200px;
    background-color: #F9FAFA;
}

/* ===================================
   Striped Background Styles (matching ProtectedAdmission_coverages.razor)
   =================================== */

/* Clases de texto para coberturas */
.txt-gray-insured[b-y1r0e9b1vy] {
    color: #4D4D4D;
    font-weight: 600;
    font-size: 14px;
}

.txt-gray-light-insured[b-y1r0e9b1vy] {
    color: #92989F;
    font-weight: 400;
    font-size: 14px;
}

/* Contenedor de filas rayadas */
.div-striped-bg[b-y1r0e9b1vy] {
    border-radius: 6px;
    overflow: hidden;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .txt-gray-insured[b-y1r0e9b1vy] {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .txt-gray-light-insured[b-y1r0e9b1vy] {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .txt-gray-insured[b-y1r0e9b1vy] {
        font-size: 14px;
    }

    .txt-gray-light-insured[b-y1r0e9b1vy] {
        font-size: 14px;
    }
}
.white-container[b-y1r0e9b1vy] {
    background: #fff;
    border: 1px solid #E7EDF2;
    border-radius: 8px;
    padding: 24px;
    flex: 1;
    min-width: 0;
    width: 100%;
}
/* /Components/Pages/Tenants/Sbs/ProtectedIdentity/Components/HomeView.razor.rz.scp.css */
/* Logos SBS / Coopcentral - anclados con position absolute a la esquina
   superior izquierda de .hero-left, para que el zoom de la página no los
   desplace ni los oculte. */
.hero-logos[b-3izla3z5tz] {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10.667px;
    margin: 0;
}

@media (max-width: 1024px) {
    .hero-logos[b-3izla3z5tz] {
        top: 16px;
        left: 16px;
    }
}

/* Estilos para botones CTA - Mismo tamaño para ambos botones */
@media (min-width: 1024px) {
    .btn-outline[b-3izla3z5tz] {
        flex: 0 0 auto !important; /* No permitir que crezca */
        width: 342px !important; /* Mismo ancho que btn-primary */
    }

    .hero-wave[b-3izla3z5tz] {
        display: none;
    }
}
/* /Components/Pages/Tenants/Solidaria/Components/Chat-solidariaComponent.razor.rz.scp.css */
#modal-btn[b-z7md6w82lk] {
    position: fixed;
    bottom: 80px;
    right: 60px;
    background-color: #ffffff00;
    color: white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

iframe[b-z7md6w82lk] {
    border: none;
}
/* /Components/Pages/Tenants/Sura/Components/Transportes-carruselQuote.razor.rz.scp.css */
/* Estilos específicos para el carrusel de coberturas */

/* Mobile First - Estilos base para móvil */
.carousel-indicators [data-bs-target][b-tw60ignhsk] {
    border-bottom: 0;
    background-color: #ccc;
    border-radius: 50%;
    border-top: 0;
    width: 0.625rem;
    height: 0.625rem;
    opacity: 0.6;
    margin-right: 0.25rem;
    margin-left: 0.25rem;
    transition: all 0.3s ease;
}

.carousel-indicators .active[b-tw60ignhsk] {
    opacity: 1;
    border-bottom: 0;
    background-color: #172554;
    border-radius: 50%;
    border-top: 0;
    width: 0.625rem;
    height: 0.625rem;
    transform: scale(1.2);
}

.carousel-control-next[b-tw60ignhsk], 
.carousel-control-prev[b-tw60ignhsk] {
    border-radius: 50%;
    border: 2px solid #e1e5eb;
    background-color: white;
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1rem;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.carousel-control-next:hover[b-tw60ignhsk], 
.carousel-control-prev:hover[b-tw60ignhsk] {
    border-color: #172554;
    background-color: #f8f9fa;
}

.carousel-control-next:disabled[b-tw60ignhsk], 
.carousel-control-prev:disabled[b-tw60ignhsk] {
    background-color: #f3f3f3;
    color: #d1d1d1;
    border-color: #e9ecef;
    opacity: 0.6;
}

.carousel-item[b-tw60ignhsk] {
    list-style: none;
    transition: transform 0.6s ease-in-out;
}

.slide-content[b-tw60ignhsk] {
    padding: 1rem;
}

.cobertura__titulo[b-tw60ignhsk] {
    color: #172554;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.cobertura__descripcion[b-tw60ignhsk] {
    color: #53565a;
    font-size: 0.75rem;
    font-family: 'Raleway', sans-serif;
    line-height: 1.3;
    margin-bottom: 0;
}

.card-img-top[b-tw60ignhsk] {
    border-radius: 1.25rem 1.25rem 0 0;
    height: 7.3125rem;
    object-fit: cover;
    object-position: center;
}

.card-body[b-tw60ignhsk] {
    padding: 0.75rem;
    background-color: #ffffff;
    border-radius: 0 0 1.25rem 1.25rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}

/* Estilos para tablets */
@media (min-width: 576px) {
    .carousel-control-next[b-tw60ignhsk], 
    .carousel-control-prev[b-tw60ignhsk] {
        height: 3rem;
        width: 3rem;
        font-size: 1.125rem;
    }
    
    .cobertura__titulo[b-tw60ignhsk] {
        font-size: 1.0625rem;
    }
    
    .cobertura__descripcion[b-tw60ignhsk] {
        font-size: 0.8125rem;
    }
    
    .card-img-top[b-tw60ignhsk] {
        height: 8rem;
    }
    
    .card-body[b-tw60ignhsk] {
        padding: 1rem;
    }
}

/* Estilos para desktop */
@media (min-width: 768px) {
    .carousel-indicators [data-bs-target][b-tw60ignhsk] {
        width: 0.75rem;
        height: 0.75rem;
    }
    
    .carousel-indicators .active[b-tw60ignhsk] {
        width: 0.75rem;
        height: 0.75rem;
    }
    
    .slide-content[b-tw60ignhsk] {
        padding: 1.5rem;
    }
}

/* Mejoras para accesibilidad táctil */
@media (hover: none) and (pointer: coarse) {
    .carousel-control-next[b-tw60ignhsk], 
    .carousel-control-prev[b-tw60ignhsk] {
        height: 3.5rem;
        width: 3.5rem;
        font-size: 1.25rem;
    }
}
/* /Components/Pages/Tenants/Sura/Components/Transportes-footer.razor.rz.scp.css */
/* Estilos específicos para el footer de transportes */

/* Mobile First - Estilos base para móvil */
.logo-aliado-sura[b-ayu01wv5jd] {
    width: 150px;
    max-width: 90%;
    height: auto;
    margin: 1rem 0;
}

.logo-asosubasta[b-ayu01wv5jd] {
    width: 320px !important;
    max-width: 90%;
    height: auto;
    margin: 1rem 0;
}

.logo-instagram[b-ayu01wv5jd] {
    width: 3.3125rem;
    height: auto;
    margin: 0.5rem 0;
    transition: transform 0.3s ease;
}

.logo-instagram:hover[b-ayu01wv5jd] {
    transform: scale(1.1);
}

.logo-sekure[b-ayu01wv5jd] {
    width: 180px;
    max-width: 80%;
    height: auto;
    margin: 1rem 0;
}

.planes__title[b-ayu01wv5jd] {
    color: #172554;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
}

.wrapper-beneficios[b-ayu01wv5jd] {
    padding: 1rem 0;
}

.planes[b-ayu01wv5jd] {
    padding: 1.5rem 0;
}

/* Texto del footer */
.footer-description[b-ayu01wv5jd] {
    color: #53565a;
    font-family: 'Raleway', sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    text-align: center;
    margin: 1rem 0;
}

.footer-copyright[b-ayu01wv5jd] {
    color: #53565a;
    font-family: 'Raleway', sans-serif;
    font-size: 0.75rem;
    text-align: center;
    margin: 1rem 0;
}

/* Estilos para tablets */
@media (min-width: 576px) {
    .logo-aliado-sura[b-ayu01wv5jd] {
        width: 180px;
    }
    
    .logo-asosubasta[b-ayu01wv5jd] {
        width: 400px !important;
    }
    
    .logo-sekure[b-ayu01wv5jd] {
        width: 214px;
    }
    
    .planes__title[b-ayu01wv5jd] {
        font-size: 1.5rem;
    }
    
    .footer-description[b-ayu01wv5jd] {
        font-size: 1rem;
    }
    
    .footer-copyright[b-ayu01wv5jd] {
        font-size: 0.875rem;
    }
}

/* Estilos para desktop */
@media (min-width: 768px) {
    .logo-aliado-sura[b-ayu01wv5jd] {
        width: 200px;
    }
    
    .logo-asosubasta[b-ayu01wv5jd] {
        width: 500px !important;
    }
    
    .wrapper-beneficios[b-ayu01wv5jd] {
        padding: 2rem 0;
    }
    
    .planes[b-ayu01wv5jd] {
        padding: 2rem 0;
    }
}

/* Estilos para pantallas grandes */
@media (min-width: 992px) {
    .logo-aliado-sura[b-ayu01wv5jd] {
        width: 200px;
    }
    
    .logo-asosubasta[b-ayu01wv5jd] {
        width: 550px !important;
    }
}

/* Animaciones para los logos */
@media (prefers-reduced-motion: no-preference) {
    .logo-aliado-sura[b-ayu01wv5jd],
    .logo-asosubasta[b-ayu01wv5jd],
    .logo-sekure[b-ayu01wv5jd] {
        transition: transform 0.3s ease, opacity 0.3s ease;
    }
    
    .logo-aliado-sura:hover[b-ayu01wv5jd],
    .logo-asosubasta:hover[b-ayu01wv5jd],
    .logo-sekure:hover[b-ayu01wv5jd] {
        transform: scale(1.05);
    }
}

/* Mejoras de accesibilidad */
@media (prefers-reduced-motion: reduce) {
    .logo-instagram[b-ayu01wv5jd],
    .logo-aliado-sura[b-ayu01wv5jd],
    .logo-asosubasta[b-ayu01wv5jd],
    .logo-sekure[b-ayu01wv5jd] {
        transition: none;
    }
    
    .logo-instagram:hover[b-ayu01wv5jd],
    .logo-aliado-sura:hover[b-ayu01wv5jd],
    .logo-asosubasta:hover[b-ayu01wv5jd],
    .logo-sekure:hover[b-ayu01wv5jd] {
        transform: none;
    }
}
/* /Components/Pages/Tenants/Sura/Components/Transportes-menuQuote.razor.rz.scp.css */
/* Estilos específicos para el menú de transportes */

/* Mobile First - Estilos base para móvil */
.header[b-r989zzknbe] {
    background-color: #ffffff;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 100;
}

/* Los estilos del logo están en el archivo principal transporte-sura.css */

.navbar-component[b-r989zzknbe] {
    padding: 0.75rem 0;
    display: flex;
    align-items: start;
    justify-content: center;
}

.navbar-brand[b-r989zzknbe] {
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.navbar-brand:hover[b-r989zzknbe] {
    transform: scale(1.05);
    text-decoration: none;
}


/* Banner styles */
.banner[b-r989zzknbe] {
    position: relative;
    overflow: hidden;
}

.swiper-container[b-r989zzknbe] {
    width: 100%;
    height: 100%;
}

.swiper-wrapper[b-r989zzknbe] {
    display: flex;
    align-items: center;
}

.swiper-slide[b-r989zzknbe] {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 10rem;
}

.swiper-slider__item[b-r989zzknbe] {
    min-height: 10rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

/* Overlay para mejorar legibilidad del texto en el banner */
.swiper-slider__item[b-r989zzknbe]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(23, 37, 84, 0.7) 0%, rgba(23, 37, 84, 0.3) 100%);
    z-index: 1;
}

/* Estilos para tablets */
@media (min-width: 576px) {
    .swiper-slider__item[b-r989zzknbe] {
        min-height: 12rem;
    }

    .navbar-component[b-r989zzknbe] {
        padding: 1rem 0;
    }
}

/* Estilos para desktop */
@media (min-width: 768px) {


    .swiper-slider__item[b-r989zzknbe] {
        min-height: 20rem;
        background-size: cover;
        background-position: center;
    }

    .header[b-r989zzknbe] {
        box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
    }
}

/* Estilos para pantallas grandes */
@media (min-width: 992px) {
    .swiper-slider__item[b-r989zzknbe] {
        min-height: 25rem;
    }


}

/* Estilos para pantallas extra grandes */
@media (min-width: 1200px) {
    .swiper-slider__item[b-r989zzknbe] {
        min-height: 33rem;
    }


}

/* Mejoras de accesibilidad */
@media (prefers-reduced-motion: reduce) {
    .navbar-brand[b-r989zzknbe] {
        transition: none;
    }
    
    .navbar-brand:hover[b-r989zzknbe] {
        transform: none;
    }
}

/* Focus states para accesibilidad */
.navbar-brand:focus[b-r989zzknbe] {
    outline: 2px solid #009300;
    outline-offset: 2px;
    border-radius: 0.25rem;
}

/* Mejoras para dispositivos táctiles */
@media (hover: none) and (pointer: coarse) {
    .navbar-brand:hover[b-r989zzknbe] {
        transform: none;
    }
    
    .navbar-brand:active[b-r989zzknbe] {
        transform: scale(0.98);
    }
}
/* /Components/Pages/Tenants/Sura/Transportes/Transportes-index.razor.rz.scp.css */
/* Estilos específicos para la página principal de transportes */

/* Mobile First - Estilos base para móvil */
.card-quote-front[b-3fonzz2n41] {
    position: relative;
    top: -1.50rem;
    right: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.title-card-quote[b-3fonzz2n41] {
    font-weight: 700;
    color: #172554;
    font-size: 0.875rem;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0.5rem;
}

.input__quote_transporte[b-3fonzz2n41] {
    display: flex;
    align-items: center;
    border: 2px solid #e1e5eb;
    border-radius: 0.75rem;
    padding: 0.5rem 1rem;
    width: 100%;
    background: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}

.input__quote_transporte .currency[b-3fonzz2n41] {
    color: #d1d1d1;
    font-size: 1.5rem;
    margin-right: 0.5rem;
    font-weight: 600;
}

.input__quote_transporte input[b-3fonzz2n41] {
    border: none;
    outline: none;
    color: #172554;
    background: transparent;
    width: 100%;
    max-width: 150px;
    font-weight: 600;
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.planes__button[b-3fonzz2n41] {
    background-color: #009300;
    font-size: 0.875rem;
    color: #ffffff;
    font-weight: 700;
    border: 0;
    border-radius: 0.3125rem;
    width: 100%;
    min-width: 4.8125rem;
    padding: 0.75rem 1.125rem;
    text-transform: none;
    font-weight: bold;
    height: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

.planes__button:hover[b-3fonzz2n41] {
    background-color: #007a00;
}

/* Estilos para tablets */
@media (min-width: 576px) {
    .input__quote_transporte input[b-3fonzz2n41] {
        font-size: 1.5rem;
        max-width: 200px;
    }
    
    .input__quote_transporte .currency[b-3fonzz2n41] {
        font-size: 2rem;
    }
    
    .title-card-quote[b-3fonzz2n41] {
        font-size: 1rem;
    }
}

/* Estilos para desktop */
@media (min-width: 768px) {
    .input__quote_transporte input[b-3fonzz2n41] {
        max-width: 220px;
        font-size: 1.5rem;
    }
    
    .card-quote-front[b-3fonzz2n41] {
        top: -2rem;
    }
}

/* Estilos para pantallas grandes */
@media (min-width: 992px) {
    .input__quote_transporte[b-3fonzz2n41] {
        padding: 0.75rem 1.25rem;
    }
    
    .planes__button[b-3fonzz2n41] {
        min-width: 6rem;
        height: 2rem;
    }
}

/* Diseño horizontal del campo de valor de factura según Figma */
.invoice-value-container[b-3fonzz2n41] {
    display: flex;
    align-items: center;
    gap: 19px;
    width: 100%;
    padding: 10px;
}

.invoice-value-label[b-3fonzz2n41] {
    flex-shrink: 0;
    width: 95px;
}

.invoice-label-text[b-3fonzz2n41] {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #172554;
    line-height: 18px;
}

.invoice-value-input[b-3fonzz2n41] {
    flex: 1;
    min-width: 113px;
}

.invoice-value-input .input__quote_transporte[b-3fonzz2n41] {
    height: 35px;
    border: 1px solid #e5e7eb;
    border-radius: 5px;
    padding: 3px 9px;
    display: flex;
    align-items: center;
}

.invoice-value-input .currency[b-3fonzz2n41] {
    color: #e5e7eb;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}

.invoice-value-input input[b-3fonzz2n41] {
    border: none;
    outline: none;
    background: transparent;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    color: #172554;
    width: 100%;
    padding: 0;
    margin: 0;
}

.invoice-value-button[b-3fonzz2n41] {
    flex-shrink: 0;
    width: 77px;
}

.invoice-value-button .planes__button[b-3fonzz2n41] {
    width: 100%;
    height: 28px;
    padding: 0 18px;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    border-radius: 5px;
    background-color: #009300;
    color: white;
    border: none;
    font-family: 'Raleway', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive para móviles pequeños */
@media (max-width: 375px) {
    .invoice-value-container[b-3fonzz2n41] {
        gap: 8px;
        padding: 8px;
        flex-wrap: nowrap;
    }

    .invoice-value-label[b-3fonzz2n41] {
        width: 70px;
    }

    .invoice-label-text[b-3fonzz2n41] {
        font-size: 11px;
        line-height: 14px;
    }

    .invoice-value-input[b-3fonzz2n41] {
        min-width: 90px;
    }

    .invoice-value-button[b-3fonzz2n41] {
        width: 60px;
    }

    .invoice-value-button .planes__button[b-3fonzz2n41] {
        font-size: 12px;
        height: 26px;
        line-height: 26px;
        padding: 0 12px;
    }
}

/* Responsive para móviles muy pequeños */
@media (max-width: 320px) {
    .invoice-value-container[b-3fonzz2n41] {
        gap: 6px;
        padding: 6px;
    }

    .invoice-value-label[b-3fonzz2n41] {
        width: 60px;
    }

    .invoice-label-text[b-3fonzz2n41] {
        font-size: 10px;
        line-height: 12px;
    }

    .invoice-value-input[b-3fonzz2n41] {
        min-width: 80px;
    }

    .invoice-value-button[b-3fonzz2n41] {
        width: 55px;
    }

    .invoice-value-button .planes__button[b-3fonzz2n41] {
        font-size: 11px;
        height: 24px;
        line-height: 24px;
        padding: 0 8px;
    }
}
/* /Components/SekureAdminAress/Components/FieldTypeModal.razor.rz.scp.css */
.modal-content[b-0nfhrzj9sg] {
    justify-content: center;
    align-items: center;
    width: 445px !important;
    padding: 34px;
}

.text-aling-justify[b-0nfhrzj9sg] {
    text-align: justify;
}

.modal-content-form[b-0nfhrzj9sg] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 1081px !important;
    background-color: white;
    padding: 34px;
    border-radius: 20px;
    pointer-events: auto;
    outline: 0;
}

.modal-dialog-centered[b-0nfhrzj9sg] {
    max-width: 1081px !important;
}
/* /Components/SekureAdminAress/Components/NavMenu.razor.rz.scp.css */
.sidebar[b-k7mi3glh2e] {
    width: 285px;
    height: 87%;
    position: fixed;
    top: 90px;
    left: 0;
    display: flex;
    flex-direction: column; /* Organizar elementos en columna */
    justify-content: space-between; /* Distribuye elementos */
}

.navbar[b-k7mi3glh2e] {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    z-index: 2;
    background-color: white;
}

.bg-gradient-primary[b-k7mi3glh2e] {
    background-color: #ffffff;
    /* background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%); */
    background-size: cover;
}

.accordion[b-k7mi3glh2e] {
    overflow-anchor: none;
}

.navbar-nav[b-k7mi3glh2e] {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.content[b-k7mi3glh2e] {
    flex: 1 0 auto;
}

.profile[b-k7mi3glh2e] {
    display: flex;
    justify-content: end;
}


.bg-secundary[b-k7mi3glh2e] {
    background-color: #F5F5F5;
    min-height: 100vh;
}

.section-sidebar-padding[b-k7mi3glh2e] {
    padding: 2rem 3rem;
}


.sidebar img[b-k7mi3glh2e] {
    width: 100%; /* Ajusta el tamaño de la imagen */
    max-height: 80px; /* Opcional: define una altura máxima */
    object-fit: contain; /* Mantiene la proporción de la imagen */
    padding: 0rem 3rem;
}

.text-profile[b-k7mi3glh2e] {
    font-weight: 600;
    font-size: 16px;
    color: #2C3948;
}

.text-subprofile[b-k7mi3glh2e] {
    font-weight: 500;
    font-size: 14;
    color: #6B737C;
}

.padding-cero[b-k7mi3glh2e] {
    padding: none;
}

.accordion-item[b-k7mi3glh2e] {
    border: none;
    padding: 8px 0px;
    outline: none;
}

.accordion-body[b-k7mi3glh2e] {
    padding: 16px 10px;
}

.accordion-button[b-k7mi3glh2e] {
    padding: 0px;
}

.text-underline-none[b-k7mi3glh2e] {
    text-decoration: none;
    color: #6B737C;
    font-weight: 500;
    font-size: 16px;
}

    .text-underline-none:active[b-k7mi3glh2e] {
        color: #90195B;
    }

.accordion-button:not(.collapsed)[b-k7mi3glh2e] {
    color: #90195B;
    background-color: white;
    box-shadow: none;
}

.accordion-button:focus[b-k7mi3glh2e] {
    box-shadow: none;
}
/* /Components/SekureAdminComfandi/Agreement/AgreementDetailList.razor.rz.scp.css */
.table-container.no-limit-height[b-d1b1ne0hbg] {
    max-height: none !important;
}

/* Scroll horizontal para la tabla - SIEMPRE visible */
.table-responsive-horizontal[b-d1b1ne0hbg] {
    overflow-x: scroll !important;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

    .table-responsive-horizontal table[b-d1b1ne0hbg] {
        width: max-content;
        min-width: 100%;
        table-layout: auto;
    }

        .table-responsive-horizontal table th[b-d1b1ne0hbg],
        .table-responsive-horizontal table td[b-d1b1ne0hbg] {
            white-space: normal;
            word-wrap: break-word;
            overflow-wrap: break-word;
            max-width: 200px;
            padding: 12px;
        }

        .table-responsive-horizontal table th[b-d1b1ne0hbg] {
            min-width: 100px;
        }

/* Remover el color de fondo del header de la tabla */
.table-light[b-d1b1ne0hbg] {
    --bs-table-bg: transparent !important;
    background-color: transparent !important;
}

.table-responsive-horizontal[b-d1b1ne0hbg]::-webkit-scrollbar {
    height: 10px;
}

.table-responsive-horizontal[b-d1b1ne0hbg]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.table-responsive-horizontal[b-d1b1ne0hbg]::-webkit-scrollbar-thumb {
    background: #05C3DD;
    border-radius: 4px;
}

    .table-responsive-horizontal[b-d1b1ne0hbg]::-webkit-scrollbar-thumb:hover {
        background: #04a8c0;
    }

input[disabled][b-d1b1ne0hbg],
textarea[disabled][b-d1b1ne0hbg] {
    background-color: #f9f9f9 !important;
    color: #444 !important;
}

.form-control[b-d1b1ne0hbg],
.form-select[b-d1b1ne0hbg] {
    height: 38px;
    font-size: 15px;
    padding: 0 15px;
}
/* /Components/SekureAdminComfandi/Agreement/AgreementList.razor.rz.scp.css */
.table-container.no-limit-height[b-egg6favlnh] {
    max-height: none !important;
}

/* Scroll horizontal para la tabla - SIEMPRE visible */
.table-responsive-horizontal[b-egg6favlnh] {
    overflow-x: scroll !important;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}

    .table-responsive-horizontal table[b-egg6favlnh] {
        width: max-content;
        min-width: 100%;
        table-layout: auto;
    }

        .table-responsive-horizontal table th[b-egg6favlnh],
        .table-responsive-horizontal table td[b-egg6favlnh] {
            white-space: normal;
            word-wrap: break-word;
            overflow-wrap: break-word;
            max-width: 200px;
            padding: 12px;
        }

        .table-responsive-horizontal table th[b-egg6favlnh] {
            min-width: 100px;
        }

/* Remover el color de fondo del header de la tabla */
.table-light[b-egg6favlnh] {
    --bs-table-bg: transparent !important;
    background-color: transparent !important;
}

.table-responsive-horizontal[b-egg6favlnh]::-webkit-scrollbar {
    height: 10px;
}

.table-responsive-horizontal[b-egg6favlnh]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.table-responsive-horizontal[b-egg6favlnh]::-webkit-scrollbar-thumb {
    background: #05C3DD;
    border-radius: 4px;
}

    .table-responsive-horizontal[b-egg6favlnh]::-webkit-scrollbar-thumb:hover {
        background: #04a8c0;
    }

input[disabled][b-egg6favlnh],
textarea[disabled][b-egg6favlnh] {
    background-color: #f9f9f9 !important;
    color: #444 !important;
}

.form-control[b-egg6favlnh],
.form-select[b-egg6favlnh] {
    height: 38px;
    font-size: 15px;
    padding: 0 15px;
}

/* Estilos para checkboxes redondos personalizados */
.custom-round-checkbox[b-egg6favlnh] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #05C3DD;
    background-color: white;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

    .custom-round-checkbox:checked[b-egg6favlnh] {
        background-color: white;
        border-color: #05C3DD;
    }

        .custom-round-checkbox:checked[b-egg6favlnh]::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-54%, -47%);
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #05C3DD;
        }

    .custom-round-checkbox:hover[b-egg6favlnh] {
        border-color: #04a8c0;
    }

/* Estilos para radio buttons del dropdown */
.custom-radio-execute[b-egg6favlnh] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #05C3DD;
    background-color: white;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

    .custom-radio-execute:checked[b-egg6favlnh] {
        background-color: white;
        border-color: #05C3DD;
    }

        .custom-radio-execute:checked[b-egg6favlnh]::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #05C3DD;
        }

/* Estilos para el botón Ejecutar */
.btn-ejecutar[b-egg6favlnh] {
    background-color: #6c757d;
    border: none;
    color: white;
    transition: all 0.3s ease;
}

    .btn-ejecutar.active[b-egg6favlnh] {
        background-color: #05C3DD;
    }

    .btn-ejecutar:hover[b-egg6favlnh] {
        opacity: 0.9;
    }

.dropdown-ejecutar[b-egg6favlnh] {
    min-width: 350px;
    padding: 20px;
    border-radius: 8px;
}

.btn-ejecutar-proceso[b-egg6favlnh] {
    background-color: #d3d3d3;
    border: none;
    color: #666;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    cursor: not-allowed;
}

    .btn-ejecutar-proceso.enabled[b-egg6favlnh] {
        background-color: #05C3DD;
        color: white;
        cursor: pointer;
    }

.btn-outline-dark[b-egg6favlnh] {
    border-color: #05C3DD;
    color: #05C3DD;
}

    .btn-outline-dark:hover[b-egg6favlnh] {
        background-color: #05C3DD;
        color: #fff;
    }

.modal-md-custom[b-egg6favlnh] {
    max-width: 650px;
    width: 100%;
}
/* /Components/SekureAdminComfandi/Agreement/EditAgreement.razor.rz.scp.css */
.form-title[b-0ortgeuryn] {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.section-title[b-0ortgeuryn] {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}

.card[b-0ortgeuryn] {
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.form-control[b-0ortgeuryn],
.form-select[b-0ortgeuryn] {
    height: 38px;
    font-size: 15px;
    padding: 0 15px;
}

input[disabled][b-0ortgeuryn],
textarea[disabled][b-0ortgeuryn] {
    background-color: #f9f9f9 !important;
    color: #444 !important;
}

.btn-outline-dark[b-0ortgeuryn] {
    border-color: #05C3DD;
    color: #05C3DD;
}

    .btn-outline-dark:hover[b-0ortgeuryn] {
        background-color: #05C3DD;
        color: #fff;
    }

.btn-primary[b-0ortgeuryn] {
    background-color: #05C3DD;
    border: none;
}

    .btn-primary:hover[b-0ortgeuryn] {
        background-color: #03b5cd;
    }

/* Estilos para tablas responsivas */
.table-responsive[b-0ortgeuryn] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0;
}

    .table-responsive table[b-0ortgeuryn] {
        margin-bottom: 0;
        white-space: nowrap;
    }

/* Asegurar que las tablas no se salgan de la card */
.card .table-responsive[b-0ortgeuryn] {
    max-width: 100%;
}

/* Estilos para el scrollbar en navegadores webkit */
.table-responsive[b-0ortgeuryn]::-webkit-scrollbar {
    height: 8px;
}

.table-responsive[b-0ortgeuryn]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.table-responsive[b-0ortgeuryn]::-webkit-scrollbar-thumb {
    background: #05C3DD;
    border-radius: 4px;
}

    .table-responsive[b-0ortgeuryn]::-webkit-scrollbar-thumb:hover {
        background: #03b5cd;
    }

.uploadPlan-container[b-0ortgeuryn] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 8px;
    width: 100%;
    max-width: 100%;
}

.upload-label[b-0ortgeuryn] {
    font-size: 14px;
    color: #6c757d;
}

.upload-input[b-0ortgeuryn] {
    display: none;
}

.file-info[b-0ortgeuryn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    align-self: center;
}

.uploadPlan-box[b-0ortgeuryn] {
    width: 100%;
    max-width: 100%;
    height: 200px;
    border: 1px dashed #a5b1c2;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    color: #6c757d;
    transition: border 0.3s ease;
}

.file-info-box[b-0ortgeuryn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px 12px;
    background-color: #f9f9f9;
    width: 100%;
    max-width: 100%;
}

.file-content[b-0ortgeuryn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pdf-icon[b-0ortgeuryn] {
    width: 24px;
}

.file-name[b-0ortgeuryn] {
    font-weight: 500;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}

.file-actions[b-0ortgeuryn] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.download-icon i[b-0ortgeuryn] {
    font-size: 18px;
    color: #007bff;
    cursor: pointer;
}

.btn-remove[b-0ortgeuryn] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

    .btn-remove i[b-0ortgeuryn] {
        color: #888;
        font-size: 18px;
    }
/* /Components/SekureAdminComfandi/Auditorias/Auditoria.razor.rz.scp.css */
th[b-u3v8cykw41], td[b-u3v8cykw41] {
    text-align: center;
}

th[b-u3v8cykw41] {
    min-width: 50px;
}

.card[b-u3v8cykw41] {
    border-radius: 20px;
    --bs-card-border-color: none;
}

.card-body[b-u3v8cykw41] {
    padding: 33px 34px;
}

.description-text[b-u3v8cykw41] {
    text-align: justify;
}

.page-item[b-u3v8cykw41] {
    margin: 0px 10px;
}

.page-link[b-u3v8cykw41] {
    border: none;
    color: black;
}

    .active > .page-link[b-u3v8cykw41], .page-link.active[b-u3v8cykw41] {
        background-color: #90195B !important;
        color: white;
        border-radius: 5px;
    }

.select-paginator[b-u3v8cykw41] {
    width: 20%;
    height: 40px;
}

.alert-succes[b-u3v8cykw41] {
    color: #3A9900;
    background-color: rgba(38, 255, 18, 0.1);
    border-color: #26FF12;
}

.bi-check-circle-fill[b-u3v8cykw41]::before {
    color: #26FF12;
}

.alert-danger[b-u3v8cykw41] {
    color: #FF0909;
    background-color: rgba(232, 11, 11, 0.1);
    border-color: #FF0909;
}

.bi-x-circle-fill[b-u3v8cykw41]::before {
    color: #FF0909;
}

@keyframes fadeIn-b-u3v8cykw41 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut-b-u3v8cykw41 {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.alert[b-u3v8cykw41] {
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

    .alert.show[b-u3v8cykw41] {
        animation: fadeIn-b-u3v8cykw41 0.5s forwards;
    }

    .alert.hide[b-u3v8cykw41] {
        animation: fadeOut-b-u3v8cykw41 0.5s forwards;
    }

.search-button[b-u3v8cykw41] {
    width: 46px;
    height: 46px;
    background-color: #90195b;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .search-button:hover[b-u3v8cykw41] {
        background-color: #7a1550;
    }

.form-control[b-u3v8cykw41],
.form-select[b-u3v8cykw41] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control:focus[b-u3v8cykw41],
    .form-select:focus[b-u3v8cykw41] {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
/* /Components/SekureAdminComfandi/Auditorias/AuditoriaEventos.razor.rz.scp.css */
th[b-v2lsdrkm4m], td[b-v2lsdrkm4m] {
    text-align: center;
}

th[b-v2lsdrkm4m] {
    min-width: 50px;
}

.card[b-v2lsdrkm4m] {
    border-radius: 20px;
    --bs-card-border-color: none;
}

.card-body[b-v2lsdrkm4m] {
    padding: 33px 34px;
}

.description-text[b-v2lsdrkm4m] {
    text-align: justify;
}

.page-item[b-v2lsdrkm4m] {
    margin: 0px 10px;
}

.page-link[b-v2lsdrkm4m] {
    border: none;
    color: black;
}

    .active > .page-link[b-v2lsdrkm4m], .page-link.active[b-v2lsdrkm4m] {
        background-color: #05C3DD !important;
        color: white;
        border-radius: 5px;
    }

.select-paginator[b-v2lsdrkm4m] {
    width: 20%;
    height: 40px;
}

.alert-succes[b-v2lsdrkm4m] {
    color: #3A9900;
    background-color: rgba(38, 255, 18, 0.1);
    border-color: #26FF12;
}

.bi-check-circle-fill[b-v2lsdrkm4m]::before {
    color: #26FF12;
}

.alert-danger[b-v2lsdrkm4m] {
    color: #FF0909;
    background-color: rgba(232, 11, 11, 0.1);
    border-color: #FF0909;
}

.bi-x-circle-fill[b-v2lsdrkm4m]::before {
    color: #FF0909;
}

@keyframes fadeIn-b-v2lsdrkm4m {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut-b-v2lsdrkm4m {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.alert[b-v2lsdrkm4m] {
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

    .alert.show[b-v2lsdrkm4m] {
        animation: fadeIn-b-v2lsdrkm4m 0.5s forwards;
    }

    .alert.hide[b-v2lsdrkm4m] {
        animation: fadeOut-b-v2lsdrkm4m 0.5s forwards;
    }

.search-button[b-v2lsdrkm4m] {
    width: 46px;
    height: 46px;
    background-color: #05C3DD;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .search-button:hover[b-v2lsdrkm4m] {
        background-color: #7a1550;
    }

.form-control[b-v2lsdrkm4m],
.form-select[b-v2lsdrkm4m] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control:focus[b-v2lsdrkm4m],
    .form-select:focus[b-v2lsdrkm4m] {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

/* Request/Response del detalle: mismos valores que el modal de Auditoría eventos SBS */
.json-box[b-v2lsdrkm4m] {
    background: #f8f9fa;
    border-radius: 4px;
    padding: 10px;
    max-height: 200px;
    overflow: auto;
    font-size: 0.85rem;
    white-space: pre-wrap;
    word-break: break-all;
    text-align: left;
}
/* /Components/SekureAdminComfandi/Auditorias/DestinatariosAlertas.razor.rz.scp.css */
/* El .button del tema admin-comfandi alinea el texto a la derecha con el ícono en posición absoluta
   (pensado para "Crear promoción"); aquí el texto es corto, así que ícono y texto se centran juntos. */
.create-promotion-btn[b-tnvloed53v] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .create-promotion-btn svg[b-tnvloed53v] {
        position: static;
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
/* /Components/SekureAdminComfandi/Components/FieldTypeModal.razor.rz.scp.css */
.modal-content[b-mbg8h5c4hd] {
    justify-content: center;
    align-items: center;
    width: 445px !important;
    padding: 34px;
}

.text-aling-justify[b-mbg8h5c4hd] {
    text-align: justify;
}

.modal-content-form[b-mbg8h5c4hd] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 1081px !important;
    background-color: white;
    padding: 34px;
    border-radius: 20px;
    pointer-events: auto;
    outline: 0;
}

.modal-dialog-centered[b-mbg8h5c4hd] {
    max-width: 1081px !important;
}
/* /Components/SekureAdminComfandi/Components/NavMenu.razor.rz.scp.css */
.sidebar[b-0jg7c8g4va] {
    width: 285px;
    height: 87%;
    position: fixed;
    top: 90px;
    left: 0;
    display: flex;
    flex-direction: column; /* Organizar elementos en columna */
    justify-content: space-between; /* Distribuye elementos */
}

.navbar[b-0jg7c8g4va] {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    z-index: 2;
    background-color: white;
}

.bg-gradient-primary[b-0jg7c8g4va] {
    background-color: #ffffff;
    /* background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%); */
    background-size: cover;
}

.accordion[b-0jg7c8g4va] {
    overflow-anchor: none;
}

.navbar-nav[b-0jg7c8g4va] {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.content[b-0jg7c8g4va] {
    flex: 1 0 auto;
}

.profile[b-0jg7c8g4va] {
    display: flex;
    justify-content: end;
}


.bg-secundary[b-0jg7c8g4va] {
    background-color: #F5F5F5;
    min-height: 100vh;
}

.section-sidebar-padding[b-0jg7c8g4va] {
    padding: 2rem 3rem;
}


.sidebar img[b-0jg7c8g4va] {
    width: 100%; /* Ajusta el tamaño de la imagen */
    max-height: 80px; /* Opcional: define una altura máxima */
    object-fit: contain; /* Mantiene la proporción de la imagen */
    padding: 0rem 3rem;
}

.text-profile[b-0jg7c8g4va] {
    font-weight: 600;
    font-size: 16px;
    color: #2C3948;
}

.text-subprofile[b-0jg7c8g4va] {
    font-weight: 500;
    font-size: 14;
    color: #6B737C;
}

.padding-cero[b-0jg7c8g4va] {
    padding: none;
}

.accordion-item[b-0jg7c8g4va] {
    border: none;
    padding: 8px 0px;
    outline: none;
}

.accordion-body[b-0jg7c8g4va] {
    padding: 16px 10px;
}

.accordion-button[b-0jg7c8g4va] {
    padding: 0px;
}

.text-underline-none[b-0jg7c8g4va] {
    text-decoration: none;
    color: #6B737C;
    font-weight: 500;
    font-size: 16px;
}

    .text-underline-none:active[b-0jg7c8g4va] {
        color: #90195B;
    }

.accordion-button:not(.collapsed)[b-0jg7c8g4va] {
    color: #90195B;
    background-color: white;
    box-shadow: none;
}

.accordion-button:focus[b-0jg7c8g4va] {
    box-shadow: none;
}

/* Bug 18929: por debajo de 992 px (mismo corte del navbar-expand-lg) el sidebar no ocupa espacio; se abre encima del contenido con el botón de menú. */
.sidebar-toggle[b-0jg7c8g4va] {
    position: fixed;
    top: 25px;
    left: 12px;
    z-index: 1031;
    width: 40px;
    height: 40px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background-color: #ffffff;
    font-size: 22px;
    line-height: 1;
    color: #2C3948;
}

.sidebar-backdrop[b-0jg7c8g4va] {
    position: fixed;
    inset: 0;
    z-index: 1029;
    background-color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 991.98px) {
    .sidebar[b-0jg7c8g4va] {
        z-index: 1030;
        min-width: 0;
        max-width: 85vw;
        overflow-y: auto;
        background-color: #ffffff;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
    }

    .sidebar.show[b-0jg7c8g4va] {
        transform: translateX(0);
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
    }
}
/* /Components/SekureAdminComfandi/Components/NovedadesGastoEmpresa/ExclusionIndividualComponent.razor.rz.scp.css */
/* Pseudo-Modal Overlay (Controlada por Blazor) */
.blazor-modal-overlay[b-sjn759lulb] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    backdrop-filter: blur(2px);
    /* Indicar que no se puede hacer clic para cerrar */
    cursor: default;
}

/* Botón de cerrar (X) */
.btn-close[b-sjn759lulb] {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1054;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.btn-close:hover[b-sjn759lulb] {
    color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    transform: scale(1.1);
}

.exclusion-individual-container[b-sjn759lulb] {
    padding: 20px;
}

.text-primary[b-sjn759lulb] {
    color: #05C3DD !important;
}

/* Modal Styles */
.exclusion-modal-content[b-sjn759lulb] {
    border: none;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1051;
    background: white;
    /* Asegurar que el contenido de la modal sea claramente interactivo */
    cursor: auto;
}

/* Asegurar que todos los elementos estén por encima del overlay */
.modal-dialog[b-sjn759lulb] {
    position: relative;
    z-index: 1051;
}

.modal-header[b-sjn759lulb] {
    position: relative;
    z-index: 1053;
}

.modal-body[b-sjn759lulb] {
    position: relative;
    z-index: 1053;
}

.exclusion-modal-container[b-sjn759lulb] {
    padding: 65px 23px;
    display: flex;
    flex-direction: column;
    gap: 80px;
    align-items: center;
    width: 100%;
    max-width: 713px;
    margin: 0 auto;
}

.exclusion-modal-header[b-sjn759lulb] {
    display: flex;
    flex-direction: column;
    gap: 42px;
    width: 100%;
    max-width: 644px;
}

.exclusion-modal-title[b-sjn759lulb] {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 40px;
    line-height: 28px;
    color: #000;
    margin: 0;
    text-align: left;
}

.exclusion-modal-subtitle[b-sjn759lulb] {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #000;
    margin: 0;
    text-align: justify;
}

.exclusion-form-container[b-sjn759lulb] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 644px;
}

.exclusion-form-row[b-sjn759lulb] {
    display: flex;
    gap: 40px;
    width: 100%;
}

.exclusion-form-field[b-sjn759lulb] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 302px;
}

.exclusion-field-label[b-sjn759lulb] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #6b737c;
    margin: 0;
}

.required-asterisk[b-sjn759lulb] {
    color: #ff0909;
}

/* Estilos para validación de errores según Figma */
.error .form-select[b-sjn759lulb],
.error .form-control[b-sjn759lulb] {
    border-color: #ff0909 !important;
    box-shadow: none;
}

/* Mensaje de error individual por campo */
.error-message-field[b-sjn759lulb] {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #ff0909;
    margin-top: 5px;
}

/* Mensaje de error general */
.error-message-general[b-sjn759lulb] {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #ff0909;
    margin-top: 10px;
}

.exclusion-modal-buttons[b-sjn759lulb] {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
}

.exclusion-btn-cancel[b-sjn759lulb],
.exclusion-btn-confirm[b-sjn759lulb] {
    width: 200px;
    height: 48px;
    border-radius: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.exclusion-btn-cancel[b-sjn759lulb] {
    background: transparent;
    border: 1px solid #05c3dd;
    color: #000;
}

.exclusion-btn-cancel:hover[b-sjn759lulb] {
    background: #f8f9fa;
}

.exclusion-btn-confirm[b-sjn759lulb] {
    background: #05c3dd;
    border: none;
    color: white;
}

.exclusion-btn-confirm:hover:not(:disabled)[b-sjn759lulb] {
    background: #04a8c4;
}

.exclusion-btn-confirm:disabled[b-sjn759lulb] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    .exclusion-modal-container[b-sjn759lulb] {
        padding: 40px 20px;
        gap: 40px;
    }
    
    .exclusion-modal-title[b-sjn759lulb] {
        font-size: 32px;
    }
    
    .exclusion-form-row[b-sjn759lulb] {
        flex-direction: column;
        gap: 20px;
    }
    
    .exclusion-form-field[b-sjn759lulb] {
        width: 100%;
    }
    
    .exclusion-modal-buttons[b-sjn759lulb] {
        flex-direction: column;
        gap: 20px;
    }
    
    .exclusion-btn-cancel[b-sjn759lulb],
    .exclusion-btn-confirm[b-sjn759lulb] {
        width: 100%;
    }
}

/* Mejoras de UX para prevenir cierre accidental */
.blazor-modal-overlay[b-sjn759lulb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
/* /Components/SekureAdminComfandi/Components/NovedadesGastoEmpresa/ImportNovedadModal.razor.rz.scp.css */
/* Pseudo-Modal Overlay (Controlada por Blazor) */
.blazor-modal-overlay[b-79sincobai] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    backdrop-filter: blur(2px);
    /* Indicar que no se puede hacer clic para cerrar */
    cursor: default;
}

/* Estilos para el modal de importación de novedades */
.import-modal-content[b-79sincobai] {
    border-radius: 16px; /* Puedes ajustar el valor según tu preferencia */
    overflow: hidden;
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1051; /* Asegurar que esté por encima del overlay */
    background: white; /* Fondo blanco sólido */
}

.import-modal-container[b-79sincobai] {
    padding: 30px;
    position: relative;
    z-index: 1052; /* Por encima del modal-content */
    background: white; /* Asegurar fondo blanco */
}

/* Asegurar que todos los elementos estén por encima del overlay */
.modal-dialog[b-79sincobai] {
    position: relative;
    z-index: 1051;
}

.modal-header[b-79sincobai] {
    position: relative;
    z-index: 1053;
}

.modal-body[b-79sincobai] {
    position: relative;
    z-index: 1053;
}

/* Botón de cerrar - mover a la derecha */
.btn-close[b-79sincobai] {
    position: absolute;
    top: 15px;
    right: 15px; /* Cambiar de left a right */
    z-index: 1054;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.btn-close:hover[b-79sincobai] {
    color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    transform: scale(1.1);
}

/* Asegurar que todos los elementos de texto y contenido estén por encima */
.import-modal-header[b-79sincobai] {
    position: relative;
    z-index: 1053;
}

.import-modal-title[b-79sincobai] {
    position: relative;
    z-index: 1053;
}

.import-modal-subtitle[b-79sincobai] {
    position: relative;
    z-index: 1053;
}

.upload-label[b-79sincobai] {
    position: relative;
    z-index: 1053;
}

.file-info[b-79sincobai] {
    position: relative;
    z-index: 1054;
    background: #f8f9fa;
}

.alert[b-79sincobai] {
    position: relative;
    z-index: 1054;
}

/* Header del modal */
.import-modal-header[b-79sincobai] {
    margin-bottom: 25px;
    text-align: center;
}

.import-modal-title[b-79sincobai] {
    color: #333;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 8px;
}

.import-modal-subtitle[b-79sincobai] {
    color: #666;
    font-size: 14px;
    margin-bottom: 0;
}

/* Sección de descarga de plantilla */
.template-download-section[b-79sincobai] {
    margin-bottom: 25px;
    text-align: center;
    position: relative;
    z-index: 1053; /* Por encima del overlay */
}

.template-download-card[b-79sincobai] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.documentosexcel[b-79sincobai] {
    background-color: var(--blanco, #ffffff);
    border-color: var(--mercury-4, #e0e0e0);
    margin-top: 20px;
    gap: 12px;
    padding: 12px 10px;
    width: 80%;
    transition: all 0.2s ease;
    position: relative;
    z-index: 1054; /* Por encima de todo */
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.documentosexcel:hover[b-79sincobai] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.iconos-documentos[b-79sincobai] {
    width: 24px;
    height: 24px;
}

.plantilla[b-79sincobai] {
    margin: 0;
    flex: 1;
}

/* Sección de carga de archivo */
.file-upload-section[b-79sincobai] {
    margin-bottom: 25px;
    position: relative;
    z-index: 1053; /* Por encima del overlay */
}

.campo-de-adjuntar[b-79sincobai] {
    margin-bottom: 20px;
}

.upload-container[b-79sincobai] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.upload-label[b-79sincobai] {
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

.upload-box[b-79sincobai] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 2px dashed #ddd;
    border-radius: 8px;
    padding: 40px 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #fafbfc;
    gap: 10px;
    position: relative;
    z-index: 1054; /* Por encima de todo */
}

.upload-box:hover[b-79sincobai] {
    border-color: #05C3DD;
    background: #f0fdff;
}

.upload-box span[b-79sincobai] {
    color: #666;
    font-size: 14px;
    text-align: center;
}

.upload-input[b-79sincobai] {
    display: none;
}

.file-info[b-79sincobai] {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    background: #f8f9fa;
}

.txt-1 p[b-79sincobai] {
    color: #333;
    font-weight: 500;
}

/* Botones de acción */
.import-modal-buttons[b-79sincobai] {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
    position: relative;
    z-index: 1053; /* Por encima del overlay */
}

.import-btn-cancel[b-79sincobai],
.import-btn-confirm[b-79sincobai] {
    padding: 12px 32px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 140px;
}

.import-btn-cancel[b-79sincobai] {
    background: #6c757d;
    color: white;
}

.import-btn-cancel:hover:not(:disabled)[b-79sincobai] {
    background: #5a6268;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
}

.import-btn-confirm[b-79sincobai] {
    background: #05C3DD;
    color: white;
}

.import-btn-confirm:hover:not(:disabled)[b-79sincobai] {
    background: #04a8c0;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(5, 195, 221, 0.3);
}

.import-btn-cancel:disabled[b-79sincobai],
.import-btn-confirm:disabled[b-79sincobai] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Alertas */
.alert[b-79sincobai] {
    padding: 15px;
    border-radius: 6px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    gap: 10px;
}

.alert-danger[b-79sincobai] {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.alert i[b-79sincobai] {
    font-size: 16px;
}

/* Spinner */
.spinner-border-sm[b-79sincobai] {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

/* Mejoras de UX para prevenir cierre accidental */
.import-modal-content[b-79sincobai] {
    /* Asegurar que el contenido de la modal sea claramente interactivo */
    cursor: auto;
}

.blazor-modal-overlay[b-79sincobai]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

/* Responsive */
@media (max-width: 768px) {
    .import-modal-container[b-79sincobai] {
        padding: 20px;
    }

    .documentosexcel[b-79sincobai] {
        width: 100%;
    }

    .upload-box[b-79sincobai] {
        padding: 30px 15px;
    }

    .import-modal-buttons[b-79sincobai] {
        flex-direction: column;
    }

    .import-btn-cancel[b-79sincobai],
    .import-btn-confirm[b-79sincobai] {
        width: 100%;
    }
}
/* /Components/SekureAdminComfandi/Components/NovedadesGastoEmpresa/InclusionIndividualComponent.razor.rz.scp.css */
/* Estilos para el formulario de inclusión individual */
.text-primary[b-95h87ijcce] {
    color: #05C3DD !important;
}

/* Título de la sección según Figma */
[b-95h87ijcce] .inclusion-section-title {
    margin-bottom: 15px;
}

[b-95h87ijcce] .inclusion-section-title h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #2c3948;
    margin: 0;
}

/* Contenedor del formulario */
.inclusion-form-content[b-95h87ijcce] {
    max-width: 100%;
    margin: 0;
}

/* Filas del formulario - 3 columnas según Figma */
[b-95h87ijcce] .inclusion-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 30px;
}

[b-95h87ijcce] .inclusion-form-row:last-child {
    margin-bottom: 0;
}

/* Campos del formulario */
[b-95h87ijcce] .inclusion-form-field {
    display: flex;
    flex-direction: column;
}

/* Labels */
[b-95h87ijcce] .inclusion-field-label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #6b737c;
    margin: 0 0 15px 0;
}

[b-95h87ijcce] .required-asterisk {
    color: #ff0909;
}

/* Inputs y selects */
[b-95h87ijcce] .inclusion-form-field .form-control,
[b-95h87ijcce] .inclusion-form-field .form-select {
    height: 40px;
    border: 1px solid #e3e4e5;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    padding: 8px 15px;
    transition: border-color 0.2s ease;
}

[b-95h87ijcce] .inclusion-form-field .form-control:focus,
[b-95h87ijcce] .inclusion-form-field .form-select:focus {
    border-color: #05C3DD;
    box-shadow: 0 0 0 3px rgba(5, 195, 221, 0.1);
    outline: none;
}

[b-95h87ijcce] .inclusion-form-field .form-control::placeholder {
    color: #a5b1bf;
    font-style: italic;
}

/* Estados de error */
[b-95h87ijcce] .error .form-control,
[b-95h87ijcce] .error .form-select {
    border-color: #ff0909 !important;
    box-shadow: none;
}

/* Mensajes de error */
[b-95h87ijcce] .error-message-field {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #ff0909;
    margin-top: 5px;
}

[b-95h87ijcce] .error-message-general {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #ff0909;
    margin-top: 20px;
    text-align: center;
    padding: 15px;
    background-color: #fff5f5;
    border: 1px solid #fed7d7;
    border-radius: 6px;
}

/* Botones */
[b-95h87ijcce] .inclusion-form-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #e5e7eb;
}

[b-95h87ijcce] .inclusion-btn-cancel,
[b-95h87ijcce] .inclusion-btn-confirm {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    padding: 12px 32px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 120px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-95h87ijcce] .inclusion-btn-cancel {
    background-color: #ffffff;
    color: #6b737c;
    border: 1px solid #d1d5db;
}

[b-95h87ijcce] .inclusion-btn-cancel:hover {
    background-color: #f9fafb;
    border-color: #9ca3af;
}

[b-95h87ijcce] .inclusion-btn-confirm {
    background-color: #05C3DD;
    color: #ffffff;
}

[b-95h87ijcce] .inclusion-btn-confirm:hover:not(:disabled) {
    background-color: #0891b2;
}

[b-95h87ijcce] .inclusion-btn-confirm:disabled {
    background-color: #9ca3af;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 992px) {
    [b-95h87ijcce] .inclusion-form-row {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    [b-95h87ijcce] .inclusion-form-row {
        grid-template-columns: 1fr;
        gap: 15px;
        margin-bottom: 20px;
    }

    [b-95h87ijcce] .inclusion-form-buttons {
        flex-direction: column;
        gap: 15px;
        margin-top: 30px;
    }

    [b-95h87ijcce] .inclusion-btn-cancel,
    [b-95h87ijcce] .inclusion-btn-confirm {
        width: 100%;
    }
}
/* /Components/SekureAdminComfandi/Components/NovedadesGastoEmpresa/ResultNovedadModal.razor.rz.scp.css */
/* Pseudo-Modal Overlay (Controlada por Blazor) */
.blazor-modal-overlay[b-fvdu9czxe7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    backdrop-filter: blur(2px);
    /* Indicar que no se puede hacer clic para cerrar */
    cursor: default;
}

/* Estilos para el modal de resultados según Figma */
.result-modal-content[b-fvdu9czxe7] {
    border: none;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    background: white;
    /* Asegurar que el contenido de la modal sea claramente interactivo */
    cursor: auto;
}

/* Botón de cerrar (X) */
.btn-close[b-fvdu9czxe7] {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1054;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.btn-close:hover[b-fvdu9czxe7] {
    color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    transform: scale(1.1);
}

.result-modal-container[b-fvdu9czxe7] {
    padding: 50px 117px;
    max-width: 954px;
    margin: 0 auto;
}

/* Header del modal */
.result-modal-header[b-fvdu9czxe7] {
    text-align: left;
    margin-bottom: 50px;
}

.result-modal-title[b-fvdu9czxe7] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #2c3948;
    margin: 0 0 15px 0;
}

.result-modal-subtitle[b-fvdu9czxe7] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #2c3948;
    margin: 0;
}

/* Resumen de resultados */
.results-summary[b-fvdu9czxe7] {
    margin-bottom: 50px;
    padding: 10px;
    width: 696px;
}

.summary-item[b-fvdu9czxe7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 20px;
    border-radius: 10px;
    border-bottom: 1px solid rgba(217, 217, 217, 0.2);
}

.summary-item.total[b-fvdu9czxe7] {
    background: rgba(217, 217, 217, 0.4);
    border-bottom: 1px solid #e3e4e5;
}

.summary-content[b-fvdu9czxe7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.summary-label[b-fvdu9czxe7] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #2c3948;
    width: 570px;
}

.summary-item.total .summary-label[b-fvdu9czxe7] {
    font-weight: 700;
}

.summary-value[b-fvdu9czxe7] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #2c3948;
    text-align: right;
    width: 40px;
}

.summary-item.total .summary-value[b-fvdu9czxe7] {
    font-weight: 700;
}

/* Sección de descarga */
.download-results-section[b-fvdu9czxe7] {
    margin-bottom: 50px;
}

.download-description[b-fvdu9czxe7] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #2c3948;
    margin-bottom: 20px;
}

.result-download-card[b-fvdu9czxe7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 10px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 80%;
    margin: 0 auto;
}

.result-download-card:hover[b-fvdu9czxe7] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.result-file-icon[b-fvdu9czxe7] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result-file-icon img[b-fvdu9czxe7] {
    width: 100%;
    height: 100%;
}

.result-file-info[b-fvdu9czxe7] {
    flex: 1;
    margin: 0 15px;
}

.result-filename[b-fvdu9czxe7] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #2c3948;
    margin: 0;
}

.download-action[b-fvdu9czxe7] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.download-action img[b-fvdu9czxe7] {
    width: 100%;
    height: 100%;
}

/* Botón de acción */
.modal-actions[b-fvdu9czxe7] {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.btn-accept[b-fvdu9czxe7] {
    background: #05C3DD;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 12px 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 140px;
}

.btn-accept:hover[b-fvdu9czxe7] {
    background: #04a8c0;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(5, 195, 221, 0.3);
}

/* Responsive */
@media (max-width: 768px) {
    .result-modal-container[b-fvdu9czxe7] {
        padding: 30px 20px;
        max-width: 100%;
    }

    .results-summary[b-fvdu9czxe7] {
        width: 100%;
    }

    .result-download-card[b-fvdu9czxe7] {
        width: 100%;
    }
}

/* Sección de descarga de resultados */
.download-results-section[b-fvdu9czxe7] {
    margin-bottom: 30px;
}

.download-description[b-fvdu9czxe7] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #6c757d;
    margin: 0 0 20px 0;
    text-align: left;
}

.result-download-card[b-fvdu9czxe7] {
    display: flex;
    align-items: center;
    padding: 20px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #f8f9fa;
}

.result-download-card:hover[b-fvdu9czxe7] {
    border-color: #05C3DD;
    background: #f0fdff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(5, 195, 221, 0.15);
}

.result-file-icon[b-fvdu9czxe7] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #28a745;
    border-radius: 8px;
    margin-right: 15px;
}

.result-file-icon i[b-fvdu9czxe7] {
    font-size: 24px;
    color: white;
}

.result-file-info[b-fvdu9czxe7] {
    flex: 1;
}

.result-file-info h4[b-fvdu9czxe7] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #2c3948;
    margin: 0 0 5px 0;
}

.result-file-info p[b-fvdu9czxe7] {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #6c757d;
    margin: 0;
}

/* Botones de acción */
.modal-actions[b-fvdu9czxe7] {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.modal-actions .btn[b-fvdu9czxe7] {
    padding: 12px 32px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 140px;
}

.modal-actions .btn-primary[b-fvdu9czxe7] {
    background: #05C3DD;
    color: white;
}

.modal-actions .btn-primary:hover[b-fvdu9czxe7] {
    background: #04a8c0;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(5, 195, 221, 0.3);
}

/* Mejoras de UX para prevenir cierre accidental */
.blazor-modal-overlay[b-fvdu9czxe7]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

/* Responsive */
@media (max-width: 768px) {
    .result-modal-container[b-fvdu9czxe7] {
        padding: 20px;
    }

    .summary-card[b-fvdu9czxe7] {
        padding: 15px;
    }

    .result-download-card[b-fvdu9czxe7] {
        padding: 15px;
    }

    .summary-content[b-fvdu9czxe7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .summary-value[b-fvdu9czxe7] {
        text-align: left;
    }
}
/* /Components/SekureAdminComfandi/Components/NovedadesGastoEmpresa/WarningModal.razor.rz.scp.css */
/* Pseudo-Modal Overlay (Controlada por Blazor) - Z-index más alto para aparecer sobre otras modales */
.blazor-modal-overlay[b-i1865f9er6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    backdrop-filter: blur(2px);
    /* Indicar que no se puede hacer clic para cerrar */
    cursor: default;
}

/* Estilos para el modal de advertencia */
.warning-modal-content[b-i1865f9er6] {
    border: none;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    background: white;
    /* Asegurar que el contenido de la modal sea claramente interactivo */
    cursor: auto;
}

.warning-modal-container[b-i1865f9er6] {
    padding: 40px 30px 30px 30px;
    position: relative;
    z-index: 1062;
    background: white;
    border-radius: 20px;
}

/* Botón de cerrar (X) */
.btn-close[b-i1865f9er6] {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1064;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.btn-close:hover[b-i1865f9er6] {
    background-color: #f8f9fa;
    color: #333;
}

/* Header de la modal */
.warning-modal-header[b-i1865f9er6] {
    text-align: center;
    margin-bottom: 30px;
}

.warning-icon-container[b-i1865f9er6] {
    margin-bottom: 20px;
}

.warning-icon[b-i1865f9er6] {
    width: 80px;
    height: 80px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.warning-modal-title[b-i1865f9er6] {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0;
    line-height: 1.3;
}

/* Contenedor del mensaje */
.warning-message-container[b-i1865f9er6] {
    text-align: center;
    margin-bottom: 40px;
}

.warning-message-text[b-i1865f9er6] {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
    margin: 0;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

/* Botones de la modal */
.warning-modal-buttons[b-i1865f9er6] {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.warning-btn-close[b-i1865f9er6] {
    background: #05C3DD;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.warning-btn-close:hover:not(:disabled)[b-i1865f9er6] {
    background: #04a8c0;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(5, 195, 221, 0.3);
}

.warning-btn-close:disabled[b-i1865f9er6] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Asegurar que todos los elementos estén por encima del overlay y otras modales */
.modal-dialog[b-i1865f9er6] {
    position: relative;
    z-index: 1061;
}

.modal-header[b-i1865f9er6] {
    position: relative;
    z-index: 1063;
}

.modal-body[b-i1865f9er6] {
    position: relative;
    z-index: 1063;
}

/* Mejoras de UX para prevenir cierre accidental */
.warning-modal-content[b-i1865f9er6] {
    /* Asegurar que el contenido de la modal sea claramente interactivo */
    cursor: auto;
}

.blazor-modal-overlay[b-i1865f9er6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

/* Responsive */
@media (max-width: 768px) {
    .warning-modal-container[b-i1865f9er6] {
        padding: 30px 20px 20px 20px;
    }

    .warning-modal-title[b-i1865f9er6] {
        font-size: 20px;
    }

    .warning-message-text[b-i1865f9er6] {
        font-size: 14px;
    }

    .warning-btn-close[b-i1865f9er6] {
        width: 100%;
        min-width: auto;
    }

    .warning-icon[b-i1865f9er6] {
        width: 60px;
        height: 60px;
    }
}
/* /Components/SekureAdminComfandi/EndososAdmin/EndosoForm.razor.rz.scp.css */
.btn-wrapper-disabled[b-ao2z7t807s] {
    cursor: not-allowed;
    display: inline-block;
}
/* /Components/SekureAdminModule/Auditorias/Auditoria.razor.rz.scp.css */
th[b-uiphtwrhpn], td[b-uiphtwrhpn] {
    text-align: center;
}

th[b-uiphtwrhpn] {
    min-width: 50px;
}

.card[b-uiphtwrhpn] {
    border-radius: 20px;
    --bs-card-border-color: none;
}

.card-body[b-uiphtwrhpn] {
    padding: 33px 34px;
}

.description-text[b-uiphtwrhpn] {
    text-align: justify;
}

.page-item[b-uiphtwrhpn] {
    margin: 0px 10px;
}

.page-link[b-uiphtwrhpn] {
    border: none;
    color: black;
}

    .active > .page-link[b-uiphtwrhpn], .page-link.active[b-uiphtwrhpn] {
        background-color: #90195B !important;
        color: white;
        border-radius: 5px;
    }

.select-paginator[b-uiphtwrhpn] {
    width: 20%;
    height: 40px;
}

.alert-succes[b-uiphtwrhpn] {
    color: #3A9900;
    background-color: rgba(38, 255, 18, 0.1);
    border-color: #26FF12;
}

.bi-check-circle-fill[b-uiphtwrhpn]::before {
    color: #26FF12;
}

.alert-danger[b-uiphtwrhpn] {
    color: #FF0909;
    background-color: rgba(232, 11, 11, 0.1);
    border-color: #FF0909;
}

.bi-x-circle-fill[b-uiphtwrhpn]::before {
    color: #FF0909;
}

@keyframes fadeIn-b-uiphtwrhpn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut-b-uiphtwrhpn {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.alert[b-uiphtwrhpn] {
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

    .alert.show[b-uiphtwrhpn] {
        animation: fadeIn-b-uiphtwrhpn 0.5s forwards;
    }

    .alert.hide[b-uiphtwrhpn] {
        animation: fadeOut-b-uiphtwrhpn 0.5s forwards;
    }

.search-button[b-uiphtwrhpn] {
    width: 46px;
    height: 46px;
    background-color: #90195b;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .search-button:hover[b-uiphtwrhpn] {
        background-color: #7a1550;
    }

.form-control[b-uiphtwrhpn],
.form-select[b-uiphtwrhpn] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control:focus[b-uiphtwrhpn],
    .form-select:focus[b-uiphtwrhpn] {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
/* /Components/SekureAdminModule/Authority/AuthorityRelation/AuthorityRelationList.razor.rz.scp.css */
/* Estilos para el componente PolicyTypeList */

/* Sección de filtros */
.filters-card[b-us4uo7uuhd] {
    background-color: white;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: none;
}

.filters-title[b-us4uo7uuhd] {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 24px;
}

.filter-label[b-us4uo7uuhd] {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #6b737c;
    margin-bottom: 8px;
}

.filter-input[b-us4uo7uuhd], .filter-select[b-us4uo7uuhd] {
    height: 46px;
    border: 1px solid #e3e4e5;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 12px 17px;
    background-color: #fff !important;
}

    .filter-input[b-us4uo7uuhd]::placeholder {
        color: #9ca3af;
    }

.search-button[b-us4uo7uuhd] {
    width: 46px;
    height: 46px;
    background-color: #90195b;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .search-button:hover[b-us4uo7uuhd] {
        background-color: #7a1550;
    }

/* Botón Importar/Exportar */
.btn-import-export[b-us4uo7uuhd] {
    background-color: #fff;
    color: #90195b;
    border: 1.5px solid #90195b;
    border-radius: 8px;
    padding: 0 18px;
    height: 46px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

    .btn-import-export:hover[b-us4uo7uuhd] {
        background-color: #f9edf4;
        color: #90195b;
    }

    .btn-import-export[b-us4uo7uuhd]::after {
        display: none !important; /* quitar el ::after de Bootstrap, usamos SVG propio */
    }

    .btn-import-export .chevron-icon[b-us4uo7uuhd] {
        margin-left: 4px;
        transition: transform 0.2s;
    }

    .btn-import-export.show .chevron-icon[b-us4uo7uuhd] {
        transform: rotate(180deg);
    }

/* Botón Reasignar */
.btn-reassign[b-us4uo7uuhd] {
    background-color: #90195b;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0 18px;
    height: 46px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s, opacity 0.2s;
}

    .btn-reassign:hover:not(:disabled)[b-us4uo7uuhd] {
        background-color: #7a1550;
    }

    .btn-reassign:disabled[b-us4uo7uuhd] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Selector de fila / modal - checkbox cuadrado SBS */
.reassign-checkbox[b-us4uo7uuhd] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    min-width: 18px;
    border: 2px solid #b0b7be;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.15s, background-color 0.15s;
    vertical-align: middle;
    flex-shrink: 0;
}

.reassign-checkbox:checked[b-us4uo7uuhd] {
    background-color: #90195b;
    border-color: #90195b;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 8l4 4 7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px 11px;
}

.reassign-checkbox:hover:not(:checked)[b-us4uo7uuhd] {
    border-color: #90195b;
}

.reassign-checkbox:focus[b-us4uo7uuhd] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(144, 25, 91, 0.18);
}

/* Barra superior dentro de la card de la grilla */
.reassign-bottom-bar[b-us4uo7uuhd] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #e3e4e5;
}

.table-row-selected[b-us4uo7uuhd] {
    background-color: #f9edf4 !important;
}

/* Modal Reasignar */
.modal-backdrop-reassign[b-us4uo7uuhd] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.45);
    z-index: 1040;
}

.modal-reassign[b-us4uo7uuhd] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.modal-reassign-dialog[b-us4uo7uuhd] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    width: 100%;
    max-width: 680px;
    pointer-events: all;
    display: flex;
    flex-direction: column;
    min-height: 600px;
    max-height: 92vh;
}

.modal-reassign-header[b-us4uo7uuhd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 16px;
    border-bottom: 1px solid #e3e4e5;
}

.modal-reassign-title[b-us4uo7uuhd] {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #1a1d23;
    margin: 0;
}

.modal-reassign-close[b-us4uo7uuhd] {
    background: none;
    border: none;
    cursor: pointer;
    color: #6b737c;
    padding: 4px;
    display: flex;
    align-items: center;
}

    .modal-reassign-close:hover[b-us4uo7uuhd] {
        color: #1a1d23;
    }

.modal-reassign-body[b-us4uo7uuhd] {
    padding: 20px 24px;
    overflow-y: auto;
    flex: 1;
}

.modal-reassign-subtitle[b-us4uo7uuhd] {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #6b737c;
    margin-bottom: 16px;
}

.approver-list[b-us4uo7uuhd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.approver-item[b-us4uo7uuhd] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid #e3e4e5;
    border-radius: 10px;
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s;
}

    .approver-item:hover[b-us4uo7uuhd] {
        border-color: #90195b;
        background-color: #fdf5f9;
    }

.approver-item-selected[b-us4uo7uuhd] {
    border-color: #90195b !important;
    background-color: #f9edf4 !important;
}

.approver-info[b-us4uo7uuhd] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.approver-name[b-us4uo7uuhd] {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #1a1d23;
}

.approver-role[b-us4uo7uuhd] {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #6b737c;
}

.approver-current-badge[b-us4uo7uuhd] {
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #90195b;
    background-color: #f9edf4;
    border: 1px solid #90195b;
    border-radius: 20px;
    padding: 2px 10px;
    white-space: nowrap;
}

.modal-reassign-footer[b-us4uo7uuhd] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px 20px;
    border-top: 1px solid #e3e4e5;
}

.btn-reassign-cancel[b-us4uo7uuhd] {
    background: #fff;
    color: #6b737c;
    border: 1.5px solid #e3e4e5;
    border-radius: 8px;
    padding: 0 20px;
    height: 42px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s;
}

    .btn-reassign-cancel:hover[b-us4uo7uuhd] {
        border-color: #90195b;
        color: #90195b;
    }

.btn-reassign-save[b-us4uo7uuhd] {
    background-color: #90195b;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0 20px;
    height: 42px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, opacity 0.2s;
}

    .btn-reassign-save:hover:not(:disabled)[b-us4uo7uuhd] {
        background-color: #7a1550;
    }

    .btn-reassign-save:disabled[b-us4uo7uuhd] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Búsqueda dentro del modal */
.modal-search-wrapper[b-us4uo7uuhd] {
    position: relative;
    margin-bottom: 16px;
}

.modal-search-icon[b-us4uo7uuhd] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #6b737c;
    pointer-events: none;
}

.modal-search-input[b-us4uo7uuhd] {
    width: 100%;
    height: 44px;
    border: 1px solid #e3e4e5;
    border-radius: 24px;
    padding: 10px 16px 10px 42px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #1a1d23;
    background-color: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .modal-search-input[b-us4uo7uuhd]::placeholder {
        color: #9ca3af;
    }

    .modal-search-input:focus[b-us4uo7uuhd] {
        outline: none;
        border-color: #90195b;
        box-shadow: 0 0 0 3px rgba(144, 25, 91, 0.12);
    }

/* Tabla de aprobadores dentro del modal */
.approver-table-container[b-us4uo7uuhd] {
    max-height: 480px;
    overflow-y: auto;
    border-bottom: 1px solid #e3e4e5;
}

.approver-table[b-us4uo7uuhd] {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Montserrat', sans-serif;
}

    .approver-table thead th[b-us4uo7uuhd] {
        font-size: 13px;
        font-weight: 700;
        color: #1a1d23;
        text-align: center;
        padding: 12px 16px;
        border-bottom: 1px solid #e3e4e5;
        background-color: #fff;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .approver-table tbody td[b-us4uo7uuhd] {
        font-size: 14px;
        color: #1a1d23;
        padding: 14px 16px;
        border-bottom: 1px solid #f1f2f4;
        vertical-align: middle;
    }

    .approver-table tbody tr:hover[b-us4uo7uuhd] {
        background-color: #fdf5f9;
    }

.approver-row-selected[b-us4uo7uuhd] {
    background-color: #f9edf4 !important;
}

.approver-cell-role[b-us4uo7uuhd] {
    text-align: center;
    font-weight: 500;
}

.approver-cell-email[b-us4uo7uuhd] {
    color: #4a4f57;
    text-decoration: underline;
    word-break: break-all;
}
/* /Components/SekureAdminModule/Authority/Components/AuthorityList.razor.rz.scp.css */
/* Estilos para el componente PolicyTypeList */

/* Sección de filtros */
.filters-card[b-mxunv78yq4] {
    background-color: white;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: none;
}

.filters-title[b-mxunv78yq4] {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 24px;
}

.filter-label[b-mxunv78yq4] {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #6b737c;
    margin-bottom: 8px;
}

.filter-input[b-mxunv78yq4], .filter-select[b-mxunv78yq4] {
    height: 46px;
    border: 1px solid #e3e4e5;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 12px 17px;
    background-color: #fff !important;
}

    .filter-input[b-mxunv78yq4]::placeholder {
        color: #9ca3af;
    }

.search-button[b-mxunv78yq4] {
    width: 46px;
    height: 46px;
    background-color: #90195b;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .search-button:hover[b-mxunv78yq4] {
        background-color: #7a1550;
    }

/* Botón Importar/Exportar */
.btn-import-export[b-mxunv78yq4] {
    background-color: #fff;
    color: #90195b;
    border: 1.5px solid #90195b;
    border-radius: 8px;
    padding: 0 18px;
    height: 46px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

    .btn-import-export:hover[b-mxunv78yq4] {
        background-color: #f9edf4;
        color: #90195b;
    }

    .btn-import-export[b-mxunv78yq4]::after {
        display: none !important; /* quitar el ::after de Bootstrap, usamos SVG propio */
    }

    .btn-import-export .chevron-icon[b-mxunv78yq4] {
        margin-left: 4px;
        transition: transform 0.2s;
    }

    .btn-import-export.show .chevron-icon[b-mxunv78yq4] {
        transform: rotate(180deg);
    }
/* /Components/SekureAdminModule/Components/NavMenu.razor.rz.scp.css */
.sidebar[b-no5w0dv3a6] {
    width: 260px;
    height: 87%;
    position: fixed;
    top: 90px;
    left: 0;
    display: flex;
    flex-direction: column; /* Organizar elementos en columna */
    justify-content: space-between; /* Distribuye elementos */
}

.navbar[b-no5w0dv3a6] {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    z-index: 2;
    background-color: white;
}

.bg-gradient-primary[b-no5w0dv3a6] {
    background-color: #ffffff;
    /* background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%); */
    background-size: cover;
}

.accordion[b-no5w0dv3a6] {
    overflow-anchor: none;
}

.navbar-nav[b-no5w0dv3a6] {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.content[b-no5w0dv3a6] {
    flex: 1 0 auto;
}

.profile[b-no5w0dv3a6] {
    display: flex;
    justify-content: end;
}


.bg-secundary[b-no5w0dv3a6] {
    background-color: #F5F5F5;
    min-height: 100vh;
}

.section-sidebar-padding[b-no5w0dv3a6] {
    padding: 2rem 3rem;
}


.sidebar img[b-no5w0dv3a6] {
    width: 100%; /* Ajusta el tamaño de la imagen */
    max-height: 80px; /* Opcional: define una altura máxima */
    object-fit: contain; /* Mantiene la proporción de la imagen */
    padding: 0rem 3rem;
}

.text-profile[b-no5w0dv3a6] {
    font-weight: 600;
    font-size: 16px;
    color: #2C3948;
}

.text-subprofile[b-no5w0dv3a6] {
    font-weight: 500;
    font-size: 14;
    color: #6B737C;
}

.padding-cero[b-no5w0dv3a6] {
    padding: none;
}

.accordion-item[b-no5w0dv3a6] {
    border: none;
    padding: 8px 0px;
    outline: none;
}

.accordion-body[b-no5w0dv3a6] {
    padding: 16px 10px;
}

.accordion-button[b-no5w0dv3a6] {
    padding: 0px;
}

.text-underline-none[b-no5w0dv3a6] {
    text-decoration: none;
    color: #6B737C;
    font-weight: 500;
    font-size: 16px;
}

    .text-underline-none:active[b-no5w0dv3a6] {
        color: #90195B;
    }

.accordion-button:not(.collapsed)[b-no5w0dv3a6] {
    color: #90195B;
    background-color: white;
    box-shadow: none;
}

.accordion-button:focus[b-no5w0dv3a6] {
    box-shadow: none;
}
/* /Components/SekureAdminModule/Maquinaria y equipo/Agreements/Components/AgreementForm.razor.rz.scp.css */
.param-item[b-3tnzxc1dfr] {
    border: 1px solid #dee2e6;
    border-radius: 12px;
    overflow: hidden;
}

.param-item-header[b-3tnzxc1dfr] {
    background-color: #f8f9fa;
    padding: 1rem;
    cursor: pointer;
}

.param-item-body[b-3tnzxc1dfr] {
    background-color: #ffffff;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
}

.value-textarea-wrapper[b-3tnzxc1dfr] {
    position: relative;
}

    .value-textarea-wrapper[b-3tnzxc1dfr]  textarea {
        padding-right: 42px;
    }

.value-textarea-expand-btn[b-3tnzxc1dfr] {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 5;
    background: transparent;
    border: none;
    color: #90195b;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1;
    font-size: 14px;
}

    .value-textarea-expand-btn:hover[b-3tnzxc1dfr] {
        background: #f8e6ef;
    }

.value-textarea-wrapper.expanded[b-3tnzxc1dfr] {
    position: fixed;
    top: 5vh;
    left: 5vw;
    width: 90vw;
    height: 90vh;
    z-index: 1080;
    background: #ffffff;
    padding: 44px 16px 16px 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

    .value-textarea-wrapper.expanded[b-3tnzxc1dfr]  textarea {
        height: 100% !important;
        width: 100% !important;
        overflow: auto !important;
        resize: none !important;
    }

.view-value-box[b-3tnzxc1dfr] {
    height: calc(4 * 1.5em + 0.375rem * 2 + 2px);
    overflow-y: auto;
    padding-right: 42px;
    white-space: pre-wrap;
    word-break: break-word;
}

.value-textarea-wrapper.expanded .view-value-box[b-3tnzxc1dfr] {
    max-height: none;
    height: 100%;
    overflow-y: auto;
}
/* /Components/SekureAdminModule/Maquinaria y equipo/Agreements/Components/AgreementList.razor.rz.scp.css */
/* Estilos para el componente AgreementList */

/* Sección de filtros */
.filters-card[b-rqja4tf7za] {
    background-color: white;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: none;
}

.filters-title[b-rqja4tf7za] {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 24px;
}

.filter-label[b-rqja4tf7za] {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #6b737c;
    margin-bottom: 8px;
}

.filter-input[b-rqja4tf7za], .filter-select[b-rqja4tf7za] {
    height: 46px;
    border: 1px solid #e3e4e5;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 12px 17px;
    background-color: #fff !important;
}

.filter-input[b-rqja4tf7za]::placeholder {
    color: #9ca3af;
}

.search-button[b-rqja4tf7za] {
    width: 46px;
    height: 46px;
    background-color: #90195b;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.search-button:hover[b-rqja4tf7za] {
    background-color: #7a1550;
}

/* Tabla de resultados */
.results-card[b-rqja4tf7za] {
    background-color: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: none;
}

/* Header de la tabla */
.table-header[b-rqja4tf7za] {
    display: flex;
    background-color: white;
    border-bottom: 1px solid #e3e4e5;
}

.table-header-cell[b-rqja4tf7za] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    height: 60px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #2c3948;
    border-right: 1px solid #e3e4e5;
    line-height: 18px;
}

.table-header-cell:last-child[b-rqja4tf7za] {
    border-right: none;
}

.table-header-cell p[b-rqja4tf7za] {
    margin-bottom: 0;
}

/* Filas de datos */
.table-row[b-rqja4tf7za] {
    display: flex;
    background-color: white;
    border-bottom: 1px solid #e3e4e5;
}

.table-row:hover[b-rqja4tf7za] {
    background-color: #f8f9fa;
}

.table-cell[b-rqja4tf7za] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 60px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #2c3948;
    border-right: 1px solid #e3e4e5;
    line-height: 18px;
}

.table-cell:last-child[b-rqja4tf7za] {
    border-right: none;
}

.table-cell p[b-rqja4tf7za] {
    margin-bottom: 0;
}

/* Columnas específicas */
.col-agreement-name[b-rqja4tf7za] {
    width: 130px;
}

.col-insured-value[b-rqja4tf7za] {
    width: 130px;
}

.col-equipment-quantity[b-rqja4tf7za] {
    width: 130px;
}

.col-minimum-premium[b-rqja4tf7za] {
    width: 130px;
}

.col-commission[b-rqja4tf7za] {
    width: 130px;
}

.col-rce-sublimit[b-rqja4tf7za] {
    width: 130px;
}

.col-state[b-rqja4tf7za] {
    width: 100px;
}

.col-actions[b-rqja4tf7za] {
    width: 100px;
}

/* Botones de acción */
.actions-container[b-rqja4tf7za] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 60px;
    padding: 10px;
}

.action-button[b-rqja4tf7za] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.action-button:hover[b-rqja4tf7za] {
    opacity: 0.7;
}

.action-button svg[b-rqja4tf7za] {
    transition: opacity 0.2s ease;
}

/* Estados de carga y vacío */
.loading-container[b-rqja4tf7za] {
    text-center;
    padding: 40px;
}

.empty-state[b-rqja4tf7za] {
    text-center;
    padding: 40px;
}

.empty-state p[b-rqja4tf7za] {
    font-family: 'Montserrat', sans-serif;
    color: #6b737c;
    margin-bottom: 0;
}

/* Paginación */
.pagination-container[b-rqja4tf7za] {
    padding: 24px;
}

/* Responsive */
@media (max-width: 768px) {
    .table-header[b-rqja4tf7za],
    .table-row[b-rqja4tf7za] {
        flex-direction: column;
    }

    .table-header-cell[b-rqja4tf7za],
    .table-cell[b-rqja4tf7za] {
        width: 100% !important;
        border-right: none;
        border-bottom: 1px solid #e3e4e5;
        text-align: left;
    }

    .actions-container[b-rqja4tf7za] {
        justify-content: flex-start;
    }

    .filters-card[b-rqja4tf7za] {
        padding: 16px;
    }

    .btn-create-agreement[b-rqja4tf7za] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/SekureAdminModule/Maquinaria y equipo/Coberturas/Components/CoverageList.razor.rz.scp.css */
/* Estilos específicos para CoverageList de Maquinaria y Equipos */

.table-container[b-zm40ka7ujz] {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.max-table[b-zm40ka7ujz] {
    width: max-content;
    min-width: 100%;
    margin-bottom: 0;
}

.max-table th[b-zm40ka7ujz],
.max-table td[b-zm40ka7ujz] {
    padding: 12px 16px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #e9ecef;
}

.max-table th[b-zm40ka7ujz] {
    background-color: #f8f9fa;
    font-weight: 600;
    color: #495057;
    border-top: none;
}

.max-table tbody tr:hover[b-zm40ka7ujz] {
    background-color: #f5f5f5;
    transition: background-color 0.2s ease;
}

.search-icon[b-zm40ka7ujz] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.search-icon:hover[b-zm40ka7ujz] {
    opacity: 0.7;
}

.error-message[b-zm40ka7ujz] {
    color: #FF383C;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-top: 4px;
    display: block;
}

.form-control[b-zm40ka7ujz],
.form-select[b-zm40ka7ujz] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus[b-zm40ka7ujz],
.form-select:focus[b-zm40ka7ujz] {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-link[b-zm40ka7ujz] {
    color: #6c757d;
    text-decoration: none;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 8px 12px;
    transition: all 0.2s ease;
}

.btn-link:hover[b-zm40ka7ujz] {
    color: #495057;
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

.badge[b-zm40ka7ujz] {
    font-size: 0.875em;
    padding: 0.375em 0.75em;
    border-radius: 0.375rem;
}

.bg-success[b-zm40ka7ujz] {
    background-color: #28a745 !important;
}

.bg-secondary[b-zm40ka7ujz] {
    background-color: #6c757d !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .max-table th[b-zm40ka7ujz],
    .max-table td[b-zm40ka7ujz] {
        padding: 8px 12px;
        font-size: 0.875rem;
    }
    
    .search-icon[b-zm40ka7ujz] {
        width: 20px;
        height: 20px;
    }
}

/* Loading state */
.loading-row[b-zm40ka7ujz] {
    text-align: center;
    padding: 2rem;
    color: #6c757d;
    font-style: italic;
}

/* Action buttons container */
.action-buttons[b-zm40ka7ujz] {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: nowrap;
}

.action-buttons .btn-link[b-zm40ka7ujz] {
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.action-buttons img[b-zm40ka7ujz] {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

/* Quitar flechas de input numérico */
.no-arrows[b-zm40ka7ujz]::-webkit-outer-spin-button,
.no-arrows[b-zm40ka7ujz]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-arrows[type=number][b-zm40ka7ujz] {
    -moz-appearance: textfield;
}

/* Mejorar botón de crear */
.button[b-zm40ka7ujz] {
    background-color: #90195b;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 500;
    transition: all 0.2s ease;
    cursor: pointer;
}

.button:hover[b-zm40ka7ujz] {
    background-color: #7a1650;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(144, 25, 91, 0.3);
}

.button:active[b-zm40ka7ujz] {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(144, 25, 91, 0.3);
}
/* /Components/SekureAdminModule/PolicyTypes/Components/PolicyTypeList.razor.rz.scp.css */
/* Estilos para el componente PolicyTypeList */

/* Sección de filtros */
.filters-card[b-7b0fcbkqqa] {
    background-color: white;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: none;
}

.filters-title[b-7b0fcbkqqa] {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 24px;
}

.filter-label[b-7b0fcbkqqa] {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #6b737c;
    margin-bottom: 8px;
}

.filter-input[b-7b0fcbkqqa], .filter-select[b-7b0fcbkqqa] {
    height: 46px;
    border: 1px solid #e3e4e5;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 12px 17px;
    background-color: #fff !important;
}

.filter-input[b-7b0fcbkqqa]::placeholder {
    color: #9ca3af;
}

.filter-select[b-7b0fcbkqqa] {
    color: #9ca3af;
}

.filter-select.filter-select-filled[b-7b0fcbkqqa] {
    color: #000;
}

.search-button[b-7b0fcbkqqa] {
    width: 46px;
    height: 46px;
    background-color: #90195b;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.search-button:hover[b-7b0fcbkqqa] {
    background-color: #7a1550;
}

/* Botón Importar/Exportar */
.btn-import-export[b-7b0fcbkqqa] {
    background-color: #fff;
    color: #90195b;
    border: 1.5px solid #90195b;
    border-radius: 8px;
    padding: 0 18px;
    height: 46px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

.btn-import-export:hover[b-7b0fcbkqqa] {
    background-color: #f9edf4;
    color: #90195b;
}

.btn-import-export[b-7b0fcbkqqa]::after {
    display: none !important; /* quitar el ::after de Bootstrap, usamos SVG propio */
}

.btn-import-export .chevron-icon[b-7b0fcbkqqa] {
    margin-left: 4px;
    transition: transform 0.2s;
}

.btn-import-export.show .chevron-icon[b-7b0fcbkqqa] {
    transform: rotate(180deg);
}

.text-header-table[b-7b0fcbkqqa] {
    white-space: nowrap;
}

.sticky-col[b-7b0fcbkqqa] {
    position: sticky;
    left: 0;
    z-index: 1;
    background-color: #fff;
}

thead .sticky-col[b-7b0fcbkqqa] {
    background-color: #f8f9fa;
    z-index: 2;
}
/* /Components/SekureAdminModule/Products/CalculationInfo.razor.rz.scp.css */
th[b-pdp8n3a681], td[b-pdp8n3a681] {
    text-align: center;
}

th[b-pdp8n3a681] {
    min-width: 50px;
}

/* Sección de filtros */
.filters-card[b-pdp8n3a681] {
    background-color: white;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: none;
}

.filters-title[b-pdp8n3a681] {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 24px;
}

.filter-label[b-pdp8n3a681] {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #6b737c;
    margin-bottom: 8px;
}

.filter-input[b-pdp8n3a681], .filter-select[b-pdp8n3a681] {
    height: 46px;
    border: 1px solid #e3e4e5;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 12px 17px;
    background-color: #fff !important;
}

.filter-input[b-pdp8n3a681]::placeholder {
    color: #9ca3af;
}

.filter-select[b-pdp8n3a681] {
    color: #9ca3af;
}

.filter-select.filter-select-filled[b-pdp8n3a681] {
    color: #000;
}

.filter-select.product-filter-disabled[b-pdp8n3a681] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none !important;
    padding-right: 17px;
    cursor: default;
}

.search-button[b-pdp8n3a681] {
    width: 46px;
    height: 46px;
    background-color: #90195b;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.search-button:hover[b-pdp8n3a681] {
    background-color: #7a1550;
}

.card[b-pdp8n3a681] {
    border-radius: 20px;
    --bs-card-border-color: none;
}

.card-body[b-pdp8n3a681] {
    padding: 33px 34px;
}

.description-text[b-pdp8n3a681] {
    text-align: justify;
}

.text-clamp-3[b-pdp8n3a681] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    max-width: 320px;
    margin: 0 auto;
}

.page-item[b-pdp8n3a681] {
    margin: 0px 10px;
}

.page-link[b-pdp8n3a681] {
    border: none;
    color: black;
}

    .active > .page-link[b-pdp8n3a681], .page-link.active[b-pdp8n3a681] {
        background-color: #90195B !important;
        color: white;
        border-radius: 5px;
    }

.select-paginator[b-pdp8n3a681] {
    width: 20%;
    height: 40px;
}

.alert-succes[b-pdp8n3a681] {
    color: #3A9900;
    background-color: rgba(38, 255, 18, 0.1);
    border-color: #26FF12;
}

.bi-check-circle-fill[b-pdp8n3a681]::before {
    color: #26FF12;
}

.alert-danger[b-pdp8n3a681] {
    color: #FF0909;
    background-color: rgba(232, 11, 11, 0.1);
    border-color: #FF0909;
}

.bi-x-circle-fill[b-pdp8n3a681]::before {
    color: #FF0909;
}

@keyframes fadeIn-b-pdp8n3a681 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut-b-pdp8n3a681 {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.alert[b-pdp8n3a681] {
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

    .alert.show[b-pdp8n3a681] {
        animation: fadeIn-b-pdp8n3a681 0.5s forwards;
    }

    .alert.hide[b-pdp8n3a681] {
        animation: fadeOut-b-pdp8n3a681 0.5s forwards;
    }
/* /Components/SekureAdminModule/Products/CreateAlternativeText.razor.rz.scp.css */
.card[b-475883bga0] {
    border-radius: 20px;
    --bs-card-border-color: none;
}

.card-body[b-475883bga0] {
    padding: 30px;
}

.value-textarea-wrapper[b-475883bga0] {
    position: relative;
}

    .value-textarea-wrapper[b-475883bga0]  textarea {
        padding-right: 42px;
    }

.value-textarea-expand-btn[b-475883bga0] {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 5;
    background: transparent;
    border: none;
    color: #90195b;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1;
    font-size: 14px;
}

    .value-textarea-expand-btn:hover[b-475883bga0] {
        background: #f8e6ef;
    }

.value-textarea-wrapper.expanded[b-475883bga0] {
    position: fixed;
    top: 5vh;
    left: 5vw;
    width: 90vw;
    height: 90vh;
    z-index: 1080;
    background: #ffffff;
    padding: 44px 16px 16px 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

    .value-textarea-wrapper.expanded[b-475883bga0]  textarea {
        height: 100% !important;
        width: 100% !important;
        overflow: auto !important;
        resize: none !important;
    }
/* /Components/SekureAdminModule/Products/CreateCalculationInfo.razor.rz.scp.css */
.card[b-t5xnnutgb1] {
    border-radius: 20px;
    --bs-card-border-color: none;
}

.card-body[b-t5xnnutgb1] {
    padding: 30px;
}

.value-textarea-wrapper[b-t5xnnutgb1] {
    position: relative;
}

    .value-textarea-wrapper[b-t5xnnutgb1]  textarea {
        padding-right: 42px;
    }

.value-textarea-expand-btn[b-t5xnnutgb1] {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 5;
    background: transparent;
    border: none;
    color: #90195b;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1;
    font-size: 14px;
}

    .value-textarea-expand-btn:hover[b-t5xnnutgb1] {
        background: #f8e6ef;
    }

.value-textarea-wrapper.expanded[b-t5xnnutgb1] {
    position: fixed;
    top: 5vh;
    left: 5vw;
    width: 90vw;
    height: 90vh;
    z-index: 1080;
    background: #ffffff;
    padding: 44px 16px 16px 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

    .value-textarea-wrapper.expanded[b-t5xnnutgb1]  textarea {
        height: 100% !important;
        width: 100% !important;
        overflow: auto !important;
        resize: none !important;
    }
/* /Components/SekureAdminModule/Vida colectiva/Auditorias/Components/AuditList.razor.rz.scp.css */
/* Estilos específicos para AuditList de Vida Colectiva */

.table-container[b-yf8dcrlljk] {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    border-radius: 8px;
}

.max-table[b-yf8dcrlljk] {
    width: max-content;
    min-width: 100%;
    margin-bottom: 0;
}

.max-table th[b-yf8dcrlljk],
.max-table td[b-yf8dcrlljk] {
    padding: 12px 16px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #e9ecef;
}

.max-table th[b-yf8dcrlljk] {
    background-color: #f8f9fa;
    font-weight: 600;
    color: #495057;
    border-top: none;
}

.max-table tbody tr:hover[b-yf8dcrlljk] {
    background-color: #f5f5f5;
    transition: background-color 0.2s ease;
}

.search-button[b-yf8dcrlljk] {
    width: 46px;
    height: 46px;
    background-color: #90195b;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .search-button:hover[b-yf8dcrlljk] {
        background-color: #7a1550;
    }

.error-message[b-yf8dcrlljk] {
    color: #FF383C;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-top: 4px;
    display: block;
}

.form-control[b-yf8dcrlljk],
.form-select[b-yf8dcrlljk] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus[b-yf8dcrlljk],
.form-select:focus[b-yf8dcrlljk] {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-import-export[b-yf8dcrlljk] {
    background-color: #fff;
    color: #90195b;
    border: 1.5px solid #90195b;
    border-radius: 8px;
    padding: 0 18px;
    height: 46px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

    .btn-import-export:hover[b-yf8dcrlljk] {
        background-color: #f9edf4;
        color: #90195b;
    }

    .btn-import-export[b-yf8dcrlljk]::after {
        display: none !important; /* quitar el ::after de Bootstrap, usamos SVG propio */
    }

    .btn-import-export .chevron-icon[b-yf8dcrlljk] {
        margin-left: 4px;
        transition: transform 0.2s;
    }

    .btn-import-export.show .chevron-icon[b-yf8dcrlljk] {
        transform: rotate(180deg);
    }

@media (max-width: 768px) {
    .max-table th[b-yf8dcrlljk],
    .max-table td[b-yf8dcrlljk] {
        padding: 8px 12px;
        font-size: 0.875rem;
    }
}
/* /Components/SekureAdminModule/Vida colectiva/Coberturas/Components/CoverageLifeList.razor.rz.scp.css */
/* Estilos específicos para CoverageLifeList de Vida Colectiva */

.table-container[b-ahcun0c0x4] {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    border-radius: 8px;
}

.max-table[b-ahcun0c0x4] {
    width: max-content;
    min-width: 100%;
    margin-bottom: 0;
}

.max-table th[b-ahcun0c0x4],
.max-table td[b-ahcun0c0x4] {
    padding: 12px 16px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #e9ecef;
}

.max-table th[b-ahcun0c0x4] {
    background-color: #f8f9fa;
    font-weight: 600;
    color: #495057;
    border-top: none;
}

.max-table tbody tr:hover[b-ahcun0c0x4] {
    background-color: #f5f5f5;
    transition: background-color 0.2s ease;
}

.search-icon[b-ahcun0c0x4] {
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.search-icon:hover[b-ahcun0c0x4] {
    opacity: 0.7;
}

.search-button[b-ahcun0c0x4] {
    width: 46px;
    height: 46px;
    background-color: #90195b;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .search-button:hover[b-ahcun0c0x4] {
        background-color: #7a1550;
    }

.error-message[b-ahcun0c0x4] {
    color: #FF383C;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-top: 4px;
    display: block;
}

.form-control[b-ahcun0c0x4],
.form-select[b-ahcun0c0x4] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus[b-ahcun0c0x4],
.form-select:focus[b-ahcun0c0x4] {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Quitar flechas de input numérico */
.no-arrows[b-ahcun0c0x4]::-webkit-outer-spin-button,
.no-arrows[b-ahcun0c0x4]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-arrows[type=number][b-ahcun0c0x4] {
    -moz-appearance: textfield;
}

/* Botón Importar/Exportar */
.btn-import-export[b-ahcun0c0x4] {
    background-color: #fff;
    color: #90195b;
    border: 1.5px solid #90195b;
    border-radius: 8px;
    padding: 0 18px;
    height: 46px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

    .btn-import-export:hover[b-ahcun0c0x4] {
        background-color: #f9edf4;
        color: #90195b;
    }

    .btn-import-export[b-ahcun0c0x4]::after {
        display: none !important; /* quitar el ::after de Bootstrap, usamos SVG propio */
    }

    .btn-import-export .chevron-icon[b-ahcun0c0x4] {
        margin-left: 4px;
        transition: transform 0.2s;
    }

    .btn-import-export.show .chevron-icon[b-ahcun0c0x4] {
        transform: rotate(180deg);
    }

/* Radio buttons del modal de cargue masivo (estilo SBS) */
.form-check-input[type="radio"][b-ahcun0c0x4] {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    border: 1.5px solid #B4B9BD;
    background-color: #fff;
    cursor: pointer;
    box-shadow: none;
}

.form-check-input[type="radio"]:checked[b-ahcun0c0x4] {
    background-color: #fff;
    border-color: #B4B9BD;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%2390195b'/%3e%3c/svg%3e");
}

.form-check-input[type="radio"]:focus[b-ahcun0c0x4] {
    border-color: #90195b;
    box-shadow: 0 0 0 0.15rem rgba(144, 25, 91, 0.15);
}

.form-check-input[type="radio"]:hover[b-ahcun0c0x4] {
    border-color: #90195b;
}

.form-check-label[b-ahcun0c0x4] {
    color: #2C3948;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-left: 6px;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
    .max-table th[b-ahcun0c0x4],
    .max-table td[b-ahcun0c0x4] {
        padding: 8px 12px;
        font-size: 0.875rem;
    }

    .search-icon[b-ahcun0c0x4] {
        width: 20px;
        height: 20px;
    }
}
/* /Components/SekureAdminNacional/Auditorias/Auditoria.razor.rz.scp.css */
th[b-hb9lhf58o0], td[b-hb9lhf58o0] {
    text-align: center;
}

th[b-hb9lhf58o0] {
    min-width: 50px;
}

.card[b-hb9lhf58o0] {
    border-radius: 20px;
    --bs-card-border-color: none;
}

.card-body[b-hb9lhf58o0] {
    padding: 33px 34px;
}

.description-text[b-hb9lhf58o0] {
    text-align: justify;
}

.page-item[b-hb9lhf58o0] {
    margin: 0px 10px;
}

.page-link[b-hb9lhf58o0] {
    border: none;
    color: black;
}

    .active > .page-link[b-hb9lhf58o0], .page-link.active[b-hb9lhf58o0] {
        background-color: #011E41 !important;
        color: white;
        border-radius: 5px;
    }

.select-paginator[b-hb9lhf58o0] {
    width: 20%;
    height: 40px;
}

.alert-succes[b-hb9lhf58o0] {
    color: #3A9900;
    background-color: rgba(38, 255, 18, 0.1);
    border-color: #26FF12;
}

.bi-check-circle-fill[b-hb9lhf58o0]::before {
    color: #26FF12;
}

.alert-danger[b-hb9lhf58o0] {
    color: #FF0909;
    background-color: rgba(232, 11, 11, 0.1);
    border-color: #FF0909;
}

.bi-x-circle-fill[b-hb9lhf58o0]::before {
    color: #FF0909;
}

@keyframes fadeIn-b-hb9lhf58o0 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut-b-hb9lhf58o0 {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.alert[b-hb9lhf58o0] {
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

    .alert.show[b-hb9lhf58o0] {
        animation: fadeIn-b-hb9lhf58o0 0.5s forwards;
    }

    .alert.hide[b-hb9lhf58o0] {
        animation: fadeOut-b-hb9lhf58o0 0.5s forwards;
    }

.search-button[b-hb9lhf58o0] {
    width: 46px;
    height: 46px;
    background-color: #011E41;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .search-button:hover[b-hb9lhf58o0] {
        background-color: #011E41;
    }

.form-control[b-hb9lhf58o0],
.form-select[b-hb9lhf58o0] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control:focus[b-hb9lhf58o0],
    .form-select:focus[b-hb9lhf58o0] {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
/* /Components/SekureAdminNacional/Components/FieldTypeModal.razor.rz.scp.css */
.modal-content[b-60jt6ikdvp] {
    justify-content: center;
    align-items: center;
    width: 445px !important;
    padding: 34px;
}

.text-aling-justify[b-60jt6ikdvp] {
    text-align: justify;
}

.modal-content-form[b-60jt6ikdvp] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 1081px !important;
    background-color: white;
    padding: 34px;
    border-radius: 20px;
    pointer-events: auto;
    outline: 0;
}

.modal-dialog-centered[b-60jt6ikdvp] {
    max-width: 1081px !important;
}
/* /Components/SekureAdminNacional/Components/NavMenu.razor.rz.scp.css */
.sidebar[b-yodcdb1tdk] {
    width: 285px;
    height: 87%;
    position: fixed;
    top: 90px;
    left: 0;
    display: flex;
    flex-direction: column; /* Organizar elementos en columna */
    justify-content: space-between; /* Distribuye elementos */
}

.navbar[b-yodcdb1tdk] {
    width: 100%;
    height: 90px;
    position: fixed;
    top: 0;
    z-index: 2;
    background-color: white;
}

.bg-gradient-primary[b-yodcdb1tdk] {
    background-color: #ffffff;
    /* background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%); */
    background-size: cover;
}

.accordion[b-yodcdb1tdk] {
    overflow-anchor: none;
}

.navbar-nav[b-yodcdb1tdk] {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.content[b-yodcdb1tdk] {
    flex: 1 0 auto;
}

.profile[b-yodcdb1tdk] {
    display: flex;
    justify-content: end;
}


.bg-secundary[b-yodcdb1tdk] {
    background-color: #F5F5F5;
    min-height: 100vh;
}

.section-sidebar-padding[b-yodcdb1tdk] {
    padding: 2rem 3rem;
}


.sidebar img[b-yodcdb1tdk] {
    width: 100%; /* Ajusta el tamaño de la imagen */
    max-height: 80px; /* Opcional: define una altura máxima */
    object-fit: contain; /* Mantiene la proporción de la imagen */
    padding: 0rem 3rem;
}

.text-profile[b-yodcdb1tdk] {
    font-weight: 600;
    font-size: 16px;
    color: #2C3948;
}

.text-subprofile[b-yodcdb1tdk] {
    font-weight: 500;
    font-size: 14;
    color: #6B737C;
}

.padding-cero[b-yodcdb1tdk] {
    padding: none;
}

.accordion-item[b-yodcdb1tdk] {
    border: none;
    padding: 8px 0px;
    outline: none;
}

.accordion-body[b-yodcdb1tdk] {
    padding: 16px 10px;
}

.accordion-button[b-yodcdb1tdk] {
    padding: 0px;
}

.text-underline-none[b-yodcdb1tdk] {
    text-decoration: none;
    color: #6B737C;
    font-weight: 500;
    font-size: 16px;
}

    .text-underline-none:active[b-yodcdb1tdk] {
        color: #90195B;
    }

.accordion-button:not(.collapsed)[b-yodcdb1tdk] {
    color: #90195B;
    background-color: white;
    box-shadow: none;
}

.accordion-button:focus[b-yodcdb1tdk] {
    box-shadow: none;
}
/* /Components/SekureAdminNacional/Products/CalculationInfo.razor.rz.scp.css */
th[b-uff93bgopf], td[b-uff93bgopf] {
    text-align: center;
}

th[b-uff93bgopf] {
    min-width: 50px;
}

/* Sección de filtros */
.filters-card[b-uff93bgopf] {
    background-color: white;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border: none;
}

.filters-title[b-uff93bgopf] {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-bottom: 24px;
}

.filter-label[b-uff93bgopf] {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #6b737c;
    margin-bottom: 8px;
}

.filter-input[b-uff93bgopf], .filter-select[b-uff93bgopf] {
    height: 46px;
    border: 1px solid #e3e4e5;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 12px 17px;
    background-color: #fff !important;
}

.filter-input[b-uff93bgopf]::placeholder {
    color: #9ca3af;
}

.filter-select[b-uff93bgopf] {
    color: #9ca3af;
}

.filter-select.filter-select-filled[b-uff93bgopf] {
    color: #000;
}

.filter-select.product-filter-disabled[b-uff93bgopf] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none !important;
    padding-right: 17px;
    cursor: default;
}

.search-button[b-uff93bgopf] {
    width: 46px;
    height: 46px;
    background-color: #011E41;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .search-button:hover[b-uff93bgopf] {
        background-color: #011E41;
    }

.card[b-uff93bgopf] {
    border-radius: 20px;
    --bs-card-border-color: none;
}

.card-body[b-uff93bgopf] {
    padding: 33px 34px;
}

.description-text[b-uff93bgopf] {
    text-align: justify;
}

.text-clamp-3[b-uff93bgopf] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    max-width: 320px;
    margin: 0 auto;
}

.page-item[b-uff93bgopf] {
    margin: 0px 10px;
}

.page-link[b-uff93bgopf] {
    border: none;
    color: black;
}

    .active > .page-link[b-uff93bgopf], .page-link.active[b-uff93bgopf] {
        background-color: #90195B !important;
        color: white;
        border-radius: 5px;
    }

.select-paginator[b-uff93bgopf] {
    width: 20%;
    height: 40px;
}

.alert-succes[b-uff93bgopf] {
    color: #3A9900;
    background-color: rgba(38, 255, 18, 0.1);
    border-color: #26FF12;
}

.bi-check-circle-fill[b-uff93bgopf]::before {
    color: #26FF12;
}

.alert-danger[b-uff93bgopf] {
    color: #FF0909;
    background-color: rgba(232, 11, 11, 0.1);
    border-color: #FF0909;
}

.bi-x-circle-fill[b-uff93bgopf]::before {
    color: #FF0909;
}

@keyframes fadeIn-b-uff93bgopf {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut-b-uff93bgopf {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-10px);
    }
}

.alert[b-uff93bgopf] {
    opacity: 0;
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

    .alert.show[b-uff93bgopf] {
        animation: fadeIn-b-uff93bgopf 0.5s forwards;
    }

    .alert.hide[b-uff93bgopf] {
        animation: fadeOut-b-uff93bgopf 0.5s forwards;
    }
/* /Components/SekureAdminNacional/Products/CreateAlternativeText.razor.rz.scp.css */
.card[b-d2oybzc5wp] {
    border-radius: 20px;
    --bs-card-border-color: none;
}

.card-body[b-d2oybzc5wp] {
    padding: 30px;
}

.value-textarea-wrapper[b-d2oybzc5wp] {
    position: relative;
}

    .value-textarea-wrapper[b-d2oybzc5wp]  textarea {
        padding-right: 42px;
    }

.value-textarea-expand-btn[b-d2oybzc5wp] {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 5;
    background: transparent;
    border: none;
    color: #90195b;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1;
    font-size: 14px;
}

    .value-textarea-expand-btn:hover[b-d2oybzc5wp] {
        background: #f8e6ef;
    }

.value-textarea-wrapper.expanded[b-d2oybzc5wp] {
    position: fixed;
    top: 5vh;
    left: 5vw;
    width: 90vw;
    height: 90vh;
    z-index: 1080;
    background: #ffffff;
    padding: 44px 16px 16px 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

    .value-textarea-wrapper.expanded[b-d2oybzc5wp]  textarea {
        height: 100% !important;
        width: 100% !important;
        overflow: auto !important;
        resize: none !important;
    }
/* /Components/SekureAdminNacional/Products/CreateCalculationInfo.razor.rz.scp.css */
.card[b-08stpw2ksu] {
    border-radius: 20px;
    --bs-card-border-color: none;
}

.card-body[b-08stpw2ksu] {
    padding: 30px;
}

.value-textarea-wrapper[b-08stpw2ksu] {
    position: relative;
}

    .value-textarea-wrapper[b-08stpw2ksu]  textarea {
        padding-right: 42px;
    }

.value-textarea-expand-btn[b-08stpw2ksu] {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 5;
    background: transparent;
    border: none;
    color: #90195b;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    line-height: 1;
    font-size: 14px;
}

    .value-textarea-expand-btn:hover[b-08stpw2ksu] {
        background: #f8e6ef;
    }

.value-textarea-wrapper.expanded[b-08stpw2ksu] {
    position: fixed;
    top: 5vh;
    left: 5vw;
    width: 90vw;
    height: 90vh;
    z-index: 1080;
    background: #ffffff;
    padding: 44px 16px 16px 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

    .value-textarea-wrapper.expanded[b-08stpw2ksu]  textarea {
        height: 100% !important;
        width: 100% !important;
        overflow: auto !important;
        resize: none !important;
    }

.search-button[b-08stpw2ksu] {
    width: 46px;
    height: 46px;
    background-color: #011E41;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
/* /Components/SekureAdminNacional/UserAdmin/ProductRoleConfiguration.razor.rz.scp.css */
.role-configuration[b-ipv91vps3f] {
    background: #f4f4f4;
    border-radius: 8px;
    padding: 20px 24px 8px;
}

.rc-section[b-ipv91vps3f] {
    margin-bottom: 20px;
}

.rc-title[b-ipv91vps3f] {
    font-weight: 700;
    color: #011E41;
    margin-bottom: 8px;
}

.rc-required[b-ipv91vps3f] {
    color: #d32f2f;
}

.rc-help[b-ipv91vps3f] {
    font-size: 0.8rem;
    color: #011E41;
    margin-bottom: 10px;
}

.rc-empty[b-ipv91vps3f] {
    font-size: 0.8rem;
    color: #6b6b6b;
    margin: 6px 0 0;
}

.rc-input[b-ipv91vps3f] {
    font-size: 0.8rem;
    border: 1px solid #e3e5e9;
    border-radius: 4px;
    background-color: #fff !important;
    padding: 9px 12px;
}

.rc-all-selected[b-ipv91vps3f] {
    padding: 12px;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 600;
    color: #011E41;
    background: #fff;
    border: 1px solid #e3e5e9;
    border-radius: 4px;
}

/* Buscador con sugerencias */
.rc-search[b-ipv91vps3f] {
    position: relative;
}

.rc-search__box[b-ipv91vps3f] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #e3e5e9;
    border-radius: 4px;
}

.rc-search__box--muted[b-ipv91vps3f] {
    background: #ececec;
    border-color: #ececec;
}

.rc-search__icon[b-ipv91vps3f] {
    color: #9aa1ac;
    font-size: 0.85rem;
}

.rc-search__input[b-ipv91vps3f] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    background: transparent;
    padding: 9px 0;
    font-size: 0.8rem;
    color: #011E41;
}

.rc-search__input[b-ipv91vps3f]::placeholder {
    color: #9aa1ac;
}

.rc-search__add[b-ipv91vps3f] {
    border: 0;
    background: transparent;
    color: #011E41;
    font-size: 1.1rem;
    padding: 4px;
}

.rc-search__add:disabled[b-ipv91vps3f],
.rc-search__input:disabled[b-ipv91vps3f] {
    opacity: .5;
    cursor: not-allowed;
}

.rc-search__results[b-ipv91vps3f] {
    position: absolute;
    z-index: 10;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    max-height: 220px;
    overflow-y: auto;
    margin: 0;
    padding: 4px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e3e5e9;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(1, 30, 65, .08);
    font-size: 0.8rem;
}

.rc-search__results li[b-ipv91vps3f] {
    padding: 8px 12px;
    color: #011E41;
    cursor: pointer;
}

.rc-search__results li:hover[b-ipv91vps3f] {
    background: #f1f3f6;
}

.rc-search__results li.is-selected[b-ipv91vps3f] {
    background: #e8edf5;
    font-weight: 600;
}

.rc-search__results li.rc-search__no-results[b-ipv91vps3f] {
    color: #d32f2f;
    cursor: default;
}

.rc-search__results li.rc-search__no-results:hover[b-ipv91vps3f] {
    background: transparent;
}

/* Tabla de supervisión */
.rc-table[b-ipv91vps3f] {
    margin-top: 16px;
    padding: 4px 6px;
    background: #fff;
    border-radius: 4px;
}

.rc-table table[b-ipv91vps3f] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    color: #011E41;
}

.rc-table th[b-ipv91vps3f],
.rc-table td[b-ipv91vps3f] {
    padding: 12px 8px;
    text-align: center;
    border-bottom: 1px solid #e6e8ec;
}

.rc-table__remove[b-ipv91vps3f] {
    border: 0;
    background: transparent;
    color: #011E41;
}
/* /Components/SekureAdminNacional/UserAdmin/SelectedItemsTable.razor.rz.scp.css */
.sit-table[b-ynelskrtap] {
    margin-top: 16px;
    min-height: 140px;
    padding: 4px 6px;
    background: #fff;
    border-radius: 4px;
}

.sit-table table[b-ynelskrtap] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
    color: #011E41;
}

.sit-table th[b-ynelskrtap],
.sit-table td[b-ynelskrtap] {
    width: 50%;
    padding: 12px 8px;
    text-align: center;
    border-bottom: 1px solid #e6e8ec;
}

.sit-table th[b-ynelskrtap] {
    font-weight: 700;
}

.sit-table__remove[b-ynelskrtap] {
    border: 0;
    background: transparent;
    color: #011E41;
    padding: 2px 6px;
}

.sit-table__remove:hover[b-ynelskrtap] {
    color: #d32f2f;
}
/* /Shared/EndorsementPortalLayout.razor.rz.scp.css */
/* WI-18013: Estilos del layout público de portal de endosos de Comfandi.
   Diseño mobile-first según mockups PORTAL-01-*.png */

/* ===== LAYOUT ===== */
.ep-layout[b-1kwyl4986q] {
    min-height: 100vh;
    background-color: #f4f5f5;
    display: flex;
    flex-direction: column;
}

/* ===== HEADER ===== */
.ep-header[b-1kwyl4986q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

.ep-logo[b-1kwyl4986q] {
    height: 36px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
}

.ep-logo-fallback[b-1kwyl4986q] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    border: 1px dashed #999;
    padding: 4px 10px;
    border-radius: 4px;
}

.ep-header-title[b-1kwyl4986q] {
    font-size: 14px;
    color: #666666;
    font-weight: 400;
}

/* ===== MAIN ===== */
.ep-main[b-1kwyl4986q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px 40px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* /Shared/NavMenu.razor.rz.scp.css */