/* estilos-layout.css */

/* Body y fondo general con blur y efecto vidrio */
body {
    margin: 0;
    padding: 0;
    position: relative;
    background: url("/img/gacetas2.png") repeat center center;
    background-repeat: no-repeat;
    background-size:cover;
    overflow-x: hidden;
}

/* Sidebar personalizado */
.sidebar {
    background-image: url("/img/sideside.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.2); /* ligera transparencia */
}
.content-wrapper {
    padding-top: 20px;
    background: transparent; /* vidrio muy transparente */
    box-sizing: border-box;
    color: #fff;
}
.main-sidebar .brand-link {
    background: transparent !important;   /* quita color de fondo */
    border-bottom: none !important;       /* quita línea inferior */
    box-shadow: none !important;          /* quita sombras si las hubiera */
}

/* Evita que al pasar el mouse vuelva a pintar fondo */
.main-sidebar .brand-link:hover,
.main-sidebar .brand-link:focus {
    background: transparent !important;
}

.img-fluid {
    max-width: 80%;
    height: 56px;
}
/* Sidebar principal */
.main-sidebar.sidebar-dark-primary {
    background-image: 
        linear-gradient(rgba(112, 0, 0, 0.8), rgba(255, 0, 0, 0.8)),
        url("/img/gacetas.jpg");
    background-repeat: repeat; /* repite la imagen */
    background-position: center center;
    background-size: auto; /* mantiene tamaño original y permite repetir */
}

/* Ajuste de logo en sidebar */
.brand-link .brand-image {
    border-radius: 50%;
}

/* Contenido con margen para sidebar fijo */
body.layout-fixed .content-wrapper,
body.layout-fixed .main-footer {
    margin-left: 250px;
}

/* Otros estilos existentes */
.sumario-item {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}