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

    #blazor-error-ui .dismiss[b-t4fznuo23f] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-f1s9zsebc7],
.components-reconnect-repeated-attempt-visible[b-f1s9zsebc7],
.components-reconnect-failed-visible[b-f1s9zsebc7],
.components-pause-visible[b-f1s9zsebc7],
.components-resume-failed-visible[b-f1s9zsebc7],
.components-rejoining-animation[b-f1s9zsebc7] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-f1s9zsebc7],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-f1s9zsebc7],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-f1s9zsebc7],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-f1s9zsebc7],
#components-reconnect-modal.components-reconnect-retrying[b-f1s9zsebc7],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-f1s9zsebc7],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-f1s9zsebc7],
#components-reconnect-modal.components-reconnect-failed[b-f1s9zsebc7],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-f1s9zsebc7] {
    display: block;
}


#components-reconnect-modal[b-f1s9zsebc7] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-f1s9zsebc7 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-f1s9zsebc7 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-f1s9zsebc7 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-f1s9zsebc7]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-f1s9zsebc7 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-f1s9zsebc7 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-f1s9zsebc7 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-f1s9zsebc7 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-f1s9zsebc7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-f1s9zsebc7] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-f1s9zsebc7] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-f1s9zsebc7] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-f1s9zsebc7] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-f1s9zsebc7] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-f1s9zsebc7] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-f1s9zsebc7 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-f1s9zsebc7] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-f1s9zsebc7 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.pie[b-z81tndtuyb] {
    background: var(--negro);
    color: var(--gris-oscuro-texto);
    margin-top: 56px;
    padding: 56px 0 32px 0;
    font-size: 13.5px;
}

.pie-columnas[b-z81tndtuyb] {
    display: flex;
    gap: 64px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--negro-borde);
    flex-wrap: wrap;
}

.pie-marca[b-z81tndtuyb] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pie-marca img[b-z81tndtuyb] { width: 200px; height: auto; }
.pie-marca p[b-z81tndtuyb] { margin: 0; line-height: 1.6; }

