Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home2 / meumer25 / netodolele.com.br / wp-content / uploads / elementor / css /

Editing: post-7.css

.elementor-7 .elementor-element.elementor-element-0fd9e45{--display:flex;}.elementor-7 .elementor-element.elementor-element-0760e3c{--display:flex;}.elementor-7 .elementor-element.elementor-element-5ece3a3{--display:flex;}/* Start custom CSS for html, class: .elementor-element-404db09 *//* =========================
   NETO DO LELÉ — HERO V1
   Namespace: ndl-
   ========================= */
   
   /* Reset local para evitar CSS do tema interferir */
.ndl-shell, .ndl-shell * { box-sizing: border-box; }
.ndl-shell { line-height: 1.2; }
.ndl-shell a { color: inherit; }
.ndl-shell button { font: inherit; }
.ndl-shell img, .ndl-shell video { max-width: 100%; height: auto; display: block; }

:root{
  --ndl-blue: #0B74B8;
  --ndl-blue-2:#06304A;
  --ndl-ink: #041521;
  --ndl-orange:#FF8A1F;

--ndl-text:#EAF2F8;
  --ndl-muted:#B7C7D6;

--ndl-radius: 18px;
  --ndl-shadow: 0 18px 50px rgba(0,0,0,.35);
  --ndl-glass: rgba(255,255,255,.08);
  --ndl-glass-2: rgba(255,255,255,.12);
  --ndl-stroke: rgba(255,255,255,.14);

--ndl-max: 1200px;
  
  .ndl-shell .ndl-title{
  color: rgba(234,242,248,.96);
  text-shadow: 0 8px 28px rgba(0,0,0,.55);
}

/* Garante que o trecho com destaque não fique “lavado” */
.ndl-shell .ndl-title__accent{
  background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.78));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Se o tema estiver mexendo em spans dentro do h1, isso neutraliza */
.ndl-shell .ndl-title span{
  opacity: 1;
  filter: none;
}

/* Substitua por imagens reais (URL completa) */
  --img1: url("https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?auto=format&fit=crop&w=900&q=60");
  --img2: url("https://images.unsplash.com/photo-1518837695005-2083093ee35b?auto=format&fit=crop&w=900&q=60");
  --img3: url("https://images.unsplash.com/photo-1516900557549-41557d405adf?auto=format&fit=crop&w=900&q=60");
  --img4: url("https://images.unsplash.com/photo-1526481280695-3c687fd643ed?auto=format&fit=crop&w=900&q=60");
  --img5: url("https://images.unsplash.com/photo-1520962922320-2038eebab146?auto=format&fit=crop&w=900&q=60");
  --img6: url("https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=900&q=60");
}

