/* Hoja de estilos institucionales UAGro */

/* Colores institucionales */
:root {
    --color-primario: #04173b; /* PANTONE 289 C */
    --color-secundario: #E4002B; /* PANTONE 185 C */
    --color-terciario: #4C5C68; /* PANTONE 654 C */
    --color-cuaternario: #03c4fff8; /* PANTONE 663 C */
}

/* Fondo de toda la página */
body {
    background-color: #f5f7fa;
    background-image: url('/assets/frontend/default-new/image/b-d-img.png');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/* Menú lateral */
.sidebar,
.navbar,
.header {
    background-color: var(--color-primario) !important;
}
 /*
.sidebar a,
.navbar a,
.header a {
   color: rgb(0, 0, 0);
}*/

.sidebar a:hover,
.navbar a:hover {
    background-color: var(--color-cuaternario) !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 5px;
}

/* Botones generales */
.btn,
button,
input[type="submit"],
input[type="button"] {
    /*background-color: var(--color-secundario);
    border-color: var(--color-secundario);*/
    color: white;
}

.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: var(--color-terciario);
    border-color: var(--color-terciario);
}

/* Títulos y encabezados */
h1, h2, h3, h4, h5 {
    color: var(--color-primario);
}

/* Footer */
.footer {
    background-color: var(--color-primario);
    color: white;
}
body {
    background-image: url(/assets/frontend/default-new/img/fondo.png);
    background-size: cover;
    background-position: center;
    /*animation: fondoUAGro 20s ease infinite;*/
    color: #ffffff; /* Mejora contraste si el texto no está sobre contenedores blancos */
}

@keyframes fondoUAGro {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

body {
     background-image: url(/assets/frontend/default-new/img/fondo.png);
     background-size: cover;
     background-position: center;
      /*animation: fondoUAGro 20s ease infinite;*/
    min-height: 100vh;
}

@keyframes fondoUAGro {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Ajustar el contenedor blanco */
section.sign-up {
    background-color: rgba(255, 255, 255, 0.95); /* Semitransparente */
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 0 30px rgba(0,0,0,0.1);
    margin: 2rem auto;
    max-width: 1000px;
}
/* Estilo para campos de formulario */
select,
select option,
input,
textarea {
    color: #000 !important;       /* texto negro para que se vea sobre fondo blanco */
    background-color: #fff !important;
}

/* Asegurar legibilidad en hover */
select option:hover {
    background-color: #e9ecef;
    color: #000;
}

/* Cuando el select está enfocado */
select:focus {
    outline: 2px solid var(--color-primario);
}
/* Submenús con fondo azul institucional */
.antry-col li .antry-submenu,
.main-nav-wrap li .navbarHover {
    background-color: #003057 !important; /* Azul institucional */
    color: #fff;
}

/* También asegúrate de que los enlaces dentro de esos menús se vean bien */
.antry-col li .antry-submenu a,
.main-nav-wrap li .navbarHover a {
    color: #fff !important;
}

/* Opcional: cambia el color en hover si lo deseas */
.antry-col li .antry-submenu a:hover,
.main-nav-wrap li .navbarHover a:hover {
    background-color: #002244;
    color: #ffffff;
}
/* Para textos en secciones con fondo blanco */
.container p,
.container-encuesta p,
.formulario-encuesta p {
    color: #000;
}
.menu_pro_tgl_bg{
    color:black;
}
.btn-header{
color: white !important;
}
.menubar i{
    color: white;
}
.right-menubar a{
    color: black;
}