/*
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.1.1.1730116346
Updated: 2024-10-28 12:52:26

*/
		/* Estilos para el h1 */
        h1.subrayado {
            font-size: 75px;
            font-weight: bold;
            color: #fff;
			line-height:85px;
			font-weight:500;
        }
span.desplazo1{display:inline-block; margin-left:50px;}
span.desplazo2{display:inline-block; margin-left:150px;}
.caja_blanca{margin:25px auto 0px auto;}
.footer a{color:#fff;}
.footer a:hover{text-decoration:underline;}
.elementor-message{margin:25px 0 !important;}


        /* Estilos para el span dentro del h1 */
        h1 .subrayado-automatico {
            position: relative;
            display: inline-block;
			color:#2e2e2e;
            z-index: 1; /* Asegura que el texto esté por encima del subrayado */
        }

        /* Efecto de subrayado usando la pseudo-clase ::after */
        h1 .subrayado-automatico::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 75px; /* Altura del subrayado */
			border-radius:50px;
            background-color: #31e8c6; /* Color del subrayado */
            z-index: -1; /* Coloca el subrayado por debajo del texto */
            transform: scaleX(0); /* Empieza oculto */
            transform-origin: left; /* Punto de inicio del subrayado */
            animation: subrayado 0.4s ease forwards 0.5s; /* Duración, efecto, y retraso de la animación */
        }

        /* Definición de la animación */
        @keyframes subrayado {
            to {
                transform: scaleX(1); /* Expande el subrayado completamente */
            }
        }
/* Estilo global para el h1 en tamaño responsive */
@media (max-width: 768px) { /* Ajusta este valor según el tamaño de pantalla deseado */
     h1.subrayado {
            font-size: 50px;
            font-weight: bold;
            color: #fff;
			line-height:55px;
			font-weight:500;
        }
	 h1 .subrayado-automatico::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 45px; /* Altura del subrayado */
			border-radius:25px;
            background-color: #31e8c6; /* Color del subrayado */
            z-index: -1; /* Coloca el subrayado por debajo del texto */
            transform: scaleX(0); /* Empieza oculto */
            transform-origin: left; /* Punto de inicio del subrayado */
            animation: subrayado 0.4s ease forwards 0.5s; /* Duración, efecto, y retraso de la animación */
        }
}