.ndl-shell{ color: var(--ndl-text); background: radial-gradient(1200px 800px at 12% 18%, rgba(10,75,120,.55), transparent 60%),
                                       radial-gradient(1000px 700px at 80% 30%, rgba(255,138,31,.22), transparent 55%),
                                       linear-gradient(180deg, #04101a 0%, var(--ndl-ink) 100%);
  overflow: hidden;
  position: relative;
  font-family: system-ui, -apple-system, Segoe UI, Inter, Roboto, Arial, sans-serif;
}

/* Header */
.ndl-header{
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: linear-gradient(180deg, rgba(6,24,38,.72), rgba(6,24,38,.38));
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.ndl-header__inner{
  max-width: var(--ndl-max);
  margin: 0 auto;
  padding: 14px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}

.ndl-brand{
  display:flex; align-items:center; gap: 12px;
  text-decoration:none; color: var(--ndl-text);
  min-width: 240px;
}
.ndl-brand__mark{
  width: 38px; height: 38px;
  border-radius: 12px;
  background:
    radial-gradient(12px 12px at 30% 30%, rgba(255,255,255,.22), transparent 60%),
    linear-gradient(135deg, rgba(10,75,120,1), rgba(255,138,31,.9));
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
  position: relative;
}
.ndl-brand__mark::after{
  content:"";
  position:absolute; inset: 8px 10px;
  border: 1px solid rgba(255,255,255,.3);
  border-left-color: rgba(255,255,255,.12);
  border-top-color: rgba(255,255,255,.12);
  border-radius: 10px;
  transform: rotate(6deg);
}
.ndl-brand__text strong{ display:block; font-size: 14px; letter-spacing:.2px; }
.ndl-brand__text small{ display:block; font-size: 12px; color: var(--ndl-muted); margin-top: 1px; }

.ndl-nav{ display:flex; gap: 14px; align-items:center; }
.ndl-nav__link{
  color: rgba(234,242,248,.86);
  text-decoration:none;
  font-size: 13px;
  padding: 10px 10px;
  border-radius: 12px;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
.ndl-nav__link:hover{
  background: rgba(255,255,255,.06);
  color: #fff;
  transform: translateY(-1px);
}

.ndl-actions{ display:flex; align-items:center; gap: 10px; }
.ndl-btn{
  display:inline-flex; align-items:center; justify-content:center; gap: 10px;
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 13px;
  text-decoration:none;
  border: 1px solid transparent;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
  white-space: nowrap;
}
.ndl-btn--ghost{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.10);
  color: rgba(234,242,248,.92);
}
.ndl-btn--ghost:hover{
  background: rgba(255,255,255,.09);
  transform: translateY(-1px);
}

.ndl-btn--primary{
  background: linear-gradient(135deg, var(--ndl-orange), #ffb057);
  color: #1a1208;
  border-color: rgba(0,0,0,.08);
  box-shadow: 0 16px 40px rgba(255,138,31,.22);
}
.ndl-btn--primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 50px rgba(255,138,31,.28);
}

.ndl-ico{ width: 18px; height: 18px; }
.ndl-ico--sm{ width: 16px; height: 16px; }

.ndl-burger{
  display:none;
  width: 44px; height: 44px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  cursor:pointer;
  position: relative;
}
.ndl-burger span{
  position:absolute; left: 12px; right: 12px;
  height: 2px; background: rgba(255,255,255,.85);
  border-radius: 2px;
  transition: transform .2s ease, top .2s ease, opacity .2s ease;
}
.ndl-burger span:nth-child(1){ top: 16px; }
.ndl-burger span:nth-child(2){ top: 26px; }

.ndl-mobile{
  display:none;
  background: rgba(3,12,19,.72);
  border-top: 1px solid rgba(255,255,255,.08);
}
.ndl-mobile__panel{
  max-width: var(--ndl-max);
  margin: 0 auto;
  padding: 12px 18px 18px;
  display:grid;
  gap: 10px;
}
.ndl-mobile__link{
  color: rgba(234,242,248,.92);
  text-decoration:none;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}

/* Hero */
.ndl-hero{ position: relative; }
.ndl-hero__inner{
  max-width: var(--ndl-max);
  margin: 0 auto;
  padding: 64px 18px 74px;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 34px;
  align-items:center;
}

.ndl-bg{ position:absolute; inset:0; pointer-events:none; }
.ndl-bg__glow{
  position:absolute; width: 560px; height: 560px;
  border-radius: 999px;
  filter: blur(40px);
  opacity: .55;
  background: radial-gradient(circle at 30% 30%, rgba(10,75,120,.95), transparent 60%);
  left: -180px; top: -160px;
}
.ndl-bg__glow--b{
  width: 520px; height: 520px;
  background: radial-gradient(circle at 30% 30%, rgba(255,138,31,.68), transparent 60%);
  right: -200px; top: -120px;
  left: auto;
  opacity: .45;
}
.ndl-bg__noise{
  position:absolute; inset:0;
  opacity: .10;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}
.ndl-bg__grid{
  position:absolute; inset:0;
  opacity: .20;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px) 0 0 / 52px 52px,
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px) 0 0 / 52px 52px;
  mask-image: radial-gradient(ellipse at 50% 20%, #000 0%, transparent 68%);
}

.ndl-kicker{ display:flex; gap: 10px; flex-wrap:wrap; margin-bottom: 14px; }
.ndl-pill{
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(234,242,248,.92);
}
.ndl-pill--soft{
  background: rgba(10,75,120,.14);
  border-color: rgba(10,75,120,.22);
  color: rgba(234,242,248,.86);
}

.ndl-title{
  font-size: clamp(34px, 4.3vw, 54px);
  line-height: 1.05;
  letter-spacing: -0.8px;
  margin: 0 0 12px;
}
.ndl-title__accent{
  display:inline-block;
  background: linear-gradient(90deg, rgba(255,255,255,.95), rgba(255,255,255,.65));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
}
.ndl-title__accent::after{
  content:"";
  position:absolute;
  left: 0; right: 0; bottom: -6px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,138,31,.9), rgba(10,75,120,.55));
  opacity: .95;
}

.ndl-sub{
  margin: 0 0 18px;
  color: rgba(183,199,214,.96);
  font-size: 15px;
  line-height: 1.6;
  max-width: 52ch;
}

.ndl-ctaRow{ display:flex; gap: 12px; align-items:center; flex-wrap:wrap; margin: 18px 0 18px; }

