/* 
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
*/

/* Estilo background texto hero "Conecta" */

span.conecta {
    background-color: #F25C50;
    border-radius: 200px;
    padding: 0px 48px;
    margin-left: 15%;
}

/* Móvil */
@media (max-width: 767px) {
    span.conecta {
        margin-left: 0;
        display: inline-block;
        margin-right: auto;
        margin-left: auto;
    }
}


/* Header blured */

.blured-header {
    background-color: rgba(255, 255, 255, 0) !important;
    -webkit-backdrop-filter: blur(33px) brightness(115%);
    backdrop-filter: blur(33px) brightness(115%);
}

/* Texto animado iluminado */

/* Todos los pasos apagados por defecto */
.texto1, .texto2, .texto3, .texto4 {
    color: rgba(25,35,57, 0.70);
    animation: secuencia 12s infinite;
}

/* PASO 1 → Encendido de 0% a 20% (0–4s) */
.texto1 { animation-delay: 0s; }

/* PASO 2 → Encendido de 20% a 40% (4–8s) */
.texto2 { animation-delay: 4s; }

/* PASO 3 → Encendido de 40% a 60% (8–12s) */
.texto3 { animation-delay: 8s; }

/* PASO 4 → Encendido de 60% a 80% (12–16s) */
.texto4 { animation-delay: 12s; }


/* La animación: solo encendido en su intervalo */
@keyframes secuencia {
    0%, 20% {
        color: #192339; /* encendido */
    }
    20.01%, 100% {
        color: rgba(25,35,57, 0.70); /* apagado */
    }
}


/* Estilo alto formulario de contacto */

input#form-field-nombre, input#form-field-apellido, input#form-field-email, input#form-field-telefono, select#form-field-servicios {
    height: 56px;
}

/* Estado placeholder */
#form-field-servicios {
  font-size: 16px;
  font-style: italic;
}

/* Cuando el usuario selecciona una opción real */
#form-field-servicios option:not([value=""]) {
  font-style: normal;
}

/* Forzar estilo normal cuando ya no está el placeholder */
#form-field-servicios:focus {
  font-style: normal;
}

/* Color texto destacado */

span.destacado {
    color: #F64538;
}

/* Estilo listado casos de éxito */

/* UL sin sangría */
.listado-personalizado ul{
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 0;
}

/* Separación entre items */
.listado-personalizado li{
  position: relative;
  padding-left: 22px;     /* espacio para el bullet */
  margin-bottom: 18px;
}

/* Bullet real (círculo), tamaño EXACTO */
.listado-personalizado li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;            /* se alinea con la primera línea del texto */
  width: 13px;
  height: 13px;
  background: #F25C50;
  border-radius: 50%;
  transform: translateY(-50%);
}

/* Quitar margen extra al último */
.listado-personalizado li:last-child{
  margin-bottom: 0;
}