/* ═══════════════════════════════════════════════════════════
   EasyTEL — main.css
   ═══════════════════════════════════════════════════════════ */

/* ── Variáveis ─────────────────────────────────────────────── */
:root {
  --clr-bg:          #0B0F1E;
  --clr-bg-darker:   #060A15;
  --clr-orange:      #F97316;
  --clr-orange-h:    #EA580C;
  --clr-purple:      #4C1D95;
  --clr-card:        #111827;
  --clr-card-h:      #1F2937;
  --clr-border:      #1E293B;
  --clr-white:       #FFFFFF;
  --font-sans:       'Inter', ui-sans-serif, system-ui, sans-serif;
  --radius-xl:       1rem;
  --radius-2xl:      1.25rem;
  --radius-3xl:      1.5rem;
  --radius-full:     9999px;
  --max-w:           80rem;
  --transition:      0.3s ease;
}

/* ── Reset ─────────────────────────────────────────────────── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top: 80px; }
body {
  background-color: var(--clr-bg);
  background-image: linear-gradient(rgba(11, 15, 30, 0.8), rgba(11, 15, 30, 0.8)), url('../img/galaxy-bg.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: var(--clr-white);
  font-family: var(--font-sans);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
img, video { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }

/* ── Container ─────────────────────────────────────────────── */
.et-container {
  width:100%;
  max-width: var(--max-w);
  margin-inline: auto;
  padding-inline: 1.5rem;
}

