/*
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 page 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: 2.9.0.1701085710
Updated: 2023-11-27 11:48:30

*/

/* =====================================================================
   Guard global anti-desbordamiento horizontal: varios adornos florales
   del kit están en position:absolute con offsets/animaciones laterales
   (fadeInRight) que asoman fuera del viewport y hacían aparecer una barra
   de scroll horizontal al desplazarse por la página ("no se adapta al
   ancho"). overflow-x: clip recorta ese sobrante sin crear contenedor de
   scroll (no rompe position:sticky). Añadido 2026-06-02.
   ===================================================================== */
html, body {
  overflow-x: clip;
}

/* =====================================================================
   Fix portada: el header flotante (barra blanca, z-index 999) tapaba el
   titular del hero en escritorio/tablet. El contenido se sube -50px bajo
   el header y los 144px de padding-top del contenedor del hero (f675ec8)
   no bastaban: el contenido empezaba en y=94 y la barra acaba en y=125.
   Subimos el padding-top para despejar la barra. Móvil (<768px) ya iba
   bien, así que solo tocamos de tablet hacia arriba.
   Añadido 2026-06-02.
   ===================================================================== */
@media (min-width: 768px) {
  /* Anclamos el contenido del hero arriba (no centrado vertical) y anulamos
     los márgenes negativos por dispositivo de la columna de texto (-10px en
     escritorio, -170px en tablet) que subían el título bajo el header. Así
     el padding-top determina la posición de forma predecible y estable. */
  .elementor-element-f675ec8 > .e-con-inner {
    padding-top: 190px !important;
    align-items: flex-start !important;
  }
  .elementor-element-cc5ccde {
    justify-content: flex-start !important;
    margin-top: 0 !important;
  }
}

/* =====================================================================
   Adornos florales descolocados (icon-box de ElementsKit con la imagen
   ..._procedures.png): tenían un offset fijo (left:1300px) dentro de un
   contenedor de 1170px, lo que los mandaba fuera de pantalla por la
   derecha y nunca se veían. Afecta a:
     - 56b2fcb → sección "Opiniones" de la portada (home)
     - 518ffa8 → página "Sobre mí"
   Los anclamos al borde derecho para que asomen (sangrado de esquina) y
   sean estables en cualquier ancho. Ocultos en móvil por diseño del
   propio widget (elementor-hidden-phone). Añadido 2026-06-02.
   ===================================================================== */
@media (min-width: 768px) {
  .elementor-element-56b2fcb,
  .elementor-element-518ffa8 {
    left: auto !important;
    right: -30px !important;
  }
}
/* Sus animaciones de entrada (fadeInRight / rotateInUpLeft) desplazaban
   el elemento y provocaban un parpadeo de scroll horizontal al entrar en
   la sección. Las pasamos a fadeIn (solo opacidad, sin desplazamiento). */
.elementor-element-56b2fcb.animated,
.elementor-element-518ffa8.animated {
  animation-name: fadeIn !important;
}