/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Estilos personalizados para la altura del carrusel de imágenes de testimonios */
.image-carousel .oc-item img {
    height: 54px; /* Ajusta esta altura a lo que mejor te quede */
    width: auto;
    object-fit: contain;
}

/* Ahora usamos .marcas-carousel en lugar de .image-carousel solo */
.marcas-carousel .oc-item img {
    height: 70px; 
    width: auto;
    object-fit: contain;
    margin: 0 auto; /* Ahora sí! Esto centrará solo las marcas */
    display: block; /* A veces necesario para que el margin auto funcione bien */
}

/* WhatsApp Button Customization */

.whatsapp-float {
    position: fixed;
    width: 80px;
    height: 80px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 10000; /* Asegura que flote sobre todo */
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-float:hover {
    background-color: #128C7E; /* Color más oscuro al pasar el mouse */
    color: #FFF;
    transform: scale(1.1); /* Efecto de crecimiento */
}

/* Ajuste para móviles (para que no tape contenido importante) */
@media (max-width: 767px) {
    .whatsapp-float {
        width: 55px;
        height: 55px;
        bottom: 20px;
        right: 20px;
        font-size: 25px;
    }
}
/* WhatsApp Button Customization */


/* Estilo personalizado para el texto de ayuda en formularios */
.form-control.error {
  border-color: var(--cnvs-color-steam);
}
.invalid-feedback {
  font-size: 0.675em;
  color: var(--bs-warning);
}

/* Estilos personalizados para el input de número de teléfono internacional */
  /* Contenedor dropdown */
  .iti__country-list {
    font-size: 14px !important;     /* Tamaño menor */
    background-color: white !important;
    color: black !important;
  }

  /* Nombre país y código */
  .iti__country-name,
  .iti__dial-code,
  .iti__selected-dial-code {
    color: black !important;
    font-size: 14px !important;
  }

  /* Hover selección */
  .iti__country:hover {
    background-color: #f8f9fa !important;
  }

  /* Flecha dropdown (si querés cambiar) */
  .iti__arrow {
    border-top-color: black !important;
  }


    /* Asegura que el contenedor de la librería ocupe todo el ancho */
    .iti { width: 100% !important; display: block !important; }
    
    /* Muestra el mensaje de error de Canvas aunque esté adentro del div de la librería */
    .is-invalid ~ .invalid-feedback,
    .is-invalid ~ .help-block,
    label.error {
        display: block !important;
        color: #ffff00;
        font-size: 0.875rem;
        margin-top: 5px;
    }
    
    /* La tilde verde de Canvas */
    .is-valid { border-color: #dee217 !important; }
    /* El borde rojo de error */
    .is-invalid { border-color: #2cd5e4 !important; }