/* ── Scrollbar ─────────────────────────────────────────────── */
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background: var(--clr-bg); }
::-webkit-scrollbar-thumb { background:#374151; border-radius:4px; }

/* ══════════════════════════════════════════════════════════════
   STARS BG
   ══════════════════════════════════════════════════════════════ */
.et-stars-bg {
  position:fixed; inset:0;
  pointer-events:none; z-index:0; overflow:hidden;
}
.et-star {
  position:absolute; border-radius:50%;
  background:#fff;
  animation: et-twinkle 3s infinite;
}
@keyframes et-twinkle {
  0%,100%{ opacity:.2 } 50%{ opacity:.8 }
}

/* ══════════════════════════════════════════════════════════════
   GRADIENTS OVERLAY
   ══════════════════════════════════════════════════════════════ */
.et-gradient-blue {
  background: radial-gradient(ellipse at top, rgba(59,130,246,.08) 0%, transparent 60%);
}
.et-gradient-purple {
  background: radial-gradient(ellipse at center, rgba(139,92,246,.06) 0%, transparent 50%);
}

/* ══════════════════════════════════════════════════════════════
   TIPOGRAFIA
   ══════════════════════════════════════════════════════════════ */
.et-text-gradient {
  background: linear-gradient(135deg, #F97316 0%, #FB923C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.et-section-badge {
  display:inline-block;
  color: var(--clr-orange);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.et-section-title {
  font-size:clamp(2.95rem, 4vw, 2.5rem);
  font-weight:700;
  line-height:1.2;
  margin-top:.75rem;
}
.et-section-text {
  color:rgba(255,255,255,.4);
  font-size:1.125rem;
  line-height:1.75;
}

/* ══════════════════════════════════════════════════════════════
   BOTÕES
   ══════════════════════════════════════════════════════════════ */
.et-btn {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.75rem 1.5rem;
  border-radius: var(--radius-full);
  font-size:.875rem; font-weight:600;
  transition: all var(--transition);
  cursor:pointer; border:none;
}
.et-btn--primary {
  background: var(--clr-orange);
  color:#fff;
}
.et-btn--primary:hover {
  background: var(--clr-orange-h);
  transform:translateY(-1px);
  box-shadow: 0 4px 20px rgba(249,115,22,.3);
}
.et-btn--outline {
  background:transparent;
  color:rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.1);
}
.et-btn--outline:hover { border-color:rgba(255,255,255,.3); }

/* ══════════════════════════════════════════════════════════════
   CARD
   ══════════════════════════════════════════════════════════════ */
.et-card {
  background: linear-gradient(135deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.01) 100%);
  border:1px solid rgba(255,255,255,.06);
  border-radius: var(--radius-2xl);
  transition: border-color var(--transition), transform var(--transition), box-shadow var(--transition);
}
.et-card:hover {
  border-color:rgba(249,115,22,.3);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 20px rgba(249,115,22,.1);
}

/* ══════════════════════════════════════════════════════════════
   HEADER / NAV
   ══════════════════════════════════════════════════════════════ */
.et-header {
  position:relative; z-index:50;
  border-bottom:1px solid transparent;
  background:transparent;
  transition: background-color var(--transition), border-color var(--transition), backdrop-filter var(--transition);
}
.et-header--scrolled {
  border-bottom:1px solid rgba(255,255,255,.05);
  background:rgba(11,15,30,.85);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.et-nav__inner {
  display:flex; align-items:center;
  justify-content:space-between;
  gap:1rem; padding-block:.75rem;
}
.et-nav__logo { height:2rem; width:auto; }
.et-nav__logo-text { font-size:1.25rem; font-weight:700; }
.et-nav__menu {
  display:none; align-items:center; gap:2rem;
}
.et-nav__menu li a {
  position:relative;
  font-size:.875rem; color:rgba(255,255,255,.7);
  transition:color var(--transition);
}
.et-nav__menu li a::after {
  content: ''; position:absolute; bottom:-4px; left:0;
  width:0; height:2px; background:var(--clr-orange);
  transition:width var(--transition); border-radius:2px;
}
.et-nav__menu li a:hover { color:#fff; }
.et-nav__menu li a:hover::after,
.et-nav__menu li.current-menu-item > a::after { width:100%; }
.et-nav__menu li.current-menu-item > a { color:#fff; }
.et-nav__cta { padding:.5rem 1.25rem; }
.et-nav__hamburger {
  display:flex; flex-direction:column;
  gap:5px; cursor:pointer;
  background:transparent; border:none; padding:.25rem;
}
.et-nav__hamburger span {
  display:block; width:22px; height:2px;
  background:rgba(255,255,255,.7);
  border-radius:2px;
  transition: transform var(--transition), opacity var(--transition);
}
.et-nav__hamburger.is-active span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.et-nav__hamburger.is-active span:nth-child(2) { opacity:0; }
.et-nav__hamburger.is-active span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.et-nav__mobile {
  display:none; flex-direction:column;
  padding:1rem 1.5rem 1.5rem;
  border-top:1px solid rgba(255,255,255,.05);
}
.et-nav__mobile.is-open { display:flex; }
.et-nav__mobile-list { display:flex; flex-direction:column; gap:.75rem; margin-bottom:1rem; }
.et-nav__mobile-list a { font-size:.9rem; color:rgba(255,255,255,.7); }
.et-nav__mobile-cta { align-self:flex-start; }

/* ══════════════════════════════════════════════════════════════
   SECTION BASE
   ══════════════════════════════════════════════════════════════ */
.et-section { position:relative; z-index:1; padding-block:4rem; }
@media(min-width:768px){ .et-section{ padding-block:6rem; } }

/* ══════════════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════════════ */
.et-hero {
  text-align:center;
  padding-block:4rem;
}
@media(min-width:768px){ .et-hero{ padding-block:6rem; } }

.et-hero__badge {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.375rem 1rem;
  border-radius:var(--radius-full);
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  margin-bottom:1.5rem;
}
.et-hero__badge-dot {
  width:6px; height:6px;
  border-radius:50%; background:#fb923c;
  animation: et-pulse 2s infinite;
}
@keyframes et-pulse {
  0%,100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.6; transform:scale(1.3); }
}
.et-hero__badge-text {
  font-size:.7rem; color:rgba(255,255,255,.6);
  letter-spacing:.12em; text-transform:uppercase;
}
.et-hero__title {
  font-size:clamp(2rem,5vw,3.75rem);
  font-weight:700; line-height:1.15;
  margin-bottom:1rem;
}
.et-hero__subtitle {
  color:rgba(255,255,255,.5);
  font-size:clamp(.875rem,2vw,1.2rem);
  max-width:36rem; margin-inline:auto;
  line-height:1.75; margin-bottom:2rem;
}
.et-hero__price-card {
  display:inline-flex; align-items:center;
  flex-wrap:wrap; gap:.75rem;
  padding:1rem 2rem;
  border-radius:var(--radius-2xl);
  background:linear-gradient(135deg,rgba(249,115,22,.1),rgba(139,92,246,.1));
  border:1px solid rgba(249,115,22,.2);
}
.et-hero__price-from { color:rgba(255,255,255,.5); font-size:.875rem; }
.et-hero__price-value { font-size:1.875rem; font-weight:700; }
.et-hero__price-period { color:rgba(255,255,255,.5); font-size:.875rem; }
.et-hero__price-sep { width:1px; height:2rem; background:rgba(255,255,255,.1); }
.et-hero__price-cta-text { color:rgba(255,255,255,.7); font-size:.875rem; }
.et-hero__price-cta-link { color:#fb923c; font-size:.875rem; font-weight:600; }

/* ══════════════════════════════════════════════════════════════
   SPLIT LAYOUT (text + image)
   ══════════════════════════════════════════════════════════════ */
.et-split {
  display:flex; flex-direction:column;
  align-items:center; gap:3rem;
}
@media(min-width:768px){
  .et-split { flex-direction:row; gap:5rem; }
  .et-split__col { width:50%; }
  .et-split--reverse { flex-direction:row-reverse; }
}
.et-split__img-wrap {
  position:relative; width:100%; max-width:48rem; margin-inline:auto;
}
.et-split__img-glow {
  position:absolute; inset:0;
  border-radius:var(--radius-3xl);
  filter:blur(60px);
}
.et-split__img-glow--orange { background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(139,92,246,.2)); }
.et-split__img-glow--blue   { background:linear-gradient(135deg,rgba(249,115,22,.1),rgba(59,130,246,.1)); }
.et-split__img {
  position:relative;
  border-radius:var(--radius-2xl);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
}
.et-split__img img { width:100%; height:auto; display:block; }
.et-split__badge { margin-bottom:.75rem; }
.et-split__title {
  font-size:clamp(2.95rem, 4vw, 2.5rem);
  font-weight:700; line-height:1.25;
  margin-block:.75rem 1rem;
}
.et-split__text {
  color:rgba(255,255,255,.5);
  font-size:1.1rem; line-height:1.75;
  margin-bottom:1.5rem;
}

/* ══════════════════════════════════════════════════════════════
   GRID CARDS (flagship / easy-empresas)
   ══════════════════════════════════════════════════════════════ */
.et-section-header { text-align:center; margin-bottom:3rem; }
.et-cards-grid--2 { display:grid; gap:1.5rem; }
.et-cards-grid--4 { display:grid; gap:1rem; }
@media(min-width:640px){
  .et-cards-grid--4 { grid-template-columns:repeat(2,1fr); }
}
@media(min-width:768px){
  .et-cards-grid--2 { grid-template-columns:repeat(2,1fr); }
}
@media(min-width:1024px){
  .et-cards-grid--4 { grid-template-columns:repeat(4,1fr); }
}
.et-feature-card {
  padding:2rem;
  border-radius:var(--radius-2xl);
  background: linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 100%);
  border:1px solid rgba(255,255,255,.03);
  transition: transform var(--transition), border-color var(--transition), background-color var(--transition), box-shadow var(--transition);
}
.et-feature-card:hover {
  transform: translateY(-4px);
  border-color:rgba(249,115,22,.2);
  background: linear-gradient(135deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.01) 100%);
  box-shadow: 0 10px 30px rgba(0,0,0,0.4), 0 0 15px rgba(249,115,22,.05);
}
.et-feature-card__num {
  font-size:1.25rem; font-weight:700;
  color:oklch(0.72 0.18 50); display:block;
}
.et-feature-card__badge-row {
  display:flex; align-items:flex-start;
  justify-content:space-between; margin-bottom:1.5rem;
}
.et-badge-pill {
  display:inline-block;
  padding:.25rem .75rem;
  border-radius:var(--radius-full);
  background:rgba(249,115,22,.1);
  color:#fb923c; font-size:.75rem; font-weight:600;
}
.et-feature-card__title {
  font-size:1.125rem; font-weight:700; margin-bottom:.5rem;
}
.et-feature-card__text {
  color:rgba(255,255,255,.4); font-size:.975rem; line-height:1.65;
}
.et-feature-card--sm .et-feature-card__num { font-size:1.25rem; }
.et-feature-card--sm .et-feature-card__title { font-size:1rem; }
.et-feature-card--sm .et-feature-card__text  { font-size:.85rem; }

/* ══════════════════════════════════════════════════════════════
   ACCOUNT CONTROL
   ══════════════════════════════════════════════════════════════ */
.et-account-wrap {
  position:relative; overflow:hidden;
  padding:2rem;
  border-radius:var(--radius-3xl);
}
@media(min-width:768px){ .et-account-wrap{ padding:3rem; } }
.et-account-glow {
  position:absolute; top:0; right:0;
  width:24rem; height:24rem;
  background:rgba(249,115,22,.05);
  border-radius:50%; filter:blur(60px);
  pointer-events:none;
}
.et-account-grid {
  position:relative; display:grid; gap:3rem;
}
@media(min-width:768px){ .et-account-grid{ grid-template-columns:repeat(2,1fr); } }
.et-account-features {
  display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem;
}
.et-account-feature {
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.05);
  border-radius:var(--radius-xl);
  padding:1rem;
  transition: transform var(--transition), background-color var(--transition), border-color var(--transition);
}
.et-account-feature:hover {
  transform: translateY(-2px);
  background:rgba(255,255,255,.08);
  border-color:rgba(249,115,22,.2);
}
a.et-account-feature {
  display: block;
  text-decoration: none;
  color: inherit;
}
.et-account-feature h4 { font-size:.875rem; font-weight:600; margin-bottom:.25rem; }
.et-account-feature p  { font-size:.85rem; color:rgba(255,255,255,.3); line-height:1.6; }
.et-account-ctas { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; }

