body {
  margin:0;
  padding: 0px;
  border:0px;
  font-family: 'Open Sans', sans-serif!important;
}

.parallax {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.parallax video {
  min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto;
            z-index: -1; 
            position: fixed;
            top: 0;
            left: 0;
}

@media (max-width: 768px) {
  .parallax video {
    width: auto;
    z-index: -1; 
    height: auto;
    top: 0;
    left: -550px;
  }
}

/* Estilo para el textoHeader */
.textoHeader {
  position: absolute;
  top: 50%; /* Alinea verticalmente el texto al centro de la ventana */
  left: 50%; /* Alinea horizontalmente el texto al centro de la ventana */
  transform: translate(-50%, -50%); /* Centra el texto en la ventana */
  z-index: 1; /* Coloca el texto encima del video */
  color: #fff; /* Cambia el color del texto si es necesario */
  text-align: center; /* Alinea el texto al centro */
}

/* HEADER */
.backgroundHeader {
  background: url("../img/plantilla/normal.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  margin: 0px;
}
.blackGrad{
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
width: 100%;
}
/* .textoHeader{
  padding: 400px 0px 0px 0px;
  box-sizing: border-box;
} */
.Encabezado {
  font-size: 60px;
  font-weight: 800;
  color: white;
  text-shadow: 3px 2px 5px black;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
}
.tagline{
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 3px 2px 5px black;
  font-size: 20px;
  line-height: 1;
  max-width: 900px;
  box-sizing: border-box;
  margin: auto;
}
.contactoBtn{
  color: white;
  border-radius: 30px;
  background-color: #50C026;
  border: 0px;
  padding: 13px 22px;
  margin: 20px 0px 60px 0px;
  font-weight: 800;
  font-size: 15px;
}

a {
  text-decoration: none;
}
/* NavBar */
a.menu {
	  color: white !important;
}
a.menu:hover {
	  color: #50C026 !important;
}
.nav-center{
  align-items: center;
}
.registroBtn{
  color: white;
  border-radius: 30px;
  background-color: #50C026;
  border: 0px;
  padding: 7px 20px;
  font-weight: 800;
  font-size: 15px;
}
/* Navbar */
 .item_menu {
   padding:0px 25px !important;
   color: white!important;
   font-weight: 900;
 }
 .item_menu:hover {
   color: #50C026!important;
   font-weight: 900;
   border-bottom: 2px solid #50C026;
 }
 .item_menu_dark {
   padding:0px 25px !important;
   font-weight: 900;
   color: #3D4451!important;
 }
 .item_menu_dark:hover {
   color: #50C026!important;
   font-weight: 900;
   border-bottom: 2px solid #50C026;
 }
 .navbar{
   padding-left: 50px!important;
 }
 /* NavBar Overlay */
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}
.overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: white;
  display: block;
  transition: 0.3s;
  font-family: 'Open Sans';
  font-weight: 700;
}
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
.registroMobile{
  background-color: #50C026;
}

