/* Archivo styles.css */

/* Estilo personalizado para el botón */
.btn-custom {
    background-color: #ff7900 !important;  /* Color de fondo hexadecimal */
    color: white;               /* Color del texto */
    border: none;               /* Elimina el borde por defecto */
    padding: 10px 10px;         /* Espaciado dentro del botón */
    border-radius: 6px;         /* Bordes redondeados */
    text-decoration: none;      /* Elimina subrayado si el enlace es un <a> */
}

.btn-custom:hover {
    background-color: #ff7900;  /* Color de fondo cuando se pasa el mouse */
    text-decoration: none;      /* Mantiene el enlace sin subrayado al pasar el mouse */
}
h1 {
    font-size: 40px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #ff7900 !important;           /* Color del texto */
    font-weight: bold;        /* Grosor del texto */
    text-align: center;       /* Alineación del texto */
    margin: 10px 1;           /* Márgenes superior e inferior */
    padding: 10px;             /* Relleno interno */
    background-clip: inherit; /* Línea decorativa debajo del texto */
    background-color:  #000000; /* Línea decorativa debajo del texto */
    box-shadow: 0px 2px 5px rgba(245, 75, 7, 0.479); /* Opcional: sombra para destacar */
    ;
    
}
h3 {
    font-size: 40px !important;
    color: #080808 !important;           /* Color del texto */
    font-weight: bold;        /* Grosor del texto */
    text-align:center;       /* Alineación del texto */
    margin: 10px 0;           /* Márgenes superior e inferior */
    padding: 10px;             /* Relleno interno */
    background-clip: inherit; /* Línea decorativa debajo del texto */
    
}
h4 {
    font-size: 40px;          /* Tamaño de fuente */
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #ff7900 !important;           /* Color del texto */
    font-weight: bold;        /* Grosor del texto */
    text-align: center;       /* Alineación del texto */
    margin: 10px 0;           /* Márgenes superior e inferior */
    padding: 10px;             /* Relleno interno */
    background-clip: inherit; /* Línea decorativa debajo del texto */
    background-color:  #000000; /* Línea decorativa debajo del texto */
    }
/* Mantiene el formulario fijo */
form {
    position: sticky imo !important; /* Hace que el formulario permanezca visible al desplazarse */
    top: 0; /* Espacio desde la parte superior */
    z-index: 10; /* Asegura que el formulario esté encima de otros elementos */
    background-color: #ffffff; /* Fondo blanco para que no se mezcle con el contenido detrás */
    padding: 10px; /* Ajusta el espaciado interno */
    box-shadow: 0px 2px 5px rgba(250, 172, 120, 0.479); /* Opcional: sombra para destacar */
}

/* Contenedor desplazable para la tabla */
.table-container {
    max-height: 700px; /* Altura máxima del contenedor */
    overflow-y: auto; /* Habilita el desplazamiento vertical */
    box-shadow: 0px 2px 5px rgba(250, 172, 120, 0.479); /* Opcional: sombra para destacar */
    border: 1px solid #ddd; /* Opcional: borde para el contenedor*/
}
/* Ajusta el tamaño del mensaje */
.mensaje-acciones {
    max-width: 500px;       /* Ancho máximo del mensaje */
    margin: 20px auto;      /* Centrar el mensaje horizontalmente */
    padding: 10px 20px;     /* Ajusta el relleno interno */
    border-radius: 8px;     /* Bordes redondeados */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra para darle profundidad */
    text-align: center;     /* Centra el texto */
}
/* Estilo para el botón con borde y colores personalizados */
.btn-custom-outline {
    background-color: transparent; /* Fondo transparente */
    color: #ff7900; /* Color del texto */
    border: 2px solid #ff7900; /* Borde con color hexadecimal */
    padding: 10px 20px; /* Espaciado interno */
    border-radius: 5px; /* Bordes redondeados */
    font-size: 1rem; /* Tamaño del texto */
    cursor: pointer; /* Cursor de mano */
    transition: all 0.3s ease; /* Transición suave */
}

/* Estilo para el botón cuando se pasa el mouse */
.btn-custom-outline:hover {
    background-color: #f28118; /* Fondo con color hexadecimal */
    color: white; /* Texto blanco */
}

#searchResults {
    max-height: 400px; /* Ajusta la altura máxima */
    overflow-y: auto; /* Desplazamiento solo vertical */
    overflow-x: hidden; /* Oculta cualquier contenido horizontal que desborde */
    border: 1px solid #ddd; /* Opcional: para darle un borde visible */
    padding: 10px;
}