* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }

        body {
            display: flex;
            flex-direction: column;
        }

        /* HEADER */
        header {
            background: #6d2783;
            color: #fff;
            padding: 1px;
            height: 130px;
            text-align: center;
        }

        /* SLIDER */
        .slider {
            width: 100%;
            overflow: hidden;
            position: relative;
        }

        .slides {
            display: flex;
            width: 100%;
            animation: slide 50s infinite;
        }

        .slide {
            width: 33%;
            flex-shrink: 0;
            text-align: center;
            padding: 2px;
        }

        .slide img {
            width: 100%;
            height: 300px;
            object-fit: cover;
        }

        .caption {
            padding: 10px;
            background: #6d2783;
            color: white;
        }

        @keyframes slide {
            0% {margin-left: 0;}
            33% {margin-left: -100%;}
            66% {margin-left: -200%;}
            100% {margin-left: 0;}
        }

        /* FORMULARIO */
        .form-section {
            padding: 20px;
            background: #f4f4f4;
        }

        form {
            max-width: 500px;
            margin: auto;
            display: flex;
            flex-direction: column;
            border: 1px solid #336666;
            padding: 1em;
            border-radius: 1em;
        }

         form input, form button {
            margin: 10px 0;
            padding: 10px;
            font-size: 16px;
        } 

        button {
            background: #6d2783;
            color: white;
            border: none;
            cursor: pointer;
            border-radius: 15px;
        }

        button:hover {
            background-color: #924da7; 
        }

        .col{
           padding: 5px; 
           margin: 10px;
        }

        .div-tex-label{
           display: flex;
           align-items: center;
           margin-left: 10px;
        }

        #datos {
            display: none;
        }

       /* .div-tex-label {
            display: grid;
            place-items: center;
        }*/

        /* FOOTER */
        footer {
            background: #6d2783;
            color: white;
            text-align: center;
            padding: 15px;
            margin-top: auto;
        }

        /* RESPONSIVE */
        @media (max-width: 768px) {
            .slide img {
                height: 200px;
            }
        }

        /*modal datusu*/
        #parr{
            padding: 5px;
        }

        .fondo_header {
            background-image: url("../images/Muestras/fach_biblioteca_pag.png");
            background-size: cover;      /* ajusta la imagen al div */
            background-position: center; /* centra la imagen */
            background-repeat: no-repeat; /* evita repetición */
            height: 100%;
            position: relative;
        }

        .transluz{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #6d2783;
            opacity: 50%;
        }

        .logo1{
              position: absolute;
              z-index: 1;
        }

         .logo2{
              position: absolute;
              z-index: 1;
              top: 25px;
              left: 25%;
        }