/* Theme Name: Infetech Child Clean
Theme URI: https://themeforest.net/user/ovatheme/portfolio
Description: Infetech child theme - optimized for Elementor editing
Author: Ovatheme
Author URI: https://themeforest.net/user/ovatheme
Template: infetech
Version: 2.0.0
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: infetech-child-clean
*/

/* ==========================================================================
   FIX 1 — Elementor Icon-Box: legacy position classes not styled
   Root cause: widget markup uses legacy classnames
   (elementor-position-left/right/top) but the active Elementor 4.2.0 core
   CSS only defines rules for the newer logical-property equivalents
   (elementor-position-inline-start/inline-end/block-start/block-end).
   Since neither matches, every "icon left of text" widget falls back to
   the default column layout, stacking the icon above the text instead of
   beside it. This bridges the legacy classnames back to correct behavior.
   Fixes: header top bar phone/email, "Hablemos" contact icons, footer
   phone icon.
   ========================================================================== */
.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
  flex-direction: row;
  text-align: left;
}
.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper .elementor-icon-box-icon {
  margin-right: 15px;
  margin-bottom: 0;
}
.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper {
  flex-direction: row-reverse;
  text-align: right;
}
.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper .elementor-icon-box-icon {
  margin-left: 15px;
  margin-bottom: 0;
}

/* ==========================================================================
   FIX 2 — Header top bar (desktop): not aligned with the boxed nav below
   Root cause: the top info bar ("Contacta a un asesor...") is a legacy
   full-width Elementor Section spanning the whole viewport edge-to-edge,
   while the main nav row underneath (logo + menu) is boxed to
   --container-width (1290px). The mismatch makes the top bar's text look
   off-center relative to everything below it. This boxes the top bar to
   the same width/padding as the rest of the site and left/right-aligns
   its two column groups instead of centering each independently.
   ========================================================================== */
.elementor-element-44f48c74 > .elementor-container {
  max-width: var(--container-width, 1290px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.elementor-element-66552b53 > .elementor-widget-wrap {
  justify-content: flex-start;
}
.elementor-element-2ec171d5 > .elementor-widget-wrap {
  justify-content: flex-end;
  gap: 28px;
}

/* ==========================================================================
   FIX 3 — "¿Por qué elegir a Connectify?" grid overflows the viewport
   Root cause: the image column and the numbered-list column both have
   flex-shrink: 0, so their combined natural width (~1828px) exceeds the
   available row width (~1425px) and the row overflows instead of the
   columns shrinking to fit, cutting off text on the right.
   ========================================================================== */
.elementor-element-a87acfe > .elementor-element-1e465e67,
.elementor-element-a87acfe > .elementor-element-734a925e {
  flex-shrink: 1;
  min-width: 0;
}