/* ══════════════════════════════════════════════════════════════
   BUSINESS CHIP STATS
   ══════════════════════════════════════════════════════════════ */
.et-stats-row {
  display:flex; align-items:center;
  gap:3rem; margin-bottom:1.5rem;
}
.et-stat-value { font-size:1.875rem; font-weight:700; }
.et-stat-unit  { color:#fb923c; font-size:1.125rem; }
.et-stat-label { color:rgba(255,255,255,.3); font-size:.75rem; text-transform:uppercase; letter-spacing:.08em; margin-top:.25rem; }
.et-stat-sep   { width:1px; height:3rem; background:rgba(255,255,255,.1); }

/* ══════════════════════════════════════════════════════════════
   COVERAGE
   ══════════════════════════════════════════════════════════════ */
.et-coverage-benefits { display:flex; flex-direction:column; gap:.75rem; margin-top:1.5rem; }
.et-coverage-benefit  { display:flex; align-items:center; gap:.75rem; }
.et-coverage-dot {
  flex-shrink:0; width:6px; height:6px;
  border-radius:50%; background:#fb923c;
}
.et-coverage-benefit span { color:rgba(255,255,255,.5); font-size:.875rem; }
.et-map-wrap { position:relative; width:100%; max-width:28rem; margin-inline:auto; }
.et-map-glow {
  position:absolute; inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(249,115,22,.15) 0%,transparent 70%);
  border-radius:var(--radius-3xl); filter:blur(40px);
}
.et-map-card {
  position:relative; padding:.1rem;
  border-radius:var(--radius-2xl);
  aspect-ratio:1/1;
}
.et-map-card img { width:100%; height:100%; object-fit:cover; border-radius:var(--radius-xl); }
.et-map-badge {
  position:absolute; bottom:1.5rem; left:1.5rem; right:1.5rem;
}
.et-map-badge-inner {
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.375rem .75rem;
  border-radius:var(--radius-full);
  background:rgba(0,0,0,.6);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.1);
}
.et-map-badge-dot { width:8px; height:8px; border-radius:50%; background:#fb923c; }
.et-map-badge-text { color:rgba(255,255,255,.6); font-size:.75rem; }

/* ══════════════════════════════════════════════════════════════
   SUPPORT / TEAM
   ══════════════════════════════════════════════════════════════ */
.et-support-header {
  display:grid; gap:2rem; margin-bottom:3rem;
}
@media(min-width:768px){ .et-support-header{ grid-template-columns:repeat(2,1fr); } }
.et-team-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem; margin-bottom:3rem;
}
@media(min-width:768px){ .et-team-grid{ grid-template-columns:repeat(5,1fr); } }
.et-team-card {
  border-radius:var(--radius-xl);
  overflow:hidden;
  aspect-ratio:3/4;
  background:linear-gradient(135deg,#1f2937,#111827);
  border:1px solid rgba(255,255,255,.05);
  position:relative;
}
.et-team-card img {
  width:100%; height:100%; object-fit:cover;
  transition:transform var(--transition);
}
.et-team-card:hover img { transform:scale(1.05); }
.et-team-card__info {
  position:absolute; bottom:0; left:0; right:0;
  padding:.75rem;
  background:linear-gradient(to top,rgba(0,0,0,.8),transparent);
}
.et-team-card__name { font-size:.8125rem; font-weight:600; }
.et-team-card__role { font-size:.6875rem; color:rgba(255,255,255,.5); }

.et-stats-grid {
  display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem;
}
@media(min-width:768px){ .et-stats-grid{ grid-template-columns:repeat(4,1fr); } }
.et-stat-block .et-stat-value { font-size:clamp(1.5rem,3vw,1.875rem); }
.et-stat-block .et-stat-label { font-size:.75rem; }

/* ══════════════════════════════════════════════════════════════
   CTA FINAL
   ══════════════════════════════════════════════════════════════ */
.et-cta { text-align:center; }
.et-cta__title { font-size:clamp(1.75rem,4vw,2.5rem); font-weight:700; margin-bottom:2rem; }
.et-cta__actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:1rem; }

