
:root {
  --pl-navy:#071A4B;
  --pl-blue:#1167F1;
  --pl-cyan:#22D3EE;
  --pl-violet:#7047EB;
  --pl-pink:#F052A1;
  --pl-sun:#FFC83D;
  --pl-mint:#2DD4BF;
  --pl-snow:#F7FAFF;
  --pl-ink:#18213A;
  --pl-muted:#63708D;
  --pl-line:#DCE5F8;
  --pl-shadow:0 24px 70px rgba(16,49,126,.13);
}

html { scroll-behavior:smooth; }
body { overflow-x:hidden; }
body.admin-bar .playlumi-header { top:32px; }
@media(max-width:782px){ body.admin-bar .playlumi-header{top:46px;} }

* { box-sizing:border-box; }
img { max-width:100%; height:auto; }
::selection { background:rgba(34,211,238,.35); color:var(--pl-navy); }

.playlumi-skip-link { position:absolute; left:-9999px; top:auto; }
.playlumi-skip-link:focus { left:1rem; top:1rem; z-index:99999; padding:.75rem 1rem; border-radius:12px; background:#fff; color:var(--pl-navy); box-shadow:var(--pl-shadow); }

.playlumi-announcement {
  background:linear-gradient(90deg,var(--pl-navy),#17357d,var(--pl-violet));
  color:#fff;
  font-size:.84rem;
  text-align:center;
  padding:.55rem 1rem;
}
.playlumi-announcement strong { color:var(--pl-sun); }
.playlumi-header {
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:saturate(180%) blur(18px);
  background:rgba(247,250,255,.88);
  border-bottom:1px solid rgba(7,26,75,.07);
  transition:box-shadow .25s ease, background .25s ease;
}
.playlumi-header.is-scrolled { box-shadow:0 12px 34px rgba(7,26,75,.10); background:rgba(255,255,255,.94); }
.playlumi-header__inner { min-height:82px; }
.playlumi-brand { display:flex; align-items:center; gap:.7rem; color:var(--pl-navy); text-decoration:none; }
.playlumi-header .wp-block-site-logo { margin:0; flex-shrink:0; }
.playlumi-header .wp-block-site-logo img { width:172px; max-height:58px; object-fit:contain; }
.playlumi-header .wp-block-navigation a { color:var(--pl-navy); }
.playlumi-header .wp-block-navigation a:hover { color:var(--pl-blue); }
.playlumi-header__actions { gap:.75rem; }
.playlumi-login-link { font-weight:750; color:var(--pl-navy); }
.playlumi-header .wc-block-mini-cart__button { border-radius:999px; background:#fff; border:1px solid var(--pl-line); min-height:44px; }

.playlumi-hero {
  position:relative;
  overflow:hidden;
  padding:clamp(4.5rem,8vw,7.5rem) 0 clamp(4rem,7vw,6.5rem);
  background:
    radial-gradient(circle at 18% 28%,rgba(34,211,238,.19),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(240,82,161,.14),transparent 26%),
    linear-gradient(180deg,#F7FAFF 0%,#EEF5FF 100%);
}
.playlumi-hero::before,.playlumi-hero::after {
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(4px);
  pointer-events:none;
}
.playlumi-hero::before { width:420px;height:420px;right:-180px;bottom:-230px;background:rgba(112,71,235,.12); }
.playlumi-hero::after { width:220px;height:220px;left:-90px;top:30%;background:rgba(255,200,61,.13); }
.playlumi-eyebrow { display:inline-flex; align-items:center; gap:.55rem; padding:.48rem .78rem; border:1px solid rgba(17,103,241,.16); border-radius:999px; background:rgba(255,255,255,.72); color:var(--pl-blue); font-size:.86rem; font-weight:800; letter-spacing:.015em; box-shadow:0 10px 30px rgba(17,103,241,.08); }
.playlumi-eyebrow::before { content:"✦"; color:var(--pl-sun); }
.playlumi-hero h1 { max-width:12ch; margin:.9rem 0 .05rem; }
.playlumi-gradient-heading { max-width:12ch; margin:0 0 1.2rem; background:linear-gradient(110deg,var(--pl-blue),var(--pl-cyan) 48%,var(--pl-violet)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.playlumi-hero__lead { max-width:650px; color:var(--pl-muted); font-size:clamp(1.05rem,2vw,1.28rem); }
.playlumi-hero__actions { margin-top:1.65rem; }
.playlumi-button-primary .wp-block-button__link { background:linear-gradient(135deg,var(--pl-blue),var(--pl-violet)); box-shadow:0 14px 32px rgba(17,103,241,.25); }
.playlumi-button-primary .wp-block-button__link:hover { transform:translateY(-2px); box-shadow:0 20px 40px rgba(17,103,241,.34); }
.playlumi-button-secondary .wp-block-button__link { background:#fff; color:var(--pl-navy); border:1px solid var(--pl-line); }
.playlumi-button-secondary .wp-block-button__link:hover { background:var(--pl-navy); color:#fff; }
.playlumi-trust-row { display:flex; flex-wrap:wrap; gap:.7rem 1rem; margin-top:1.7rem; color:var(--pl-muted); font-size:.9rem; }
.playlumi-trust-row p { margin:0; }
.playlumi-trust-row p::before { content:"✓"; display:inline-grid; place-items:center; width:20px;height:20px;margin-right:.42rem;border-radius:50%;background:rgba(45,212,191,.16);color:#0F9F88;font-weight:900; }
.playlumi-hero__visual { position:relative; }
.playlumi-hero__visual img { width:min(680px,100%); filter:drop-shadow(0 34px 48px rgba(7,26,75,.20)); animation:playlumi-float 5.8s ease-in-out infinite; }
.playlumi-floating-card { position:absolute; z-index:2; padding:.85rem 1rem; border-radius:18px; background:rgba(255,255,255,.90); border:1px solid rgba(255,255,255,.65); box-shadow:0 18px 44px rgba(7,26,75,.14); backdrop-filter:blur(12px); font-size:.85rem; color:var(--pl-navy); font-weight:800; }
.playlumi-floating-card--one { left:1%; top:12%; }
.playlumi-floating-card--two { right:1%; bottom:12%; }
.playlumi-floating-card h4 { margin:0; color:var(--pl-navy); font-size:.88rem; }
.playlumi-floating-card p { margin:.1rem 0 0; color:var(--pl-muted); font-weight:600; }
@keyframes playlumi-float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)} }

.playlumi-section { padding:clamp(4rem,7vw,7rem) 0; }
.playlumi-section--white { background:#fff; }
.playlumi-section--soft { background:linear-gradient(180deg,#F7FAFF,#EEF4FF); }
.playlumi-section--dark { position:relative; overflow:hidden; color:#fff; background:linear-gradient(135deg,var(--pl-navy),#142F73 58%,var(--pl-violet)); }
.playlumi-section--dark h2,.playlumi-section--dark h3 { color:#fff; }
.playlumi-section__intro { max-width:780px; margin:0 auto 2.4rem; text-align:center; }
.playlumi-section__intro p { color:var(--pl-muted); font-size:1.08rem; }
.playlumi-section--dark .playlumi-section__intro p { color:rgba(255,255,255,.75); }
.playlumi-kicker { color:var(--pl-blue); font-size:.82rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }

.playlumi-proof-strip { margin-top:-1px; background:#fff; border-top:1px solid var(--pl-line); border-bottom:1px solid var(--pl-line); }
.playlumi-proof-item { padding:1.5rem; text-align:center; }
.playlumi-proof-item h3 { margin:0 0 .2rem; color:var(--pl-navy); font-family:var(--wp--preset--font-family--playlumi-rounded); font-size:1.12rem; }
.playlumi-proof-item p { margin:0; color:var(--pl-muted); font-size:.9rem; }

.playlumi-card { height:100%; padding:1.55rem; border-radius:24px; background:#fff; border:1px solid rgba(7,26,75,.08); box-shadow:0 14px 44px rgba(7,26,75,.07); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.playlumi-card:hover { transform:translateY(-6px); box-shadow:0 24px 58px rgba(7,26,75,.14); border-color:rgba(17,103,241,.20); }
.playlumi-card__icon { display:grid; place-items:center; width:52px;height:52px;margin-bottom:1rem;border-radius:17px;background:linear-gradient(135deg,rgba(17,103,241,.12),rgba(34,211,238,.19));font-size:1.45rem; }
.playlumi-card h3 { margin:.35rem 0 .55rem; font-size:1.25rem; }
.playlumi-card p { margin:0; color:var(--pl-muted); font-size:.95rem; }
.playlumi-audience-card { position:relative; overflow:hidden; }
.playlumi-audience-card::after { content:"→"; position:absolute; right:1.2rem; bottom:1rem; color:var(--pl-blue); font-size:1.4rem; font-weight:900; }

.playlumi-dimension-card { min-height:250px; }
.playlumi-dimension-card .playlumi-card__icon { width:58px;height:58px; }
.playlumi-dimension-card--blue { background:linear-gradient(160deg,#fff,#EDF5FF); }
.playlumi-dimension-card--pink { background:linear-gradient(160deg,#fff,#FFF0F8); }
.playlumi-dimension-card--yellow { background:linear-gradient(160deg,#fff,#FFF9E8); }
.playlumi-dimension-card--mint { background:linear-gradient(160deg,#fff,#ECFFFB); }

.playlumi-method { counter-reset:pl-step; }
.playlumi-step { position:relative; padding:1.5rem 1.2rem 1.5rem 4.2rem; border-left:2px solid rgba(34,211,238,.45); }
.playlumi-step::before { counter-increment:pl-step; content:counter(pl-step); position:absolute; left:-22px; top:1.3rem; display:grid; place-items:center; width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--pl-blue),var(--pl-violet));color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(17,103,241,.25); }
.playlumi-step h3 { margin:0 0 .35rem; }
.playlumi-step p { margin:0; color:var(--pl-muted); }

.playlumi-commerce-panel { padding:clamp(1.6rem,4vw,3rem); border-radius:32px; background:#fff; border:1px solid rgba(7,26,75,.08); box-shadow:var(--pl-shadow); }
.playlumi-commerce-benefits { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1rem; }
.playlumi-commerce-pill { margin:0; padding:.48rem .75rem; border-radius:999px; background:#F1F6FF; color:var(--pl-navy); font-size:.84rem; font-weight:750; }

.woocommerce ul.products, .wc-block-product-template { gap:1.2rem; }
.woocommerce ul.products li.product, .wc-block-product-template .wc-block-product {
  padding:1rem;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--pl-line);
  box-shadow:0 12px 34px rgba(7,26,75,.07);
  transition:transform .2s ease,box-shadow .2s ease;
}
.woocommerce ul.products li.product:hover, .wc-block-product-template .wc-block-product:hover { transform:translateY(-5px); box-shadow:0 20px 44px rgba(7,26,75,.13); }
.woocommerce ul.products li.product img { border-radius:16px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color:var(--pl-navy); font-size:1rem; font-weight:800; }
.woocommerce ul.products li.product .price { color:var(--pl-blue); font-weight:900; }
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button { border-radius:999px; background:var(--pl-blue); color:#fff; padding:.8rem 1rem; font-weight:800; }
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover { background:var(--pl-navy); color:#fff; }

.playlumi-quote { height:100%; padding:1.7rem; border-radius:24px; background:#fff; border:1px solid var(--pl-line); }
.playlumi-quote .wp-block-quote { margin:0; padding:0; border:0; }
.playlumi-quote .wp-block-quote p { font-size:1.05rem; color:var(--pl-ink); }
.playlumi-quote__source { color:var(--pl-muted); font-style:normal; }
.playlumi-quote__stars { margin:0 0 .75rem; color:#F5B800; letter-spacing:.12em; }

.playlumi-faq details { margin-bottom:.8rem; box-shadow:0 10px 28px rgba(7,26,75,.05); }
.playlumi-faq summary { cursor:pointer; color:var(--pl-navy); font-weight:800; }
.playlumi-faq details[open] { border-color:rgba(17,103,241,.28); }

.playlumi-final-cta { position:relative; overflow:hidden; border-radius:36px; padding:clamp(2rem,6vw,4.5rem); background:linear-gradient(135deg,var(--pl-navy),#1C3C8E 52%,var(--pl-violet)); color:#fff; box-shadow:0 32px 90px rgba(7,26,75,.25); }
.playlumi-final-cta::after { content:""; position:absolute; width:340px;height:340px;right:-130px;top:-170px;border-radius:50%;background:rgba(34,211,238,.22); }
.playlumi-final-cta h2 { color:#fff; }
.playlumi-final-cta p { color:rgba(255,255,255,.78); }

.playlumi-footer { background:#06143B; color:rgba(255,255,255,.72); }
.playlumi-footer a { color:rgba(255,255,255,.82); }
.playlumi-footer a:hover { color:var(--pl-cyan); }
.playlumi-footer h3 { color:#fff; font-size:1rem; }
.playlumi-footer__legal { border-top:1px solid rgba(255,255,255,.10); }
.playlumi-footer .wp-block-site-logo img { width:190px; max-height:70px; object-fit:contain; }

.playlumi-content-shell { padding:clamp(3rem,6vw,6rem) 0; }
.playlumi-content-card { padding:clamp(1.4rem,4vw,3rem); background:#fff; border:1px solid var(--pl-line); border-radius:26px; box-shadow:var(--pl-shadow); }

.playlumi-reveal { opacity:0; transform:translateY(18px); transition:opacity .55s ease, transform .55s ease; }
.playlumi-reveal.is-visible { opacity:1; transform:none; }

.wp-block-button__link { transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease; }
.wp-block-button__link:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid var(--pl-sun); outline-offset:3px; }

/* Melhorias de edição e conversão */
.editor-styles-wrapper .playlumi-card,
.editor-styles-wrapper .playlumi-proof-item,
.editor-styles-wrapper .playlumi-step,
.editor-styles-wrapper .playlumi-quote { min-height:40px; }

.single-product .product { gap:clamp(2rem,5vw,5rem); }
.single-product div.product .summary { padding:clamp(1.25rem,3vw,2.25rem); border:1px solid var(--pl-line); border-radius:26px; background:#fff; box-shadow:var(--pl-shadow); }
.single-product div.product .product_title { color:var(--pl-navy); }
.single-product div.product p.price { color:var(--pl-blue); font-size:1.7rem; font-weight:900; }
.single-product div.product .woocommerce-product-gallery img { border-radius:24px; }
.woocommerce-checkout .wc-block-checkout,
.woocommerce-cart .wc-block-cart { padding:clamp(1rem,3vw,2rem); border:1px solid var(--pl-line); border-radius:26px; background:#fff; box-shadow:var(--pl-shadow); }

@media (max-width:980px) {
  .playlumi-header__inner { min-height:72px; }
  .playlumi-header__actions .playlumi-login-link { display:none; }
  .playlumi-hero h1,.playlumi-gradient-heading { max-width:15ch; }
  .playlumi-floating-card { display:none; }
}
@media (max-width:781px) {
  .playlumi-hero { padding-top:3.4rem; text-align:center; }
  .playlumi-hero__lead { margin-inline:auto; }
  .playlumi-hero__actions,.playlumi-trust-row { justify-content:center; }
  .playlumi-hero__visual { margin-top:2rem; }
  .playlumi-proof-item { border-bottom:1px solid var(--pl-line); }
  .playlumi-step { margin-left:1.3rem; }
  .playlumi-header .wp-block-navigation { order:3; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .playlumi-reveal { opacity:1; transform:none; }
}
