/* _content/IslandTours/Pages/Productos/Editar.razor.rz.scp.css */
/* Contenedor */
.page[b-1idltd0fcw] {
    max-width: 1200px; /* aprovecha mejor pantalla */
    margin: 0;
    padding: 6px 6px 24px; /* compacto */
}

/* Títulos */
.page-title[b-1idltd0fcw] {
    margin: 0;
    font-size: 26px; /* más pequeño */
    font-weight: 800;
    letter-spacing: -0.3px;
    line-height: 1.15;
}

.page-sub[b-1idltd0fcw] {
    margin-top: 4px;
    opacity: .75;
    font-size: 14px;
}

/* Tabs suaves */
.tabs[b-1idltd0fcw] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 10px 0 10px;
}

.page .tab[b-1idltd0fcw] {
    padding: 6px 10px;
    border: 1px solid #d7d7d7;
    border-radius: 8px; /* menos “gordito” */
    background: #f2f2f2;
    cursor: pointer;
    font-weight: 700;
    color: #333;
}

    .page .tab.on[b-1idltd0fcw] {
        background: #e6e6e6;
        border-color: #c9c9c9;
        color: #111;
    }

/* Grid compacto */
.page .form-grid[b-1idltd0fcw] {
    display: grid;
    gap: 10px; /* menos separación */
    grid-template-columns: 1fr;
    margin-top: 10px;
}

@media (min-width: 900px) {
    .page .form-grid[b-1idltd0fcw] {
        grid-template-columns: 1fr 1fr;
    }

    .page .campo-full[b-1idltd0fcw] {
        grid-column: 1 / -1;
    }
}

.page .campo[b-1idltd0fcw] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.page label[b-1idltd0fcw] {
    font-size: 13px;
    font-weight: 650;
    color: #222;
    opacity: .85;
}

/* Inputs más bajos y menos redondos */
.page .input[b-1idltd0fcw],
.page select[b-1idltd0fcw],
.page .textarea[b-1idltd0fcw] {
    width: 100%;
    padding: 7px 10px; /* MÁS BAJO */
    border: 1px solid #d6d6d6;
    border-radius: 8px; /* menos supositorio */
    font-size: 14px;
    background: #fff;
    line-height: 1.2;
}

.page .textarea[b-1idltd0fcw] {
    min-height: 80px; /* menos alto */
}

    .page .input:focus[b-1idltd0fcw],
    .page select:focus[b-1idltd0fcw],
    .page .textarea:focus[b-1idltd0fcw] {
        outline: none;
        border-color: #bdbdbd;
        box-shadow: 0 0 0 3px rgba(0,0,0,.04);
    }

/* Botones más bajos */
.page .acciones[b-1idltd0fcw] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.page .btn[b-1idltd0fcw] {
    padding: 8px 12px; /* MÁS BAJO */
    border: 1px solid #cfcfcf;
    border-radius: 8px; /* menos redondo */
    background: #fff;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
}

    .page .btn:hover[b-1idltd0fcw] {
        border-color: #bdbdbd;
        background: #fafafa;
    }

/* Guardar azul */
.page .btn-principal[b-1idltd0fcw] {
    border-color: #2b6de0;
    background: #2b6de0;
    color: #fff;
}

    .page .btn-principal:hover[b-1idltd0fcw] {
        background: #245fca;
        border-color: #245fca;
    }

/* Bloques */
.page .bloque[b-1idltd0fcw] {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #ededed;
    border-radius: 12px;
    background: #fff;
}

.page .bloque-titulo[b-1idltd0fcw] {
    font-weight: 800;
    margin-bottom: 8px;
    letter-spacing: -0.2px;
}

/* Tablas compactas */
.page .tabla-wrap[b-1idltd0fcw] {
    overflow: auto;
    border: 1px solid #eee;
    border-radius: 12px;
    margin-top: 10px;
}

.page .tabla[b-1idltd0fcw] {
    width: 100%;
    border-collapse: collapse;
    min-width: 850px;
}

    .page .tabla th[b-1idltd0fcw],
    .page .tabla td[b-1idltd0fcw] {
        padding: 8px 10px; /* más compacto */
        border-bottom: 1px solid #f0f0f0;
        text-align: left;
        font-size: 13px;
    }

.page .td-acciones[b-1idltd0fcw] {
    white-space: nowrap;
}

/* Mensajes */
.page .ok[b-1idltd0fcw],
.page .error[b-1idltd0fcw] {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #fff;
}

.page .ok[b-1idltd0fcw] {
    border-color: #cfe9cf;
}

.page .error[b-1idltd0fcw] {
    border-color: #f0caca;
}
/* _content/IslandTours/Pages/Productos/Index.razor.rz.scp.css */
.barra[b-qo3woi65be] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin: 12px 0;
}

