@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/Layout/ActivacionAstraLayout.razor.rz.scp.css */
/* HERO magenta con gradiente tipo ASTRA */
.bg-astral-gradient[b-6zz0ov7pvy] {
    background: radial-gradient(1100px 380px at 10% -10%, rgba(255,128,171,.25), transparent 60%), linear-gradient(90deg, #e91e63, #c2185b);
    color: #fff;
}

/* Texto con color de marca */
.text-astral[b-6zz0ov7pvy] {
    color: #e91e63 !important;
}

/* Botón de acción con paleta ASTRA (aprovecha variables de Bootstrap) */
.btn-astral[b-6zz0ov7pvy] {
    --bs-btn-bg: #e91e63;
    --bs-btn-border-color: #e91e63;
    --bs-btn-hover-bg: #c2185b;
    --bs-btn-hover-border-color: #c2185b;
    --bs-btn-active-bg: #c2185b;
    --bs-btn-active-border-color: #c2185b;
    --bs-btn-color: #ffffff;
}

/* Punto de marca en navbar */
.brand-dot[b-6zz0ov7pvy] {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: .75rem;
    background: #e91e63;
}

/* Tarjetas de estadística sobre el hero */
.stat-card[b-6zz0ov7pvy] {
    background: rgba(255,255,255,.20);
    border-radius: 1rem;
    padding: .75rem;
    backdrop-filter: blur(4px);
}

/* Borde sutil para imágenes sobre fondos oscuros */
.ring-soft[b-6zz0ov7pvy] {
    box-shadow: 0 0 0 1px rgba(255,255,255,.35) inset;
}

/* Chips de icono para pasos */
.icon-soft[b-6zz0ov7pvy] {
    width: 40px;
    height: 40px;
    border-radius: .75rem;
    display: grid;
    place-items: center;
    background: #f9f1f5; /* fondo suave */
    color: #e91e63; /* icono magenta */
}

/* Espaciado extra en hero para pantallas grandes */
@media (min-width: 992px) {
    .py-lg-6[b-6zz0ov7pvy] {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }
}
/* /Components/Layout/FiniappLayout.razor.rz.scp.css */
.page-finiapp[b-cu0hz4tetd] {
    font-family: 'Poppins', sans-serif;
}

.poppins-thin[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic[b-cu0hz4tetd] {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.cabecera[b-cu0hz4tetd] {
    background-image: url('https://seguroactivos.blob.core.windows.net/staticos/ChicaConCel.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 280px;
}

.hero-finiapp[b-cu0hz4tetd] {
    background: linear-gradient(to right, #3974F7, #A63AFF);
    min-height: 280px;
}

@media (min-width: 768px) {
    .cabecera[b-cu0hz4tetd],
    .hero-finiapp[b-cu0hz4tetd] {
        min-height: 400px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-r215xwi2mi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-r215xwi2mi] {
    flex: 1;
}

.sidebar[b-r215xwi2mi] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-r215xwi2mi] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-r215xwi2mi]  a, .top-row[b-r215xwi2mi]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-r215xwi2mi]  a:hover, .top-row[b-r215xwi2mi]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-r215xwi2mi]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-r215xwi2mi] {
        justify-content: space-between;
    }

    .top-row[b-r215xwi2mi]  a, .top-row[b-r215xwi2mi]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-r215xwi2mi] {
        flex-direction: row;
    }

    .sidebar[b-r215xwi2mi] {
        width: 72px;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 1000;
        transition: width 0.2s ease-in-out;
    }

    .sidebar:hover[b-r215xwi2mi] {
        width: 250px;
        box-shadow: 4px 0 12px rgba(0, 0, 0, 0.3);
    }

    main[b-r215xwi2mi] {
        margin-left: 72px;
    }

    .top-row[b-r215xwi2mi] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-r215xwi2mi]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-r215xwi2mi], article[b-r215xwi2mi] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-r215xwi2mi] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-r215xwi2mi] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ajqwrrfjf8] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-ajqwrrfjf8] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-ajqwrrfjf8] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ajqwrrfjf8] {
    font-size: 1.1rem;
}

