@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/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: hidden;
    color: #272B2F;
    font-family: inherit;
    padding-top: 100px;
    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
========================= */

.header[b-882t53xapl] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 5%;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.header__logo[b-882t53xapl] {
    width: 120px;
    height: 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: #06428F;
    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: 30px;
    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-bottom: 40px;
    }

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

    .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: hidden;
    color: #272B2F;
    font-family: inherit;
    padding-top: 100px;
    padding-bottom: 60px;
    background: #fff;
}

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

.ofac-error[b-u5hgyc8z0v] {
    width: 100%;
    min-height: 100vh;
    padding-top: 100px;
    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: 30px;
    background: #06428F;
    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
========================= */

.header[b-u5hgyc8z0v] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 5%;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.header__logo[b-u5hgyc8z0v] {
    width: 120px;
    height: 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
========================= */

.stepper[b-u5hgyc8z0v] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 640px;
    margin: 30px auto 40px;
    padding: 0 20px;
}

.stepper__step[b-u5hgyc8z0v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 140px;
    flex-shrink: 0;
}

.stepper__circle[b-u5hgyc8z0v] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #D8DAE5;
    background: #fff;
    box-sizing: border-box;
}

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

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

.stepper__step--completed .stepper__circle[b-u5hgyc8z0v] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #06428F;
    background: #06428F;
    color: #fff;
    font-size: 10px;
    line-height: 1;
}

.stepper__label[b-u5hgyc8z0v] {
    font-size: 12px;
    color: #9AA0AC;
    text-align: center;
}

.stepper__step--active .stepper__label[b-u5hgyc8z0v],
.stepper__step--completed .stepper__label[b-u5hgyc8z0v] {
    color: #06428F;
    font-weight: 600;
}

.stepper__line[b-u5hgyc8z0v] {
    flex: 1;
    height: 2px;
    background: #D8DAE5;
    margin-top: 9px;
    max-width: 100px;
}

.stepper__line--completed[b-u5hgyc8z0v] {
    background: #06428F;
}

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

.datos-cliente__title[b-u5hgyc8z0v] {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #06428F;
    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: 1fr 320px;
    gap: 40px;
    max-width: 900px;
    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: #06428F;
        }

        .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: 30px;
    background: #fff;
    color: #9E1C64;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

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

    .btn-continuar:disabled[b-u5hgyc8z0v] {
        background: #E3E5EA;
        color: #A4A9B3;
        cursor: not-allowed;
    }

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

.layout__resumen[b-u5hgyc8z0v] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.resumen-card[b-u5hgyc8z0v] {
    padding: 20px;
    border: 1px solid #E5E7EB;
    border-radius: 14px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.resumen-card__title[b-u5hgyc8z0v] {
    margin: 0 0 12px 0;
    font-size: 15px;
    font-weight: 700;
    color: #9E1C64;
}

.resumen-card__divider[b-u5hgyc8z0v] {
    height: 1px;
    background: #E5E7EB;
    margin: 12px 0;
}

.resumen-row[b-u5hgyc8z0v] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: #272B2F;
    margin-bottom: 10px;
}

    .resumen-row small[b-u5hgyc8z0v] {
        color: #9AA0AC;
    }

.resumen-total[b-u5hgyc8z0v] {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 700;
    color: #06428F;
}

.mascotas-guardadas__title[b-u5hgyc8z0v] {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 700;
    color: #06428F;
}

.mascota-card[b-u5hgyc8z0v] {
    padding: 14px;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    margin-bottom: 12px;
}

.mascota-card__header[b-u5hgyc8z0v] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

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

.mascota-card__nombre[b-u5hgyc8z0v] {
    font-size: 13px;
    font-weight: 600;
    color: #272B2F;
    flex: 1;
}

