*{
	color:  #838383;
}
.montserrat{font-family: 'Montserrat', sans-serif;}
@media (max-width: 576px) {
  .modal-fullscreen-sm-down .modal-content {
    margin-top: 250px; /* ajusta a la altura real de tu header */
  }
}

#box-container{
	margin-top: 20%;
}
#login{
	background-color: #F4F4F4;	
}
#frm-login > label{
	font-weight: 900;
}
#frm-login{
	line-height: 2;
}
.zoom-icon img {
    transition: transform 0.3s ease;
}

.zoom-icon:hover img {
    transform: scale(1.1);
}
.nav-item a{
  font-size: 23px;
  font-weight: 900;
  color: #000080;
}
.nav-item a:hover{
  
  color: yellow; /* Azul profundo para el texto */
  font-weight: 600;

  padding: 12px 24px;
  border: 1px solid #b8860b;
  border-radius: 8px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  /*box-shadow: 0 3px 6px rgba(0,0,0,0.25);*/
  transition: all 0.3s ease;
}
#box-login{
	padding: 2%;
	background-color: white;	
	background: url(../recursos/fondo_midori.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 1em;
}
#list-deptos li{
	border-bottom: solid 2px #F6F6F6;
	padding: 10px;
}
#list-deptos li:hover{
	background-color: #F4F4F4;	
	cursor: pointer;
}
.img-contenedor{
	border-radius: 0.6em;
	/*border: solid 2px #DDDDDD;*/
	
}
#list-deptos li a{
	text-decoration: none;
	color: #686868;
}

#fondo-home{
	background: url(../fondos/fondo-manos.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  color:white;
  
	
}
#videobg {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0%;
  min-width: auto;
  min-height: 100%;
  /*transform: translateX(calc((100% - 100vw) / 2));*/
  transform: translateX(-20%) translateY(30%);
  z-index: -2;
}

#header{
  color: white;
  background: black;
}
#headerx{
  background-color: black;
}
#menu li a{
  color: white;
}
#header, #navi {
    background: #000 !important;
  }

  /* Texto del menú en blanco */
  #menu .nav-link {
    color: #fff !important;
  }
  #menu .nav-link:hover {
    color: #ccc !important;
  }

  /* Toggler icon blanco */
  .navbar-toggler {
    border-color: white !important;
  }
  .navbar-toggler-icon {
    filter: invert(1);
  }

#fondo-equipo{
	background: url(../fondos/fondohome.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color:white;
padding: 10%;
	
}
/* Clase para texto dorado */
.text-gold {
  /* Fallback color for very old browsers */
  color: #b8860b; /* darkgoldenrod */
  /* Gradient metallic effect */
  background: linear-gradient(180deg, #fff6e6 0%, #ffd54a 40%, #b8860b 80%, #6b4a01 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  /* Extra shine / depth */
  text-shadow:
    0 1px 0 rgba(255,255,255,0.25),   /* highlight */
    0 2px 6px rgba(107,74,1,0.35);    /* subtle depth */
  font-weight: 600;
}

/* Clase para texto plateado */
.text-silver {
  /* Fallback color */
  color: #9aa0a6; /* neutral gray fallback */
  /* Gradient metallic effect */
  background: linear-gradient(180deg, #ffffff 0%, #e6eef3 35%, #c8d2d8 65%, #8f9aa3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  /* Extra shine / depth */
  text-shadow:
    0 1px 0 rgba(255,255,255,0.35),
    0 2px 6px rgba(63,76,86,0.25);
  font-weight: 600;
}

/* Uso opcional: mejora la legibilidad sobre fondos claros/oscuro */
.text-metal {
  /* fuerza contraste mínimo y mantiene legibilidad */
  -webkit-text-fill-color: transparent; /* ensures clip works on WebKit */
  display: inline-block;
}

#fondo-home2{
	background: url(../fondos/fondohome2.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color:white;
	padding: 5%;
	
}
#fondo-invitaciones{
	background: url(../fondos/fondohome2.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color:white;
	
}
#fondo-home3{
	background: url(../fondos/fondohome3.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color:white;
	
}
#fondo-home4{
	background: white;
	
}
#overlay-fhome{
	background-color: rgba(0, 0, 0, 0.7);	
  min-height: 100vh;
}
#overlay-fequipo{
	background-color: rgba(255,255,255, 0.9);	
}
#overlay-fhome2{
	background-color: rgba(255,255,255, 0.9);	
}
 .thumbnail-image {
      width: 200px; /* Tamaño ajustado para los thumbnails */
      height: auto;
      cursor: pointer;
    }