/* ══════════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════════ */
.et-footer {
  position:relative; z-index:1;
  border-top:1px solid rgba(255,255,255,.05);
  padding-block:3rem;
}
.et-footer__grid {
  display:grid; gap:2rem; margin-bottom:2rem;
}
@media(min-width:768px){
  .et-footer__grid { 
    display: flex; 
    justify-content: space-between; 
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .et-footer__brand { flex: 0 1 400px; }
  .et-footer__col { flex: 0 1 auto; }
  .et-footer__app-col { 
    flex: 0 0 auto; 
    margin-left: auto; 
    text-align: right; 
    display: flex; 
    flex-direction: column; 
    align-items: flex-end; 
  }
}
.et-footer__logo { height:2rem; width:auto; }
.et-footer__logo-text { font-size:1.25rem; font-weight:700; }
.et-footer__social { display:flex; gap:1rem; margin-top:1.25rem; }
.et-footer__social-link {
  color:rgba(255,255,255,.3);
  transition:color var(--transition);
}
.et-footer__social-link:hover { color:var(--clr-orange); }
.et-footer__col-title {
  color:rgba(255,255,255,.5);
  font-size:.75rem; font-weight:600;
  text-transform:uppercase; letter-spacing:.1em;
  margin-bottom:1rem;
}
.et-footer__nav-list { display:flex; flex-direction:column; gap:.5rem; }
.et-footer__nav-list a {
  color:rgba(255,255,255,.3); font-size:.875rem;
  transition:color var(--transition);
}
.et-footer__nav-list a:hover { color:rgba(255,255,255,.6); }
.et-footer__bottom {
  border-top:1px solid rgba(255,255,255,.05);
  padding-top:1.5rem;
  display:flex; flex-wrap:wrap;
  align-items:center; justify-content:space-between;
  gap:1rem;
}
.et-footer__bottom-left,
.et-footer__bottom-right { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
.et-footer__copyright,
.et-footer__anatel { color:rgba(255,255,255,.2); font-size:.75rem; }
.et-footer__legal-link { color:rgba(255,255,255,.2); font-size:.75rem; transition:color var(--transition); }
.et-footer__legal-link:hover { color:rgba(255,255,255,.5); }

/* ══════════════════════════════════════════════════════════════
   DROPDOWNS
   ══════════════════════════════════════════════════════════════ */
.dropdown {
  position: relative;
}
.dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.dropdown-toggle::after {
  content: "";
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform var(--transition);
}
.dropdown.show .dropdown-toggle::after {
  transform: translateY(2px) rotate(-135deg);
}
.dropdown-menu {
  position: absolute;
  bottom: 100%; /* Dropup effect since it's in the footer */
  right: 0;
  margin-bottom: 0.5rem;
  background: var(--clr-card);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-xl);
  padding: 0.5rem;
  min-width: 15rem;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all var(--transition);
  z-index: 1000;
  pointer-events: none;
}
.dropdown.show .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.dropdown-item {
  display: block;
  padding: 0.5rem 1rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.85rem;
  border-radius: 0.5rem;
  transition: background-color var(--transition), color var(--transition);
  text-decoration: none;
  white-space: normal;
  line-height: 1.4;
}
.dropdown-item + .dropdown-item {
  margin-top: 0.25rem;
}
.dropdown-item:hover, .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--clr-white);
}

