:root{
  --ads-ink:#111318;
  --ads-ink-2:#242832;
  --ads-muted:#656b76;
  --ads-bg:#f6f7fb;
  --ads-surface:#ffffff;
  --ads-surface-2:#eef0f7;
  --ads-line:#e2e5ec;
  --ads-brand:#5b4bff;
  --ads-brand-2:#4032dc;
  --ads-accent:#d8ff5a;
  --ads-success:#167a55;
  --ads-danger:#b42318;
  --ads-radius:22px;
  --ads-radius-sm:14px;
  --ads-shadow:0 24px 70px rgba(17,19,24,.08);
  --ads-max:1180px;
  --ads-reading:760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.adsocial-theme{color:var(--ads-ink);background:var(--ads-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.adsocial-theme a{text-underline-offset:.18em}
.adsocial-theme .site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(226,229,236,.85);backdrop-filter:saturate(160%) blur(18px);transition:box-shadow .2s ease}
.ads-is-scrolled .adsocial-theme .site-header{box-shadow:0 10px 35px rgba(17,19,24,.07)}
.adsocial-theme .site-header a{text-decoration:none}
.adsocial-theme .primary-menu-container>ul>li>a{font-weight:650;letter-spacing:-.01em}
.adsocial-theme .primary-menu-container .menu-cta>a{background:var(--ads-ink);color:#fff!important;border-radius:999px;padding:.72rem 1.05rem!important;margin-left:.4rem}
.adsocial-theme .primary-menu-container .menu-cta>a:hover{background:var(--ads-brand)}
.adsocial-theme.page .entry-header{display:none}
.adsocial-theme .content-area{margin-top:0;margin-bottom:0}
.adsocial-theme .site-main{min-height:60vh}
.adsocial-theme .entry-content-wrap{padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.adsocial-theme .entry-content{margin:0!important}
.adsocial-theme .entry-content>*:not(.alignfull):not(.alignwide){max-width:var(--ads-max);margin-left:auto;margin-right:auto}
.adsocial-theme .entry-content>.wp-block-group.alignfull{margin-top:0;margin-bottom:0}
.ads-shell{max-width:var(--ads-max);margin:0 auto;padding-left:24px;padding-right:24px}
.ads-section{padding:88px 0}
.ads-section--tight{padding:56px 0}
.ads-section--white{background:#fff}
.ads-section--dark{background:var(--ads-ink);color:#fff}
.ads-section--tint{background:linear-gradient(180deg,#f7f8ff 0%,#f1f3fa 100%)}
.ads-hero{position:relative;overflow:hidden;padding:104px 0 78px;background:#fff}
.ads-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 18%,rgba(91,75,255,.15),transparent 29%),radial-gradient(circle at 68% 78%,rgba(216,255,90,.18),transparent 24%);pointer-events:none}
.ads-hero:after{content:"";position:absolute;right:-140px;top:-160px;width:460px;height:460px;border:1px solid rgba(91,75,255,.18);border-radius:50%;box-shadow:0 0 0 46px rgba(91,75,255,.035),0 0 0 92px rgba(91,75,255,.025);pointer-events:none}
.ads-hero .ads-shell{position:relative;z-index:1}
.ads-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:18px;padding:7px 11px;border:1px solid var(--ads-line);border-radius:999px;background:rgba(255,255,255,.72);color:var(--ads-ink-2);font-size:.78rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}
.ads-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ads-brand);box-shadow:0 0 0 4px rgba(91,75,255,.1)}
.ads-hero h1,.ads-display{max-width:930px;margin:0;font-size:clamp(2.8rem,7vw,6.7rem);font-weight:820;line-height:.94;letter-spacing:-.065em;text-wrap:balance}
.ads-hero p.ads-lead,.ads-lead{max-width:760px;margin:28px 0 0;color:var(--ads-muted);font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55;text-wrap:pretty}
.ads-section--dark .ads-lead{color:#c7cad2}
.ads-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.ads-button,.adsocial-theme .wp-block-button__link,.adsocial-theme a.button,.adsocial-theme button.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border:1px solid transparent;border-radius:999px;font-size:.98rem;font-weight:750;line-height:1.15;text-decoration:none!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.ads-button:hover,.adsocial-theme .wp-block-button__link:hover,.adsocial-theme a.button:hover,.adsocial-theme button.button:hover{transform:translateY(-1px)}
.ads-button--primary,.adsocial-theme .wp-block-button.is-style-fill .wp-block-button__link{background:var(--ads-brand);color:#fff!important;box-shadow:0 12px 30px rgba(91,75,255,.23)}
.ads-button--primary:hover{background:var(--ads-brand-2)}
.ads-button--dark{background:var(--ads-ink);color:#fff!important}
.ads-button--ghost{border-color:var(--ads-line);background:#fff;color:var(--ads-ink)!important}
.ads-section--dark .ads-button--ghost{border-color:#3b3f48;background:transparent;color:#fff!important}
.ads-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px;padding:0;list-style:none}
.ads-trust li{padding:8px 11px;border:1px solid var(--ads-line);border-radius:999px;background:#fff;font-size:.85rem;font-weight:650;color:var(--ads-ink-2)}
.ads-kicker{margin:0 0 12px;color:var(--ads-brand);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.ads-h2{max-width:850px;margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:800;line-height:1;letter-spacing:-.045em;text-wrap:balance}
.ads-h3{margin:0;font-size:1.25rem;line-height:1.15;letter-spacing:-.025em}
.ads-copy{color:var(--ads-muted);line-height:1.7}
.ads-section--dark .ads-copy{color:#b9bdc7}
.ads-grid{display:grid;gap:18px;margin-top:34px}
.ads-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ads-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ads-card{position:relative;padding:26px;border:1px solid var(--ads-line);border-radius:var(--ads-radius);background:var(--ads-surface);box-shadow:0 1px 0 rgba(17,19,24,.02);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ads-card:hover{transform:translateY(-3px);border-color:#cbd0dc;box-shadow:var(--ads-shadow)}
.ads-card>a.ads-card__link{position:absolute;inset:0;border-radius:inherit}
.ads-card__icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:24px;border-radius:13px;background:var(--ads-ink);color:#fff;font-weight:850;font-size:.82rem}
.ads-card__meta{margin-top:16px;color:var(--ads-muted);font-size:.9rem}
.ads-card__arrow{display:inline-flex;margin-top:22px;color:var(--ads-brand);font-weight:800}
.ads-statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:40px;overflow:hidden;border:1px solid var(--ads-line);border-radius:var(--ads-radius-sm);background:var(--ads-line)}
.ads-statbar>div{padding:20px;background:#fff}
.ads-statbar strong{display:block;font-size:1.05rem}
.ads-statbar span{display:block;margin-top:5px;color:var(--ads-muted);font-size:.86rem}
.ads-steps{counter-reset:ads-step;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.ads-step{counter-increment:ads-step;padding:26px;border-top:1px solid #363a43}
.ads-step:before{content:"0" counter(ads-step);display:block;margin-bottom:34px;color:var(--ads-accent);font-size:.8rem;font-weight:850;letter-spacing:.08em}
.ads-step h3{color:#fff}
.ads-step p{color:#afb3bd}
.ads-media-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:30px}
.ads-media{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid var(--ads-line);border-radius:16px;background:#fff;text-decoration:none!important;color:var(--ads-ink)!important}
.ads-media:hover{border-color:#bfc5d2;box-shadow:0 12px 30px rgba(17,19,24,.06)}
.ads-media__name{font-weight:780;letter-spacing:-.02em}
.ads-media__type{display:block;margin-top:3px;color:var(--ads-muted);font-size:.85rem;font-weight:500}
.ads-media__go{color:var(--ads-brand);font-weight:800}
.ads-product-zone{margin-top:34px}
.adsocial-theme .adsocial-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.adsocial-theme .adsocial-offer{height:100%;margin:0!important;padding:26px!important;border:1px solid var(--ads-line)!important;border-radius:var(--ads-radius)!important;background:#fff!important;box-shadow:none!important}
.adsocial-theme .adsocial-offer h3{margin:0 0 8px!important;font-size:1.24rem;letter-spacing:-.025em}
.adsocial-theme .adsocial-offer p{color:var(--ads-muted)}
.adsocial-theme .adsocial-offer .woocommerce-Price-amount{font-size:1.65rem;font-weight:850;letter-spacing:-.04em}
.adsocial-theme .adsocial-offer a.button.alt{width:100%;margin-top:8px;background:var(--ads-brand)!important;color:#fff!important;border:none!important}
.adsocial-theme .adsocial-offer .button.disabled{width:100%;margin-top:8px;background:#eceef3!important;color:#777!important}
.ads-note{padding:18px 20px;border:1px solid #d7daf0;border-radius:14px;background:#f7f7ff;color:#44495a;font-size:.93rem;line-height:1.55}
.ads-quote{padding:34px;border-radius:var(--ads-radius);background:var(--ads-accent);color:var(--ads-ink)}
.ads-quote strong{display:block;font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.04em}
.ads-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:64px;align-items:start}
.ads-sticky-card{position:sticky;top:110px}
.ads-faq{max-width:860px;margin-top:30px}
.ads-faq details{border-top:1px solid var(--ads-line);padding:18px 0}
.ads-faq details:last-child{border-bottom:1px solid var(--ads-line)}
.ads-faq summary{cursor:pointer;font-weight:760;list-style:none}
.ads-faq summary::-webkit-details-marker{display:none}
.ads-faq summary:after{content:"+";float:right;color:var(--ads-brand);font-size:1.4rem;line-height:1}
.ads-faq details[open] summary:after{content:"–"}
.ads-faq details p{max-width:720px;color:var(--ads-muted);line-height:1.7}
.ads-placement-demo{display:grid;gap:12px;padding:20px;border:1px solid #dfe2ea;border-radius:18px;background:#fff}
.ads-placement-demo__bar{height:56px;border-radius:10px;background:#eff1f6}
.ads-placement-demo__hero{height:92px;border:1px dashed #aeb5c5;border-radius:10px;background:linear-gradient(135deg,#f6f7ff,#f4f5f8);display:grid;place-items:center;color:#6b7180;font-size:.84rem;font-weight:750}
.ads-placement-demo__body{display:grid;grid-template-columns:1fr 100px;gap:12px}
.ads-placement-demo__content{height:180px;border-radius:10px;background:repeating-linear-gradient(#f0f2f6 0 10px,transparent 10px 20px)}
.ads-placement-demo__side{border:1px dashed #aeb5c5;border-radius:10px;display:grid;place-items:center;color:#6b7180;font-size:.78rem;text-align:center;padding:8px}
.ads-placement-demo__inline{height:70px;border:1px dashed var(--ads-brand);border-radius:10px;background:#f7f6ff;display:grid;place-items:center;color:var(--ads-brand);font-size:.82rem;font-weight:800}
.ads-logo-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.ads-logo-cloud a,.ads-logo-cloud span{padding:10px 14px;border:1px solid var(--ads-line);border-radius:999px;background:#fff;color:var(--ads-ink)!important;text-decoration:none!important;font-size:.9rem;font-weight:750}
.ads-cta{padding:56px;border-radius:32px;background:var(--ads-brand);color:#fff;overflow:hidden;position:relative}
.ads-cta:after{content:"";position:absolute;right:-80px;bottom:-110px;width:300px;height:300px;border-radius:50%;background:var(--ads-accent)}
.ads-cta>*{position:relative;z-index:1}
.ads-cta .ads-kicker{color:#d8d5ff}
.ads-cta .ads-copy{max-width:680px;color:#e4e2ff}
.ads-form-shell,.slicewp-form,.woocommerce form.checkout,.woocommerce form.login,.woocommerce form.register{padding:26px;border:1px solid var(--ads-line);border-radius:var(--ads-radius);background:#fff}
.adsocial-theme input[type=text],.adsocial-theme input[type=email],.adsocial-theme input[type=password],.adsocial-theme input[type=tel],.adsocial-theme input[type=url],.adsocial-theme textarea,.adsocial-theme select{min-height:48px;border:1px solid #cfd4de;border-radius:11px;background:#fff;padding:10px 12px;box-shadow:none}
.adsocial-theme input:focus,.adsocial-theme textarea:focus,.adsocial-theme select:focus{outline:3px solid rgba(91,75,255,.13);border-color:var(--ads-brand)}
.adsocial-theme .woocommerce-info,.adsocial-theme .woocommerce-message,.adsocial-theme .woocommerce-error{border-radius:14px;border:none;padding:18px 20px;background:#fff}
.adsocial-theme .woocommerce-message{border-left:4px solid var(--ads-success)}
.adsocial-theme .woocommerce-error{border-left:4px solid var(--ads-danger)}
.adsocial-theme .woocommerce-checkout-review-order,.adsocial-theme .woocommerce-order-details,.adsocial-theme .woocommerce-customer-details{border:1px solid var(--ads-line);border-radius:18px;padding:20px;background:#fff}
.adsocial-theme .woocommerce table.shop_table{border-color:var(--ads-line);border-radius:14px;background:#fff}
.adsocial-theme .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.adsocial-theme .woocommerce-MyAccount-navigation a{display:block;padding:11px 14px;border-radius:10px;text-decoration:none;font-weight:700}
.adsocial-theme .woocommerce-MyAccount-navigation .is-active a{background:var(--ads-ink);color:#fff}
.adsocial-theme .npa-slot{margin:2rem auto}
.adsocial-theme .npa-label{color:var(--ads-muted)}
.adsocial-theme .npa-creative .asah-native-ad{border-color:var(--ads-line);border-radius:18px;box-shadow:0 12px 32px rgba(17,19,24,.06)}
.adsocial-theme .npa-creative .asah-native-ad__cta{background:var(--ads-brand);border-radius:999px}
.ads-reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}
.ads-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.ads-reveal{opacity:1;transform:none;transition:none}}
.adsocial-theme .site-footer{background:#0d0f12;color:#c5c8cf}
.adsocial-theme .site-footer a{color:#fff}
@media(max-width:980px){
  .ads-grid--4{grid-template-columns:repeat(2,1fr)}
  .ads-grid--3,.adsocial-theme .adsocial-catalog{grid-template-columns:repeat(2,1fr)}
  .ads-split{grid-template-columns:1fr;gap:34px}
  .ads-sticky-card{position:static}
  .ads-statbar{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .ads-shell{padding-left:18px;padding-right:18px}
  .ads-hero{padding:72px 0 52px}
  .ads-section{padding:64px 0}
  .ads-section--tight{padding:44px 0}
  .ads-grid--3,.ads-grid--4,.adsocial-theme .adsocial-catalog,.ads-steps,.ads-media-list{grid-template-columns:1fr}
  .ads-statbar{grid-template-columns:1fr}
  .ads-actions{display:grid;grid-template-columns:1fr}
  .ads-button,.ads-actions .wp-block-button,.ads-actions .wp-block-button__link{width:100%}
  .ads-cta{padding:34px 24px;border-radius:24px}
  .ads-hero h1,.ads-display{font-size:clamp(2.6rem,15vw,4rem)}
}

/* =========================================================
   AdSocial Conversion 1.1.0 — layout fixes + CRO desktop
   Corrige las restricciones de ancho de Gutenberg/Kadence.
   ========================================================= */

:root{
  --ads-max:1280px;
  --ads-reading:780px;
}

/* La página comercial debe poder usar todo el viewport.
   Kadence mantiene cabecera/footer contenidos, pero el main no encajona los bloques full. */
.adsocial-theme.page .content-container.site-container,
.adsocial-theme.page .site-main,
.adsocial-theme.page .content-area,
.adsocial-theme.page .content-wrap,
.adsocial-theme.page article.entry,
.adsocial-theme.page .entry-content-wrap,
.adsocial-theme.page .entry-content{
  width:100%;
  max-width:none!important;
}
.adsocial-theme.page .content-container.site-container{
  padding-left:0!important;
  padding-right:0!important;
}

/* Gutenberg añade reglas is-layout-constrained a los grupos.
   Nuestro shell controla el ancho, así que anulamos SOLO dentro de AdSocial. */
.adsocial-theme .ads-shell{
  width:min(var(--ads-max),calc(100% - 64px));
  max-width:none!important;
  margin-inline:auto!important;
  padding-inline:0;
}
.adsocial-theme .ads-shell.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.adsocial-theme .ads-shell > .is-layout-constrained,
.adsocial-theme .ads-shell > .wp-block-group{
  max-width:none!important;
}
.adsocial-theme .ads-shell > :where(.ads-grid,.ads-media-list,.ads-steps,.ads-statbar,.ads-product-zone,.wp-block-shortcode,.wp-block-buttons){
  width:100%;
  margin-left:0!important;
  margin-right:0!important;
}
.adsocial-theme .ads-copy{max-width:var(--ads-reading)}
.adsocial-theme .ads-hero .ads-shell{width:min(1320px,calc(100% - 64px))}
.adsocial-theme .ads-hero h1,
.adsocial-theme .ads-display{max-width:1060px;font-size:clamp(3.2rem,5.7vw,6.2rem)}
.adsocial-theme .ads-hero p.ads-lead{max-width:820px}

/* Cabecera algo más sólida en desktop. */
.adsocial-theme .site-header-row-container-inner > .site-container,
.adsocial-theme .site-footer-row-container-inner > .site-container{
  max-width:1280px;
}
.adsocial-theme .site-header-row-container-inner{min-height:72px}

/* Rejillas: evitar que Gutenberg comprima cada card a contentSize. */
.adsocial-theme .ads-grid{
  width:100%;
  align-items:stretch;
}
.adsocial-theme .ads-grid > *{
  width:auto!important;
  max-width:none!important;
  min-width:0;
  margin:0!important;
}
.adsocial-theme .ads-card{
  min-height:250px;
  display:flex;
  flex-direction:column;
}
.adsocial-theme .ads-card .ads-card__arrow{margin-top:auto}
.adsocial-theme .ads-card .ads-copy{max-width:none}

/* En la home los tres shortcodes de producto son hermanos.
   Los convertimos en una rejilla visual sin exigir editar de nuevo la página. */
@supports selector(:has(*)){
  .adsocial-theme .ads-section--tint .ads-shell:has(> .wp-block-shortcode .adsocial-offer){
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    align-items:stretch;
  }
  .adsocial-theme .ads-section--tint .ads-shell:has(> .wp-block-shortcode .adsocial-offer) > :where(.ads-kicker,.ads-h2,.ads-copy){
    grid-column:1/-1;
  }
  .adsocial-theme .ads-section--tint .ads-shell:has(> .wp-block-shortcode .adsocial-offer) > .wp-block-shortcode{
    min-width:0;
    margin:0!important;
  }
}
.adsocial-theme .adsocial-offer{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.adsocial-theme .adsocial-offer .button,
.adsocial-theme .adsocial-offer a.button.alt{margin-top:auto!important}

/* Lista de medios con densidad comercial: 3 columnas en escritorio. */
.adsocial-theme .ads-media-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.adsocial-theme .ads-media{min-height:92px}

/* Secciones: mejor ritmo, menos sensación de columna editorial. */
.adsocial-theme .ads-section{padding:96px 0}
.adsocial-theme .ads-section--tight{padding:64px 0}
.adsocial-theme .ads-h2{max-width:980px}
.adsocial-theme .ads-section--dark .ads-h2{max-width:1040px}
.adsocial-theme .ads-steps{gap:32px}
.adsocial-theme .ads-step{padding:30px 0 8px}

/* Más contraste y claridad en el bloque de compra. */
.adsocial-theme .ads-section--tint{
  background:linear-gradient(180deg,#f7f8ff 0%,#eff1f8 100%);
}
.adsocial-theme .adsocial-offer{
  border-color:#dfe3ec!important;
  box-shadow:0 16px 40px rgba(17,19,24,.055)!important;
}
.adsocial-theme .adsocial-offer:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 55px rgba(17,19,24,.09)!important;
}

/* Accesibilidad / foco. */
.adsocial-theme a:focus-visible,
.adsocial-theme button:focus-visible,
.adsocial-theme summary:focus-visible{
  outline:3px solid rgba(91,75,255,.35);
  outline-offset:3px;
  border-radius:8px;
}

@media (max-width:1100px){
  .adsocial-theme .ads-shell,
  .adsocial-theme .ads-hero .ads-shell{width:min(100% - 48px,1040px)}
  .adsocial-theme .ads-media-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  @supports selector(:has(*)){
    .adsocial-theme .ads-section--tint .ads-shell:has(> .wp-block-shortcode .adsocial-offer){grid-template-columns:repeat(2,minmax(0,1fr))}
    .adsocial-theme .ads-section--tint .ads-shell:has(> .wp-block-shortcode .adsocial-offer) > .wp-block-shortcode:last-child{grid-column:1/-1}
  }
}

@media (max-width:720px){
  .adsocial-theme .ads-shell,
  .adsocial-theme .ads-hero .ads-shell{width:calc(100% - 36px)}
  .adsocial-theme .ads-media-list{grid-template-columns:1fr}
  .adsocial-theme .ads-card{min-height:auto}
  @supports selector(:has(*)){
    .adsocial-theme .ads-section--tint .ads-shell:has(> .wp-block-shortcode .adsocial-offer){display:block}
    .adsocial-theme .ads-section--tint .ads-shell:has(> .wp-block-shortcode .adsocial-offer) > .wp-block-shortcode{margin-top:16px!important}
  }
}
