/* Estilos generales */
section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
h1{
    font-size: 2.4rem;
    /*font-family: "Playfair Display", serif;*/
    font-family: "Poppins", sans-serif;
    color: #2b4e22;
    margin-bottom: 30px;
    margin-top: 10px;
}
h2{
    font-size: 1.3rem;
    font-family: "Montserrat", serif;
    font-weight: 300;
    color: #2b4e22;
    margin-bottom: 15px;
}
h3{
    font-size: 1rem;
    font-family: "Montserrat", serif;
    font-weight: 400;
    color: #fff;
}
h4{
    font-size: 1.8rem;
    font-family: "Montserrat", serif;
    font-weight: 500;
    color: #2b4e22;
    margin-bottom: 15px;
}

li{
    font-size: 1.3rem;
    font-family: "Montserrat", serif;
    font-weight: 300;
    color: #2b4e22;
}

i{
  font-size: 1.5rem;
  color: #2b4e22;
}

video{
  width: 800px;
}

.icono{
  	width: 40px;
}

.separacion{
    min-height: 50px;
}

.separacion-media{
    min-height: 25px;
}

.btn-primary{
    --bs-btn-bg: #2b4e22;
    --bs-btn-border-color:#2b4e22;
    --bs-btn-font-family: "Montserrat", serif;
    --bs-btn-hover-bg: #e8caa7;
    --bs-btn-hover-border-color: #e8caa7;
}

.ImagenDeSeccion {
    height: 600px;
    margin: 20px;
}

/* Boton flotante */
.BtnFlotante{
  margin-top: 260px;
}

.BtnFlotanteMovil{
  display: none;
}

/* Carrusel */
.carousel-caption{
    width: 100%;
}

/* Seccion Hero */
.hero {
    min-height: 450px;
    text-align: center;
}
.hero-principal{
    padding: 3rem;
}
.hero-imagen{
    height: 200px;
    margin: 20px;
}

/* Seccion Obscura */
.Obscura-Seccion{
    background-color: #b49d9733;

}
.Obscura-Seccion li{
    text-align: left;
    margin: 6px 0;
}

/* Barra de navegación */
.navbar{
    padding: 2rem;
    /*background-color: #b49d97;*/
    /*background-color: #E8898F;*/
    background-color: #e8caa7; /*actual*/
    /*background-color: #f5deb3; marron dorado*/
    /*background-color: #e4d6f5; rosa suave*/
}
.navbar-collapse{
    align-items: center;
}
.nav-link{
    /*color: #fff;*/
    color: #5b7e43;
    font-weight: 500;
    font-size: 1.1rem;
    font-family: "Montserrat", serif;
    margin-right: 20px;
}

/* Pié de página*/
.piedepagina{
    /*background-color: #3a3920;*/
    background-color: #7c9a81;
    width: 100%;
}

.piedepagina h3{
    padding-bottom: 10px;
}

.piedepagina img{
  	width: 50px;
  	margin-bottom: 10px;
}
.colfooter{
    padding-top: 10px;
    padding-bottom: 10px;
}
.colfooter a{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    margin: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 0.2s ease-in;
}
.colfooter i{
    color: #fff;
    font-size: 1.5rem;
    transition: all 0.2s ease-in;
}
.colfooter a:hover{
    background-color: #fff;
    border: 2px solid #fff;
}

.colfooter a:hover i{
    color: #2b4e22;
  	/*color: #3a3920;*/
}
.derechos{
    background-color:#3a3920;
    width: 100%;
}
.derechos p{
    color: #fff;
    font-size: .8rem;
    margin-top: 16px;
}

/* Contactanos Funsion */

.Contactanos label{
  color: #fff;
}

/* Anuncios*/

.anuncio{
    /*background-color: #e36414;*/
    background-color: #E8898F;
}

.anuncio h1{
    font-size: 2.4rem;
    font-family: "Playfair Display", serif;
    color:white;
    margin-bottom: 30px;
    margin-top: 10px;
}
.anuncio h2{
    font-size: 1.3rem;
    font-family: "Montserrat", serif;
    font-weight: 300;
    color: white;
    margin-bottom: 15px;
}

.anuncio a{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    margin: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: all 0.2s ease-in;
}

#btn_a_home {
    height: auto;
    width: auto;
    padding: 0px;
    margin: 0px;
    border: none;
    border-radius: 0px;
    transition: none;
  	text-decoration: none;
}

.anuncio i{
    color: #fff;
    font-size: 1.5rem;
    transition: all 0.2s ease-in;
}
.anuncio a:hover{
    background-color: #fff;
    border: 2px solid #fff;
}

.anuncio a:hover i{
    /*color: #2b4e22;*/
  	color: #3a3920;
}

#btn_a_home:hover{
    background-color:#E8898F;
    border: none;
}  
  
/* Adaptable (Responsivo) */
@media screen and (max-width: 899px){
.navbar-brand{
    display: none;
}

.BtnFlotante{
  display: none;
}

.BtnFlotanteMovil{
  display: block;
}

.icono{
  	width: 30px;
}
  
video{
  width: 100%;
}

}

@media screen and (min-width: 767px){
.separablog{
  display: none;
}
  
.separacionResp{
    display: none;
}

.homeResponsivo{
    display: none;
}

.videoMovil{
	height: 600px;
}
}