.input[b-qo3woi65be] {
    flex: 1 1 280px;
    min-width: 220px;
    padding: 10px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
}

.acciones[b-qo3woi65be] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.btn[b-qo3woi65be] {
    padding: 10px 12px;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    background: white;
    cursor: pointer;
}

.btn-principal[b-qo3woi65be] {
    border-color: #aaa;
    font-weight: 600;
}

.tabla-wrap[b-qo3woi65be] {
    overflow: auto;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
}

.tabla[b-qo3woi65be] {
    width: 100%;
    border-collapse: collapse;
    min-width: 720px;
}

    .tabla th[b-qo3woi65be], .tabla td[b-qo3woi65be] {
        padding: 10px 12px;
        border-bottom: 1px solid #eee;
        text-align: left;
    }

.td-acciones[b-qo3woi65be] {
    white-space: nowrap;
}
/* _content/IslandTours/Pages/Productos/Nuevo.razor.rz.scp.css */
/* Scoped SOLO para la página Nuevo producto */
.nuevo-form .form-grid[b-kq28nlihlj] {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    margin: 12px 0;
}

@media (min-width: 768px) {
    .nuevo-form .form-grid[b-kq28nlihlj] {
        grid-template-columns: 1fr 1fr;
    }

    .nuevo-form .campo-full[b-kq28nlihlj] {
        grid-column: 1 / -1;
    }
}

.nuevo-form .campo[b-kq28nlihlj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nuevo-form .input[b-kq28nlihlj],
.nuevo-form .textarea[b-kq28nlihlj] {
    padding: 10px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
}

/* Botonera */
.nuevo-form .acciones[b-kq28nlihlj] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
}

/* OJO: si ya tienes botones globales en site.css, mejor NO redefinir .btn aquí.
   Pero si quieres que en Nuevo se vean de una forma concreta, entonces sí: */

.nuevo-form .btn[b-kq28nlihlj] {
    padding: 10px 12px;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    background: white;
    cursor: pointer;
}

.nuevo-form .btn-principal[b-kq28nlihlj] {
    border-color: #aaa;
    font-weight: 600;
}

.nuevo-form .error[b-kq28nlihlj] {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #f0caca;
    border-radius: 10px;
}
/* _content/IslandTours/Pages/Proveedores/Index.razor.rz.scp.css */
.tarjeta[b-t92lgp4imq] {
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding: 12px;
    margin: 10px 0 14px;
}

.tarjeta-titulo[b-t92lgp4imq] {
    font-weight: 700;
    margin-bottom: 10px;
}

.form-grid[b-t92lgp4imq] {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    .form-grid[b-t92lgp4imq] {
        grid-template-columns: 1fr 1fr;
    }
}

.campo[b-t92lgp4imq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.campo-full[b-t92lgp4imq] {
    grid-column: 1 / -1;
}

.input[b-t92lgp4imq], .textarea[b-t92lgp4imq] {
    padding: 10px 12px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
}

.acciones[b-t92lgp4imq] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.btn[b-t92lgp4imq] {
    padding: 10px 12px;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    background: white;
    cursor: pointer;
}

.btn-principal[b-t92lgp4imq] {
    border-color: #aaa;
    font-weight: 600;
}

.ok[b-t92lgp4imq], .error[b-t92lgp4imq] {
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.ok[b-t92lgp4imq] {
    border-color: #cfe9cf;
}

.error[b-t92lgp4imq] {
    border-color: #f0caca;
}

.barra[b-t92lgp4imq] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin: 12px 0;
}

.tabla-wrap[b-t92lgp4imq] {
    overflow: auto;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
}

.tabla[b-t92lgp4imq] {
    width: 100%;
    border-collapse: collapse;
    min-width: 700px;
}

    .tabla th[b-t92lgp4imq], .tabla td[b-t92lgp4imq] {
        padding: 10px 12px;
        border-bottom: 1px solid #eee;
        text-align: left;
    }

.td-acciones[b-t92lgp4imq] {
    white-space: nowrap;
}
/* _content/IslandTours/Shared/MainLayout.razor.rz.scp.css */
.app[b-bjh5cydfvt] {
    display: flex;
    min-height: 100vh;
}

.contenido[b-bjh5cydfvt] {
    flex: 1;
    background: #fff;
}

@media (min-width: 1000px) {
    .app-content[b-bjh5cydfvt] {
        padding-left: 10px;
        padding-right: 14px;
    }
}


/* _content/IslandTours/Shared/NavMenu.razor.rz.scp.css */
:root[b-nhbp4b69xh] {
    --fg: #0f172a;
    --hover: #f1f5f9;
    --active: #e2e8f0;
    --border: #e5e7eb;
}

/* contenedor */
.menu-lateral[b-nhbp4b69xh] {
    background: #fff;
    color: var(--fg);
    padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,.08);
}