.ndl-trust{
  display:flex; align-items:center; gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.ndl-trust__dots{
  width: 38px; height: 14px;
  background:
    radial-gradient(circle at 10% 50%, rgba(255,255,255,.85) 0 3px, transparent 4px),
    radial-gradient(circle at 40% 50%, rgba(255,255,255,.65) 0 3px, transparent 4px),
    radial-gradient(circle at 70% 50%, rgba(255,255,255,.45) 0 3px, transparent 4px),
    radial-gradient(circle at 100% 50%, rgba(255,255,255,.25) 0 3px, transparent 4px);
}
.ndl-trust__text strong{ display:block; font-size: 13px; }
.ndl-trust__text small{ display:block; font-size: 12px; color: rgba(183,199,214,.95); margin-top: 1px; }

.ndl-metrics{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.ndl-metric{
  border-radius: var(--ndl-radius);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  padding: 14px 14px;
}
.ndl-metric strong{ display:block; font-size: 13px; margin-bottom: 4px; }
.ndl-metric span{ display:block; font-size: 12px; color: rgba(183,199,214,.96); }

/* Showcase (direita) */
.ndl-showcase{
  position: relative;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: var(--ndl-shadow);
  overflow:hidden;
  transform-style: preserve-3d;
}
.ndl-showcase__top{
  display:flex; align-items:center; justify-content:space-between;
  padding: 14px 14px 10px;
}
.ndl-live{
  display:inline-flex; align-items:center; gap: 8px;
  font-size: 12px; color: rgba(234,242,248,.92);
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(10,75,120,.18);
  border: 1px solid rgba(10,75,120,.28);
}
.ndl-live i{
  width: 8px; height: 8px; border-radius: 999px;
  background: var(--ndl-orange);
  box-shadow: 0 0 0 6px rgba(255,138,31,.18);
}
.ndl-chip{
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(234,242,248,.86);
}

.ndl-mosaic{
  padding: 10px 14px 14px;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  grid-template-rows: 140px 140px 120px;
  gap: 10px;
}
.ndl-tile{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background-size: cover;
  background-position: center;
  filter: saturate(1.05) contrast(1.02);
  position: relative;
  overflow:hidden;
}
.ndl-tile::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.35) 100%);
  opacity: .55;
}
.ndl-tile--1{ grid-column: 1; grid-row: 1 / span 2; background-image: var(--img1); }
.ndl-tile--2{ grid-column: 2; grid-row: 1; background-image: var(--img2); }
.ndl-tile--3{ grid-column: 2; grid-row: 2; background-image: var(--img3); }
.ndl-tile--4{ grid-column: 1; grid-row: 3; background-image: var(--img4); }
.ndl-tile--5{ grid-column: 2; grid-row: 3; background-image: var(--img5); }
.ndl-tile--6{
  position:absolute;
  width: 120px; height: 120px;
  right: 14px; top: 86px;
  border-radius: 22px;
  background-image: var(--img6);
  background-size: cover; background-position:center;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 18px 40px rgba(0,0,0,.32);
  transform: translateZ(20px);
  opacity: .95;
}
@media (max-width: 980px){
  .ndl-tile--6{ display:none; }
}

.ndl-showcase__bottom{
  display:flex; align-items:flex-end; justify-content:space-between;
  padding: 0 14px 14px;
  gap: 12px;
}
.ndl-mini strong{ display:block; font-size: 13px; margin-bottom: 2px; }
.ndl-mini small{ display:block; font-size: 12px; color: rgba(183,199,214,.96); }

.ndl-miniCta{
  display:inline-flex; align-items:center; gap: 8px;
  text-decoration:none;
  color: rgba(234,242,248,.92);
  font-size: 13px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.ndl-miniCta:hover{ background: rgba(255,255,255,.09); }

.ndl-sheen{
  position:absolute; inset:-40%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 55%);
  transform: translate3d(-10%, -10%, 0);
  pointer-events:none;
  mix-blend-mode: screen;
  opacity: .9;
}

.ndl-floatingHint{
  margin-top: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  color: rgba(183,199,214,.88);
  font-size: 12px;
}
.ndl-scrollDot{
  width: 28px; height: 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  position: relative;
}
.ndl-scrollDot::after{
  content:"";
  width: 6px; height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  position:absolute; left: 6px; top: 3px;
  animation: ndl-dot 1.4s ease-in-out infinite;
}
@keyframes ndl-dot{
  0%{ transform: translateX(0); opacity:.55;}
  50%{ transform: translateX(10px); opacity:1;}
  100%{ transform: translateX(0); opacity:.55;}
}

/* Reveal (scroll) */
.ndl-reveal{ opacity: 0; transform: translateY(14px); transition: opacity .7s ease, transform .7s ease; }
.ndl-reveal.is-in{ opacity: 1; transform: translateY(0); }

/* Responsivo */
@media (max-width: 980px){
  .ndl-nav{ display:none; }
  .ndl-burger{ display:inline-block; }
  .ndl-hero__inner{ grid-template-columns: 1fr; padding-top: 34px; }
  .ndl-metrics{ grid-template-columns: 1fr; }
}

