@font-face{font-family:'Glober';src:url('../fonts/glober_regular.eot');src:local('☺'), url('../fonts/glober_regular.woff') format('woff'), url('../fonts/glober_regular.ttf') format('truetype'), url('../fonts/glober_regular.svg') format('svg');font-weight:400;font-style:normal;}
@font-face{font-family:'Glober';src:url('../fonts/glober_semibold.eot');src:local('☺'), url('../fonts/glober_semibold.woff') format('woff'), url('../fonts/glober_semibold.ttf') format('truetype'), url('../fonts/glober_semibold.svg') format('svg');font-weight:600;font-style:normal;}
@font-face{font-family:'Glober';src:url('../fonts/glober_bold.eot');src:local('☺'), url('../fonts/glober_bold.woff') format('woff'), url('../fonts/glober_bold.ttf') format('truetype'), url('../fonts/glober_bold.svg') format('svg');font-weight:800;font-style:normal;}
html{font-size:.85vw;}
::-moz-selection{background-color:#5a57dc;color:#312dd3;}
::selection{background: color #5a57dc;color:#312dd3;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:#312dd3;border-radius:10px;}
::-webkit-scrollbar-thumb{background:rgba(152, 150, 233, .80);border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:#237e6f}
b,
strong{font-weight:800;}
a:hover{text-decoration:none;}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing{border:2px solid #ee5539;}
span.wpcf7-not-valid-tip{color:#ee5539;}
div.wpcf7-mail-sent-ok{border:2px solid #139148;}
div.wpcf7 .ajax-loader{display:block;margin:0 auto;margin-top:1rem;}
body{font-family:'Glober';font-size:1rem;color:#333333;font-weight:400;line-height:1.3;}
body.preloader{overflow:hidden;}
body .overlay{background-color:#fff;position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:9999;}
body .overlay #loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#237e6f;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
body .overlay #loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#9dbe2d;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;}
body .overlay #loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f0bb00;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
.form-group{margin-bottom:2rem;}

.c-mask{background-color:transparent;}
.c-menu{background-color:rgba(47, 47, 47, .9);}
.c-menu--slide-right .c-menu__close{padding:0;color:#fff;background:transparent;height:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.c-menu--slide-right .c-menu__close i{margin-right:3rem;font-size:4.5rem;}
.c-menu--slide-right .c-menu__item{font-size:1.5rem;padding:1rem 4rem;text-align:left;}
.c-menu--slide-right .c-menu__item a{color:#fff;}
.container,
.container-fluid{padding-left:2.5rem;padding-right:2.5rem;}
.row{margin-right:-2.5rem;margin-left:-2.5rem;}
[class*="col-"],
.col{padding-left:2.5rem;padding-right:2.5rem;}
.sin-padding{padding-left:0;padding-right:0;}
.seccion{padding:4rem 0;position:relative;}
.burguer.open i:before{content:"\f00d";}
header.cabecera{left:0;top:0;position:fixed;width:100%;background-color:#f1f2f2;-webkit-box-shadow:0px 12px 10px -10px rgba(179, 179, 179, 1);box-shadow:0px 12px 10px -10px rgba(179, 179, 179, 1);z-index:4;}
header.cabecera .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
header.cabecera .container .logo{width:15rem;}
header.cabecera .container .botones{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
header.cabecera .container .botones .link-cabecera{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;padding:1.4rem;color:#237e6f;font-size:.9rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
header.cabecera .container .botones .link-cabecera:hover{opacity:.8;}
header.cabecera .container .botones .link-cabecera .izquierda{width:2rem;}
header.cabecera .container .botones .link-cabecera .derecha{line-height:1;margin-left:1rem;padding-top:.1rem;font-weight:600;}
header.cabecera .container .botones .texto-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:1.4rem;padding-top:0.3rem;font-weight:800;color:#808285;font-size:1.2rem;}
header.cabecera .container .botones .texto-menu .verde{color:#237f70;}
header.cabecera .container .botones .burguer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;background-color:#312dd3;padding:1.4rem;width:4.99rem;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
header.cabecera .container .botones .burguer:hover{opacity:.8}
header.cabecera .container .botones .burguer i{line-height:1;font-size:1.7rem;}
nav.lista-menu{position:fixed;height:70%;width:100%;top:0;left:0%;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);background-color:#fff;}
nav.lista-menu.open{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
nav.lista-menu .item-menu{height:25%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:2.5rem;text-transform:uppercase;font-weight:800;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;line-height:1;}
nav.lista-menu .item-menu .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
nav.lista-menu .item-menu:hover{opacity:.8;}
nav.lista-menu .item-menu img{height:4.9rem;}
nav.lista-menu .item-menu span{margin-left:2rem;padding-top:.7rem;}
nav.lista-menu .item-menu:nth-child(1){background-color:#5a57dc;}
nav.lista-menu .item-menu:nth-child(2){background-color:#9896e9;}
nav.lista-menu .item-menu:nth-child(3){background-color:#5a57dc;}
nav.lista-menu .item-menu:nth-child(4){background-color:#9896e9;}
.banner{height:100vh;background-color:#312dd3;overflow:hidden;color:#fff;-webkit-transition:.25s ease-out;-o-transition:.25s ease-out;transition:.25s ease-out;}
.banner .cuadrado{background:#312dd3;width:52%;padding-bottom:52%;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(-45deg);-ms-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);left:0;}
.banner .contenedor-triangulo{opacity:0;height:100%;position:relative;z-index:2;-webkit-transition:all 1.5s ease-out;-o-transition:all 1.5s ease-out;transition:all 1.5s ease-out;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}
.banner .contenedor-triangulo.active{opacity:1;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);}
.banner .triangulo-info{position:absolute;top:0;height:100%;width:58.3%;}
.banner .triangulo-info img{height:100%;position:absolute;right:-11%;}
.banner .container{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.banner .lista-imagenes{height:100%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);position:relative;z-index:1;}
.banner .lista-imagenes .coluna-imagenes{height:100%;width:66.66%;margin-left:33.333333%;}
.banner .lista-imagenes .coluna-imagenes img{opacity:0;width:100%;height:33.333333%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:1.1s;-o-transition-duration:1.1s;transition-duration:1.1s;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.banner .lista-imagenes .coluna-imagenes img:nth-child(1){-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s;}
.banner .lista-imagenes .coluna-imagenes img:nth-child(2){-webkit-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s;}
.banner .lista-imagenes .coluna-imagenes img:nth-child(3){-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s;}
.banner .lista-imagenes.active .coluna-imagenes img{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
/*.banner .contenido-texto-banner{}*/
.banner .contenido-texto-banner h2{font-size:2.5rem;font-weight:400;margin:0;margin-bottom:8rem;}
.banner .contenido-texto-banner h1{font-size:3rem;font-weight:800;margin:0}


#nosotros{background-color:#5a57dc;color:#fff;}
#metodo{background-color:#9896e9;color:#fff;}
#sostenibilidad{background-color:#5a57dc;color:#fff;}
#contacto{background-color:#9896e9;color:#fff;}

.bloque-contenido-sostenibilidad{padding:0px 2rem;}
.bloque-contenido-sostenibilidad .img-sostenibilidad{margin:0 auto;display:block;margin-bottom:2rem;height:7rem;}
.bloque-contenido-sostenibilidad p{font-size:1.8rem;font-weight:400;color:#fff;text-align:center;line-height:1.3;margin-bottom:0;}
.bloque-contenido-sostenibilidad p .numero-grande{display:block;text-align:center;font-size:4.5rem;font-weight:600;margin-top:1rem;color:#fff;}
.bloque-contenido-sostenibilidad p b{font-weight:600;color:#fff;}

.columna-contenido .cuerpo-contenido{opacity:1;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.columna-contenido .cuerpo-contenido.active{opacity:0;}

.columna-contenido img{height:5.5rem;margin-bottom:2rem;}
.columna-contenido h2{font-size:3.2rem;font-weight:800;margin-bottom:2rem;}
.columna-contenido p{font-size:2rem;}

.contenedor-imagen{-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;display:block;padding-top:100%;position:relative;min-height:100%;}
.contenedor-imagen .borde-conetendor-imagen{padding-top:0 !important;height:100%;left:0;overflow:hidden;top:0;width:100%;position:absolute;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
/*.contenedor-imagen .borde-conetendor-imagen.active{}*/
.contenedor-imagen .borde-conetendor-imagen img{position:absolute;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;width:77rem;left:-17rem;height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover;}

.contenedor-imagen .borde-conetendor-imagen img.active{left:0 !important;}

.acordion{color:#312dd3;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:2rem;cursor:pointer;}
.acordion:first-child{margin-top:0rem;}

.acordion .imagen-acordion {
  width: 150px;
  height: 150px;
  overflow: hidden;
}


.acordion .imagen-acordion img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* mantiene proporciones sin recortar */
}

.acordion .titulo-acordion{
	font-size:1.5rem;
	padding-right:3rem;
	padding:6rem 5rem 1.9rem 2rem;
	line-height:1;
	font-weight:700;
	position:relative;
	width:64%;
}
.acordion .titulo-acordion i{position:absolute;right:2rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}

.cuerpo-acordion{padding:2.5rem 2.3rem;background-color:#fff;display:none;color:#312dd3}
.cuerpo-acordion p{font-size:1.5rem;padding-top:1.2rem;padding-bottom:1.2rem;margin:0;}
.cuerpo-acordion p big{font-size:2.3rem;font-weight:800;}
.cuerpo-acordion p:first-child{padding-top:0;}
.cuerpo-acordion p:last-child{margin-bottom:0;padding-bottom:0;border:none;}

.cuerpo-acordion li{font-size:1.2rem;padding-top:0.2rem;padding-bottom:0.2rem;margin:0;}

.cuerpo-contenido a{font-size: 1.5rem; color: #d6d5f6; text-decoration: underline;}

.btn-3d {
  display: inline-block; /* Permite aplicar márgenes y padding */
  background-color: #FFC53D; /* Color de fondo verde */
  border-color:#FFC53D; /* Color del borde */
  color: #824C00; /* Color del texto */
  padding: 15px 32px; /* Espaciado interno */
  text-align: center; /* Centra el texto */
  text-decoration: none; /* Elimina el subrayado */
  font-size: 1.5rem; /* Tamaño de la fuente */
  cursor: pointer; /* Cambia el cursor al pasar por encima */
  border-radius: 15px; /* Bordes redondeados */
  box-shadow: 0 5px 0 #a1a3a1; /* Sombra inferior para el efecto 3D */
  transition: all 0.2s ease; /* Transición suave para los cambios */
}

.btn-3d:hover{
    border-color:#824C00;
    background-color:#824C00;
    color:#FFC53D;
    box-shadow: 0 5px 0 #a1a3a1; /* Sombra inferior para el efecto 3D */
    transform: translateY(-2px);
}

.btn-3d:active {
  box-shadow: 0 2px 0 #FFC53D; /* Sombra reducida al presionar */
  transform: translateY(3px); /* Mueve el botón hacia abajo */
}


footer{background-color:#312dd3;color:#fff;padding-top:2rem;padding-bottom:2rem;}
footer .logob{width:100%;}
footer h3{margin:0;font-size:1.5rem;font-weight:800;padding-top:.35rem;}


footer .barra-footer{
    background-color: grey;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

footer .redes{
    font-size: 20px;
    display: flexbox;
   
}

footer .redes a{
    margin: 0 1px;
}


/* Estilos Formulario Contacto */

.form-bloques{display:block;margin-bottom:1rem;}
.form-bloques .form-input{width:100%;height:3.5rem;padding:0.75rem;border:0.13rem solid #312dd3;color:black;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;border-radius:0.75rem;font-size:1.3rem;}
.form-bloques .form-input:focus{outline:0.1rem solid #312dd3;-webkit-box-shadow:0.1rem 0.1rem 1.3rem 0px #9896e9;box-shadow:0.1rem 0.1rem 1.3rem 0px #9896e9;}
.form-bloques textarea.form-input{height:12rem;resize:none;}
.form-bloques.form-bloque-boton{margin-bottom: 0}
.form-bloques.form-bloque-rpta
{
	margin-top: 1rem;
}

.error,.form-bloques .form-input.error
{
	color: red;
}

.form-bloques .form-input.error
{
	border-color: red;
}


.fab-contacto{
    position:fixed;
    right:10px;
    bottom:150px;
    width:130px;
    height:130px;
    background:#ffcf3b;
    color:#1b1b1b;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    box-shadow:0 8px 20px rgba(0,0,0,.2);
    z-index:9999;
    padding:8px;
    text-align:center;
  }

.recaptcha-mensaje {
  text-align: left;
  font-size: 0.9em;
  color: #555;
  margin-bottom: 8px;
}



.fab-contacto i{ font-size:1.8rem; line-height:1; }
.fab-contacto .fab-text{ font-size:1.8rem; line-height:1; margin-top:4px; display:block; }

/* Ocultar texto en móviles muy pequeños */
@media (max-width:360px){
	.fab-contacto{ right:12px; bottom:12px; width:56px; height:56px; }
	.fab-contacto .fab-text{ display:none; }
}

@media(min-width:1200px){
  .container{max-width:73.8%;}
  .container-especial{max-width:95%;}
}

@media(max-width:1199px){
  html{font-size:12px;}
}

@media(max-width:991px){.banner .contenedor-triangulo{height:50%;}
.banner .cuadrado{display:none;}
.banner .lista-imagenes{height:50%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
.banner .triangulo-info{width:100%;}
.banner .triangulo-info img{right:0;}
.banner .contenido-texto-banner h2{margin-bottom:1.5rem;font-size:2rem;}
.banner .contenido-texto-banner h1{font-size:2.5rem;padding-right:5rem;}

.banner .lista-imagenes .coluna-imagenes{height:100%;width:100%;margin-left:0;}
#nosotros .columna-presentacion,#metodo .columna-presentacion,
#sostenibilidad .columna-presentacion{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}

.columna-contenido{margin-bottom:2rem;}
.columna-contenido h2{font-size:2.5rem;}
.columna-contenido p{font-size:1.6rem;}
.contenedor-imagen{padding-top:0;}
.contenedor-imagen .borde-conetendor-imagen{position:relative;left:auto;right:auto;}
.contenedor-imagen .borde-conetendor-imagen img{position:relative;width:100%;left:auto}
}

@media(max-width:767px){
    html{font-size:4vw;}
    .container,
    .container-fluid{padding-left:1rem;padding-right:1rem;max-width:100%}
    .row{margin-right:-1rem;;margin-left:-1rem;;}
    [class*="col-"],
    .col{padding-left:1rem;;padding-right:1rem;}
    header.cabecera .container .logo{width:3rem;}
    header.cabecera .container{padding-right:0;}
    header.cabecera .container .botones .texto-menu{width:41.6%;margin-left:auto;padding-right:1rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;font-size:.9rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;padding-top:.7rem;}
    header.cabecera .container .botones .texto-menu .verde{font-size:2rem;line-height:1;}
    header.cabecera .container .botones .link-cabecera{padding:1rem;}
    header.cabecera .container .botones .link-cabecera .izquierda{width:3.5rem;}
    header.cabecera .container .botones .link-cabecera .derecha{display:none;}
    header.cabecera .container .botones .burguer{padding:1rem;width:5rem;}
    header.cabecera .container .botones .burguer i{font-size:2.5rem;}
    .banner .contenedor-triangulo{height:48%;}
    .banner .contenido-texto-banner h2{font-size:1.6rem;padding-top:.5rem;}
    .banner .lista-imagenes{height:52%;}
    nav.lista-menu .item-menu{font-size:2rem;}
    nav.lista-menu .item-menu img{height:4rem;}
    .seccion{padding-bottom:0;padding-top:2rem;}

    .banner .contenido-texto-banner h1 span{display:block;}
    #nosotros .columna-presentacion,

    .acordion{margin-top:1rem;}
    .acordion .titulo-acordion{font-size:1.2rem;padding:1.2rem 5rem .8rem 1rem;min-height:6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:72%;}
    .acordion .titulo-acordion i{position:absolute;right:1rem;top:auto;-webkit-transform:none;-ms-transform:none;transform:none;bottom:1rem;}
    .cuerpo-acordion{padding:1rem;}
    .cuerpo-acordion p{font-size:1.2rem;padding:1rem 0;}

    .cuerpo-acordion li{font-size:1rem}

    #sostenibilidad{padding-bottom:2rem;}

    footer{padding-top:1rem;padding-bottom:1rem;}
    footer .logob{width:80%;}
    footer h3{margin:0;font-size:1rem;font-weight:800;padding-top:.3rem;}


    .fab-contacto{
        position:fixed;
        width:90px;
        height:90px;
    }
    
    .fab-contacto i{ font-size:1rem}
    .fab-contacto .fab-text{ font-size:1rem}

}