/* cabecera */
.marca[b-nhbp4b69xh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    padding: 10px 12px;
    margin-bottom: 6px;
}

.toggle[b-nhbp4b69xh] {
    background: transparent;
    border: 0;
    color: var(--fg);
    font-size: 1.1rem
}

/* nivel 1 */
.item[b-nhbp4b69xh], .grupo[b-nhbp4b69xh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    width: 100%;
    background: transparent;
    border: 0;
    color: inherit;
    text-decoration: none;
    transition: background-color .15s ease,color .15s ease;
    cursor: pointer;
}

    .item:hover[b-nhbp4b69xh], .grupo:hover[b-nhbp4b69xh] {
        background: var(--hover);
    }

    .grupo.activo[b-nhbp4b69xh] {
        background: var(--active);
    }

    /* chevr�n */
    .grupo .bi-chevron-down[b-nhbp4b69xh] {
        transition: transform .2s ease;
    }

        .grupo .bi-chevron-down.rot[b-nhbp4b69xh] {
            transform: rotate(180deg);
        }

/* SUBMEN� (cerrado por defecto) */
.submenu[b-nhbp4b69xh] {
    display: none;
    margin: 4px 0 8px 0;
    padding-left: 16px;
    border-left: 2px solid var(--border);
}

    .submenu.abierto[b-nhbp4b69xh] {
        display: flex;
        flex-direction: column;
    }

/* opciones del submen� */
.subitem[b-nhbp4b69xh] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px 14px;
    margin: 2px 0;
    border-radius: 10px;
    font-size: .95rem;
    color: var(--fg);
    text-decoration: none;
    background: transparent;
}

    .subitem:hover[b-nhbp4b69xh] {
        background: var(--hover);
    }

/* pie */
.pie[b-nhbp4b69xh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid var(--border);
}

/* iconos */
.bi[b-nhbp4b69xh] {
    font-size: 1rem;
}

.item i[b-nhbp4b69xh], .grupo i[b-nhbp4b69xh], .subitem i[b-nhbp4b69xh] {
    width: 20px;
    text-align: center;
}

/* colapsado */
.menu-lateral.colapsado[b-nhbp4b69xh] {
    width: 68px;
    padding: 10px 6px;
}

    .menu-lateral.colapsado .marca[b-nhbp4b69xh] {
        justify-content: center;
    }

        .menu-lateral.colapsado .marca span[b-nhbp4b69xh],
        .menu-lateral.colapsado span[b-nhbp4b69xh] {
            display: none;
        }

    .menu-lateral.colapsado .submenu[b-nhbp4b69xh] {
        display: none !important;
    }

    .menu-lateral.colapsado .grupo .bi-chevron-down[b-nhbp4b69xh] {
        display: none;
    }

    .menu-lateral.colapsado .item[b-nhbp4b69xh],
    .menu-lateral.colapsado .grupo[b-nhbp4b69xh],
    .menu-lateral.colapsado .subitem[b-nhbp4b69xh] {
        justify-content: center;
        gap: 0;
        padding: 10px 0;
    }
/* ===== HOVER + TOGGLE solo dentro del NavMenu ===== */

/* Colores base locales (si ya los tienes arriba, puedes omitir estas l�neas) */
:root[b-nhbp4b69xh] {
    --fg: #0f172a;
}

/* 1) �tems de primer nivel (Inicio y los botones-grupo) */
.menu-lateral .item[b-nhbp4b69xh],
.menu-lateral button.grupo[b-nhbp4b69xh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--fg);
    text-decoration: none;
    transition: background-color .15s ease,color .15s ease;
}

    .menu-lateral .item:hover[b-nhbp4b69xh],
    .menu-lateral button.grupo:hover[b-nhbp4b69xh] {
        background: #f1f5f9 !important; /* gris clarito */
        color: var(--fg) !important;
    }