.btn-warning{
	background: #0349D9;
	color:white;
	border:none;
	border-radius: 3em;
	font-weight: 900;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #eceef1;
    color: #212121;
}
.btn-light{
	background: #000000;
	color:white;
	border-radius: 10em;
	padding: 15px;
	letter-spacing: 0.4em;
}
.btn-secondary{
	background: #FC02FF;
	color:white;
	border: solid black 5px;
	border-radius: 10em;
	padding: 15px;
	
}
.btn-midori{
	background-color: #000000;
	color: white;
	font-weight: 700;
	border-radius: 5em;
}
.btn-midori:hover{
	background-color: #0B194F;
	color: white;
}
.btn-midori > .fa{
	color: white;
}
.btn-success > .fa{
	color: white;
}
.btn-success{
	background-color: #1FA301;
	color: white;
	font-weight: 700;
	border-radius: 5em;
}

.fa{color:  #000000; padding-left: 5px;}
.input-group-text{border: none; border-radius: 5em; background: #F7F7F7;}
.input-group .flex-nowrap input{
	border: none;
}
.shadow{
	-webkit-box-shadow: 6px 10px 23px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 10px 23px -14px rgba(0,0,0,0.75);
box-shadow: 6px 10px 23px -14px rgba(0,0,0,0.75);
}
.container-fluid{
	background: none;
}

hr{
	background-color: #F4F4F4;
	margin-top:  10px;
}
thead{
	background-color: #000000;
	color: white;
}
.table:not(.table-dark) th{
	color: white;
}
.table-hover > tbody > tr:hover > *{
	background-color: #DFDFDF;
}
#topweb{
	background: #000000;
	color:white;
}

/* css footer */
#footer{
	background: #0F0F0F;
	color:#ECECEC;
}
.social-links a {
  font-size: 18px;
  display: inline-block;
  background: #292929;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}
.social-links a i{
	color:white;
}
/* Botón metálico dorado */
.btn-gold {
  background: linear-gradient(180deg, #fff6e6 0%, #ffd54a 40%, #b8860b 80%, #6b4a01 100%);
  color: #0d1242; /* Azul profundo para el texto */
  font-weight: 600;
  padding: 12px 24px;
  border: 1px solid #b8860b;
  border-radius: 8px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.25);
  transition: all 0.3s ease;
}

.btn-gold:hover {
  background: linear-gradient(180deg, #ffe57f 0%, #ffca28 50%, #b8860b 100%);
  box-shadow: 0 5px 10px rgba(0,0,0,0.35);
  transform: translateY(-2px);
}

/* Botón metálico plateado */
.btn-silver {
  background: linear-gradient(180deg, #ffffff 0%, #e6eef3 35%, #c8d2d8 65%, #8f9aa3 100%);
  color: #0d1242; /* Azul profundo para el texto */
  font-weight: 600;
  padding: 12px 24px;
  border: 1px solid #8f9aa3;
  border-radius: 8px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.25);
  transition: all 0.3s ease;
}

.btn-silver:hover {
  background: linear-gradient(180deg, #f5f7f9 0%, #dce3e8 50%, #9aa0a6 100%);
  box-shadow: 0 5px 10px rgba(0,0,0,0.35);
  transform: translateY(-2px);
}

#slides{
	/*
	background: rgb(255,255,255);
background: linear-gradient(117deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(244,244,244,1) 100%);
*/
	/*
	padding-top: 5%;
	background: rgb(7,12,55);
background: linear-gradient(117deg, rgba(7,12,55,1) 0%, rgba(10,11,42,1) 50%, rgba(4,6,60,1) 100%);
*/
	
	
	
background: rgb(0,0,0);
background: linear-gradient(117deg, rgba(0,0,0,1) 0%, rgba(19,19,19,1) 50%, rgba(0,0,0,1) 100%);
	
	 background: url(../fondos/fondohome.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 5%;
    
}
#sitemap li a{
	color:white;
	text-decoration: none;
	line-height: 3;
}
.footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
}
.footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}
 .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #00758D;
  color: white;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}
.footer-newsletter form input[type=submit]:hover {
  background: #4FA1E7;
}