/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Estilo general para escritorio */
.carrusel-imagenes .jet-carousel__item {
  max-width: 500px !important;
  width: 500px !important;
}

.carrusel-imagenes .jet-carousel__item-inner {
  position: relative;
  width: 100%;
  padding-top: 100%; /* Cuadrado */
  overflow: hidden;
}

.carrusel-imagenes .jet-carousel__item-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.carrusel-imagenes .jet-carousel__item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Estilos específicos para móviles */
@media (max-width: 768px) {
  .carrusel-imagenes .jet-carousel__item {
    max-width: 242px !important;
    width: 242px !important;
  }
}

/* Ajuste formulario */

/* Estilo general de campos del formulario */
.formulario-contacto .elementor-form .elementor-field {
  padding: 14px 16px;
  border-radius: 28px; /* Valor general, puedes ajustarlo si usas otro */
}

/* Campo "mensaje" (textarea) con menos border-radius */
.formulario-contacto .elementor-form textarea {
  border-radius: 22px !important; /* Más cuadrado que el resto */
}

/* Estilo del placeholder: opacidad total y separación */
.formulario-contacto .elementor-form .elementor-field::placeholder,
.formulario-contacto .elementor-form textarea::placeholder {
  opacity: 1 !important;
  padding-left: 2px;
  color: #999999;
}

/***tamaño recaptcha***/
.grecaptcha-badge {
width: 70px !important;
transform:scale(0.5);
-webkit-transform:scale(0.5);
overflow: hidden !important;
transition: all 0.3s ease !important;
left: -20px !important;
bottom: 10px !important;
}

/***tapar error formulario***/
div#form-field-google.elementor-field {
    background-color: #A6DBCF;
}