@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.banner{margin:0 0 28px;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #a3482324;background:#b33721}.banner img{display:block;width:100%;height:auto}
.header-logo{display:block;width:48px;height:48px;object-fit:contain;border-radius:12px}.profile-logo{display:block;width:144px;height:144px;object-fit:contain;margin:0 auto 24px;border:4px solid #fff;border-radius:24px;box-shadow:0 8px 24px #a3482326}
:root{font-family:'DM Sans',sans-serif;color:#292622;background:#f8f5f0;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100svh;position:relative;isolation:isolate;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(65px)}.ambient-one{width:360px;height:430px;background:#ffe4d4;top:180px;left:calc(50% - 480px);opacity:.52}.ambient-two{width:340px;height:340px;background:#f3e6d4;top:440px;right:calc(50% - 470px);opacity:.65}.topbar{max-width:1200px;margin:auto;padding:30px 48px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-2px;display:flex;align-items:center}.wordmark span{font-size:18px;margin:0 2px;color:#e64b2b}.wordmark i{width:6px;height:6px;border-radius:50%;background:#ed4929;margin:12px 0 0 4px}.top-label{font-size:10px;letter-spacing:2px;color:#79736b}.share{width:40px;height:40px;background:transparent;border:1px solid #dfdad2;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#514b43;transition:background .2s}.share:hover{background:#fff}.share svg{width:18px;height:18px}main{width:min(100% - 40px,460px);margin:27px auto 0}.profile{text-align:center}.avatar{width:94px;height:94px;background:linear-gradient(135deg,#f16b32,#dd3025);border:5px solid #fff;border-radius:29px;margin:0 auto 27px;display:grid;place-items:center;box-shadow:0 9px 22px #b4422420;position:relative;transform:rotate(-5deg)}.avatar>span:first-child{font:800 32px Manrope,sans-serif;letter-spacing:-3px;color:white;transform:rotate(5deg)}.avatar .amp{font-size:23px;color:#ffc8a5;margin:0 2px}.spark{position:absolute;bottom:-10px;right:-12px;font-size:31px;color:#ee542e;background:#f8f5f0;border-radius:50%;width:36px;height:36px;line-height:36px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#8a5441;display:flex;align-items:center;justify-content:center;gap:7px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#e85b36}h1{font:800 42px/1.17 Manrope,sans-serif;letter-spacing:-2px;margin:15px 0}.team{display:block;font-size:18px;line-height:1.8;letter-spacing:-.4px;font-weight:500;color:#7a7167}h1 em{font-style:normal;font-weight:500;color:#e9522e}.period{color:#e9522e}.intro{font-size:14px;line-height:1.8;color:#80776d;margin:15px 0 30px}.links{display:grid;gap:12px}.link-card{border-radius:18px;transition:transform .2s,box-shadow .2s}.link-card[href]:hover{transform:translateY(-3px);box-shadow:0 12px 25px #a348231c}.featured{color:#fff;background:linear-gradient(115deg,#e74229,#f06b32);padding:21px 24px 0;box-shadow:0 8px 20px #e64b2918;overflow:hidden;position:relative}.featured::after{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff16;border-radius:50%;right:-90px;top:-90px;pointer-events:none}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.pill{font-size:8px;letter-spacing:1.3px;border:1px solid #ffffff54;border-radius:20px;padding:6px 9px;font-weight:700}.corner-arrow{font-size:25px;line-height:1}.card-main{display:flex;gap:15px;align-items:center;margin-bottom:23px}.icon{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;border-radius:13px}.icon svg{width:26px;height:26px}.featured .icon{background:#ffffff20}.card-copy{display:flex;flex-direction:column;gap:6px}.card-copy strong{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.3px;font-weight:800}.card-copy>span{font-size:11px;line-height:1.5}.featured .card-copy>span{color:#fff0e8}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff35;padding:13px 0 15px;font-size:11px;font-weight:600}.card-bottom>span{font-size:20px}.secondary{display:flex;align-items:center;gap:14px;padding:20px;background:#ffffffcc;border:1px solid #e9e3da;min-height:91px}.secondary .icon{background:#fcf0e9;color:#db573c}.secondary .card-copy>span{color:#857c72}.secondary .card-copy strong{font-size:14px}.soon{margin-left:auto;white-space:nowrap;font-size:8px;color:#827669;padding:5px 7px;border-radius:5px;background:#f5f1eb}.channel-arrow{margin-left:auto;color:#e9522e;font-size:23px}.welcome{text-align:center;font-size:10px;color:#8e8375;margin:25px 0 37px;display:flex;align-items:center;justify-content:center;gap:7px}.welcome>span{font-size:17px;color:#d46c45}footer{max-width:1104px;margin:0 auto;padding:22px 0 25px;border-top:1px solid #e6dfd5;display:flex;align-items:center;gap:15px;color:#a29889}footer>span:nth-child(2){font-size:8px;letter-spacing:1.6px;margin-left:auto}.footer-brand{font:700 12px Manrope,sans-serif;letter-spacing:-.4px;color:#7e7365}.footer-brand>span{color:#dc6d48}.footer-dot{width:5px;height:5px;background:#ee6c3d;border-radius:50%}a:focus-visible,button:focus-visible{outline:3px solid #9d321b;outline-offset:5px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;background:#302b26;color:white;font-size:13px;padding:14px 20px;border-radius:12px;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;width:max-content;box-shadow:0 4px 20px #0002}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-height:900px){main{margin-top:55px}.intro{margin-bottom:36px}.welcome{margin-bottom:60px}}@media(max-width:700px){.topbar{padding:22px 24px}.top-label{font-size:8px;letter-spacing:1.3px}main{margin-top:22px}footer{margin:0 24px}.ambient-one{left:-180px;width:260px}.ambient-two{right:-140px;width:240px}h1{font-size:38px}}@media(max-width:380px){main{width:calc(100% - 32px)}.secondary{padding:17px 14px;gap:10px}.card-copy strong{font-size:13px}.secondary .card-copy>span{font-size:10px}.featured{padding:20px 19px 0}h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Cores dos canais */
#whatsapp {
  background: linear-gradient(115deg, #087b3e, #128c48);
  box-shadow: 0 8px 20px #128c4826;
}
#instagram {
  background: linear-gradient(115deg, #9933ad 0%, #c12670 48%, #b94727 100%);
  border-color: transparent;
  color: #fff;
}
#telegram {
  background: linear-gradient(115deg, #086c9f, #087caf);
  border-color: transparent;
  color: #fff;
}
#whatsapp .card-copy > span,
#instagram .card-copy > span,
#telegram .card-copy > span,
#instagram .channel-arrow,
#telegram .channel-arrow {
  color: #fff;
}
#instagram .icon,
#telegram .icon {
  background: #ffffff20;
  color: #fff;
}
#instagram .soon,
#telegram .soon {
  background: #00000024;
  color: #fff;
}
#whatsapp[href]:hover { box-shadow: 0 12px 25px #128c4833; }
#instagram[href]:hover { box-shadow: 0 12px 25px #c1267033; }
#telegram[href]:hover { box-shadow: 0 12px 25px #087caf33; }