.pie-contacto[b-z81tndtuyb] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pie-contacto-directo a[b-z81tndtuyb] { color: #fff; font-weight: 500; }

.pie-columna[b-z81tndtuyb] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pie-titulo[b-z81tndtuyb] {
    font-family: var(--f-etiqueta);
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 2px;
}

.pie a[b-z81tndtuyb] { color: var(--gris-oscuro-texto); }
.pie a:hover[b-z81tndtuyb] { color: var(--amarillo); }

.pie-legal[b-z81tndtuyb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-top: 24px;
    font-size: 12.5px;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .pie-columnas[b-z81tndtuyb] { gap: 32px; }
    .pie-marca[b-z81tndtuyb] { width: 100%; }
}
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
/* ---------- Topbar ---------- */
.topbar[b-ynfsmj6qyo] {
    background: var(--negro);
    color: var(--gris-oscuro-claro);
    font-size: 13px;
}

.topbar-fila[b-ynfsmj6qyo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.topbar-grupo[b-ynfsmj6qyo] {
    display: flex;
    gap: 24px;
    align-items: center;
}

.topbar-destacado[b-ynfsmj6qyo] { color: var(--amarillo); }

.topbar a[b-ynfsmj6qyo] { color: var(--gris-oscuro-claro); }
.topbar a:hover[b-ynfsmj6qyo] { color: #fff; }
.topbar-telefono[b-ynfsmj6qyo] { color: #fff; font-weight: 600; }

/* ---------- Barra principal ---------- */
.barra[b-ynfsmj6qyo] { background: var(--negro-header); }

.barra-fila[b-ynfsmj6qyo] {
    display: flex;
    align-items: center;
    gap: 40px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.logo[b-ynfsmj6qyo] { flex-shrink: 0; display: flex; }
.logo img[b-ynfsmj6qyo] { width: 220px; height: auto; }

.buscador[b-ynfsmj6qyo] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: var(--radio);
    padding: 0 8px 0 18px;
    height: 52px;
}

.buscador-campo[b-ynfsmj6qyo] {
    flex-grow: 1;
    border: 0;
    outline: none;
    font-size: 15px;
    color: var(--tinta);
    background: transparent;
    min-width: 0;
}
.buscador-campo[b-ynfsmj6qyo]::placeholder { color: var(--gris-claro); }

.buscador-boton[b-ynfsmj6qyo] {
    background: var(--amarillo);
    color: var(--negro);
    border: 0;
    border-radius: 4px;
    padding: 10px 22px;
    font-family: var(--f-etiqueta);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
}
.buscador-boton:hover[b-ynfsmj6qyo] { background: var(--amarillo-hover); }

.accion[b-ynfsmj6qyo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: var(--gris-oscuro-claro);
    font-size: 11px;
    flex-shrink: 0;
}
.accion:hover[b-ynfsmj6qyo] { color: #fff; }

/* ---------- Nav de familias ---------- */
.nav-familias[b-ynfsmj6qyo] {
    background: var(--superficie);
    border-bottom: 1px solid var(--borde);
}

.nav-fila[b-ynfsmj6qyo] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding-top: 13px;
    padding-bottom: 13px;
    flex-wrap: wrap;
}

.nav-fila a[b-ynfsmj6qyo] {
    font-family: var(--f-etiqueta);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--tinta);
    white-space: nowrap;
}
.nav-fila a:hover[b-ynfsmj6qyo] { color: var(--acento); }
.nav-todas[b-ynfsmj6qyo] { color: var(--acento) !important; }

/* ---------- Móvil ---------- */
@media (max-width: 900px) {
    .topbar-grupo span:not(.topbar-destacado)[b-ynfsmj6qyo] { display: none; }
    .barra-fila[b-ynfsmj6qyo] { flex-wrap: wrap; gap: 14px; }
    .logo img[b-ynfsmj6qyo] { width: 170px; }
    .buscador[b-ynfsmj6qyo] { order: 3; flex-basis: 100%; height: 46px; }
    .nav-fila[b-ynfsmj6qyo] { gap: 18px; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
}
/* /Components/Pages/Contacto.razor.rz.scp.css */
.contacto[b-e1tzx0j0zd] { padding-top: 28px; padding-bottom: 24px; }

.contacto-migas[b-e1tzx0j0zd] {
    font-size: 13px;
    color: var(--gris-claro);
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}
.contacto-migas a[b-e1tzx0j0zd] { color: var(--gris-claro); }
.contacto-migas .actual[b-e1tzx0j0zd] { color: var(--tinta); font-weight: 500; }

.contacto h1[b-e1tzx0j0zd] { font-size: clamp(30px, 3.2vw, 42px); }
.contacto-sub[b-e1tzx0j0zd] { color: var(--gris); font-size: 16px; margin: 12px 0 28px 0; max-width: 640px; }

.contacto-cuerpo[b-e1tzx0j0zd] {
    display: flex;
    gap: 28px;
    align-items: stretch;
}

.contacto-datos[b-e1tzx0j0zd] {
    width: 440px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.contacto-bloque[b-e1tzx0j0zd] { padding: 22px 24px; }
.contacto-bloque p[b-e1tzx0j0zd] { margin: 10px 0 0 0; color: #3c3c44; line-height: 1.6; }

.contacto-titulo[b-e1tzx0j0zd] { font-size: 15px; color: var(--acento); }

.contacto-enlace[b-e1tzx0j0zd] { display: inline-block; margin-top: 10px; font-size: 14px; font-weight: 500; color: var(--acento); }

.contacto-canales[b-e1tzx0j0zd] { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.contacto-pendiente[b-e1tzx0j0zd] { font-size: 14px; color: var(--gris); margin: 0 !important; }

.contacto-consejo[b-e1tzx0j0zd] { background: #fdf6e3; border-color: #f0dfa8; }

.contacto-mapa[b-e1tzx0j0zd] {
    flex-grow: 1;
    overflow: hidden;
    min-height: 420px;
}
.contacto-mapa iframe[b-e1tzx0j0zd] {
    width: 100%;
    height: 100%;
    min-height: 420px;
    border: 0;
    display: block;
}

@media (max-width: 900px) {
    .contacto-cuerpo[b-e1tzx0j0zd] { flex-direction: column; }
    .contacto-datos[b-e1tzx0j0zd] { width: 100%; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ---------- Hero ---------- */
.hero[b-xyxl4x2ehi] {
    display: flex;
    gap: 56px;
    padding-top: 56px;
    padding-bottom: 48px;
    align-items: stretch;
}

.hero-texto[b-xyxl4x2ehi] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 22px;
    max-width: 720px;
}

.hero-eyebrow[b-xyxl4x2ehi] {
    font-size: 15px;
    letter-spacing: 0.14em;
    color: var(--acento);
    font-weight: 400;
}

.hero-titulo[b-xyxl4x2ehi] {
    font-size: clamp(36px, 4.4vw, 64px);
    line-height: 1.14;
}

.hero-resaltado[b-xyxl4x2ehi] {
    background: var(--amarillo);
    padding: 0 10px;
    display: inline-block;
    line-height: 1.06;
}

.hero-parrafo[b-xyxl4x2ehi] {
    font-size: 17px;
    color: var(--gris);
    margin: 0;
    max-width: 560px;
}

.hero-acciones[b-xyxl4x2ehi] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 4px;
}

/* Tarjeta "busca por tu coche" */
.hero-coche[b-xyxl4x2ehi] {
    width: 400px;
    flex-shrink: 0;
    background: var(--negro);
    border-radius: var(--radio-g);
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.hero-coche-titulo[b-xyxl4x2ehi] { color: #fff; font-size: 24px; }
.hero-coche-sub[b-xyxl4x2ehi] { font-size: 13px; color: var(--gris-oscuro-texto); margin-top: -8px; }

.hero-coche-select[b-xyxl4x2ehi] {
    background: #1c1c20;
    border: 1px solid #333338;
    border-radius: var(--radio);
    padding: 13px 14px;
    color: var(--gris-oscuro-claro);
    font-size: 15px;
    appearance: auto;
}

.hero-coche-select[b-xyxl4x2ehi]::placeholder { color: #6a6a72; }
.hero-coche-select:focus[b-xyxl4x2ehi] { outline: 2px solid var(--amarillo); outline-offset: -1px; }

.hero-coche-oem[b-xyxl4x2ehi] { font-size: 13px; color: var(--gris-oscuro-texto); text-align: center; }
.hero-coche-oem a[b-xyxl4x2ehi] { color: var(--amarillo); }

/* ---------- Confianza ---------- */
.confianza[b-xyxl4x2ehi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    padding-bottom: 56px;
}

.confianza-item[b-xyxl4x2ehi] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    border-radius: var(--radio);
}

.confianza-item div[b-xyxl4x2ehi] { display: flex; flex-direction: column; }
.confianza-item strong[b-xyxl4x2ehi] { font-size: 15px; font-weight: 600; }
.confianza-item span[b-xyxl4x2ehi] { font-size: 13px; color: var(--gris); }

/* ---------- Secciones comunes ---------- */
.seccion-cabecera[b-xyxl4x2ehi] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.seccion-enlace[b-xyxl4x2ehi] { font-size: 14px; color: var(--acento); font-weight: 500; }

/* ---------- Categorías ---------- */
.categorias[b-xyxl4x2ehi] {
    background: var(--superficie);
    border-top: 1px solid var(--borde);
    border-bottom: 1px solid var(--borde);
    padding: 56px 0;
}

.categorias-grid[b-xyxl4x2ehi] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
}

.categoria-celda[b-xyxl4x2ehi] {
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: border-color .15s ease;
}
.categoria-celda:hover[b-xyxl4x2ehi] { border-color: var(--amarillo); color: inherit; }

.categoria-nombre[b-xyxl4x2ehi] { font-size: 17px; }
.categoria-desc[b-xyxl4x2ehi] { font-size: 12.5px; color: var(--gris); line-height: 1.45; }

.categoria-todas[b-xyxl4x2ehi] { background: var(--negro); border-color: var(--negro); justify-content: center; }
.categoria-todas .categoria-nombre[b-xyxl4x2ehi] { color: var(--amarillo); }
.categoria-todas .categoria-desc[b-xyxl4x2ehi] { color: var(--gris-oscuro-texto); }
.categoria-todas:hover[b-xyxl4x2ehi] { border-color: var(--amarillo); }

/* ---------- Marcas ---------- */
.marcas[b-xyxl4x2ehi] { padding-top: 56px; padding-bottom: 56px; }
.marcas-intro[b-xyxl4x2ehi] { color: var(--gris); max-width: 700px; margin: 12px 0 28px 0; }

.marcas-chips[b-xyxl4x2ehi] { display: flex; flex-wrap: wrap; gap: 12px; }

.marca-chip[b-xyxl4x2ehi] {
    background: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: 100px;
    padding: 11px 26px;
    font-weight: 500;
    font-size: 15px;
    transition: border-color .15s ease;
}
.marca-chip:hover[b-xyxl4x2ehi] { border-color: var(--amarillo); color: inherit; }
.marca-todas[b-xyxl4x2ehi] { border-style: dashed; border-color: #cfcdc6; color: var(--acento); }

/* ---------- Recién desmontadas ---------- */
.recientes[b-xyxl4x2ehi] {
    background: var(--superficie);
    border-top: 1px solid var(--borde);
    border-bottom: 1px solid var(--borde);
    padding: 56px 0 40px 0;
    margin-bottom: 56px;
}

/* ---------- Pasos ---------- */
.pasos[b-xyxl4x2ehi] {
    display: flex;
    gap: 48px;
    padding-bottom: 56px;
    align-items: flex-start;
}

.pasos-intro[b-xyxl4x2ehi] { width: 340px; flex-shrink: 0; }
.pasos-intro p[b-xyxl4x2ehi] { color: var(--gris); margin: 14px 0 0 0; }

.pasos-lista[b-xyxl4x2ehi] { display: flex; gap: 20px; flex-grow: 1; }

.paso[b-xyxl4x2ehi] { flex: 1 1 0; padding: 26px; border-radius: var(--radio); }
.paso-numero[b-xyxl4x2ehi] { font-size: 40px; color: var(--amarillo); }
.paso h3[b-xyxl4x2ehi] { font-size: 17px; font-weight: 600; margin: 10px 0 8px 0; }
.paso p[b-xyxl4x2ehi] { font-size: 14px; color: var(--gris); margin: 0; line-height: 1.55; }

/* ---------- Tasación ---------- */
.tasacion[b-xyxl4x2ehi] {
    background: var(--negro);
    border-radius: 12px;
    padding: 44px 48px;
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 56px;
    flex-wrap: wrap;
}

.tasacion img[b-xyxl4x2ehi] { width: 84px; height: auto; flex-shrink: 0; }
.tasacion-texto[b-xyxl4x2ehi] { flex: 1 1 300px; }
.tasacion-texto h2[b-xyxl4x2ehi] { color: #fff; font-size: clamp(22px, 2.2vw, 30px); }
.tasacion-texto p[b-xyxl4x2ehi] { color: var(--gris-oscuro-texto); margin: 8px 0 0 0; }

/* ---------- FAQ ---------- */
.faq[b-xyxl4x2ehi] {
    display: flex;
    gap: 48px;
    padding-bottom: 24px;
    align-items: flex-start;
}

.faq-intro[b-xyxl4x2ehi] { width: 340px; flex-shrink: 0; }
.faq-lista[b-xyxl4x2ehi] { flex-grow: 1; display: flex; flex-direction: column; gap: 12px; }

.faq-item[b-xyxl4x2ehi] { border-radius: var(--radio); padding: 0; }
.faq-item summary[b-xyxl4x2ehi] {
    cursor: pointer;
    list-style: none;
    padding: 18px 24px;
    font-weight: 500;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.faq-item summary[b-xyxl4x2ehi]::after { content: "+"; color: var(--acento); font-size: 20px; }
.faq-item[open] summary[b-xyxl4x2ehi]::after { content: "−"; }
.faq-item p[b-xyxl4x2ehi] { margin: 0; padding: 0 24px 18px 24px; color: var(--gris); font-size: 14px; }

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
    .categorias-grid[b-xyxl4x2ehi] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .confianza[b-xyxl4x2ehi] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .hero[b-xyxl4x2ehi] { flex-direction: column; gap: 32px; }
    .hero-coche[b-xyxl4x2ehi] { width: 100%; }
    .pasos[b-xyxl4x2ehi], .faq[b-xyxl4x2ehi] { flex-direction: column; gap: 24px; }
    .pasos-intro[b-xyxl4x2ehi], .faq-intro[b-xyxl4x2ehi] { width: auto; }
    .pasos-lista[b-xyxl4x2ehi] { flex-direction: column; width: 100%; }
}

@media (max-width: 600px) {
    .categorias-grid[b-xyxl4x2ehi] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .confianza[b-xyxl4x2ehi] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Recambio.razor.rz.scp.css */
.ficha[b-rfwvyd571m] { padding-top: 24px; padding-bottom: 24px; }

.ficha-cuerpo[b-rfwvyd571m] {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    margin-top: 6px;
}

/* ---------- Galería ---------- */
.ficha-galeria[b-rfwvyd571m] {
    width: 46%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ficha-foto-principal[b-rfwvyd571m] {
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: var(--placeholder);
}
.ficha-foto-principal img[b-rfwvyd571m] { width: 100%; height: 100%; object-fit: contain; display: block; background: #fff; }
.ficha-sinfoto[b-rfwvyd571m] { display: flex; align-items: center; justify-content: center; height: 100%; }

.ficha-miniaturas[b-rfwvyd571m] { display: flex; gap: 10px; flex-wrap: wrap; }
.ficha-miniaturas a[b-rfwvyd571m] {
    width: 84px;
    height: 66px;
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    overflow: hidden;
    background: #fff;
}
.ficha-miniaturas a.activa[b-rfwvyd571m] { border: 2px solid var(--amarillo); }
.ficha-miniaturas img[b-rfwvyd571m] { width: 100%; height: 100%; object-fit: cover; display: block; }

.ficha-donante[b-rfwvyd571m] { padding: 18px 20px; margin-top: 6px; }
.ficha-donante-titulo[b-rfwvyd571m] { font-size: 14px; color: var(--acento); }
.ficha-donante-fila[b-rfwvyd571m] { display: flex; gap: 16px; align-items: center; margin-top: 12px; }
.ficha-donante-foto[b-rfwvyd571m] {
    width: 104px;
    height: 74px;
    object-fit: cover;
    border-radius: var(--radio);
    flex-shrink: 0;
    background: var(--placeholder);
}
.ficha-donante-datos[b-rfwvyd571m] { display: flex; flex-direction: column; gap: 4px; font-size: 13.5px; }
.ficha-donante-datos strong[b-rfwvyd571m] { font-size: 15px; }
.ficha-donante-datos span[b-rfwvyd571m] { color: var(--gris); line-height: 1.5; }
.ficha-donante-enlace[b-rfwvyd571m] { display: inline-block; margin-top: 12px; font-size: 13.5px; font-weight: 500; color: var(--acento); }

/* ---------- Compra ---------- */
.ficha-compra[b-rfwvyd571m] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.ficha-compra h1[b-rfwvyd571m] {
    font-size: clamp(24px, 2.6vw, 34px);
    line-height: 1.15;
}

.ficha-chips[b-rfwvyd571m] { display: flex; gap: 8px; flex-wrap: wrap; }

.ficha-panel[b-rfwvyd571m] { padding: 22px 24px; }

.ficha-precio-fila[b-rfwvyd571m] { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.ficha-precio[b-rfwvyd571m] { font-family: var(--f-etiqueta); font-weight: 700; font-size: 42px; }
.ficha-iva[b-rfwvyd571m] { font-size: 13px; color: var(--gris); }
.ficha-stock[b-rfwvyd571m] { margin-left: auto; font-size: 13.5px; color: var(--exito); font-weight: 500; }

.ficha-acciones[b-rfwvyd571m] { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.ficha-acciones .btn[b-rfwvyd571m] { flex-grow: 1; }

.ficha-ventajas[b-rfwvyd571m] {
    list-style: none;
    margin: 18px 0 0 0;
    padding: 16px 0 0 0;
    border-top: 1px solid var(--borde);
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.ficha-ventajas li[b-rfwvyd571m] { display: flex; align-items: center; gap: 9px; font-size: 13.5px; }

.ficha-seccion-titulo[b-rfwvyd571m] { font-size: 15px; color: var(--acento); display: block; margin-bottom: 12px; }

.ficha-observaciones[b-rfwvyd571m] { margin: 0; padding-left: 20px; font-size: 14px; color: #3c3c44; }
.ficha-observaciones li[b-rfwvyd571m] { margin-bottom: 5px; }

.ficha-tabla[b-rfwvyd571m] { display: flex; flex-direction: column; }
.ficha-tabla-fila[b-rfwvyd571m] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 8px 0;
    border-bottom: 1px solid var(--chip);
    font-size: 13.5px;
}
.ficha-tabla-fila:last-child[b-rfwvyd571m] { border-bottom: 0; }
.ficha-tabla-fila span:first-child[b-rfwvyd571m] { color: var(--gris); }
.ficha-tabla-fila span:last-child[b-rfwvyd571m] { font-weight: 500; text-align: right; }

.ficha-aviso[b-rfwvyd571m] {
    background: #fdf6e3;
    border: 1px solid #f0dfa8;
    border-radius: var(--radio-g);
    padding: 16px 20px;
    display: flex;
    gap: 12px;
    align-items: flex-start;
}
.ficha-aviso p[b-rfwvyd571m] { margin: 0; font-size: 13.5px; color: #3c3c44; line-height: 1.55; }

.ficha-relacionados[b-rfwvyd571m] { margin-top: 44px; }
.ficha-relacionados h2[b-rfwvyd571m] { margin-bottom: 22px; }

@media (max-width: 900px) {
    .ficha-cuerpo[b-rfwvyd571m] { flex-direction: column; }
    .ficha-galeria[b-rfwvyd571m] { width: 100%; }
}
/* /Components/Shared/CatalogoEnCamino.razor.rz.scp.css */
.encamino[b-olnpkkr3m7] {
    background: var(--superficie);
    border: 1px dashed #cfcdc6;
    border-radius: var(--radio-g);
    padding: 44px 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin: 8px 0 24px 0;
}

.encamino-icono[b-olnpkkr3m7] {
    background: #fdf6e3;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.encamino h2[b-olnpkkr3m7] {
    font-family: var(--f-display);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
}

.encamino p[b-olnpkkr3m7] { margin: 0; color: var(--gris); max-width: 560px; font-size: 15px; }

.encamino-acciones[b-olnpkkr3m7] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 8px;
}

.encamino-nota[b-olnpkkr3m7] { font-size: 12.5px; color: var(--gris-claro); }
/* /Components/Shared/PaginaProsa.razor.rz.scp.css */
.prosa-pagina[b-m3ue9pen0d] {
    padding-top: 28px;
    padding-bottom: 24px;
}

.prosa-migas[b-m3ue9pen0d] {
    font-size: 13px;
    color: var(--gris-claro);
    display: flex;
    gap: 8px;
    margin-bottom: 18px;
}
.prosa-migas a[b-m3ue9pen0d] { color: var(--gris-claro); }
.prosa-migas a:hover[b-m3ue9pen0d] { color: var(--acento); }
.prosa-migas-actual[b-m3ue9pen0d] { color: var(--tinta); font-weight: 500; }

.prosa-cabecera[b-m3ue9pen0d] { max-width: 820px; margin-bottom: 28px; }
.prosa-cabecera h1[b-m3ue9pen0d] { font-size: clamp(30px, 3.2vw, 42px); }
.prosa-subtitulo[b-m3ue9pen0d] { color: var(--gris); font-size: 16px; margin: 12px 0 0 0; max-width: 720px; }

.prosa-cuerpo[b-m3ue9pen0d] { max-width: 820px; }

.prosa-cuerpo[b-m3ue9pen0d]  h2 {
    font-family: var(--f-display);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px;
    margin: 36px 0 12px 0;
}

.prosa-cuerpo[b-m3ue9pen0d]  h3 {
    font-size: 17px;
    font-weight: 600;
    margin: 26px 0 8px 0;
}

.prosa-cuerpo[b-m3ue9pen0d]  p { margin: 0 0 12px 0; color: #3c3c44; }
.prosa-cuerpo[b-m3ue9pen0d]  ul { margin: 0 0 12px 0; padding-left: 22px; color: #3c3c44; }
.prosa-cuerpo[b-m3ue9pen0d]  li { margin-bottom: 6px; }
.prosa-cuerpo[b-m3ue9pen0d]  a { color: var(--acento); font-weight: 500; }

.prosa-cuerpo[b-m3ue9pen0d]  table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    margin: 12px 0 20px 0;
    background: var(--superficie);
}
.prosa-cuerpo[b-m3ue9pen0d]  th,
.prosa-cuerpo[b-m3ue9pen0d]  td {
    border: 1px solid var(--borde);
    padding: 9px 12px;
    text-align: left;
}
.prosa-cuerpo[b-m3ue9pen0d]  th {
    font-family: var(--f-etiqueta);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 13px;
    background: var(--chip);
}

.prosa-cuerpo[b-m3ue9pen0d]  .prosa-aviso {
    background: #fdf6e3;
    border: 1px solid #f0dfa8;
    border-radius: var(--radio-g);
    padding: 16px 20px;
    margin: 16px 0;
    font-size: 14px;
}