/* Acessibilidade: reduzir movimento */
@media (prefers-reduced-motion: reduce){
  .ndl-reveal{ transition: none !important; transform: none !important; opacity: 1 !important; }
  .ndl-scrollDot::after{ animation: none !important; }
  .ndl-btn{ transition: none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-863bdc5 *//* =========================
   NETO DO LELÉ — PACOTES (V1)
   ========================= */
.ndl-pack, .ndl-pack * { box-sizing: border-box; }
.ndl-pack { position: relative; color: var(--ndl-text); padding: 70px 0 82px; overflow: hidden; }
.ndl-pack__inner{ max-width: var(--ndl-max); margin: 0 auto; padding: 0 18px; position: relative; }

.ndl-pack__bg{ position:absolute; inset:0; pointer-events:none; }
.ndl-pack__aura{
  position:absolute; width: 620px; height: 620px; border-radius: 999px;
  filter: blur(44px); opacity: .40;
  background: radial-gradient(circle at 30% 30%, rgba(11,116,184,.65), transparent 60%);
  left: -220px; top: 40px;
}
.ndl-pack__aura--b{
  width: 560px; height: 560px;
  background: radial-gradient(circle at 30% 30%, rgba(255,138,31,.35), transparent 60%);
  right: -220px; top: 120px; left:auto; opacity:.26;
}

.ndl-pack__head{
  display:flex; gap: 18px; align-items:flex-end; justify-content:space-between;
  margin-bottom: 22px;
}
.ndl-pack__kicker{
  margin:0 0 8px; font-size: 12px; letter-spacing:.14em; text-transform: uppercase;
  color: rgba(183,199,214,.9);
}
.ndl-pack__title{
  margin:0 0 10px; font-size: clamp(24px, 3vw, 34px); letter-spacing:-.6px;
}
.ndl-pack__sub{
  margin:0; max-width: 62ch; color: rgba(183,199,214,.96); line-height: 1.65; font-size: 14px;
}

.ndl-pack__tools{ display:flex; flex-direction:column; gap: 10px; align-items:flex-end; }

.ndl-chipbar{
  display:flex; gap: 10px; flex-wrap:wrap; justify-content:flex-end;
}
.ndl-chip{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(234,242,248,.92);
  padding: 10px 12px;
  border-radius: 999px;
  cursor:pointer;
  font-size: 13px;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.ndl-chip:hover{ transform: translateY(-1px); background: rgba(255,255,255,.09); }
.ndl-chip.is-on{
  background: linear-gradient(135deg, rgba(11,116,184,.26), rgba(255,138,31,.14));
  border-color: rgba(255,255,255,.18);
}

.ndl-pack__hint{
  display:flex; align-items:center; gap: 10px;
  font-size: 12px; color: rgba(183,199,214,.85);
}
.ndl-pack__dot{
  width: 26px; height: 14px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  position: relative;
}
.ndl-pack__dot::after{
  content:""; width: 6px; height: 6px; border-radius: 999px;
  background: rgba(255,255,255,.8);
  position:absolute; left: 6px; top: 3px;
  animation: ndl-dot 1.4s ease-in-out infinite;
}
@keyframes ndl-dot{ 0%{transform:translateX(0);opacity:.55} 50%{transform:translateX(10px);opacity:1} 100%{transform:translateX(0);opacity:.55} }

.ndl-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.ndl-card{
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
  box-shadow: 0 18px 50px rgba(0,0,0,.34);
  transform-style: preserve-3d;
  cursor: pointer;
  outline: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ndl-card:focus-visible{
  box-shadow: 0 0 0 3px rgba(255,138,31,.35), 0 18px 50px rgba(0,0,0,.34);
}
.ndl-card:hover{
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 24px 70px rgba(0,0,0,.42);
}

.ndl-card__media{
  height: 190px;
  background-image: var(--img);
  background-size: cover;
  background-position: center;
  position: relative;
}
.ndl-card__media::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(6,24,38,.10) 0%, rgba(6,24,38,.62) 100%);
}
.ndl-card__badges{
  position:absolute; left: 14px; top: 14px; display:flex; gap: 8px; z-index: 2;
}
.ndl-badge{
  font-size: 12px; padding: 8px 10px; border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(234,242,248,.92);
  backdrop-filter: blur(10px);
}
.ndl-badge--soft{
  background: rgba(11,116,184,.16);
  border-color: rgba(11,116,184,.22);
}

.ndl-card__shine{
  position:absolute; inset:-40%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 55%);
  transform: translate3d(-10%, -10%, 0);
  mix-blend-mode: screen;
  opacity: .9;
  z-index: 2;
  pointer-events:none;
}

.ndl-card__body{ padding: 14px 14px 16px; }
.ndl-card__title{ margin:0 0 6px; font-size: 15px; }
.ndl-card__text{ margin:0 0 12px; color: rgba(183,199,214,.96); font-size: 13px; line-height: 1.55; }
.ndl-card__meta{ display:flex; justify-content:space-between; align-items:center; gap: 10px; }
.ndl-price{ color: rgba(234,242,248,.92); font-size: 13px; }
.ndl-price strong{ font-weight: 750; }
.ndl-miniCta{
  border-radius: 14px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(234,242,248,.92);
  cursor:pointer;
}
.ndl-miniCta:hover{ background: rgba(255,255,255,.09); }

.ndl-card--wide{ grid-column: 1 / span 3; display:grid; grid-template-columns: 1.4fr 1.6fr; }
.ndl-card--wide .ndl-card__media{ height: 220px; }
.ndl-card--wide .ndl-card__body{ display:flex; flex-direction:column; justify-content:center; }

.ndl-pack__foot{
  display:flex; align-items:center; justify-content:space-between;
  gap: 14px; margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.ndl-pack__note strong{ display:block; font-size: 13px; margin-bottom: 4px; }
.ndl-pack__note span{ display:block; font-size: 12px; color: rgba(183,199,214,.96); }

/* Modal */
.ndl-modal{ position: fixed; inset: 0; z-index: 9999; display:none; }
.ndl-modal.is-on{ display:block; }
.ndl-modal__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(10px);
}
.ndl-modal__panel{
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: min(980px, calc(100% - 28px));
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06));
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  overflow:hidden;
}
.ndl-modal__close{
  position:absolute; right: 12px; top: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(234,242,248,.95);
  cursor:pointer;
  z-index: 2;
  font-size: 22px;
}
.ndl-modal__grid{ display:grid; grid-template-columns: 1.2fr .8fr; }
.ndl-modal__gallery{ position: relative; background: rgba(0,0,0,.18); }
.ndl-galViewport{ overflow:hidden; height: 100%; }
.ndl-galTrack{ display:flex; height: 100%; transform: translate3d(0,0,0); }
.ndl-galSlide{
  min-width: 100%;
  background-size: cover;
  background-position:center;
  height: 520px;
}
.ndl-galBtn{
  position:absolute; top: 50%;
  transform: translateY(-50%);
  width: 44px; height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(6,24,38,.35);
  color: rgba(234,242,248,.95);
  cursor:pointer;
  z-index: 2;
}
.ndl-galBtn--l{ left: 12px; }
.ndl-galBtn--r{ right: 12px; }

