/*
Theme Name: Sonhe Alto Viagens
Description: Hello Elementor child theme for the Sonhe Alto Viagens landing page. Generated by Landing to Elementor (easypages.co.uk) on 2026-09-13.
Author: easypages.co.uk
Author URI: https://easypages.co.uk/
Version: 1.0.0
Template: hello-elementor
Text Domain: sonhe-alto-viagens
*/

/* =====================================================================
   Generated by Landing to Elementor. Keeps the page markup rendering
   identically inside Elementor sections. The page's own stylesheets are
   enqueued before this file, so anything here wins on equal specificity.
   ===================================================================== */

/* an Elementor section is only a wrapper here: no max-width, no spacing */
.l2e-section > .elementor-container{max-width:none}
.l2e-section .elementor-widget{margin-bottom:0}
.l2e-section .elementor-widget-wrap{padding:0}
.l2e-section .elementor-widget-container{margin:0}

/* Elementor resets images (.elementor img{height:auto;max-width:100%}), which can
   override a plain `img{height:100%}` rule in the page CSS. Add exceptions here, e.g.
   .elementor .my-frame img{height:100%} */

/* =====================================================================
   Correções para o Elementor / Hello Elementor (2026-09-13)
   O CSS do Elementor tem mais especificidade que o da página em alguns
   resets (.elementor img / .elementor a) e o Kit pode definir tipografia
   global de h1/h2/h3 e cor de links. Estas regras devolvem o visual da
   página estática. Este arquivo carrega por último.
   ===================================================================== */

/* Elementor: .elementor img { height: auto; border-radius: 0; box-shadow: none } */
.elementor .hero__photo { height: 100%; }
.elementor .about__shot img { height: 100%; }
.elementor .bonus__card img { border-radius: 18px; box-shadow: 0 22px 44px rgba(0, 48, 73, 0.16); }
.elementor .chapter__polaroid img { height: auto; }

/* Elementor: .elementor a { box-shadow: none } tirava o anel verde dos botões; o Kit pode pintar links */
.elementor a.btn,
.elementor a.btn:hover,
.elementor a.btn:focus-visible {
  color: var(--white);
  text-decoration: none;
  box-shadow: 0 0 0 6px var(--green-ring);
}
@media (max-width: 767px) {
  .elementor a.btn,
  .elementor a.btn:hover,
  .elementor a.btn:focus-visible { box-shadow: 0 0 0 5px var(--green-ring); }
}

/* Tipografia global do Kit do Elementor (body, h1, h2, h3) não vence a da página */
body[class*="elementor-kit-"] {
  font-family: var(--font);
  font-weight: 400;
  color: var(--navy);
  line-height: 1.5;
}
.elementor-widget-html h1.hero__title {
  font-family: var(--font-script);
  font-weight: 400;
  line-height: 1;
  color: var(--blue-ink);
}
.elementor-widget-html h2.title,
.elementor-widget-html h3.who__subtitle,
.elementor-widget-html h3.guarantee__title {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: 1.2;
}
.elementor-widget-html h2.title { font-size: var(--fs-title); color: var(--ink); }
.elementor-widget-html h2.offer__title { color: var(--white); }
.elementor-widget-html h2.faq__title { color: var(--indigo); }
.elementor-widget-html h3.who__subtitle,
.elementor-widget-html h3.guarantee__title { font-size: var(--fs-subtitle); color: var(--indigo); }

/* A hero presa no topo (position: sticky) precisa que nenhum wrapper do Elementor corte o overflow */
.l2e-section,
.l2e-section > .elementor-container,
.l2e-section .elementor-column,
.l2e-section .elementor-widget-wrap,
.l2e-section .elementor-widget,
.l2e-section .elementor-widget-container { overflow: visible; }