/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1710317421
Updated: 2024-03-13 10:10:21

*/
:root {
    --colorVerde : #A2BF1A;
    --colorVerdeFuuerte : #297825;

}

/*------------------------------------*
    Contact form
*------------------------------------*/
/* form */
.form-foster .elementor-field-option {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
}
.form-foster .elementor-field-option input[type="checkbox"] {
    margin-right: 5px;
}
.form-foster .elementor-field-type-acceptance label {
    font-size: 15px;
    line-height: 22px;
    display: block;
}
.form-foster button.elementor-button {
    border: 1px solid #fff !important;
}
.form-foster input::placeholder,
.form-foster textarea::placeholder {
    color: #000 !important;
    opacity: 1;
}
.form-foster input:hover,
.form-foster textarea:hover{
    background-color: #a1bf1a4a !important;

}

.aceptacion, .aceptacion a {
	color: #fff;
	font-size: 12px !important;
	font-weight: 500 !important;
}
.aceptacion a {
	color: #A2BF1A
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, 
.wpcf7 form.aborted .wpcf7-response-output  

{
    font-size: 12px;
	font-weight: 500
}
.wpcf7-not-valid-tip {
    color: #fff;
    font-size: .5em;
    font-weight: normal;
    display: block;
    margin: 0px 0 0 18px;
}
span.wpcf7-form-control.wpcf7-acceptance.optional {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}
span.wpcf7-form-control.wpcf7-acceptance.optional a {
    color: #fff;
    text-decoration: underline;
    transition: all .3s ease-in;
}
span.wpcf7-form-control.wpcf7-acceptance.optional a:hover {
    opacity: .7;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100% !important;
}
input.wpcf7-form-control.wpcf7-text:hover {
    background-color: #A2BF1AC4 !important;

}
/*------------------------------------*
    Conrtact Form Blanco
*------------------------------------*/
#form__a span.wpcf7-form-control.wpcf7-acceptance.optional a{
    color: #000;
}
.w50 {
    display: flex;
    justify-content: space-between;
}
.w50 p {
    flex: 0 0 49%;
}
/*------------------------------------*
    Footer
*------------------------------------*/
footer .footer-01 a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}
footer .footer-01 a:hover {
    color: var(--colorVerde);
}
footer .footer-02 strong {
    color: var(--colorVerde);
}
/*------------------------------------*
    CARROUSSELL
*------------------------------------*/
.dcha {
    width: 100%; /* Ajusta el ancho según sea necesario */
    overflow: hidden;
  }
  
  .contenedor-imagenes {
    display: flex;
  }
  
  .contenedor-imagenes .imagen {
    flex: 0 0 auto;
    width: 100%; /* Ajusta el ancho según sea necesario */
  }
  
  .contenedor-imagenes img {
    width: 100%; /* Ajusta el ancho según sea necesario */
    height: auto; /* Mantenemos la proporción */
  }
  
  .imagen div {
    text-align: center;
    background-color: var(--colorVerde);
    height: 71px;
    display: block;
    margin-top: -13px;
    display: flex;
    align-items: center;
    color: #fff !important;
    padding: 1rem 1.5rem;
    width: 93%;
}
.imagen div * {

    color: #fff !important;
    margin: 0;
    font-size: 24px;
}
  

.dcha img {
  display: inline-block;
  width: 93%; /* Ajusta el tamaño según sea necesario */
  height:  auto; /* Mantenemos la proporción */
}

.izq ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.izq ul li {
  display: inline;
  margin-right: 10px; /* Espacio entre los enlaces */
}
.izq ul li a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    display: block;
    width: 100%;
}
.izq ul li {
    border-bottom: 1px solid #d9d9d9;
}
.izq ul li a:hover {
    color: var(--colorVerdeFuuerte);
    text-decoration: none;
}

.enlace:hover {
  color: blue; 
}
/* Newsletter */
.mc4wp-form input {
    width: 100%;
    border-radius: 0;
    padding: 6px 17px;
}
.mc4wp-form input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.mc4wp-form input[type="submit"] {
    border: 1px solid #fff;
    color: #fff;
    width: 131px;
    margin: 16px auto;
    display: block;
}
.mc4wp-form input[type="submit"]:hover {
    background-color: var(--colorVerde);
    color: #000;
    border: 1px solid var(--colorVerde)
}
.mc4wp-alert {
    color: #fff;
    font-size: 1rem;
    text-align: center;
    margin: 0.5em;
}