/* _content/web_scrapper/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-ge5jrubq9g] {
    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-ge5jrubq9g] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/web_scrapper/Components/Pages/Home.razor.rz.scp.css */
/* Responsive: en pantalla chica se achica la fila, no se esconde la
   informacion (mismo criterio que el grid de escritorio, pedido SEREMI).
   En escritorio se ve la tabla completa (sin scroll, ancho responsivo a la
   resolucion). En celular (<=700px) la tabla se reemplaza por una lista de
   tarjetas -- logo, detalle y precio primero -- pedido del usuario probando
   en su celular real, 2026-09-11. */

.respo-wrap[b-cxnkmszdsl] {
    box-sizing: border-box;
}

.respo-table-wrap[b-cxnkmszdsl] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.respo-table[b-cxnkmszdsl] {
    border-collapse: collapse;
    width: 100%;
}

.mobile-cards[b-cxnkmszdsl] {
    display: none;
}

@media (max-width: 700px) {
    .respo-table-wrap[b-cxnkmszdsl] {
        display: none;
    }

    .mobile-cards[b-cxnkmszdsl] {
        display: block;
    }
}

@media (max-width: 480px) {
    .respo-wrap[b-cxnkmszdsl] {
        padding: 10px !important;
    }
}

/* Foto del producto (miniatura en la tabla; se agranda al pasar el mouse).
   Pedido del usuario, 2026-11-01: ver la imagen como en Farmacompara. */
.foto-prod[b-cxnkmszdsl] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    vertical-align: middle;
    background: white;
    border-radius: 4px;
    transition: transform 0.15s ease;
    position: relative;
}

.foto-prod:hover[b-cxnkmszdsl] {
    transform: scale(3.2);
    z-index: 20;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}