.ndl-galDots{
  position:absolute; left: 50%; bottom: 14px;
  transform: translateX(-50%);
  display:flex; gap: 8px;
  background: rgba(6,24,38,.35);
  border: 1px solid rgba(255,255,255,.12);
  padding: 8px 10px;
  border-radius: 999px;
}
.ndl-dot{
  width: 7px; height: 7px; border-radius: 999px;
  background: rgba(255,255,255,.35);
}
.ndl-dot.is-on{ background: rgba(255,255,255,.85); }

.ndl-modal__info{ padding: 20px 18px 18px; }
.ndl-modal__title{ margin:0 0 8px; font-size: 18px; }
.ndl-modal__desc{ margin:0 0 14px; color: rgba(183,199,214,.96); line-height: 1.6; font-size: 13px; }

.ndl-modal__price{
  display:flex; justify-content:space-between; align-items:flex-end;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  margin-bottom: 12px;
}
.ndl-modal__price span{ font-size: 12px; color: rgba(183,199,214,.92); }
.ndl-modal__price strong{ font-size: 18px; }

.ndl-modal__list{ margin: 0 0 14px; padding-left: 0; list-style:none; display:grid; gap: 8px; }
.ndl-modal__list li{
  display:flex; gap: 10px; align-items:flex-start;
  color: rgba(234,242,248,.92);
  font-size: 13px;
}
.ndl-modal__list li::before{
  content:"";
  width: 18px; height: 18px; flex: 0 0 18px;
  border-radius: 6px;
  background: rgba(255,138,31,.20);
  border: 1px solid rgba(255,138,31,.30);
  margin-top: 2px;
  box-shadow: 0 10px 22px rgba(255,138,31,.12);
  position: relative;
}
.ndl-modal__list li::after{
  content:"✓";
  position: absolute;
  transform: translateX(-16px) translateY(1px);
  font-size: 12px;
  color: rgba(255,255,255,.92);
}

.ndl-modal__cta{ display:flex; gap: 10px; flex-wrap:wrap; }
.ndl-modal__fineprint{ margin: 12px 0 0; font-size: 12px; color: rgba(183,199,214,.85); }
.ndl-modal__fineprint kbd{
  font: inherit;
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}

/* Estado escondido por filtro */
.ndl-card.is-hidden{ display:none; }

/* Responsivo */
@media (max-width: 980px){
  .ndl-pack__head{ flex-direction:column; align-items:flex-start; }
  .ndl-pack__tools{ align-items:flex-start; }
  .ndl-grid{ grid-template-columns: 1fr; }
  .ndl-card--wide{ grid-column:auto; grid-template-columns: 1fr; }
  .ndl-modal__grid{ grid-template-columns: 1fr; }
  .ndl-galSlide{ height: 320px; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .ndl-pack__dot::after{ animation:none !important; }
  .ndl-card, .ndl-chip{ transition:none !important; }
}

/* =========================
   PATCH ANTI-CSS-FANTASMA — PACOTES
   (força a identidade dentro de #pacotes)
   ========================= */

#pacotes.ndl-pack{
  background: transparent !important;
  color: var(--ndl-text) !important;
}