.mascota-card__grid[b-u5hgyc8z0v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

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

    .mascota-card__grid small[b-u5hgyc8z0v] {
        font-size: 11px;
        color: #9AA0AC;
    }

    .mascota-card__grid span[b-u5hgyc8z0v] {
        font-size: 12.5px;
        color: #272B2F;
    }

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

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

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

.footer[b-u5hgyc8z0v] {
    width: 100%;
    margin-top: 60px;
}

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

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

/* =========================
   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] {
    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--info[b-u5hgyc8z0v] {
    background: #E7ECFA;
    color: #06428F;
}

.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: 30px;
    border: 1px solid #D8DAE5;
    background: #fff;
    color: #5A6472;
    font-weight: 600;
    cursor: pointer;
}

.btn-filled-info[b-u5hgyc8z0v] {
    flex: 1;
    padding: 10px 20px;
    border-radius: 30px;
    border: none;
    background: #06428F;
    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] {
    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: 30px;
    border: none;
    background: #06428F;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

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

@media (max-width: 768px) {

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

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

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

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

    .stepper__step[b-u5hgyc8z0v] {
        width: 90px;
    }

    .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;
    }

    .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: #06428F;
    }

    .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: hidden;
    color: #272B2F;
    font-family: inherit;
    padding-top: 100px;
    padding-bottom: 60px;
    background: #fff;
}

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

.header[b-5bgoy53sfq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 5%;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.header__logo[b-5bgoy53sfq] {
    width: 120px;
    height: 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
========================= */

.stepper[b-5bgoy53sfq] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 640px;
    margin: 30px auto 40px;
    padding: 0 20px;
}

.stepper__step[b-5bgoy53sfq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 140px;
    flex-shrink: 0;
}

.stepper__circle[b-5bgoy53sfq] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #D8DAE5;
    background: #fff;
    box-sizing: border-box;
}

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

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

.stepper__label[b-5bgoy53sfq] {
    font-size: 12px;
    color: #9AA0AC;
    text-align: center;
}

.stepper__step--active .stepper__label[b-5bgoy53sfq] {
    color: #06428F;
    font-weight: 600;
}

.stepper__line[b-5bgoy53sfq] {
    flex: 1;
    height: 2px;
    background: #D8DAE5;
    margin-top: 9px;
    max-width: 100px;
}

/* =========================
   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: #06428F;
    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: #06428F;
        }

        .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: #06428F;
    }

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

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

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

.btn-continuar[b-5bgoy53sfq] {
    display: block;
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 30px;
    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] {
        background: #E3E5EA;
        color: #A4A9B3;
        cursor: not-allowed;
    }

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

.footer[b-5bgoy53sfq] {
    width: 100%;
}

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

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

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

.legal-modal[b-5bgoy53sfq] {
    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;
}

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

@media (max-width: 768px) {

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

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

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

    .stepper__step[b-5bgoy53sfq] {
        width: 90px;
    }

    .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;
    }
}
/* /Components/Pages/Tenants/Aress/Pet/DatosMascota.razor.rz.scp.css */
.datos-mascota[b-ngnvxffqn3] {
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    color: #272B2F;
    font-family: inherit;
    padding-top: 100px;
    padding-bottom: 60px;
    background: #fff;
}

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

.header[b-ngnvxffqn3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 5%;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.header__logo[b-ngnvxffqn3] {
    width: 120px;
    height: 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
========================= */

.stepper[b-ngnvxffqn3] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 640px;
    margin: 30px auto 40px;
    padding: 0 20px;
}

.stepper__step[b-ngnvxffqn3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 140px;
    flex-shrink: 0;
}

.stepper__circle[b-ngnvxffqn3] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #D8DAE5;
    background: #fff;
    box-sizing: border-box;
}

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

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

.stepper__step--completed .stepper__circle[b-ngnvxffqn3] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #06428F;
    background: #06428F;
    color: #fff;
    font-size: 10px;
    line-height: 1;
}

.stepper__label[b-ngnvxffqn3] {
    font-size: 12px;
    color: #9AA0AC;
    text-align: center;
}

.stepper__step--active .stepper__label[b-ngnvxffqn3],
.stepper__step--completed .stepper__label[b-ngnvxffqn3] {
    color: #06428F;
    font-weight: 600;
}

.stepper__line[b-ngnvxffqn3] {
    flex: 1;
    height: 2px;
    background: #D8DAE5;
    margin-top: 9px;
    max-width: 100px;
}

.stepper__line--completed[b-ngnvxffqn3] {
    background: #06428F;
}

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