.bi[b-ajqwrrfjf8] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-ajqwrrfjf8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-ajqwrrfjf8] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ajqwrrfjf8] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ajqwrrfjf8] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ajqwrrfjf8]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-ajqwrrfjf8]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ajqwrrfjf8]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-ajqwrrfjf8] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ajqwrrfjf8] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ajqwrrfjf8] {
        display: none;
    }

    .nav-scrollable[b-ajqwrrfjf8] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }

    .menu-text[b-ajqwrrfjf8] {
        display: none;
        white-space: nowrap;
    }

    .nav-scrollable:hover .menu-text[b-ajqwrrfjf8] {
        display: inline;
    }

    .nav-item[b-ajqwrrfjf8]  .nav-link {
        justify-content: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .nav-scrollable:hover .nav-item[b-ajqwrrfjf8]  .nav-link {
        justify-content: flex-start;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .bi[b-ajqwrrfjf8] {
        margin-right: 0;
    }

    .nav-scrollable:hover .bi[b-ajqwrrfjf8] {
        margin-right: 0.75rem;
    }

    .navbar-brand[b-ajqwrrfjf8] {
        white-space: nowrap;
        overflow: hidden;
    }
}
/* /Components/Layout/Samsung2026Layout.razor.rz.scp.css */
/* ==========================================================================
   Samsung Care+ 2026 - Layout
   Paleta Samsung: #1428A0 azul primario, #0C1D6B azul oscuro
   ========================================================================== */

/* --------- Barra de progreso de scroll (indicador visual superior) ---------- */
.scroll-progress[b-r94zwhe80i] {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: linear-gradient(90deg, #1428A0 0%, #0C1D6B 100%);
    transform-origin: left center;
    transform: scaleX(0);
    z-index: 9999;
    pointer-events: none;
    /* CSS scroll-driven animation (Chromium/Edge/Safari recientes). Fallback: barra invisible. */
    animation: scroll-progress-grow-b-r94zwhe80i linear;
    animation-timeline: scroll(root);
}

@keyframes scroll-progress-grow-b-r94zwhe80i {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

/* --------- Botón flotante "Volver al inicio" (estilo Samsung) ---------- */
.back-to-top[b-r94zwhe80i] {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    background: #0C1D6B;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(12, 29, 107, .28);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s, background .18s ease, box-shadow .18s ease;
    z-index: 9998;
}

    .back-to-top.is-visible[b-r94zwhe80i] {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .back-to-top:hover[b-r94zwhe80i],
    .back-to-top:focus-visible[b-r94zwhe80i] {
        background: #1428A0;
        box-shadow: 0 12px 28px rgba(20, 40, 160, .38);
        outline: none;
    }

    .back-to-top:active[b-r94zwhe80i] {
        transform: translateY(2px);
    }

    .back-to-top svg[b-r94zwhe80i] {
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
    }

.back-to-top__label[b-r94zwhe80i] {
    display: inline;
}

/* Móvil: botón compacto solo con icono para no invadir el thumb-zone */
@media (max-width: 575.98px) {
    .back-to-top[b-r94zwhe80i] {
        right: 1rem;
        bottom: 1rem;
        padding: .75rem;
        border-radius: 50%;
        width: 44px;
        height: 44px;
        justify-content: center;
        gap: 0;
    }

    .back-to-top__label[b-r94zwhe80i] {
        display: none;
    }

        .back-to-top svg[b-r94zwhe80i] {
            width: 20px;
            height: 20px;
        }
}

.cabecera[b-r94zwhe80i],
.media[b-r94zwhe80i],
.media2[b-r94zwhe80i],
.media3[b-r94zwhe80i],
.media4[b-r94zwhe80i] {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: saturate(.9);
}

/* Cabecera principal: más compacta, deja aire para el hero transaccional */
.cabecera[b-r94zwhe80i] {
    min-height: 220px;
}

/* Banners intermedios: más discretos que la cabecera */
.media[b-r94zwhe80i],
.media2[b-r94zwhe80i],
.media3[b-r94zwhe80i],
.media4[b-r94zwhe80i] {
    min-height: 260px;
}

    /* Overlay tintado azul Samsung para integrar con la paleta (menos invasivo que negro puro) */
    .cabecera[b-r94zwhe80i]::before,
    .media[b-r94zwhe80i]::before,
    .media2[b-r94zwhe80i]::before,
    .media3[b-r94zwhe80i]::before,
    .media4[b-r94zwhe80i]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(20, 40, 160, .55) 0%, rgba(12, 29, 107, .78) 100%);
        pointer-events: none;
    }

    /* Contenido por encima del overlay */
    .cabecera > *[b-r94zwhe80i],
    .media > *[b-r94zwhe80i],
    .media2 > *[b-r94zwhe80i],
    .media3 > *[b-r94zwhe80i],
    .media4 > *[b-r94zwhe80i] {
        position: relative;
        z-index: 1;
    }

.cabecera[b-r94zwhe80i] {
    background-image: url('https://seguroactivos.blob.core.windows.net/staticos/Banner-Samsung.png');
}

.media[b-r94zwhe80i] {
    background-image: url('https://seguroactivos.blob.core.windows.net/staticos/galaxy-s23-ultra-accessories-cases-kv-s-_1_.jpg');
}

.media2[b-r94zwhe80i] {
    background-image: url('https://atsseguros.com/wp-content/uploads/2024/01/galaxynote10_zoom_in_mic.jpg');
}

.media3[b-r94zwhe80i] {
    background-image: url('https://atsseguros.com/wp-content/uploads/2024/01/1.-Galaxy-Z-Flip-Thom-Browne-Edition_Lifestyle-1.jpg');
}

.media4[b-r94zwhe80i] {
    background-image: url('https://atsseguros.com/wp-content/uploads/2024/01/trucos-galaxy-note-10-and-10-plus-2.jpg');
}

/* --------- Títulos sobre banners: sin text-shadow duro ---------- */
.media h1[b-r94zwhe80i],
.media2 h1[b-r94zwhe80i],
.media3 h1[b-r94zwhe80i],
.media4 h1[b-r94zwhe80i],
.media p[b-r94zwhe80i],
.media2 p[b-r94zwhe80i],
.media3 p[b-r94zwhe80i],
.media4 p[b-r94zwhe80i] {
    text-shadow: 0 2px 8px rgba(0, 0, 0, .35) !important;
}

/* --------- Logos del header (fila superior) ---------- */
.header-logos[b-r94zwhe80i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    gap: 1rem;
    padding: 1rem 0;
}

    .header-logos img[b-r94zwhe80i] {
        max-height: 60px;
        width: auto;
    }

/* --------- Tabla comparativa de planes ---------- */
.tabla-comparativa[b-r94zwhe80i] {
    max-width: 900px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(20, 40, 160, .08);
    background: #fff;
}

    .tabla-comparativa thead th[b-r94zwhe80i] {
        background: linear-gradient(135deg, #1428A0 0%, #0C1D6B 100%) !important;
        color: #fff !important;
        font-weight: 700;
        padding: 1rem 1.25rem;
        border: none;
        letter-spacing: .01em;
    }

    .tabla-comparativa tbody td[b-r94zwhe80i] {
        padding: 1rem 1.25rem;
        border-color: #EEF0F5;
        vertical-align: middle;
    }

    .tabla-comparativa tbody tr:hover[b-r94zwhe80i] {
        background: rgba(20, 40, 160, .04);
    }

/* --------- Tarjetas de coberturas ---------- */
.cobertura-card[b-r94zwhe80i] {
    background: #fff;
    border-radius: 14px;
    padding: 1.75rem 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 4px 16px rgba(20, 40, 160, .06);
    transition: transform .2s ease, box-shadow .2s ease;
    border: 1px solid #EEF0F5;
}

    .cobertura-card:hover[b-r94zwhe80i] {
        transform: translateY(-4px);
        box-shadow: 0 10px 28px rgba(20, 40, 160, .14);
    }

    .cobertura-card img[b-r94zwhe80i] {
        padding: .75rem;
        background: rgba(20, 40, 160, .08);
        border-radius: 50%;
        margin-bottom: .75rem;
        box-sizing: content-box;
    }

    .cobertura-card .fw-bold[b-r94zwhe80i] {
        color: #0C1D6B;
        font-size: 1.05rem;
        margin-top: .5rem;
    }

/* --------- Tarjetas de contacto ---------- */
.contacto-card[b-r94zwhe80i] {
    background: #fff;
    border-radius: 14px;
    padding: 1.75rem 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 4px 16px rgba(20, 40, 160, .06);
    transition: transform .2s ease, box-shadow .2s ease;
    border: 1px solid #EEF0F5;
}

    .contacto-card:hover[b-r94zwhe80i] {
        transform: translateY(-4px);
        box-shadow: 0 10px 28px rgba(20, 40, 160, .14);
    }

    .contacto-card svg[b-r94zwhe80i] {
        padding: 1rem;
        width: 3.5rem;
        height: 3.5rem;
        background: linear-gradient(135deg, #1428A0 0%, #0C1D6B 100%);
        border-radius: 50%;
        fill: #fff;
        margin-bottom: .75rem;
        box-sizing: content-box;
    }

    .contacto-card .h2[b-r94zwhe80i] {
        color: #0C1D6B;
        font-size: 1.15rem;
        margin-top: .5rem;
    }

    .contacto-card a[b-r94zwhe80i] {
        color: #1428A0;
        text-decoration: none;
        font-weight: 500;
    }

        .contacto-card a:hover[b-r94zwhe80i] {
            color: #0C1D6B;
            text-decoration: underline;
        }

/* ==========================================================================
   Responsive móvil
   ========================================================================== */
@media (max-width: 767.98px) {
    .cabecera[b-r94zwhe80i] {
        min-height: 160px;
    }

    .media[b-r94zwhe80i],
    .media2[b-r94zwhe80i],
    .media3[b-r94zwhe80i],
    .media4[b-r94zwhe80i] {
        min-height: 200px;
    }

        .media h1[b-r94zwhe80i],
        .media2 h1[b-r94zwhe80i],
        .media3 h1[b-r94zwhe80i],
        .media4 h1[b-r94zwhe80i] {
            font-size: 1.5rem !important;
        }

        .media p[b-r94zwhe80i],
        .media2 p[b-r94zwhe80i],
        .media3 p[b-r94zwhe80i],
        .media4 p[b-r94zwhe80i] {
            font-size: .9rem !important;
        }

    .header-logos img[b-r94zwhe80i] {
        max-height: 36px;
    }

    .tabla-comparativa thead th[b-r94zwhe80i],
    .tabla-comparativa tbody td[b-r94zwhe80i] {
        padding: .65rem .5rem;
        font-size: .85rem;
    }

    .cobertura-card[b-r94zwhe80i],
    .contacto-card[b-r94zwhe80i] {
        padding: 1.25rem 1rem;
    }
}
/* /Components/Layout/SamsungLayout.razor.rz.scp.css */
.cabecera[b-mvmo6y9pf8] {
    background-image: url('https://seguroactivos.blob.core.windows.net/staticos/Banner-Samsung.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}

.media[b-mvmo6y9pf8] {
    background-image: url('https://seguroactivos.blob.core.windows.net/staticos/galaxy-s23-ultra-accessories-cases-kv-s-_1_.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}

.media2[b-mvmo6y9pf8] {
    background-image: url('https://atsseguros.com/wp-content/uploads/2024/01/galaxynote10_zoom_in_mic.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}

.media3[b-mvmo6y9pf8] {
    background-image: url('https://atsseguros.com/wp-content/uploads/2024/01/1.-Galaxy-Z-Flip-Thom-Browne-Edition_Lifestyle-1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}

.media4[b-mvmo6y9pf8] {
    background-image: url('https://atsseguros.com/wp-content/uploads/2024/01/trucos-galaxy-note-10-and-10-plus-2.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}
/* /Components/Layout/SiniestroAstraLayout.razor.rz.scp.css */
/* HERO magenta con gradiente tipo ASTRA */
.bg-astral-gradient[b-elu76zcu16] {
    background: radial-gradient(1100px 380px at 10% -10%, rgba(255,128,171,.25), transparent 60%), linear-gradient(90deg, #e91e63, #c2185b);
    color: #fff;
}

/* Texto con color de marca */
.text-astral[b-elu76zcu16] {
    color: #e91e63 !important;
}

/* Botón de acción con paleta ASTRA (aprovecha variables de Bootstrap) */
.btn-astral[b-elu76zcu16] {
    --bs-btn-bg: #e91e63;
    --bs-btn-border-color: #e91e63;
    --bs-btn-hover-bg: #c2185b;
    --bs-btn-hover-border-color: #c2185b;
    --bs-btn-active-bg: #c2185b;
    --bs-btn-active-border-color: #c2185b;
    --bs-btn-color: #ffffff;
}

/* Punto de marca en navbar */
.brand-dot[b-elu76zcu16] {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: .75rem;
    background: #e91e63;
}

/* Tarjetas de estadística sobre el hero */
.stat-card[b-elu76zcu16] {
    background: rgba(255,255,255,.20);
    border-radius: 1rem;
    padding: .75rem;
    backdrop-filter: blur(4px);
}

/* Borde sutil para imágenes sobre fondos oscuros */
.ring-soft[b-elu76zcu16] {
    box-shadow: 0 0 0 1px rgba(255,255,255,.35) inset;
}

/* Chips de icono para pasos */
.icon-soft[b-elu76zcu16] {
    width: 40px;
    height: 40px;
    border-radius: .75rem;
    display: grid;
    place-items: center;
    background: #f9f1f5; /* fondo suave */
    color: #e91e63; /* icono magenta */
}

/* Espaciado extra en hero para pantallas grandes */
@media (min-width: 992px) {
    .py-lg-6[b-elu76zcu16] {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }
}
/* /Components/Layout/SiniestroAstraLayout2.razor.rz.scp.css */
/* HERO magenta con gradiente tipo ASTRA */
.bg-astral-gradient[b-i3wac3n9iw] {
    background: radial-gradient(1100px 380px at 10% -10%, rgba(255,128,171,.25), transparent 60%), linear-gradient(90deg, #e91e63, #c2185b);
    color: #fff;
}

/* Texto con color de marca */
.text-astral[b-i3wac3n9iw] {
    color: #e91e63 !important;
}

/* Botón de acción con paleta ASTRA (aprovecha variables de Bootstrap) */
.btn-astral[b-i3wac3n9iw] {
    --bs-btn-bg: #e91e63;
    --bs-btn-border-color: #e91e63;
    --bs-btn-hover-bg: #c2185b;
    --bs-btn-hover-border-color: #c2185b;
    --bs-btn-active-bg: #c2185b;
    --bs-btn-active-border-color: #c2185b;
    --bs-btn-color: #ffffff;
}

/* Punto de marca en navbar */
.brand-dot[b-i3wac3n9iw] {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: .75rem;
    background: #e91e63;
}

/* Tarjetas de estadística sobre el hero */
.stat-card[b-i3wac3n9iw] {
    background: rgba(255,255,255,.20);
    border-radius: 1rem;
    padding: .75rem;
    backdrop-filter: blur(4px);
}

/* Borde sutil para imágenes sobre fondos oscuros */
.ring-soft[b-i3wac3n9iw] {
    box-shadow: 0 0 0 1px rgba(255,255,255,.35) inset;
}

/* Chips de icono para pasos */
.icon-soft[b-i3wac3n9iw] {
    width: 40px;
    height: 40px;
    border-radius: .75rem;
    display: grid;
    place-items: center;
    background: #f9f1f5; /* fondo suave */
    color: #e91e63; /* icono magenta */
}

/* Espaciado extra en hero para pantallas grandes */
@media (min-width: 992px) {
    .py-lg-6[b-i3wac3n9iw] {
        padding-top: 4.5rem !important;
        padding-bottom: 4.5rem !important;
    }
}
/* /Components/Layout/SiniestroLayout.razor.rz.scp.css */
.page-siniestro[b-pslocu4pb0] {
    font-family: 'Poppins', sans-serif;
    background-color: #e7ebef;
    min-height: 100dvh;
}

.poppins-thin[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic[b-pslocu4pb0] {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}

.cabecera[b-pslocu4pb0] {
    background-image: url('https://atsseguros.com/wp-content/uploads/2024/04/Seguros-Home-1.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px;
}

.fondocabecera[b-pslocu4pb0] {
    background-image: url('https://atsseguros.com/wp-content/uploads/2023/07/dots-left-GettyImages-1478119123.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 320px;
}

@media (min-width: 768px) {
    .cabecera[b-pslocu4pb0],
    .fondocabecera[b-pslocu4pb0] {
        min-height: 600px;
    }
}
/* /Components/Pages/Astra/AstraActivacion.razor.rz.scp.css */

@@font-face {
    font-family: 'Default';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="sf-icon-"][b-i4k5lqz6cv], [class*=" sf-icon-"][b-i4k5lqz6cv] {
    font-family: 'Default' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sf-icon-transport[b-i4k5lqz6cv]:before {
    content: "\e702";
}

.sf-icon-user[b-i4k5lqz6cv]:before {
    content: "\e708";
}

.sf-icon-cart[b-i4k5lqz6cv]:before {
    content: "\e710";
}

.sf-icon-payment[b-i4k5lqz6cv]:before {
    content: "\e706";
}

.sf-icon-success[b-i4k5lqz6cv]:before {
    content: "\e715";
}
/* /Components/Pages/CampanasClientes/SamsungCampana2026/Samsung.razor.rz.scp.css */
/* ==========================================================================
   Samsung Care+ 2026 - Landing de activación
   Estilos scoped (solo aplican a Samsung.razor)
   Paleta oficial Samsung
   ========================================================================== */

:root[b-cp2xbgh51k] {
    --samsung-blue: #1428A0;
    --samsung-blue-dark: #0C1D6B;
    --samsung-blue-soft: #E8ECFB;
    --samsung-bg: #F7F8FA;
    --samsung-text: #3A3A3A;
    --samsung-muted: #6B7280;
    --samsung-success: #00A651;
    --samsung-shadow: 0 4px 20px rgba(20, 40, 160, .08);
    --samsung-shadow-lg: 0 10px 30px rgba(20, 40, 160, .12);
    --samsung-radius: 14px;
}

.samsung-input-lg[b-cp2xbgh51k] {
    font-size: 1.15rem;
}

/* --------- Lead / subtítulo ---------- */
.samsung-lead[b-cp2xbgh51k] {
    font-size: 1.05rem;
    color: rgba(255, 255, 255, .92);
    text-align: center;
    margin: 0;
    font-weight: 400;
}

/* --------- Hero transaccional: card del paso 1 flota sobre el hero ---------- */
.samsung-hero[b-cp2xbgh51k] {
    background: linear-gradient(135deg, var(--samsung-blue) 0%, var(--samsung-blue-dark) 100%);
    padding: 1.5rem 1rem 4.5rem;
    margin: 0 -12px 0;
    border-radius: 0 0 24px 24px;
    color: #fff;
    text-align: center;
}

.samsung-hero__title[b-cp2xbgh51k] {
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
    margin: 0 0 .5rem;
}

/* --------- Layout general ---------- */
.samsung-flow[b-cp2xbgh51k] {
    padding-top: 0;
    margin-top: -3.5rem;
    position: relative;
    z-index: 2;
}

/* --------- Anchor badges: navegación rápida estilo Samsung ---------- */
.anchor-badges[b-cp2xbgh51k] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: .5rem;
    margin: -.25rem 0 1.75rem;
}

.anchor-badge[b-cp2xbgh51k] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .65rem 1.1rem;
    background: #fff;
    border: 1px solid #D9DCE3;
    border-radius: 4px;
    color: var(--samsung-blue-dark);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    transition: color .18s ease, border-color .18s ease, background .18s ease;
}

    /* Línea inferior azul que aparece al hover (patrón Samsung.com) */
    .anchor-badge[b-cp2xbgh51k]::after {
        content: "";
        position: absolute;
        left: 1.1rem;
        right: 1.1rem;
        bottom: .35rem;
        height: 2px;
        background: var(--samsung-blue);
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform .25s ease;
    }

    .anchor-badge:hover[b-cp2xbgh51k],
    .anchor-badge:focus-visible[b-cp2xbgh51k] {
        color: var(--samsung-blue);
        border-color: var(--samsung-blue);
        outline: none;
    }

        .anchor-badge:hover[b-cp2xbgh51k]::after,
        .anchor-badge:focus-visible[b-cp2xbgh51k]::after {
            transform: scaleX(1);
        }

.anchor-badge__icon[b-cp2xbgh51k] {
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    stroke: currentColor;
}

/* --------- Scroll hint: invitación minimalista estilo Samsung ---------- */
.scroll-hint[b-cp2xbgh51k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    margin: 3rem auto 1.5rem;
    color: var(--samsung-blue-dark);
    text-decoration: none;
    width: fit-content;
    transition: color .2s ease, transform .2s ease;
}

    .scroll-hint:hover[b-cp2xbgh51k],
    .scroll-hint:focus-visible[b-cp2xbgh51k] {
        color: var(--samsung-blue);
        outline: none;
        transform: translateY(2px);
    }

.scroll-hint__label[b-cp2xbgh51k] {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.scroll-hint__line[b-cp2xbgh51k] {
    display: block;
    width: 1px;
    height: 28px;
    background: currentColor;
    opacity: .5;
    animation: line-pulse-b-cp2xbgh51k 1.8s ease-in-out infinite;
}

.scroll-hint__chevron[b-cp2xbgh51k] {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    animation: chevron-bounce-b-cp2xbgh51k 1.8s ease-in-out infinite;
}

@keyframes chevron-bounce-b-cp2xbgh51k {
    0%, 100% { transform: translateY(0); opacity: 1; }
    50% { transform: translateY(5px); opacity: .6; }
}

@keyframes line-pulse-b-cp2xbgh51k {
    0%, 100% { opacity: .3; transform: scaleY(.85); }
    50% { opacity: .7; transform: scaleY(1); }
}

@media (prefers-reduced-motion: reduce) {
    .scroll-hint__chevron[b-cp2xbgh51k],
    .scroll-hint__line[b-cp2xbgh51k] { animation: none; }
}

/* --------- Stepper horizontal (todos los tamaños) ---------- */
.stepper[b-cp2xbgh51k] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    display: flex;
    gap: .5rem;
    background: #fff;
    border-radius: var(--samsung-radius);
    box-shadow: var(--samsung-shadow);
    padding: 1rem .75rem;
    border: 1px solid #EEF0F5;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.stepper__item[b-cp2xbgh51k] {
    position: relative;
    flex: 1 1 0;
    min-width: 130px;
    padding: 3rem .5rem .25rem;
    text-align: center;
    color: var(--samsung-muted);
    transition: color .2s ease;
}

    .stepper__item:not(:last-child)[b-cp2xbgh51k]::after {
        content: "";
        position: absolute;
        top: 1.35rem;
        left: calc(50% + 1.25rem);
        right: calc(-50% + 1.25rem);
        height: 2px;
        background: #E5E7EB;
        transition: background .2s ease;
    }

.stepper__num[b-cp2xbgh51k] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #E5E7EB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--samsung-muted);
    transition: all .2s ease;
    z-index: 1;
}

.stepper__title[b-cp2xbgh51k] {
    display: block;
    font-weight: 600;
    font-size: .9rem;
    line-height: 1.2;
    color: inherit;
    margin-bottom: .2rem;
}

.stepper__desc[b-cp2xbgh51k] {
    font-size: .75rem;
    color: var(--samsung-muted);
    margin: 0;
    line-height: 1.2;
}

.stepper__item.is-active[b-cp2xbgh51k] {
    color: var(--samsung-blue);
}

    .stepper__item.is-active .stepper__num[b-cp2xbgh51k] {
        background: var(--samsung-blue);
        border-color: var(--samsung-blue);
        color: #fff;
        box-shadow: 0 0 0 6px rgba(20, 40, 160, .12);
    }

.stepper__item.is-done[b-cp2xbgh51k] {
    color: var(--samsung-success);
}

    .stepper__item.is-done .stepper__num[b-cp2xbgh51k] {
        background: var(--samsung-success);
        border-color: var(--samsung-success);
        color: #fff;
    }

    .stepper__item.is-done[b-cp2xbgh51k]::after {
        background: var(--samsung-success);
    }

/* --------- Card de paso (contiene cada EditForm) ---------- */
.step-card[b-cp2xbgh51k] {
    background: #fff;
    border-radius: var(--samsung-radius);
    box-shadow: var(--samsung-shadow);
    padding: 1.75rem 1.75rem 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #EEF0F5;
    border-left: 4px solid #EEF0F5;
    transition: box-shadow .2s ease, border-color .2s ease, opacity .2s ease, background .2s ease;
    position: relative;
    overflow: visible;
    animation: step-card-reveal-b-cp2xbgh51k .5s cubic-bezier(.16, 1, .3, 1) both;
    scroll-margin-top: 1.5rem;
}

@keyframes step-card-reveal-b-cp2xbgh51k {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .step-card[b-cp2xbgh51k] { animation: none; }
}

    .step-card:hover[b-cp2xbgh51k] {
        box-shadow: var(--samsung-shadow-lg);
    }

    /* ============ PASO ACTIVO ============ */
    .step-card.is-active[b-cp2xbgh51k] {
        border-left-color: #1428A0;
        border-left-width: 6px;
        box-shadow: 0 12px 32px rgba(20, 40, 160, .18);
    }

        .step-card.is-active[b-cp2xbgh51k]::before {
            content: "PASO ACTUAL";
            position: absolute;
            top: -.85rem;
            left: 1.5rem;
            background: #1428A0;
            color: #ffffff;
            font-size: .72rem;
            font-weight: 800;
            letter-spacing: .14em;
            padding: .38rem .9rem;
            border-radius: 999px;
            box-shadow: 0 4px 12px rgba(20, 40, 160, .35);
            z-index: 3;
            white-space: nowrap;
        }

        .step-card.is-active[b-cp2xbgh51k]::after {
            content: "";
            position: absolute;
            left: -1px;
            right: -1px;
            top: -1px;
            bottom: -1px;
            border-radius: var(--samsung-radius);
            box-shadow: 0 0 0 3px rgba(20, 40, 160, .12);
            pointer-events: none;
            animation: active-pulse-b-cp2xbgh51k 2.4s ease-in-out infinite;
            z-index: 0;
        }

@keyframes active-pulse-b-cp2xbgh51k {
    0%, 100% { box-shadow: 0 0 0 3px rgba(20, 40, 160, .12); }
    50%      { box-shadow: 0 0 0 8px rgba(20, 40, 160, .04); }
}

@media (prefers-reduced-motion: reduce) {
    .step-card.is-active[b-cp2xbgh51k]::after { animation: none; }
}

    /* ============ PASO COMPLETADO ============ */
    .step-card.is-done[b-cp2xbgh51k] {
        border-left-color: #00A651;
        border-left-width: 6px;
        background: linear-gradient(180deg, rgba(0, 166, 81, .06) 0%, #fff 40%);
    }

        /* Cinta grande "PASO COMPLETADO" */
        .step-card.is-done[b-cp2xbgh51k]::before {
            content: "✓  PASO COMPLETADO";
            position: absolute;
            top: -.85rem;
            left: 1.5rem;
            background: #00A651;
            color: #ffffff;
            font-size: .78rem;
            font-weight: 800;
            letter-spacing: .12em;
            padding: .42rem 1.05rem;
            border-radius: 999px;
            box-shadow: 0 4px 12px rgba(0, 166, 81, .4);
            z-index: 3;
            white-space: nowrap;
        }

        /* Marca de agua diagonal ligera "COMPLETADO" a la derecha (opcional, muy sutil) */
        .step-card.is-done[b-cp2xbgh51k]::after {
            content: "";
            position: absolute;
            top: .5rem;
            right: .75rem;
            width: 2.75rem;
            height: 2.75rem;
            background: #00A651;
            -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") no-repeat center / contain;
                    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") no-repeat center / contain;
            opacity: .18;
            pointer-events: none;
            z-index: 1;
        }

        /* Reemplazamos el número del paso por un check verde grande */
        .step-card.is-done .step-card__num[b-cp2xbgh51k] {
            background: #00A651;
            color: transparent;
            border: none;
            box-shadow: 0 4px 10px rgba(0, 166, 81, .35);
            position: relative;
        }

            .step-card.is-done .step-card__num[b-cp2xbgh51k]::after {
                content: "";
                position: absolute;
                inset: 0;
                background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>") no-repeat center / 65%;
            }

        /* El título en verde para reforzar el estado */
        .step-card.is-done .step-card__title[b-cp2xbgh51k] {
            color: #00A651;
        }

.step-card__header[b-cp2xbgh51k] {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: 1.25rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid #EEF0F5;
}

.step-card__num[b-cp2xbgh51k] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--samsung-blue-soft);
    color: var(--samsung-blue);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-card__title[b-cp2xbgh51k] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--samsung-blue-dark);
    margin: 0;
}

.step-card .form-control[b-cp2xbgh51k] {
    border-radius: 10px;
    border: 1.5px solid #E5E7EB;
    transition: border-color .15s ease, box-shadow .15s ease;
}

    .step-card .form-control:focus[b-cp2xbgh51k] {
        border-color: var(--samsung-blue);
        box-shadow: 0 0 0 3px rgba(20, 40, 160, .12);
    }

.step-card .btn-primary[b-cp2xbgh51k] {
    background: var(--samsung-blue);
    border-color: var(--samsung-blue);
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: .01em;
    transition: background .15s ease, transform .1s ease;
}

    .step-card .btn-primary:hover[b-cp2xbgh51k],
    .step-card .btn-primary:focus[b-cp2xbgh51k] {
        background: var(--samsung-blue-dark);
        border-color: var(--samsung-blue-dark);
    }

    .step-card .btn-primary:active[b-cp2xbgh51k] {
        transform: translateY(1px);
    }

/* --------- Grilla de planes ---------- */
.plans-header[b-cp2xbgh51k] {
    margin: .5rem 0 1.75rem;
    text-align: center;
    padding: 1.25rem 1rem;
    background: linear-gradient(135deg, rgba(20, 40, 160, .04) 0%, rgba(20, 40, 160, .09) 100%);
    border-radius: var(--samsung-radius);
    border: 1px solid var(--samsung-blue-soft);
}

    .plans-header .plan-title[b-cp2xbgh51k] {
        font-size: 1.85rem;
        font-weight: 800;
        color: var(--samsung-blue-dark);
        margin: 0 0 .5rem;
        line-height: 1.15;
    }

    .plans-header .plan-value[b-cp2xbgh51k] {
        display: inline-block;
        background: var(--samsung-blue);
        color: #fff;
        font-weight: 700;
        font-size: 1.15rem;
        padding: .55rem 1.25rem;
        border-radius: 999px;
        margin-top: .25rem;
        box-shadow: 0 4px 14px rgba(20, 40, 160, .25);
        letter-spacing: .01em;
    }

@media (min-width: 768px) {
    .plans-header .plan-title[b-cp2xbgh51k] { font-size: 2.15rem; }
    .plans-header .plan-value[b-cp2xbgh51k] { font-size: 1.3rem; }
}

.plan-card-wrapper[b-cp2xbgh51k] {
    margin-bottom: 1rem;
}

    .plan-card-wrapper[b-cp2xbgh51k]  .card {
        border: 1.5px solid #EEF0F5;
        border-radius: var(--samsung-radius);
        overflow: hidden;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        height: 100%;
    }

        .plan-card-wrapper[b-cp2xbgh51k]  .card:hover {
            transform: translateY(-4px);
            box-shadow: var(--samsung-shadow-lg);
            border-color: var(--samsung-blue);
        }

    /* Estado: tarjeta seleccionada por el usuario */
    .plan-card-wrapper.is-selected[b-cp2xbgh51k]  .card {
        border-color: var(--samsung-success);
        border-width: 2.5px;
        box-shadow: 0 10px 28px rgba(0, 166, 81, .22);
        transform: translateY(-4px);
        position: relative;
    }

        .plan-card-wrapper.is-selected[b-cp2xbgh51k]  .card::before {
            content: "✓ SELECCIONADO";
            position: absolute;
            top: .6rem;
            right: .6rem;
            background: var(--samsung-success);
            color: #fff;
            font-size: .7rem;
            font-weight: 700;
            letter-spacing: .05em;
            padding: .25rem .55rem;
            border-radius: 999px;
            z-index: 2;
            box-shadow: 0 2px 6px rgba(0, 166, 81, .35);
        }

    .plan-card-wrapper.is-selected[b-cp2xbgh51k]  .card-footer .btn {
        background: var(--samsung-success);
        border-color: var(--samsung-success);
        color: #fff;
    }

        .plan-card-wrapper.is-selected[b-cp2xbgh51k]  .card-footer .btn:hover:not(:disabled) {
            background: var(--samsung-success);
            border-color: var(--samsung-success);
            color: #fff;
        }

    .plan-card-wrapper[b-cp2xbgh51k]  .card-header {
        background: linear-gradient(135deg, var(--samsung-blue) 0%, var(--samsung-blue-dark) 100%);
        color: #fff;
        font-weight: 700;
        font-size: 1rem;
        padding: 1rem 1.25rem;
        border-bottom: none;
        letter-spacing: .01em;
    }

    .plan-card-wrapper[b-cp2xbgh51k]  .card-title {
        font-size: .9rem;
        text-transform: uppercase;
        letter-spacing: .05em;
        color: var(--samsung-muted);
        font-weight: 600;
        margin-bottom: .75rem;
    }

    .plan-card-wrapper[b-cp2xbgh51k]  .card-text {
        margin-bottom: 1rem;
    }

        .plan-card-wrapper[b-cp2xbgh51k]  .card-text del {
            display: block;
            color: var(--samsung-muted);
            font-size: .95rem;
            margin-bottom: .15rem;
        }

        .plan-card-wrapper[b-cp2xbgh51k]  .card-text strong {
            display: block;
            font-size: 1.85rem;
            color: var(--samsung-blue-dark);
            font-weight: 800;
            line-height: 1.1;
        }

    .plan-card-wrapper[b-cp2xbgh51k]  .card-footer {
        background: transparent;
        border-top: none;
        padding: 0 1.25rem 1.25rem;
    }

        .plan-card-wrapper[b-cp2xbgh51k]  .card-footer .btn {
            border-radius: 10px;
            border-color: var(--samsung-blue);
            color: var(--samsung-blue);
            font-weight: 600;
            padding: .65rem 1rem;
            transition: all .15s ease;
        }

            .plan-card-wrapper[b-cp2xbgh51k]  .card-footer .btn:hover:not(:disabled) {
                background: var(--samsung-blue);
                color: #fff;
            }

/* --------- Formulario de usuario: agrupación por secciones ---------- */
.form-section[b-cp2xbgh51k] {
    border: none;
    padding: 0 0 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px dashed #E5E7EB;
}

    .form-section:last-of-type[b-cp2xbgh51k] {
        border-bottom: none;
        margin-bottom: .5rem;
    }

    .form-section > legend[b-cp2xbgh51k] {
        font-size: .85rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        color: var(--samsung-blue);
        font-weight: 700;
        margin-bottom: 1rem;
        padding: 0;
        border: none;
        width: auto;
    }

    .form-section .form-label[b-cp2xbgh51k] {
        font-size: .875rem;
        font-weight: 600;
        color: var(--samsung-text);
        margin-bottom: .35rem;
    }

/* --------- CTA de submit final ---------- */
.cta-submit[b-cp2xbgh51k] {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
    margin-top: .5rem;
}

    .cta-submit[b-cp2xbgh51k]  .e-progress-btn {
        border-radius: 12px !important;
        min-width: 260px;
        box-shadow: 0 6px 16px rgba(0, 166, 81, .25);
    }

/* --------- Alertas modernizadas ---------- */
.samsung-alert[b-cp2xbgh51k] {
    border-radius: 12px;
    border: none;
    padding: 1rem 1.25rem;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
}

    .samsung-alert.alert-primary[b-cp2xbgh51k] {
        background: var(--samsung-blue-soft);
        color: var(--samsung-blue-dark);
    }

    .samsung-alert.alert-danger[b-cp2xbgh51k] {
        background: #FEE2E2;
        color: #991B1B;
    }

/* --------- Panel de éxito (¡YA ESTÁS PROTEGIDO!) ---------- */
.success-panel[b-cp2xbgh51k] {
    margin-top: 1.5rem;
}

    .success-panel[b-cp2xbgh51k]  .alert {
        background: linear-gradient(135deg, #E8F7EE 0%, #D1F0DE 100%);
        border: 1.5px solid var(--samsung-success);
        border-radius: var(--samsung-radius);
        color: #0F5132;
        padding: 1.75rem;
        box-shadow: 0 8px 24px rgba(0, 166, 81, .18);
    }

    .success-panel[b-cp2xbgh51k]  .alert-heading {
        color: var(--samsung-success);
        font-weight: 800;
        font-size: 1.4rem;
    }

    .success-panel[b-cp2xbgh51k]  hr {
        border-color: rgba(0, 166, 81, .3);
    }

    .success-panel[b-cp2xbgh51k]  a {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        margin-top: .5rem;
        color: var(--samsung-blue);
        text-decoration: none;
    }

        .success-panel[b-cp2xbgh51k]  a:hover {
            color: var(--samsung-blue-dark);
            text-decoration: underline;
        }

/* ==========================================================================
   Responsive móvil
   ========================================================================== */
@media (max-width: 767.98px) {
    .samsung-hero[b-cp2xbgh51k] {
        padding: 1rem .75rem 4rem;
        border-radius: 0 0 18px 18px;
    }

    .samsung-hero__title[b-cp2xbgh51k] {
        font-size: 1.2rem;
    }

    .samsung-lead[b-cp2xbgh51k] {
        font-size: .9rem;
    }

    .stepper[b-cp2xbgh51k] {
        padding: .75rem .5rem;
    }

    .stepper__item[b-cp2xbgh51k] {
        min-width: 90px;
        padding: 2.75rem .25rem .25rem;
    }

    .stepper__desc[b-cp2xbgh51k] {
        display: none;
    }

    .stepper__title[b-cp2xbgh51k] {
        font-size: .8rem;
    }

    .anchor-badge[b-cp2xbgh51k] {
        font-size: .72rem;
        padding: .55rem .85rem;
        letter-spacing: .04em;
    }

    .anchor-badge__icon[b-cp2xbgh51k] {
        width: 15px;
        height: 15px;
    }

    .scroll-hint[b-cp2xbgh51k] {
        margin: 2rem auto 1rem;
    }

    .scroll-hint__label[b-cp2xbgh51k] {
        font-size: .7rem;
    }

    .scroll-hint__chevron[b-cp2xbgh51k] {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 575.98px) {
    .step-card[b-cp2xbgh51k] {
        padding: 1.25rem 1rem;
    }

    /* Evitar zoom automático de iOS al enfocar inputs (mínimo 16px) */
    .step-card .form-control[b-cp2xbgh51k],
    .samsung-input-lg[b-cp2xbgh51k] {
        font-size: 16px;
    }

    .plan-card-wrapper[b-cp2xbgh51k]  .card-text strong {
        font-size: 1.55rem;
    }

    /* CTA de submit final full width */
    .cta-submit[b-cp2xbgh51k]  .e-progress-btn {
        min-width: 100% !important;
        width: 100%;
    }
}
/* /Components/Pages/FiniApp/FiniApp.razor.rz.scp.css */

@@font-face {
    font-family: 'Default';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="sf-icon-"][b-cwxx0nrl0r], [class*=" sf-icon-"][b-cwxx0nrl0r] {
    font-family: 'Default' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sf-icon-transport[b-cwxx0nrl0r]:before {
    content: "\e702";
}

.sf-icon-user[b-cwxx0nrl0r]:before {
    content: "\e708";
}

.sf-icon-cart[b-cwxx0nrl0r]:before {
    content: "\e710";
}

.sf-icon-payment[b-cwxx0nrl0r]:before {
    content: "\e706";
}

.sf-icon-success[b-cwxx0nrl0r]:before {
    content: "\e715";
}
/* /Components/Pages/Gestion/GestionarProducto.razor.rz.scp.css */
/* Estilos aislados para GestionarProducto.razor.
   Se usa ::deep porque los .accordion-* los renderiza el componente hijo
   Seleccionar_Producto y necesitamos que el estilo cruce el scope. */

[b-juyyke8tnh] .gestion-container {
    margin-top: 20px;
}

[b-juyyke8tnh] .accordion-button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    font-weight: 600;
    border: none;
}

[b-juyyke8tnh] .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    color: white;
    box-shadow: none;
}

[b-juyyke8tnh] .accordion-button:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    color: white;
}

[b-juyyke8tnh] .accordion-button:focus {
    border-color: none;
    outline: none;
    box-shadow: none;
}

[b-juyyke8tnh] .accordion-body {
    background: #f8f9fa;
    padding: 20px;
}

[b-juyyke8tnh] .section-icon {
    font-size: 1.3rem;
    margin-right: 10px;
}

[b-juyyke8tnh] .action-buttons {
    margin-top: 30px;
    display: flex;
    gap: 10px;
}

[b-juyyke8tnh] .accordion {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

[b-juyyke8tnh] .accordion-item {
    border: none;
    margin-bottom: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

[b-juyyke8tnh] .accordion-item:first-child .accordion-button {
    border-radius: 6px 6px 0 0;
}

[b-juyyke8tnh] .accordion-item:first-child .accordion-button.collapsed {
    border-radius: 6px;
}

/* Responsive móvil */
@media (max-width: 576px) {
    [b-juyyke8tnh] .accordion-body {
        padding: 12px;
    }

    [b-juyyke8tnh] .action-buttons {
        flex-direction: column;
        gap: 8px;
    }
}
/* /Components/Pages/Gestion/GestionarProductoCliente.razor.rz.scp.css */
/* Estilos aislados para GestionarProductoCliente.razor.
   Se usa ::deep porque las clases .e-grid / .e-dialog las genera Syncfusion
   fuera del scope directo del componente. */

[b-cforr01w1z] .e-grid .e-dialog.e-edit-dialog {
    max-width: 95vw !important;
    width: 95vw !important;
}

[b-cforr01w1z] .row-seleccionada {
    background-color: #d1e7dd !important;
    font-weight: 600;
}

[b-cforr01w1z] .row-no-seleccionada {
    opacity: 0.5;
}

/* Wrapper de la tabla: pasa el font-size inline a CSS aislado */
.grid-wrapper[b-cforr01w1z] {
    font-size: 0.8rem !important;
}

/* Responsive móvil */
@media (max-width: 576px) {
    .grid-wrapper[b-cforr01w1z] {
        font-size: 0.72rem !important;
    }
}
/* /Components/Pages/Siniestro/MisSiniestrosView.razor.rz.scp.css */
/* /Components/Pages/Siniestro/RadicacionSiniestroView.razor.rz.scp.css */