#pacotes.ndl-pack .ndl-pack__inner,
#pacotes.ndl-pack .ndl-pack__head,
#pacotes.ndl-pack .ndl-pack__foot{
  color: var(--ndl-text) !important;
}

#pacotes.ndl-pack .ndl-pack__kicker,
#pacotes.ndl-pack .ndl-pack__sub,
#pacotes.ndl-pack .ndl-pack__hint,
#pacotes.ndl-pack .ndl-pack__note span{
  color: rgba(183,199,214,.96) !important;
}

/* Título sempre legível e escuro-premium */
#pacotes.ndl-pack .ndl-pack__title{
  color: rgba(234,242,248,.96) !important;
}

/* Chips (tema costuma sobrescrever button) */
#pacotes.ndl-pack .ndl-chip{
  appearance: none !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(234,242,248,.92) !important;
  box-shadow: none !important;
}

#pacotes.ndl-pack .ndl-chip.is-on{
  background: linear-gradient(135deg, rgba(11,116,184,.26), rgba(255,138,31,.14)) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* Cards (tema pode estar aplicando background branco) */
#pacotes.ndl-pack .ndl-card{
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: rgba(234,242,248,.92) !important;
}

/* Textos dentro do card */
#pacotes.ndl-pack .ndl-card__title{
  color: rgba(234,242,248,.95) !important;
}
#pacotes.ndl-pack .ndl-card__text{
  color: rgba(183,199,214,.96) !important;
}
#pacotes.ndl-pack .ndl-price{
  color: rgba(234,242,248,.92) !important;
}

/* Botão miniCta */
#pacotes.ndl-pack .ndl-miniCta{
  appearance: none !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(234,242,248,.92) !important;
  box-shadow: none !important;
}

/* Remove estilos globais típicos em links/botões */
#pacotes.ndl-pack a,
#pacotes.ndl-pack a:visited{
  color: inherit !important;
  text-decoration: none !important;
}
#pacotes.ndl-pack{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(11,116,184,.16), transparent 55%),
              radial-gradient(900px 520px at 90% 30%, rgba(255,138,31,.10), transparent 55%),
              linear-gradient(180deg, rgba(4,21,33,.96), rgba(4,21,33,.92)) !important;
}

/* =========================
   PATCH — MODAL PACOTES (limpo)
   ========================= */

/* painel vira a referência do botão fechar */
#pacotes.ndl-pack .ndl-modal__panel{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

/* âncora pro close */
  position: absolute !important;
}

/* ANCORAGEM DO CLOSE */
#pacotes.ndl-pack .ndl-modal__panel{ position: absolute !important; }
#pacotes.ndl-pack .ndl-modal__panel{ overflow: hidden !important; }

/* botão fechar dentro do painel (topo direito) */

#pacotes.ndl-pack .ndl-modal__close{
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 5 !important;

display: grid !important;
  place-items: center !important;

border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: rgba(234,242,248,.98) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
}

/* título e descrição: contraste + espaçamento */
#pacotes.ndl-pack .ndl-modal__top{
  padding-top: 30px !important;
}
#pacotes.ndl-pack .ndl-modal__title{
  margin: 0 0 8px !important;
  color: rgba(234,242,248,.98) !important;
  font-size: 20px !important;
  letter-spacing: -.3px !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.45) !important;
}
#pacotes.ndl-pack .ndl-modal__desc{
  margin: 0 0 14px !important;
  color: rgba(183,199,214,.98) !important;
  line-height: 1.7 !important;
  font-size: 13.5px !important;
  max-width: 53ch !important;
}

/* garante que o texto do modal não herde opacidades estranhas */
#pacotes.ndl-pack .ndl-modal__info *{
  opacity: 1 !important;
  filter: none !important;
}

/* (opcional) melhora “encaixe” da coluna direita */
#pacotes.ndl-pack .ndl-modal__info{
  padding: 24px 28px 18px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e2185d9 *//* =========================
   SESSÃO 3 — IMERSÃO (MERGULHO)
   ========================= */
.ndl-dive, .ndl-dive *{ box-sizing: border-box; }
.ndl-dive{
  position: relative;
  padding: 86px 0 92px;
  overflow: hidden;
  color: rgba(234,242,248,.96);
}

