@font-face {
    font-family: 'RENE BIEDER - GALANO GROTESQUE EXTRABOLD';
    src: url('../fonts/RENE BIEDER - GALANO GROTESQUE EXTRABOLD.OTF');
}

@font-face {
    font-family: 'RENE BIEDER - GALANO GROTESQUE BOLD';
    src: url('../fonts/RENE BIEDER - GALANO GROTESQUE BOLD.OTF');
}

@font-face {
    font-family: 'RENE BIEDER - GALANO GROTESQUE MEDIUM';
    src: url('../fonts/RENE BIEDER - GALANO GROTESQUE MEDIUM.OTF');
}

@font-face {
    font-family: 'RENE BIEDER - GALANO GROTESQUE';
    src: url('../fonts/RENE BIEDER - GALANO GROTESQUE.OTF');
}

.a, .b {
    background-position: center;
    background-size: cover;
    min-height: 600px;
}

.a {
    background-image: url(../img/Banner_1.1.jpg);
}

.b {
    background-image: url(../img/Banner_2.1.jpg);
}

.t1{
    font-family: 'RENE BIEDER - GALANO GROTESQUE BOLD';
    font-size: 40px;
    line-height: 1;
}   

.t2{
    font-family: 'RENE BIEDER - GALANO GROTESQUE MEDIUM';  
    font-size: 22px; 
    line-height: 1;
}

.t3{
    font-family: 'RENE BIEDER - GALANO GROTESQUE MEDIUM';  
    font-size: 22px; 
}

.t4{
    font-family: 'RENE BIEDER - GALANO GROTESQUE BOLD';  
    font-size: 32px; 
}

.t5{
    font-family: 'RENE BIEDER - GALANO GROTESQUE MEDIUM';  
    font-size: 22px; 
}

.t6{
    font-family: 'RENE BIEDER - GALANO GROTESQUE BOLD';  
    font-size: 32px; 
}


.tarjeta-icon{
    width: 22vw;
}

@media (max-width: 767.98px) {
    .tarjeta-icon{
        width: 40vw;
    }
}

@media (min-width: 768px) {
  .row-altura {
    min-height: 450px;
    height: 100%;
    align-items: stretch !important;
  }
  #imagen-manos-sembrando,
  #texto-amazonia {
    height: 100%;
  }
  #texto-amazonia {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  #imagen-manos-sembrando {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
  }
  #imagen-manos-sembrando img {
    margin-top: 50px;
  }
}

#lista-beneficios-mangles li {
    padding-bottom: 20px;
}

.text-justify {
    text-align: justify !important;
}

@media (min-width: 768px) {
  .divider-left {
    position: relative; /* Necesario para el pseudo-elemento */
  }
  .divider-left::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5%;
    height: 40%;      /* Ajusta el largo de la línea */
    width: 2px;
    background: #3B9344;
    border-radius: 2px;
    z-index: 1;
  }
}




@media (max-width: 767px) {
  #seccion-amazonia{
    margin-top: -65px !important;
  }
  #texto-amazonia{
    margin-top: 55px !important;
  }
  #titulo-amazonia {
    margin-left: 35px;
    margin-right: 35px;
  }
  .a, .b{
    padding: 10px;
    max-height: 504px;
  }
  .img-movil{
    padding: 0px 60px;
  }
  .p{
    margin-left: 35px;
    margin-right: 35px;
  }
  .iconos-3{
    width: 45% !important;
  }
  
  #imagen-manos-sembrando {
    display: flex;
    justify-content: center;   /* Centra horizontal */
    align-items: center;       /* Centra vertical si le das height */
    margin-top: 24px;
  }
  #imagen-manos-sembrando img {
    max-width: 80%;   /* Hace la imagen más pequeña en móvil */
    height: auto;
  }

  #info-que-es-manglar {
    padding-top: 30px;
    margin-left: 35px;
    margin-right: 35px;
  }
  #info-importancia-mangles{
    margin-left: 35px;
    margin-right: 35px;
  }
}