/* REDE Engine Front UI v0.3 - scoped styles, does not modify Electro/theme globals */
.rede-landing{
  --rede-yellow:#ffd400;
  --rede-black:#111111;
  --rede-dark:#202020;
  --rede-green:#25d366;
  --rede-border:#e8e8e8;
  --rede-soft:#fff9db;
  --rede-shadow:0 14px 38px rgba(0,0,0,.10);
  --rede-shadow-soft:0 8px 24px rgba(0,0,0,.07);
  max-width:960px;
  margin:0 auto;
  padding:22px 14px;
  color:#1f2933;
}
.rede-landing *{box-sizing:border-box}
.rede-hero{
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 92% 0%,rgba(255,212,0,.34),transparent 28%),linear-gradient(135deg,#090909,#2b2b2b 62%,#141414);
  border-radius:24px;
  color:#fff;
  padding:42px 34px;
  margin:0 0 20px;
  box-shadow:var(--rede-shadow);
}
.rede-hero:before{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  pointer-events:none;
}
.rede-hero span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:var(--rede-yellow);
  color:#111;
  padding:8px 15px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.2px;
  box-shadow:0 8px 20px rgba(255,212,0,.24);
}
.rede-hero h1{
  font-size:clamp(30px,4.7vw,52px);
  line-height:1.04;
  margin:18px 0 12px;
  color:#fff;
  max-width:820px;
}
.rede-hero p{font-size:clamp(15px,2vw,18px);line-height:1.55;max-width:720px;margin:0 0 20px;color:rgba(255,255,255,.92)}
.rede-wa,.rede-send-wa{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:linear-gradient(135deg,var(--rede-green),#16a34a);
  color:#fff!important;
  text-decoration:none!important;
  border:0;
  border-radius:14px;
  padding:15px 20px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(37,211,102,.28);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.rede-wa:hover,.rede-send-wa:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(37,211,102,.38);filter:saturate(1.05)}
.rede-wa:active,.rede-send-wa:active{transform:translateY(0)}
.rede-gallery{
  background:linear-gradient(180deg,#fff,#f6f6f6);
  border:1px solid var(--rede-border);
  border-radius:22px;
  overflow:hidden;
  text-align:center;
  margin:20px 0;
  box-shadow:var(--rede-shadow-soft);
}
.rede-gallery img{
  width:100%;
  height:auto;
  max-height:640px;
  object-fit:contain;
  display:block;
  margin:auto;
  background:#f7f7f7;
}
.rede-section-title{font-size:26px;line-height:1.15;margin:0 0 14px;color:#1f2933}
.rede-compare,.rede-benefits,.rede-details,.rede-faq,.rede-quote{
  border:1px solid var(--rede-border);
  border-radius:22px;
  padding:22px;
  margin:18px 0;
  background:#fff;
  box-shadow:var(--rede-shadow-soft);
}
.rede-compare h2,.rede-benefits h2,.rede-faq h2,.rede-quote h2{margin:0 0 12px;color:#26323f}
.rede-compare p,.rede-quote p{margin:0 0 18px;color:#53606d;line-height:1.55}
.rede-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.rede-compare-card{
  border:1px solid #eee;
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(180deg,#fff,#fafafa);
  box-shadow:0 8px 20px rgba(0,0,0,.055);
}
.rede-compare-card strong{
  display:flex;
  align-items:center;
  min-height:42px;
  background:linear-gradient(135deg,var(--rede-yellow),#ffea66);
  color:#111;
  padding:11px 15px;
  font-weight:900;
}
.rede-compare-card img{
  width:100%;
  height:300px;
  object-fit:contain;
  display:block;
  background:#fff;
}
.rede-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  align-items:stretch;
}
.rede-benefits h2{grid-column:1/-1}
.rede-benefits div{
  position:relative;
  border:1px solid #f0f0f0;
  border-top:5px solid var(--rede-yellow);
  border-radius:16px;
  padding:18px;
  background:linear-gradient(180deg,#fff,#fffdf3);
  transition:transform .18s ease,box-shadow .18s ease;
}
.rede-benefits div:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.08)}
.rede-benefits h3{font-size:18px;margin:0 0 10px;color:#1f2933}
.rede-benefits p{margin:0;color:#4b5563;line-height:1.55}
.rede-details{padding:0;overflow:hidden}
.rede-details summary{
  cursor:pointer;
  font-weight:900;
  padding:16px 18px;
  background:#fff;
  list-style:none;
}
.rede-details summary::-webkit-details-marker{display:none}
.rede-details summary:before{content:"▸";display:inline-block;margin-right:8px;transition:transform .18s ease}
.rede-details[open] summary:before{transform:rotate(90deg)}
.rede-details>*:not(summary){padding:0 18px 18px;color:#4b5563;line-height:1.55}
.rede-quote{
  background:linear-gradient(180deg,#fffbea,#fff);
  border:1px solid rgba(255,212,0,.75);
  box-shadow:0 14px 34px rgba(255,212,0,.12);
}
.rede-quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rede-quote input,.rede-quote textarea,.rede-quote select{
  width:100%;
  box-sizing:border-box;
  border:1px solid #d7dde5;
  border-radius:12px;
  padding:13px 14px;
  margin-bottom:10px;
  font-size:15px;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.rede-quote input:focus,.rede-quote textarea:focus,.rede-quote select:focus{
  outline:0;
  border-color:var(--rede-yellow);
  box-shadow:0 0 0 4px rgba(255,212,0,.18);
}
.rede-quote textarea{min-height:88px;resize:vertical}
.rede-send-wa{
  width:100%;
  cursor:pointer;
  background:linear-gradient(135deg,#1f2933,#111)!important;
}
.rede-send-wa.is-ready{background:linear-gradient(135deg,var(--rede-green),#16a34a)!important;animation:redePulse 1.6s infinite}
.rede-send-wa:disabled{background:#d9d9d9!important;color:#777!important;cursor:not-allowed;box-shadow:none;animation:none;transform:none}
.rede-quote small{display:block;text-align:center;color:#6b7280;margin-top:8px}
.rede-faq details{
  border:1px solid #eee;
  border-radius:14px;
  padding:12px 14px;
  margin:10px 0;
  background:#fff;
}
.rede-faq summary{cursor:pointer;font-weight:800;color:#1f2933}
.rede-faq p{color:#4b5563;line-height:1.55;margin:10px 0 0}
@keyframes redePulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.42)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:760px){
  .rede-landing{padding:12px 10px}
  .rede-hero{padding:28px 22px;border-radius:20px}
  .rede-hero h1{font-size:clamp(28px,9vw,40px)}
  .rede-gallery img{max-height:480px}
  .rede-compare,.rede-benefits,.rede-details,.rede-faq,.rede-quote{padding:17px;border-radius:18px}
  .rede-compare-grid,.rede-benefits,.rede-quote-grid{grid-template-columns:1fr}
  .rede-compare-card img{height:auto;max-height:430px}
}
@media(prefers-reduced-motion:reduce){.rede-wa,.rede-send-wa,.rede-benefits div{transition:none}.rede-send-wa.is-ready{animation:none}}