/* estilos.css */
body{
        font-family: montserrat, sans-serif;
        font-weight: 400;
}

h1 {
  color: black;
    display: block;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
margin-top: 2.5%;
 font-size: 30px;
}
@media( max-width:900px){
    h1{ 
        font-size: 25px;
    }


    p{ 
        font-size: 15px;
    }

}
@media( max-width:500px){
    h1{ 
        font-size: 18px;
    }
     p{ 
        font-size: 10px;
    }
}



body{
    background-color: white;
}
.navbar-brand{
    display: flex; justify-content: center; align-items: center!important;
   
}
.maps{
    display: flex; justify-content: center; align-items: center!important;
}

nav{
 
       width: 100%;
       margin-top: -1%;
       padding-top: 3%;
}

.video1{
    margin-top: 1%;
      
}
@media(max-width:700px){
    .video1{
    width: 100%;
    
      
}
}

.verde{
    font-family: montserrat, sans-serif;

    text-decoration: none;
    text-align: center;
    font-weight: 400;

    margin-top: 40px;
    padding-top: 3%;  
  
}

.nuestrosmedios{
    text-align: center;
}
@media (min-width: 992px) {

    #navbartransparent.navbar-shrink .navbar-brand {
        font-size: 1.5em;
     
    }
}
@media (max-width:900px) {
    .nuestrosmedios{
        
        text-align: center;
        padding: 25px!important;
       
    }
}
@media (max-width:500px) {
    .nuestrosmedios{
        
        text-align: justify;
        padding: 15px!important;
     
    }
}
@media (max-width:900px) {
    .nuestrosmedios{
        
        text-align: justify;
        padding: 20px!important;
        
    }
}
.iverdes{
    max-width: 30%;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600&display=swap');

.card-circle{
    text-align:center;
     margin-top:0px;
     background:#fff;    
     border:10px solid transparent;
     color:gray;
     Font-family: ’Lato’, sans-serif;
     padding:50px;
     border-radius:50%;
}
 .card-circle .h4{
    font-weight:600;
     font-size:20px;
}
 .card-circle .card-text{
    font-weight:400;
}

 .card-circle {
    background:#fff;
}


 

 .card-circle{
    border:2px solid rgb(81 192 32);
}

 @media only screen and (min-width: 1500px) {

     .card-circle{
         width:200px;
         height:200px;
            padding:50px;
     border-radius:50%;
    }
    
        .row{
    margin-left: 5%;
}
    
 
 
}

@media only screen and (min-width: 1001px) {
  

     .card-circle{
         width:150px;
         height:150px;
         padding:30px;
         border-radius:50%;
    }
  .card-circle h4{
    font-weight:600;
     font-size:15px;
     
}
  .card-circle p{
    font-weight:600;
     font-size:15px;
     
}
 
}
@media only screen and (min-width: 891px) and (max-width: 1000px) {
   .card-circle{
         width:150px;
         height:150px;
              padding:30px;
    }
      .card-circle .h4{
    font-weight:600;
     font-size:10px;
}
 
  .card-circle p{
    font-weight:600;
     font-size:10px;
     
}
.row{
    margin-left: 1%;
}

 
}
@media (max-width: 990px)  {
    .card-circle{
  justify-content: center;

   
         width:100px;
         height:100px;
   

    text-align:center;
     margin-top:0px;
   

     padding:10px;
 
 }
  .card-circle .card-text{
    font-weight:200;
    font-size: 14px;
    color:gray;
}
}
.row{
    margin-left: 1%;
}
 
h4{
    color:rgb(81 192 32);
    margin: 0%;
}
ul li {
    
     display: inline-flex!important;
   
     align-items: center!important;
     align-content: center!important;
     margin:3%;
    
    }

   .container{

    justify-content: center;
    align-items: center;
    align-content: center;
   } 
@media (max-width: 400px) {
    
 .row{
    margin-left: 4%;
}
  .card-circle{
         width: 20px !important;
          height: 20px !important;
          padding: auto;
          margin: auto;
             justify-content: center!important;
       
        
             }
    ul li {
     display: inline-flex;
    margin: 3%; /* Ajusta el margen según necesites */
    
}


.iverdes{
    max-width: 20%;
    margin-top: 20px!important;
}
 
}
@media (max-width: 991px) {

  .card-circle{
         width: 200px !important;
         height: 200px !important;
         justify-content: center!important;
        
             }
ul li {
     display: inline-flex!important;
   
     align-items: center!important;
     align-content: center!important;

    margin: 1%;
    
    }


.iverdes{
    max-width: 20%;
    margin-top: 20px!important;
}
 
}
.textwhite{
    color: #fff;
}
/* Slider */



.im-logo{
    width: 100px;
    margin-top: 30px;
    margin-bottom: 10px;
   margin-left: 30px!important;
   margin-right: 30px!important;
   
 
}
@media (max-width: 550px) {

   .logo-carousel {
 
    max-width: 29px!important;
 padding: 0.1%!important;
 
margin: 0.1%;

  flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente fila si no caben */


   }
     
    }
@media (max-width: 991px) {
    iframe{
        width: 100%;
    }

   .logo-carousel {
 
    max-width: 35px!important;
 padding: 0.3%!important;
 
margin: 0.3%;

  flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente fila si no caben */

    
    }
    

  form {
    background-color: #fff;
    padding-left: 10px!important;
    padding-right: 10px!important;
    border-radius: 8px;

}
label {
    margin-top: 0px;
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
    text-align: center; /* Alinea todo el contenido al centro */
    font-family: ’Lato’, sans-serif;
    
}

input[type="text"],
input[type="email"],
textarea {
    width:100%;
    padding: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; /* Para incluir padding y border en el width */
}

button[type="submit"] {
       
    color: white;
    padding: 10px!important;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 400;
    text-align: center; /* Alinea todo el contenido al centro */
    font-family: montserrat, sans-serif;


}



}
.iverdes{
    max-width: 30%;
}

.logo-carousel {

    display: flex; justify-content: center; align-items: center!important;
    width: 110px!important;
    padding-left: 35px;
    
  flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente fila si no caben */

}


 
table{
        display: flex; justify-content: center; align-items: center!important;


}

/* Estilo general del footer */
.footer {
    background-color: #fff; /* Color de fondo oscuro */
    color: black; /* Color de texto blanco */
    padding: 10px 0; /* Relleno superior e inferior */
    text-align: center; /* Alinea todo el contenido al centro */
    font-family: sans-serif;
}

/* Contenedor para la estructura de columnas */
.footer-container {
    display: flex; /* Usa Flexbox para alinear las secciones en línea */
    justify-content: space-around; /* Distribuye el espacio uniformemente */
    flex-wrap: wrap; /* Permite que las secciones pasen a la siguiente línea si no hay espacio */
    margin-bottom: 0px;
}

/* Estilos para cada sección del footer */
.footer-section {
    margin: 10px;

}

.footer-section h3 {
    margin-bottom: 0px;
    font-size: 1.0em;
    
}
@media (max-width:900px){
    .footer {
    background-color: #fff; /* Color de fondo oscuro */
    color: black; /* Color de texto blanco */
    padding: 3px 0; /* Relleno superior e inferior */
    text-align: center; /* Alinea todo el contenido al centro */
    font-family: sans-serif;
}
    .footer-container {
    display: inline-flex!important; /* Usa Flexbox para alinear las secciones en línea */
    justify-content: center; /* Distribuye el espacio uniformemente */
    flex-wrap:nowrap!important; /* Permite que las secciones pasen a la siguiente línea si no hay espacio */
    margin-bottom: 0px;

}
.footer-section, .footer-section1 {
    margin: 1px;
   
  
}

.footer-section h3 {
    margin-bottom: 0px;
    font-size: 8px!important;
    font-weight: 100;
    
}
.footer-section span {
    margin-bottom: 0px;
    font-size: 6px!important;
    font-weight: 100;
    
}
}
@media (max-width:900px){
    .footer {
    background-color: #fff; /* Color de fondo oscuro */
    color: black; /* Color de texto blanco */
    padding: 2px 0; /* Relleno superior e inferior */
    text-align: center; /* Alinea todo el contenido al centro */
    font-family: sans-serif;
}
    .footer-container {
    display: inline-flex!important; /* Usa Flexbox para alinear las secciones en línea */
    justify-content: center; /* Distribuye el espacio uniformemente */
    flex-wrap:nowrap!important; /* Permite que las secciones pasen a la siguiente línea si no hay espacio */
    margin-bottom: 0px;

}
.footer-section {
    margin: 1px;
  
}
.footer-section1{
    padding-top: -10px!important;
}
.footer-section1 span {
    margin-bottom: 0px;
    font-size: 6px!important;
    font-weight: 100;
    
}
.footer-section h3 {
    margin-bottom: 0px;
    font-size: 7px!important;
    font-weight: 100;
    
}
.footer-section span {
    margin-bottom: 0px;
    font-size: 6px!important;
    font-weight: 100;
    
}
}


@media (max-width:500px){
    .footer {
    background-color: #fff; /* Color de fondo oscuro */
    color: black; /* Color de texto blanco */
    padding: 1px 0; /* Relleno superior e inferior */
    text-align: center; /* Alinea todo el contenido al centro */
    font-family: sans-serif;
}
    .footer-container {
    display: inline-flex!important; /* Usa Flexbox para alinear las secciones en línea */
    justify-content: center; /* Distribuye el espacio uniformemente */
    flex-wrap:nowrap!important; /* Permite que las secciones pasen a la siguiente línea si no hay espacio */
    margin-bottom: 0px;

}

.footer-section {
    margin: 0.8px;
  
}
.footer-section1 span {

    font-size: 4px!important;
    font-weight: 100;
  margin-bottom: 0px;
   
    
}
.footer-section h3 {
    margin-bottom: 0px;
    font-size: 7px!important;
    font-weight: 100;
    
}
.footer-section span {
    margin-bottom: 0px;
    font-size: 4px!important;
    font-weight: 100;

    
    
}
}


@media(max-width:500px){
    .logo1{
width: 9px;
}
.svg-inline--fa{
    width: 9px;
    color: rgb(81 192 32) !important;

}
}

.logo1{
width: 20px;
}
.svg-inline--fa{
    width: 20px;
    color: rgb(81 192 32) !important;

}
form {
    background-color: #fff;
    padding-left: 400px;
    padding-right: 400px;
    border-radius: 8px;

}

div {
    margin-bottom: 15px;
     
}

label {
    margin-top: 15px;
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
    text-align: center; /* Alinea todo el contenido al centro */
    font-family: montserrat, sans-serif;
    
}

input[type="text"],
input[type="email"],
textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box; /* Para incluir padding y border en el width */
}

button[type="submit"] {
       
    background-color: rgb(81 192 32);
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    text-align: center; /* Alinea todo el contenido al centro */
    font-family: montserrat, sans-serif;


}


button[type="submit"]:hover {
    background-color: rgb(54, 131, 21);
}
:focus{
    outline: 1px solid rgb(81 192 32);
}
button{
margin-left: 44%;
}
.videovallamovil{
    text-align: center;
   
    justify-content: center;
}

  


@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@media (max-width: 991px) {
    .logos {

  background: none!important;
    }

.logos:before ,
.logos:after {
  left: 0;
  background: none!important;
}
}


.logos {
  overflow: hidden;
  padding: 10px 0;
  background: white;
  white-space: nowrap;
  position: relative;
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 1;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 50s slide infinite linear;
}

.logos-slide img {
  height: 110px;
  margin: 0 10px;
}