/* DROPDOWN_BTN */
.dropbtn {
  color: white;
  font-size: 16px;
  font-weight: 800;
  border: none;
  cursor: pointer;
  background-color: black;
  padding: 0px 20px;
}
.dropbtn:hover, .dropbtn:focus {
border-bottom: 2px solid #50C026;
font-weight: 800;
color:#50C026;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 100px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  background-color: #50C026;
}
.dropdown-content a {
  color: black;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover {
  background-color: #155250!important;
}
/* DROPDOWN white  */
.dropbtnWhite {
  color: #343a40;
  font-size: 16px;
  font-weight: 800;
  border: none;
  cursor: pointer;
  background-color: white;
  padding: 0px 20px;
}
.dropbtnWhite:hover, .dropbtnWhite:focus {
border-bottom: 2px solid #50C026;
font-weight: 800;
color:#50C026;
}
.dropdownWhite {
  position: relative;
  display: inline-block;
}
.dropdown-contentWhite {
  display: none;
  position: absolute;
  min-width: 100px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  background-color: #50C026;
}
.dropdown-contentWhite a {
  color: black;
  text-decoration: none;
  display: block;
}
.dropdown-contentWhite a:hover {
  background-color: #155250 !important;
}
.show {
  display: block;
}

/* ANTECEDENTES */
.backVerdePattern{
  background-image:url(./assets/images/pettern.png);
}
.headlinesdark{
  background-color: #155250;
  font-size: 27px;
  color: white;
  font-weight: 800;
  padding: 10px;
  width: 350px;
}
p.white{
  color: white;
  font-size: 16px;
  text-align: justify;
}
p.black{
  color: black;
  font-size: 16px;
  text-align:justify;
}
/* OBJETIVO */
.boxes{
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0,0.3);
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, .3);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, .3);
  border-radius: 15px;
  padding: 30px;
  align-items: center;
  margin: 20px 0px;
  background-color: white;
}
.box{
  display: flex;
  -ms-flex-direction:column;
  word-wrap: break-word;
}
.boxBody{
  flex: 1 1 auto;
  padding: 1.25rem;
}
/* Asesorias */
.backRedPattern{
  background-image:url(./assets/images/patternRed.png);
}
.headlineRed{
  background-color: #A80006;
  font-size: 27px;
  color: white;
  font-weight: 800;
  padding: 10px;
  width: 350px;
}
ul.asesorias{
  color: white;
}
.asesoriasBtn{
  color: white;
  background-color: #50C026;
  border: 0px;
  padding: 18px;
  font-weight: 800;
  font-size: 22px;
  width: 100%;
}
/* EQUIPO AMFPRO */
header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 1;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 1;
}

/* Code*/
.VerSedes{
  color: white;
  border-radius: 30px;
  background-color: black;
  border: 0px;
  padding: 13px 22px;
  margin: 20px 0px 60px 0px;
  font-weight: 800;
  font-size: 15px;
  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0,0.3);
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, .3);
  box-shadow: 0px 2px 10px rgba(0, 0, 0, .3);
}
.headlineBlack{
  background-color: #000;
  font-size: 27px;
  color: white;
  font-weight: 800;
  padding: 10px;
  width: 350px;
}
.backgroundHeaderEquipos {
    background: url(/assets/images/Equipos/BackEquipo.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    margin: 0px;
}
/* FOOTER */
.footerTxt{
  color: white;
  font-weight: 800;
  padding: 10px;
  font-size: 17px;
}
.verdeFooter{
  color: #50C026;
}
p.verde{
  color: #50C026;
  font-size: 16px;
}
.imagesFooter{
  height: 100px !important;
}

/* ----- PREGUNTAS ----- */
.cardToggle{
  padding:.75rem 1.25rem;
}
.cardOpen{
  padding: 0 1.75rem
}
/* ------ EQUIPOS ------ */
.cardEquipos {
  background-color: #50C026;
  border-radius: 0px 0px 45px 45px;
  border: 10px solid white;
  margin-top:30px;
}
p.sedeNombre{
  color:#155250;
  font-size: 28px;
  font-weight: 800;
  border-bottom: 5px solid #155250;
}
/* CONTACTO MAPA */
.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* Media queries  */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
  .Encabezado {
    font-size: 60px;
    font-weight: 800;
    color: blue;
    text-shadow: 3px 2px 5px black;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
  }
}
/* Ocultar  menu lineal */
@media only screen and (max-width: 1200px) {
  .botonMenu_Overlay{
    display: none;
  }
  .Encabezado {
    font-size: 38px;
    font-weight: 800;
    color: white;
    text-shadow: 3px 2px 5px black;
    text-transform: uppercase;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
  }
  .tagline{
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    text-shadow: 3px 2px 5px black;
    font-size: 13px;
    line-height: 1;
    max-width: 900px;
    box-sizing: border-box;
    margin: auto;
  }
  
}
/* mostrar menu overlay*/
@media only screen and (min-width: 1200px) {
  .botonMenu_lineal {
    display: none;
  }
  .img-responsive {
    max-width: 100%;
    height: auto;
  }
}

.navbar-dark .navbar-nav .nav-link{
    padding: 0px 15px !important;
    color: white !important;
    font-weight: 900;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #50C026; /* Color de texto al hacer hover (verde en este caso) */
}

.navbar-dark .navbar-nav .nav-link.active {
  color: #50C026 !important; /* Color de texto para la opción activa */
}