/* 2) Submen�: cerrado por defecto, abre con .abierto */
.menu-lateral .submenu[b-nhbp4b69xh] {
    display: none; /* <- IMPORTANTE: cerrado por defecto */
    margin: 4px 0 8px 0;
    padding-left: 14px; /* sangr�a visual */
    border-left: 2px solid #e5e7eb;
}

    .menu-lateral .submenu.abierto[b-nhbp4b69xh] {
        display: flex; /* <- se abre al pulsar el grupo */
        flex-direction: column;
    }

    /* 3) Opciones del submen� (Cat�logo, Nuevo producto, Proveedores...) */
    .menu-lateral .submenu .subitem[b-nhbp4b69xh] {
        display: flex;
        align-items: center;
        gap: 12px; /* m�s separaci�n icono�texto */
        width: 100%;
        padding: 8px 14px;
        margin: 2px 0;
        border-radius: 10px;
        font-size: .95rem; /* un pel�n m�s peque�o */
        color: var(--fg);
        text-decoration: none;
        background: transparent;
    }

        .menu-lateral .submenu .subitem:hover[b-nhbp4b69xh] {
            background: #f1f5f9 !important; /* hover gris clarito */
            color: var(--fg) !important;
        }

/* 4) Pie (Mi cuenta / Salir) con el mismo hover */
.menu-lateral .pie .subitem:hover[b-nhbp4b69xh] {
    background: #f1f5f9 !important;
    color: var(--fg) !important;
}

/* 5) Activo persistente (NavLink a�ade .active) */
.menu-lateral .item.active[b-nhbp4b69xh],
.menu-lateral .subitem.active[b-nhbp4b69xh] {
    background: #2b2f36 !important; /* antracita */
    color: #fff !important;
}

.menu-lateral .grupo.activo[b-nhbp4b69xh] {
    background: #e2e8f0 !important; /* realce suave del grupo abierto */
    color: var(--fg) !important;
}

/* 6) Chevron con rotaci�n cuando el grupo est� abierto */
.menu-lateral .grupo .bi-chevron-down[b-nhbp4b69xh] {
    transition: transform .2s ease;
}

    .menu-lateral .grupo .bi-chevron-down.rot[b-nhbp4b69xh] {
        transform: rotate(180deg);
    }
/* ===== HOVER Y ACTIVO en elementos creados por <NavLink> (usa ::deep) ===== */

/* Inicio (a.item) � el <a> lo genera NavLink ? necesitamos ::deep */
.menu-lateral[b-nhbp4b69xh]  a.item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    color: #0f172a;
    text-decoration: none;
    background: transparent;
    transition: background-color .15s ease,color .15s ease;
}

    .menu-lateral[b-nhbp4b69xh]  a.item:hover {
        background: #f1f5f9;
        color: #0f172a;
    }

/* Submen�: el <a> tambi�n lo genera NavLink ? ::deep */
.menu-lateral .submenu[b-nhbp4b69xh] {
    /* cerrado por defecto: NO tocar con !important */
    display: none;
    margin: 4px 0 8px 0;
    padding-left: 14px; /* sangr�a visual */
    border-left: 2px solid #e5e7eb;
    flex-direction: column;
}

    .menu-lateral .submenu.abierto[b-nhbp4b69xh] {
        display: flex;
    }

    .menu-lateral .submenu[b-nhbp4b69xh]  a.subitem {
        display: flex;
        align-items: center;
        gap: 12px; /* icono�texto m�s separado */
        width: 100%;
        padding: 8px 14px;
        margin: 2px 0;
        border-radius: 10px;
        font-size: .95rem; /* un pel�n m�s peque�o */
        color: #0f172a;
        text-decoration: none;
        background: transparent;
    }

        .menu-lateral .submenu[b-nhbp4b69xh]  a.subitem:hover {
            background: #f1f5f9;
            color: #0f172a;
        }

/* Pie (Mi cuenta / Salir) con el mismo hover */
.menu-lateral .pie[b-nhbp4b69xh]  a.subitem:hover {
    background: #f1f5f9;
    color: #0f172a;
}

/* Activo persistente (NavLink a�ade .active) */
.menu-lateral[b-nhbp4b69xh]  a.item.active,
.menu-lateral .submenu[b-nhbp4b69xh]  a.subitem.active {
    background: #2b2f36; /* antracita */
    color: #fff;
}

/* El bot�n-grupo (Producto/Operaciones/�) S� es del propio componente, sin ::deep */
.menu-lateral button.grupo[b-nhbp4b69xh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #0f172a;
}

    .menu-lateral button.grupo:hover[b-nhbp4b69xh] {
        background: #f1f5f9;
    }

.menu-lateral .grupo.activo[b-nhbp4b69xh] {
    background: #e2e8f0;
    color: #0f172a;
}

/* Chevron rotando al abrir */
.menu-lateral .grupo .bi-chevron-down[b-nhbp4b69xh] {
    transition: transform .2s;
}

    .menu-lateral .grupo .bi-chevron-down.rot[b-nhbp4b69xh] {
        transform: rotate(180deg);
    }
.menu-lateral[b-nhbp4b69xh] {
    border-right: 1px solid rgba(15,23,42,.08);
    box-shadow: 6px 0 18px rgba(15,23,42,.06);
}