/* ══════════════════════════════════════════════════════════════
   PÁGINAS INTERNAS
   ══════════════════════════════════════════════════════════════ */
.et-page-content { padding-block:4rem; }
.et-page__title { font-size:clamp(1.75rem,4vw,2.5rem); font-weight:700; margin-bottom:2rem; }
.et-prose { color:rgba(255,255,255,.7); line-height:1.8; }
.et-prose h2 { font-size:1.5rem; font-weight:700; margin-block:2rem 1rem; }
.et-prose p  { margin-bottom:1rem; }
.et-prose a  { color:var(--clr-orange); }
.et-prose a:hover { text-decoration:underline; }

/* 404 */
.et-404 { padding-block:6rem; text-align:center; }
.et-404__title { font-size:clamp(2rem,5vw,3rem); font-weight:700; margin-block:.75rem 1rem; }
.et-404__text  { color:rgba(255,255,255,.5); margin-bottom:2rem; }

/* ══════════════════════════════════════════════════════════════
   ICON
   ══════════════════════════════════════════════════════════════ */
.et-icon { flex-shrink:0; }

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — NAV DESKTOP
   ══════════════════════════════════════════════════════════════ */
@media(min-width:768px){
  .et-nav__menu      { display:flex; }
  .et-nav__hamburger { display:none; }
}