.datos-mascota__title[b-ngnvxffqn3] {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #06428F;
    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: #06428F;
    margin: 0 0 40px 0;
}

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

.layout[b-ngnvxffqn3] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 40px;
    max-width: 900px;
    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: #06428F;
        }

        .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: #06428F;
    color: #06428F;
    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: 30px;
    background: #fff;
    color: #9E1C64;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

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

    .btn-continuar:disabled[b-ngnvxffqn3] {
        background: #E3E5EA;
        color: #A4A9B3;
        cursor: not-allowed;
    }

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

.layout__resumen[b-ngnvxffqn3] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.resumen-card[b-ngnvxffqn3] {
    padding: 20px;
    border: 1px solid #E5E7EB;
    border-radius: 14px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.resumen-card__title[b-ngnvxffqn3] {
    margin: 0 0 12px 0;
    font-size: 15px;
    font-weight: 700;
    color: #9E1C64;
}

.resumen-card__divider[b-ngnvxffqn3] {
    height: 1px;
    background: #E5E7EB;
    margin: 12px 0;
}

.resumen-row[b-ngnvxffqn3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: #272B2F;
    margin-bottom: 10px;
}

    .resumen-row small[b-ngnvxffqn3] {
        color: #9AA0AC;
    }

.resumen-total[b-ngnvxffqn3] {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    font-weight: 700;
    color: #06428F;
}

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

.mascotas-guardadas__title[b-ngnvxffqn3] {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 700;
    color: #06428F;
}

.mascota-card[b-ngnvxffqn3] {
    padding: 14px;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    margin-bottom: 12px;
}

.mascota-card__header[b-ngnvxffqn3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

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

.mascota-card__nombre[b-ngnvxffqn3] {
    font-size: 13px;
    font-weight: 600;
    color: #272B2F;
    flex: 1;
}

.mascota-card__modificar[b-ngnvxffqn3] {
    font-size: 12px;
    color: #06428F;
    text-decoration: underline;
    cursor: pointer;
}

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

.mascota-card__grid[b-ngnvxffqn3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

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

    .mascota-card__grid small[b-ngnvxffqn3] {
        font-size: 11px;
        color: #9AA0AC;
    }

    .mascota-card__grid span[b-ngnvxffqn3] {
        font-size: 12.5px;
        color: #272B2F;
    }

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

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

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

.footer[b-ngnvxffqn3] {
    width: 100%;
    margin-top: 60px;
}

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

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

/* =========================
   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] {
    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: #06428F;
}

.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: 30px;
    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: 30px;
    border: none;
    background: #06428F;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

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

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

@media (max-width: 768px) {

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

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

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

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

    .stepper__step[b-ngnvxffqn3] {
        width: 90px;
    }

    .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;
    }

    .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: #06428F;
    }

    .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: hidden;
    color: #272B2F;
    font-family: inherit;
    padding-top: 100px;
    padding-bottom: 60px;
    background: #fff;
}

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

.header[b-s4cmulqyuv] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 5%;
    display: flex;
    align-items: center;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
    z-index: 100;
}

.header__logo[b-s4cmulqyuv] {
    width: 120px;
    height: 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
========================= */

.stepper[b-s4cmulqyuv] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 640px;
    margin: 30px auto 40px;
    padding: 0 20px;
}

.stepper__step[b-s4cmulqyuv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 140px;
    flex-shrink: 0;
}

.stepper__circle[b-s4cmulqyuv] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #D8DAE5;
    background: #fff;
    box-sizing: border-box;
}

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

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

.stepper__label[b-s4cmulqyuv] {
    font-size: 12px;
    color: #9AA0AC;
    text-align: center;
}

.stepper__step--active .stepper__label[b-s4cmulqyuv] {
    color: #06428F;
    font-weight: 600;
}

.stepper__line[b-s4cmulqyuv] {
    flex: 1;
    height: 2px;
    background: #D8DAE5;
    margin-top: 9px;
    max-width: 100px;
}

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

.planes__title[b-s4cmulqyuv] {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #06428F;
    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 #06428F;
    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: #06428F;
    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: #06428F;
}

.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: #06428F;
        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: #06428F;
    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;
    align-items: center;
    text-align: center;
    gap: 4px;
    margin-top: 28px;
    padding: 18px;
    background: #EFEEF8;
    border-radius: 14px;
}

