@media(min-width:1366px)and (orientation: landscape){
    .pal-contacto {
    width: min-content;
    font-family:"fuentes-titulos", sans-serif;
    font-size: 6vw !important;
    font-weight: 100 900 ;
}
}
/* pantallas laptop*/
@media(min-width:992px) and (max-width:1365px) and (orientation: landscape) {
    .justify-content-between {
    justify-content: space-around !important;
}
.barra-nav{ background-color: #016b13;
            height: 40px;
            width: auto;
            border-radius: 50px;
            gap: 20px;
            margin-left: 5px;
}
    .navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  gap: 20px ;
}
    .navbar-nav {
    display: flex;
    flex-direction: row !important;
    padding-left: 2px;
    margin-bottom: 0;
    list-style: none;
    gap: 10px ;
}
ul {
    padding-left: 10px ;
    padding-right: 2px ;
}
.nav-link {
    display: block;
    gap: 10px ;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.contenedor-info{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100vh; /* O la altura que desees */
}
li{
font-family:"fuentes-textos", sans-serif;
  font-size: 12px;
  font-weight: 100 900 ;
}
body, ul, li, p, a, label, input, div {
  font-family:"fuentes-textos", sans-serif;
  font-size: 18px;
  font-weight: 100 900 ;
}
.h1 {
  font-family:"fuentes-titulos", sans-serif;
  margin-top: 7%;
  margin-left: 7%;
  font-size: 48px;
  font-weight: 100 900 ;
}
.h2 {
  font-family:"fuentes-titulos", sans-serif;
  font-size: 30px;
  font-weight: 100 900 ;
}
.p4{
    font-family:"fuentes-textos", sans-serif;
    font-size: 14px;
    font-weight: 100 900 ;
    text-align: center;
}
.p12{
  font-family:"fuentes-textos", sans-serif;
  margin-top: 7%;
  margin-left: 7%;
  font-size: 32px;
  font-weight: 100 900 ;
}
.pal-contacto {
    width: min-content;
    font-family:"fuentes-titulos", sans-serif;
    font-size: 6vw !important;
    font-weight: 100 900 ;
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media(max-width:991px){
    .justify-content-between {
    justify-content: space-around !important;
}
.barra-nav{ background-color: #016b13;
            height: 40px;
            width: auto;
            border-radius: 50px;
            gap: 20px;
            margin-left: 5px;
}
    .navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  gap: 20px ;
}
    .navbar-nav {
    display: flex;
    flex-direction: row !important;
    padding-left: 2px;
    margin-bottom: 0;
    list-style: none;
    gap: 10px ;
}
ul {
    padding-left: 10px ;
    padding-right: 2px ;
}
.nav-link {
    display: block;
    gap: 10px ;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.contenedor-info{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100vh; /* O la altura que desees */
}
li{
font-family:"fuentes-textos", sans-serif;
  font-size: 12px;
  font-weight: 100 900 ;
}
body, ul, li, p, a, label, input, div {
  font-family:"fuentes-textos", sans-serif;
  font-size: 18px;
  font-weight: 100 900 ;
}
.h1 {
  font-family:"fuentes-titulos", sans-serif;
  margin-top: 7%;
  margin-left: 7%;
  font-size: 48px;
  font-weight: 100 900 ;
}
.h2 {
  font-family:"fuentes-titulos", sans-serif;
  font-size: 30px;
  font-weight: 100 900 ;
}
.p4{
    font-family:"fuentes-textos", sans-serif;
    font-size: 14px;
    font-weight: 100 900 ;
    text-align: center;
}
.p12{
  font-family:"fuentes-textos", sans-serif;
  margin-top: 7%;
  margin-left: 7%;
  font-size: 32px;
  font-weight: 100 900 ;
}
.pal-contacto {
    width: min-content;
    font-family:"fuentes-titulos", sans-serif;
    font-size: 6vw !important;
    font-weight: 100 900 ;
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media(max-width:767px){
    .justify-content-between {
    justify-content: space-around !important;
}
.barra-nav{ background-color: #016b13;
            height: 40px;
            width: auto;
            border-radius: 50px;
            gap: 20px;
            margin-left: 5px;
}
    .navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  gap: 20px ;
}
    .navbar-nav {
    display: flex;
    flex-direction: row !important;
    padding-left: 2px;
    margin-bottom: 0;
    list-style: none;
    gap: 10px ;
}
ul {
    padding-left: 10px ;
    padding-right: 2px ;
}
.nav-link {
    display: block;
    gap: 10px ;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.contenedor-info{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100vh; /* O la altura que desees */
}
li{
font-family:"fuentes-textos", sans-serif;
  font-size: 12px;
  font-weight: 100 900 ;
}
body, ul, li, p, a, label, input, div {
  font-family:"fuentes-textos", sans-serif;
  font-size: 18px;
  font-weight: 100 900 ;
}
.h1 {
  font-family:"fuentes-titulos", sans-serif;
  margin-top: 7%;
  margin-left: 7%;
  font-size: 48px;
  font-weight: 100 900 ;
}
.h2 {
  font-family:"fuentes-titulos", sans-serif;
  font-size: 30px;
  font-weight: 100 900 ;
}
.p4{
    font-family:"fuentes-textos", sans-serif;
    font-size: 14px;
    font-weight: 100 900 ;
    text-align: center;
}
.p12{
  font-family:"fuentes-textos", sans-serif;
  margin-top: 7%;
  margin-left: 7%;
  font-size: 32px;
  font-weight: 100 900 ;
}
.pal-contacto {
    width: min-content;
    font-family:"fuentes-titulos", sans-serif;
    font-size: 10vw !important;
    font-weight: 100 900 ;
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
}
/* celulares de 425 px width hacia abajo */
@media (max-width: 570px) and (max-height:915px) and (orientation: landscape) {
 .justify-content-between {
    justify-content: space-around !important;
}
.barra-nav{ background-color: #016b13;
            height: 40px;
            width: auto;
            border-radius: 50px;
            gap: 20px;
            margin-left: 5px;
}
    .navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  gap: 20px ;
}
    .navbar-nav {
    display: flex;
    flex-direction: row !important;
    padding-left: 2px;
    margin-bottom: 0;
    list-style: none;
    gap: 10px ;
}
ul {
    padding-left: 10px ;
    padding-right: 2px ;
}
.nav-link {
    display: block;
    gap: 10px ;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.justify-content-between {
    justify-content: space-around ;
}
body, ul, li, p, a, label, input, div {
    font-family: "fuentes-textos", sans-serif;
    font-size: 16px ;
    font-weight: 100 900 ;
}
.h1 {
    font-family: "fuentes-titulos", sans-serif;
    margin-top: 7%;
    margin-left: 7%;
    font-size: 28px ;
    font-weight: 100 900 ;
}
.h2 {
    font-family: "fuentes-titulos", sans-serif;
    font-size: 18px !important;
    font-weight: 100 900 ;
}
.p1 {
    font-family: "fuentes-textos", sans-serif;
    font-size: 18px ;
    font-weight: 100 900 ;
}
.p3 {
    font-family: "fuentes-textos", sans-serif;
    font-size: 10px ;
    font-weight: 100 900 ;
    text-align: center;
}
.p12 {
    font-family: "fuentes-textos", sans-serif;
    margin-top: 7%;
    margin-left: 7%;
    font-size: 12px ;
    font-weight: 100 900 ;
}
.pal-contacto {
    width: min-content;
    font-family:"fuentes-titulos", sans-serif;
    font-size: 6vw !important;
    font-weight: 100 900 ;
}
.titulos{
  font-family:"fuentes-titulos", sans-serif;
  font-size: 60px;
  text-align: center;
  font-weight: 100 900 ;
}
.google-maps{
        width:100% ;
        height:300px ;
}
}
@media (max-width: 570px) and (max-height:915px) and (orientation: portrait){

}
@media (max-width: 360px) {
.cuadro-beige-fd {
     flex-direction: column;
}
                        
.cuadro-beige-fd .col-md-5 .cuadro-beige-fd .col-md-7 {
                            width: 100% !important;
                            margin-bottom: 20px;
}
                        
.info {
                            font-size: 14px !important;
                            padding: 15px !important;
                        }
                        
.info i {
                            font-size: 16px !important;
                        }
                        
                        .info p {
                            font-size: 12px !important;
                            margin-bottom: 10px !important;
                        }
                        
                        .cuadro-beige {
                            padding: 15px !important;
                        }
                        
                        iframe {
                            width: 100% !important;
                            height: 300px !important;
                        }
                        .pal-contacto {
                            width: min-content;
                            font-family:"fuentes-titulos", sans-serif;
                            font-size: 10vw !important;
                            font-weight: 100 900 ;
}
                        
                        .h3, .h4, .h5 {
                            font-family:"fuentes-titulos", sans-serif;
                            font-weight: 100 900 ;
                            font-size: 48px;
                        }
}
/*tamaños moviles*/