/* ══════════════════════════════════════════════════════════════
   REVEAL ANIMATIONS
   ══════════════════════════════════════════════════════════════ */
.et-will-reveal {
  opacity: 0;
  will-change: transform, opacity;
  transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.et-reveal-up { transform: translateY(30px); }
.et-reveal-down { transform: translateY(-30px); }
.et-reveal-scale { transform: scale(0.95); }
.et-reveal-left { transform: translateX(30px); }
.et-reveal-right { transform: translateX(-30px); }

.et-revealed {
  opacity: 1;
  transform: translate(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .et-will-reveal {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   COOKIE CONSENT
   ══════════════════════════════════════════════════════════════ */
.et-cookie-modal {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 9999;
  background: rgba(11, 15, 30, 0.95);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s, visibility 0.4s;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.5);
}
.et-cookie-modal.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.et-cookie-content {
  max-width: var(--max-w);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  justify-content: space-between;
  text-align: center;
}
@media (min-width: 768px) {
  .et-cookie-content {
    flex-direction: row;
    text-align: left;
  }
}
.et-cookie-title {
  display: none;
}
.et-cookie-text {
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.6;
  margin: 0;
  flex: 1;
  max-width: 60rem;
}
.et-cookie-text a {
  color: #fb923c;
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition);
}
.et-cookie-text a:hover {
  color: #ea580c;
  text-decoration: underline;
}

/* ── Botão Premium Aceitar Cookies (Prompt) ── */
.button-3 {
  appearance: none;
  background-color: #2ea44f;
  border: 1px solid rgba(27, 31, 35, .15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 8px 24px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1), box-shadow 0.2s cubic-bezier(0.3, 0, 0.5, 1);
}

.button-3:focus:not(:focus-visible):not(.focus-visible) {
  box-shadow: none;
  outline: none;
}

.button-3:hover {
  background-color: #2c974b;
}

.button-3:focus {
  box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
  outline: none;
}

.button-3:disabled {
  background-color: #94d3a2;
  border-color: rgba(27, 31, 35, .1);
  color: rgba(255, 255, 255, .8);
  cursor: default;
}

.button-3:active {
  background-color: #298e46;
  box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}

/* ══════════════════════════════════════════════════════════════
   FLOATING BUTTON
   ══════════════════════════════════════════════════════════════ */
.et-floating-btn {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 999;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #25D366;
  color: #fff;
  padding: 0.75rem 1.25rem;
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: 0.9rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  transition: transform var(--transition), background-color var(--transition), box-shadow var(--transition);
  text-decoration: none;
}
.et-floating-btn:hover {
  background-color: #128C7E;
  transform: translateY(-3px);
  box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
}
.et-floating-btn svg {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .et-floating-btn {
    bottom: 1.5rem;
    right: 1.5rem;
    padding: 0.75rem;
  }
  .et-floating-btn span {
    display: none;
  }
}