.plan-card__price-label[b-s4cmulqyuv] {
    font-size: 13px;
    color: #5A6472;
}

.plan-card__price-value[b-s4cmulqyuv] {
    font-size: 30px;
    font-weight: 700;
    color: #06428F;
}

.plan-card__price-note[b-s4cmulqyuv] {
    font-size: 12px;
    color: #9AA0AC;
}

.btn-seleccionar-plan[b-s4cmulqyuv] {
    display: block;
    width: 100%;
    margin-top: 24px;
    padding: 14px;
    border: none;
    border-radius: 30px;
    background: #06428F;
    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: 30px;
    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: #06428F;
    border: 1px solid #06428F;
    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: #06428F;
        margin: 0 0 4px 0;
    }

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

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

.footer[b-s4cmulqyuv] {
    width: 100%;
    margin-top: 60px;
}

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

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

/* =========================
   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] {
    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: #06428F;
    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: 30px;
    background: #9E1C64;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

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

@media (max-width: 768px) {

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

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

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

    .stepper__step[b-s4cmulqyuv] {
        width: 90px;
    }

    .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 */
.container-mascotas[b-is53c1uto2] {
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    color: #272B2F;
    font-family: inherit;
    padding-top: 100px;
    padding-bottom: 100px;
}

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

.header__logo[b-is53c1uto2] {
    width: 120px;
    height: auto;
}

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

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

.banner[b-is53c1uto2] {
    position: relative;
    overflow: hidden;
    min-height: 550px;
}

.banner__back[b-is53c1uto2] {
    position: absolute;
    top: 24px;
    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: 30px;
    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: #06428F;
    border: 1px solid #06428F;
    padding: 10px 24px;
    font-size: 14px;
}

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

.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: #06428F;
}

.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: #06428F;
        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: #06428F;
}

.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: #06428F;
        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: #06428F;
        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: #06428F;
        margin: 0 0 4px 0;
    }

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

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

.footer[b-is53c1uto2] {
    width: 100%;
}

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

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

/* =========================
   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) {

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

    .header__back[b-is53c1uto2] {
        display: inline-flex;
        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: 220px;
    }
}
/* /Components/Pages/Tenants/Comfandi/CreateSinister.razor.rz.scp.css */
/* Decorative Corner Triangle */
.container-fluid[b-80vrtohws7] {
    position: relative;
    overflow-x: hidden;
}

.container-fluid[b-80vrtohws7]::before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 350px 350px 0;
    border-color: transparent #05C3DD transparent transparent;
    z-index: 0;
    pointer-events: none;
}

.container-fluid[b-80vrtohws7]::after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 280px 280px 0;
    border-color: transparent #003DA0 transparent transparent;
    z-index: 1;
    pointer-events: none;
}

.container-fluid > *[b-80vrtohws7] {
    position: relative;
    z-index: 10;
}

/* Stepper Styles */
.stepper-container[b-80vrtohws7] {
    padding: 20px 0;
}

.stepper-wrapper[b-80vrtohws7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 600px;
}

.stepper-item[b-80vrtohws7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
}

.step-counter[b-80vrtohws7] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #E6E6E6;
    border: 2px solid #E6E6E6;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #6A727C;
    font-size: 16px;
    transition: all 0.3s ease;
}

.step-name[b-80vrtohws7] {
    margin-top: 8px;
    font-size: 14px;
    color: #6A727C;
    font-weight: 500;
    text-align: center;
}

.stepper-item.active .step-counter[b-80vrtohws7] {
    background-color: #05C3DD;
    border-color: #05C3DD;
    color: white;
}

.stepper-item.active .step-name[b-80vrtohws7] {
    color: #05C3DD;
    font-weight: 600;
}

.stepper-item.completed .step-counter[b-80vrtohws7] {
    background-color: #05C3DD;
    border-color: #05C3DD;
    color: white;
}

.stepper-item.completed .step-counter[b-80vrtohws7]::after {
    content: "✓";
    font-size: 18px;
}