/* Botão único, alinhado, com moldura de LED independente do conteúdo. */
#whatsapp {
  position: relative;
  display: block;
  padding: 4px;
  margin: 6px 0;
  border: 0;
  border-radius: 22px;
  background: #15d78d;
  color: #fff;
  isolation: isolate;
  box-shadow: 0 0 20px #00dba64d;
}
#whatsapp[href]:hover { transform: translateY(-2px); box-shadow: 0 8px 28px #00a87555; }
#whatsapp .led-frame {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
  z-index: -1;
}
#whatsapp .led-frame::before {
  content: '';
  position: absolute;
  width: 160%;
  aspect-ratio: 1;
  left: 50%;
  top: 50%;
  background: conic-gradient(#ff258e, #ffe94a, #51ff95, #00dcff, #864dff, #ff258e);
  animation: wa-led-spin 2.8s linear infinite;
}
#whatsapp .wa-content {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 14px;
  padding: 25px 20px;
  border-radius: 18px;
  background: linear-gradient(120deg, #064d36, #087843);
}
.wa-icon { display: grid; place-items: center; width: 48px; height: 48px; background: #ffffff18; border: 1px solid #ffffff26; border-radius: 15px; }
.wa-icon svg { width: 29px; height: 29px; }
.wa-copy { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.wa-label { font-size: 8px; letter-spacing: 1px; font-weight: 700; color: #b5f6d4; }
.wa-copy strong { font: 800 18px/1.3 Manrope, sans-serif; letter-spacing: -.5px; }
.wa-copy > span:last-child { font-size: 11px; line-height: 1.6; color: #d4eee0; }
.wa-arrow { font-size: 27px; color: #caffdd; text-align: right; }
@keyframes wa-led-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
@media(max-width:380px) {
  #whatsapp .wa-content { grid-template-columns: 38px minmax(0,1fr) 18px; gap: 10px; padding: 22px 13px; }
  .wa-icon { width: 38px; height: 42px; }
  .wa-copy strong { font-size: 16px; }
  .wa-label { font-size: 7px; }
}
@media(prefers-reduced-motion:reduce) {
  #whatsapp .led-frame::before { animation-duration: 12s; }
  .gallery-track { transition: none !important; }
}

/* ========================================================
   GALERIA CARROSSEL DE FEEDBACKS (SEM MOLDURA, LADO A LADO)
   ======================================================== */
.feedbacks-gallery {
  margin: 24px 0 16px;
  width: 100%;
  position: relative;
}

.gallery-viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 18px;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
}

.gallery-viewport.is-dragging {
  cursor: grabbing;
}

.gallery-track {
  display: flex;
  gap: 12px;
  will-change: transform;
}

.gallery-slide {
  flex: 0 0 calc(50% - 6px);
  max-width: calc(50% - 6px);
  aspect-ratio: 1290 / 2796;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  background: #0b141a;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.gallery-slide:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.15);
}

.gallery-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}

/* Modal Lightbox minimalista */
.image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s;
}

.image-lightbox.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 8, 6, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.lightbox-dialog {
  position: relative;
  z-index: 10;
  max-width: min(92vw, 440px);
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.95);
  transition: transform 0.25s cubic-bezier(0.2, 0.9, 0.3, 1);
}

.image-lightbox.active .lightbox-dialog {
  transform: scale(1);
}

.lightbox-dialog img {
  width: 100%;
  max-height: 88vh;
  object-fit: contain;
  display: block;
  border-radius: 18px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.lightbox-close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  border: 0;
  color: #111;
  display: grid;
  place-items: center;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s, background 0.2s;
  z-index: 20;
}

.lightbox-close:hover {
  background: #ffffff;
  transform: scale(1.1) rotate(90deg);
}

.lightbox-close svg {
  width: 20px;
  height: 20px;
}