/* Fundo “água” */
.ndl-dive__bg{ position:absolute; inset:0; pointer-events:none; }
.ndl-dive__cnv{ position:absolute; inset:0; width:100%; height:100%; opacity:.95; }
.ndl-dive__glow{
  position:absolute; inset:-20%;
  background:
    radial-gradient(circle at 20% 20%, rgba(11,116,184,.22), transparent 55%),
    radial-gradient(circle at 80% 30%, rgba(255,138,31,.10), transparent 60%),
    radial-gradient(circle at 45% 80%, rgba(11,116,184,.12), transparent 55%);
  filter: blur(16px);
  opacity: .9;
}
.ndl-dive__vignette{
  position:absolute; inset:0;
  background: radial-gradient(ellipse at center, rgba(0,0,0,.10) 0%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.70) 100%);
}

/* Layout */
.ndl-dive__inner{ max-width: var(--ndl-max); margin: 0 auto; padding: 0 18px; position: relative; }
.ndl-dive__head{ max-width: 70ch; margin-bottom: 20px; }
.ndl-dive__kicker{
  margin:0 0 10px; font-size: 12px; letter-spacing:.14em; text-transform: uppercase;
  color: rgba(183,199,214,.92);
}
.ndl-dive__title{
  margin:0 0 10px;
  font-size: clamp(26px, 3.3vw, 40px);
  letter-spacing: -1px;
  text-shadow: 0 14px 40px rgba(0,0,0,.55);
}
.ndl-dive__accent{
  background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.72));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}
.ndl-dive__sub{
  margin:0;
  color: rgba(183,199,214,.96);
  line-height: 1.7;
  font-size: 14px;
}

/* Stage imersivo */
.ndl-dive__stage{
  position: relative;
  margin-top: 18px;
  border-radius: 26px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  box-shadow: 0 30px 90px rgba(0,0,0,.45);
  overflow: hidden;
  min-height: 420px;
}

/* Linha de pesca */
.ndl-line{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity: .85;
}
.ndl-line__path{
  fill:none;
  stroke: rgba(234,242,248,.26);
  stroke-width: .6;
  stroke-linecap: round;
  stroke-dasharray: 2.5 2.5;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.35));
}
.ndl-line__hook{
  fill: rgba(255,138,31,.90);
  filter: drop-shadow(0 12px 22px rgba(255,138,31,.25));
}

/* Hotspots */
.ndl-hotspot{
  position:absolute;
  left: var(--x); top: var(--y);
  transform: translate(-50%, -50%);
  width: 54px; height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(6,24,38,.30);
  backdrop-filter: blur(10px);
  cursor: pointer;
  display:grid;
  place-items:center;
  outline:none;
}
.ndl-hotspot:focus-visible{
  box-shadow: 0 0 0 3px rgba(255,138,31,.35), 0 18px 50px rgba(0,0,0,.35);
}
.ndl-hotspot__dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 0 0 6px rgba(11,116,184,.18), 0 0 0 12px rgba(255,138,31,.10);
  animation: ndl-pulse 1.4s ease-in-out infinite;
}
@keyframes ndl-pulse{
  0%{ transform: scale(1); opacity:.9 }
  50%{ transform: scale(1.15); opacity:1 }
  100%{ transform: scale(1); opacity:.9 }
}

/* Card flutuante (tooltip premium) */
.ndl-float{
  position:absolute;
  left: 18px; bottom: 18px;
  width: min(420px, calc(100% - 36px));
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(6,24,38,.55), rgba(6,24,38,.35));
  backdrop-filter: blur(14px);
  box-shadow: 0 26px 70px rgba(0,0,0,.42);
  padding: 14px 14px;
  display:flex;
  gap: 12px;
  align-items:flex-start;
  transform: translate3d(0,0,0);
}
.ndl-float__icon{
  width: 44px; height: 44px;
  border-radius: 16px;
  display:grid; place-items:center;
  background: rgba(255,138,31,.14);
  border: 1px solid rgba(255,138,31,.22);
  box-shadow: 0 18px 40px rgba(255,138,31,.12);
  font-size: 20px;
}
.ndl-float__title{ font-weight: 760; margin-bottom: 2px; }
.ndl-float__desc{ color: rgba(183,199,214,.98); line-height: 1.55; font-size: 13px; }
.ndl-float__hint{
  margin-left:auto;
  align-self:center;
  font-size: 12px;
  color: rgba(183,199,214,.80);
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
}

/* CTA dentro do stage */
.ndl-dive__cta{
  position:absolute;
  right: 18px; bottom: 18px;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  align-items:center;
}

/* Responsivo */
@media (max-width: 980px){
  .ndl-dive__stage{ min-height: 460px; }
  .ndl-dive__cta{ right: 14px; bottom: 14px; left: 14px; justify-content:flex-end; }
  .ndl-float{ left: 14px; bottom: 76px; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .ndl-hotspot__dot{ animation: none !important; }
  .ndl-line{ display:none !important; }
  .ndl-dive__cnv{ display:none !important; }
}

/* =========================
   SESSÃO 3 — PATCH IMERSIVO (LAGO REAL)
   Cole no final do CSS
   ========================= */

#imersao.ndl-dive{
  /* força fundo escuro com profundidade */
  background: radial-gradient(1100px 520px at 15% 15%, rgba(11,116,184,.20), transparent 60%),
              radial-gradient(900px 520px at 85% 25%, rgba(255,138,31,.10), transparent 60%),
              linear-gradient(180deg, rgba(2,16,26,.96), rgba(2,12,20,.98)) !important;
}