.stepper-line[b-80vrtohws7] {
    flex: 1;
    height: 2px;
    background-color: #E6E6E6;
    margin: 0 10px;
    align-self: flex-start;
    margin-top: 20px;
    transition: all 0.3s ease;
}

.stepper-line.completed[b-80vrtohws7] {
    background-color: #05C3DD;
}

/* Card Styles */
.card[b-80vrtohws7] {
    border-radius: 12px;
}

.card-body[b-80vrtohws7] {
    padding: 2rem;
}

/* Form Styles */
.form-label[b-80vrtohws7] {
    font-weight: 500;
    color: #2C3948;
    margin-bottom: 8px;
    font-size: 14px;
}

.form-control[b-80vrtohws7],
.form-select[b-80vrtohws7] {
    border: 1px solid #D1D5DB;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    transition: all 0.2s ease;
}

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

.form-control[b-80vrtohws7]::placeholder {
    color: #9CA3AF;
}

/* Button Styles */
.btn[b-80vrtohws7] {
    border-radius: 8px;
    padding: 12px 40px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;
}

.btn-primary[b-80vrtohws7] {
    background-color: #05C3DD;
    border: none;
}

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

.btn-outline-secondary[b-80vrtohws7] {
    border: 1px solid #90195B;
    color: #90195B;
    background-color: transparent;
}

.btn-outline-secondary:hover[b-80vrtohws7] {
    background-color: #90195B;
    color: white;
}

/* Back Button */
.btn-back[b-80vrtohws7] {
    background: none;
    border: none;
    color: #2C3948;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    padding: 8px 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
}

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

