/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* Tamaño campos de formulario */

.formulario-propiedades input#form-field-email, input#form-field-name, input#form-field-telefono {
    height: 60px;
}

/* Tamaño imágenes slider propiedades */

.slide-propiedades img.swiper-slide-image {
    width: 90%;
}

/* Espacio y alienacion dynamic repeater en ficha propiedades */

/* Contenedor principal */
.caracteristicas .jet-listing-dynamic-repeater__items {
    display: flex; /* Asegura que los ítems y delimitadores se alineen en una sola fila */
    justify-content: space-between; /* Espaciado uniforme si hay espacio sobrante */
    align-items: center; /* Centra verticalmente los elementos */
    gap: 15px; /* Espaciado entre ítems y delimitadores */
}

/* Ítems individuales */
.caracteristicas .jet-listing-dynamic-repeater__item {
    margin: 0; /* Elimina márgenes predeterminados */
}

/* Delimitadores */
.caracteristicas .jet-listing-dynamic-repeater__delimiter {
    margin: 0 10px; /* Espaciado alrededor del delimitador */
    color: #333; /* Ajusta el color del delimitador (opcional) */
    font-weight: bold; /* Opcional: Destaca el divisor */
}

/* Asegura que no haya espaciado extra en el último ítem */
.caracteristicas .jet-listing-dynamic-repeater__items > :last-child .jet-listing-dynamic-repeater__delimiter {
    display: none; /* Oculta el último delimitador si es generado automáticamente */
}

/* Tamaño icono boton */

/* Aplica el tamaño al ícono del botón con la clase 'boton-icono' */
.boton-icono svg {
    width: 35px; /* Ajusta el ancho del ícono */
    height: auto; /* Mantiene la proporción del SVG */
    display: inline-block; /* Asegura que el ícono se alinee correctamente */
}

/* Opcional: Espaciado y alineación del ícono respecto al texto */
.boton-icono svg {
    margin-right: 8px; /* Ajusta el espacio entre el ícono y el texto */
    vertical-align: middle; /* Alinea el ícono con el texto del botón */
}