#imersao.ndl-dive .ndl-dive__stage{
  background: radial-gradient(1200px 700px at 50% 20%, rgba(255,255,255,.10), rgba(255,255,255,.03) 55%, rgba(0,0,0,.25) 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 40px 120px rgba(0,0,0,.55) !important;
  min-height: 520px !important;
}

/* dá "cara de lago": brilho da superfície + vinheta */
#imersao.ndl-dive .ndl-dive__stage::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 200px at 50% 14%, rgba(234,242,248,.20), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.08), transparent 35%);
  opacity:.9;
  pointer-events:none;
}
#imersao.ndl-dive .ndl-dive__stage::after{
  content:"";
  position:absolute; inset:-1px;
  background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.55) 100%);
  pointer-events:none;
}

/* título/descrição mais vivos */
#imersao.ndl-dive .ndl-dive__title{ color: rgba(234,242,248,.98) !important; }
#imersao.ndl-dive .ndl-dive__sub{ color: rgba(183,199,214,.96) !important; }

/* Hotspots viram "boias" na superfície (não botões soltos) */
#imersao.ndl-dive .ndl-hotspot{
  width: 46px !important;
  height: 46px !important;
  border: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
}
#imersao.ndl-dive .ndl-hotspot__dot{
  width: 14px !important;
  height: 14px !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow:
    0 0 0 10px rgba(11,116,184,.24),
    0 0 0 18px rgba(255,138,31,.10),
    0 18px 40px rgba(0,0,0,.45) !important;
  animation: ndl-buoy 1.8s ease-in-out infinite !important;
}

/* corda/linha presa à boia (dá sentido) */
#imersao.ndl-dive .ndl-hotspot::after{
  content:"";
  position:absolute;
  left:50%; top: 58%;
  width: 1px; height: 54px;
  background: linear-gradient(180deg, rgba(234,242,248,.35), rgba(234,242,248,0));
  transform: translateX(-50%);
  opacity: .55;
  pointer-events:none;
}

/* animação "boiando" */
@keyframes ndl-buoy{
  0%,100%{ transform: translateY(0) scale(1); }
  50%{ transform: translateY(-6px) scale(1.06); }
}

/* Tooltip deixa de ser fixo no canto e passa a "seguir" a boia */
#imersao.ndl-dive .ndl-float{
  position:absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) translate3d(0,0,0) !important;
  width: min(420px, calc(100% - 36px)) !important;
  opacity: 0 !important;
  pointer-events:none !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

/* quando ativo, aparece */
#imersao.ndl-dive .ndl-float.is-on{
  opacity: 1 !important;
  pointer-events:auto !important;
  transform: translate(-50%, -50%) translate3d(0,-10px,0) !important;
}

/* CTA mais integrado ao cenário */
#imersao.ndl-dive .ndl-dive__cta{
  background: rgba(6,24,38,.35);
  border: 1px solid rgba(255,255,255,.12);
  padding: 10px;
  border-radius: 18px;
  backdrop-filter: blur(10px);
}

/* Ripple (ondas) */
#imersao.ndl-dive .ndl-ripples{
  position:absolute; inset:0;
  pointer-events:none;
  overflow:hidden;
}
#imersao.ndl-dive .ndl-ripple{
  position:absolute;
  width: 14px; height: 14px;
  border-radius: 999px;
  border: 1px solid rgba(234,242,248,.28);
  box-shadow: 0 0 0 1px rgba(11,116,184,.22);
  transform: translate(-50%,-50%) scale(.2);
  opacity: .85;
  animation: ndl-ripple 1.1s ease-out forwards;
}
@keyframes ndl-ripple{
  to{
    transform: translate(-50%,-50%) scale(18);
    opacity: 0;
  }
  
}

/* Card menor, mais premium e ancorado */
#imersao.ndl-dive .ndl-float{
  width: min(360px, calc(100% - 36px)) !important;
  padding: 12px 12px !important;
  border-radius: 18px !important;
}

/* linha ligando boia -> card */
#imersao.ndl-dive .ndl-float::before{
  content:"";
  position:absolute;
  left: -34px;
  top: 26px;
  width: 36px;
  height: 1px;
  background: linear-gradient(90deg, rgba(234,242,248,0), rgba(234,242,248,.24));
  opacity: .9;
}
#imersao.ndl-dive .ndl-dive__glow{
  transform: translate3d(var(--px,0px), var(--py,0px), 0);
  transition: transform .08s linear;
}/* End custom CSS */

Sid Gifari File Manager

Editing: post-7.css

Forbidden