.btn-back i[b-80vrtohws7] {
    font-size: 18px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .stepper-wrapper[b-80vrtohws7] {
        max-width: 100%;
    }

    .step-counter[b-80vrtohws7] {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .step-name[b-80vrtohws7] {
        font-size: 12px;
    }

    .stepper-line[b-80vrtohws7] {
        margin: 0 5px;
    }

    .card-body[b-80vrtohws7] {
        padding: 1.5rem;
    }

    .btn[b-80vrtohws7] {
        padding: 10px 30px;
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .step-name[b-80vrtohws7] {
        display: none;
    }

    .stepper-wrapper[b-80vrtohws7] {
        padding: 0 20px;
    }

    /* Ajustar triángulo decorativo en móvil */
    .container-fluid[b-80vrtohws7]::before {
        border-width: 0 200px 200px 0;
    }

    .container-fluid[b-80vrtohws7]::after {
        border-width: 0 150px 150px 0;
    }
}

@media (max-width: 768px) and (min-width: 577px) {
    /* Ajustar triángulo decorativo en tablet */
    .container-fluid[b-80vrtohws7]::before {
        border-width: 0 280px 280px 0;
    }

    .container-fluid[b-80vrtohws7]::after {
        border-width: 0 220px 220px 0;
    }
}

/* Footer Powered By Sekure */
.sinister-footer[b-80vrtohws7] {
    width: 100%;
    background-color: #2c3e50;
    padding: 12px 0;
}

.sinister-footer__content[b-80vrtohws7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.sinister-footer__text[b-80vrtohws7] {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

.sinister-footer__logo[b-80vrtohws7] {
    height: 22px;
    width: auto;
}
/* /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;
}

.min-vh-75[b-1yu1b8ofhp] {
    min-height: 75vh;
}

/* Header Section */
.header-section[b-1yu1b8ofhp] {
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}

/* Logo Comfandi */
.comfandi-logo[b-1yu1b8ofhp] {
    max-width: 180px;
    height: auto;
}

/* Título de la página */
.page-title[b-1yu1b8ofhp] {
    color: #003DA0;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}

/* Stepper Styles */
.stepper-container[b-1yu1b8ofhp] {
    padding: 20px 0;
}

.stepper-wrapper[b-1yu1b8ofhp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    max-width: 600px;
}

.stepper-item[b-1yu1b8ofhp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
}

.step-counter[b-1yu1b8ofhp] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #E6E6E6;
    border: 2px solid #E6E6E6;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    color: #2C3948;
    transition: all 0.3s ease;
}

.step-name[b-1yu1b8ofhp] {
    margin-top: 8px;
    font-size: 14px;
    color: #6B7280;
    font-weight: 500;
    text-align: center;
}

.stepper-item.completed .step-counter[b-1yu1b8ofhp] {
    background-color: #05C3DD;
    border-color: #05C3DD;
    color: white;
}

.stepper-item.completed .step-counter[b-1yu1b8ofhp]::after {
    content: "✓";
    font-size: 18px;
}

.stepper-item.completed .step-name[b-1yu1b8ofhp] {
    color: #05C3DD;
    font-weight: 600;
}

.stepper-line[b-1yu1b8ofhp] {
    flex: 1;
    height: 2px;
    background-color: #E6E6E6;
    margin: 0 10px;
    align-self: flex-start;
    margin-top: 20px;
    transition: all 0.3s ease;
}

.stepper-line.completed[b-1yu1b8ofhp] {
    background-color: #05C3DD;
}

/* 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;
}

@media (max-width: 768px) {
    .confirmation-title[b-1yu1b8ofhp] {
        font-size: 24px;
    }
}

/* 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;
}

/* 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);
    }
}

/* Footer */
.sinister-footer[b-1yu1b8ofhp] {
    background-color: #2c3e50;
    padding: 20px 0;
    text-align: center;
    margin-top: auto;
}

.footer-content[b-1yu1b8ofhp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: white;
    font-size: 14px;
}

.footer-logo[b-1yu1b8ofhp] {
    height: 20px;
    width: auto;
}

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

@media (max-width: 768px) {
    .stepper-wrapper[b-1yu1b8ofhp] {
        max-width: 100%;
    }

    .step-counter[b-1yu1b8ofhp] {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .step-name[b-1yu1b8ofhp] {
        font-size: 12px;
    }

    .stepper-line[b-1yu1b8ofhp] {
        margin: 0 5px;
    }

    .confirmation-title[b-1yu1b8ofhp] {
        font-size: 20px;
    }

    .page-title[b-1yu1b8ofhp] {
        font-size: 20px;
    }

    .comfandi-logo[b-1yu1b8ofhp] {
        max-width: 140px;
    }

    .header-section[b-1yu1b8ofhp] {
        padding: 15px;
    }
}

@media (max-width: 576px) {
    .step-name[b-1yu1b8ofhp] {
        font-size: 11px;
    }

    .stepper-wrapper[b-1yu1b8ofhp] {
        padding: 0 10px;
    }

    .comfandi-logo[b-1yu1b8ofhp] {
        max-width: 120px;
    }

    .page-title[b-1yu1b8ofhp] {
        font-size: 18px;
    }

    .step-counter[b-1yu1b8ofhp] {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .stepper-line[b-1yu1b8ofhp] {
        margin: 0 3px;
    }
}

/* /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) {
    /* Reset html and body.
       min-height en vez de height fijo: con `height:100%` el body queda anclado
       exactamente a la altura del viewport, lo que en Safari iOS (barra de
       direccion dinamica) puede impedir que el documento crezca para admitir
       scroll cuando el contenido es mas alto que la pantalla visible. */
    [b-h5zzqfyfo2] html,
    [b-h5zzqfyfo2] body {
        min-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Main content: flujo normal (NO position:absolute).
       El bug anterior (position:absolute; top:0) sacaba a .main-content del flujo de
       .page-wrapper y lo anclaba al viewport, superponiéndose a .header-mobile (tapaba
       su border-bottom) y dependiendo de un scroll interno (overflow-y:auto) que en
       Safari iOS no siempre responde al gesto de touch dentro de un contenedor absoluto
       anidado. Dejándolo en flujo normal, la página completa hace scroll nativo
       (page-wrapper ya es flex-column con min-height:100vh y `main{flex:1 0 auto}`
       en protectedadmision.css), y solo reservamos espacio abajo para el footer fijo.
    */
    [b-h5zzqfyfo2] .main-content {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        padding-bottom: calc(47px + env(safe-area-inset-bottom, 0px)) !important; /* espacio para el footer fijo */
    }

    /* 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 - fixed at bottom */
    [b-h5zzqfyfo2] .footer-desktop {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 100 !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;
    }

    [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/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;
}
/* /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/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;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* /Shared/NavMenu.razor.rz.scp.css */