/*
Theme Name: AdSocial Kadence Child
Theme URI: https://adsocial.es/
Description: Child theme minimalista, UX-first y CRO-first para AdSocial.es sobre Kadence.
Author: AdSocial
Template: kadence
Version: 1.1.0
Text Domain: adsocial-kadence
*/

:root{
  --ads-bg:#F7F5F1;
  --ads-surface:#FFFFFF;
  --ads-text:#101214;
  --ads-muted:#687078;
  --ads-line:#E3DFD8;
  --ads-accent:#FF5A36;
  --ads-accent-hover:#E94D2C;
  --ads-dark:#111318;
  --ads-radius:16px;
  --ads-max:1120px;
  --ads-narrow:760px;
}

html{scroll-behavior:smooth;}
body{
  background:var(--ads-bg);
  color:var(--ads-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.content-area{margin:0;}
.site-main{background:transparent;}
.entry-content-wrap{padding:0;background:transparent;}
.entry-header{display:none;}
.site-container,
.content-container{max-width:none;padding:0;}
.single-content{margin:0;}
.single-content p{line-height:1.7;}

.site-header{
  border-bottom:1px solid var(--ads-line);
  background:rgba(247,245,241,.96);
}
.site-main-header-inner-wrap{
  max-width:var(--ads-max);
  margin:auto;
}
.header-navigation .header-menu-container > ul > li > a{
  font-size:.95rem;
  font-weight:600;
  color:var(--ads-text);
}
.header-navigation .header-menu-container > ul > li > a:hover{
  color:var(--ads-accent);
}

.ads-hero,
.ads-section{
  width:100%;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding-left:max(1.25rem,calc((100vw - var(--ads-max))/2));
  padding-right:max(1.25rem,calc((100vw - var(--ads-max))/2));
}
.ads-hero{
  padding-top:clamp(4rem,8vw,7rem);
  padding-bottom:clamp(4rem,8vw,7rem);
}
.ads-section{
  padding-top:clamp(3rem,6vw,5.5rem);
  padding-bottom:clamp(3rem,6vw,5.5rem);
}
.ads-dark{
  background:var(--ads-dark);
  color:#fff;
}

.ads-eyebrow{
  margin:0 0 1rem;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--ads-accent);
}
.ads-hero h1{
  max-width:10ch;
  margin:0 0 1.35rem;
  font-size:clamp(3rem,7vw,6.2rem);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:750;
}
.ads-lead{
  max-width:720px;
  margin-bottom:1.8rem;
  font-size:clamp(1.15rem,2vw,1.4rem);
  line-height:1.6;
  color:inherit;
  opacity:.86;
}
.ads-section h2{
  max-width:15ch;
  margin:0 0 1.3rem;
  font-size:clamp(2rem,4vw,3.8rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.ads-section h3{
  margin:0 0 .65rem;
  font-size:1.15rem;
  line-height:1.25;
  letter-spacing:-.02em;
}
.ads-section > p:not(.ads-eyebrow),
.ads-section > ul{
  max-width:var(--ads-narrow);
}

.ads-cards{
  gap:1rem;
  margin-top:2rem;
}
.ads-card{
  min-height:0;
  padding:1.4rem;
  border:1px solid var(--ads-line);
  border-radius:var(--ads-radius);
  background:var(--ads-surface);
  box-shadow:none;
}
.ads-card:hover{
  border-color:#CBC5BB;
}
.ads-dark .ads-card{
  background:#171A20;
  border-color:#272B32;
}
.ads-card p{
  margin-bottom:.6rem;
  color:inherit;
  opacity:.78;
}
.ads-card-link a{
  color:var(--ads-accent);
  font-weight:700;
  text-decoration:none;
}

.wp-block-buttons{
  gap:.7rem;
  margin-top:1.5rem;
}
.wp-block-button__link{
  min-height:48px;
  padding:.9rem 1.25rem!important;
  border-radius:999px!important;
  background:var(--ads-accent)!important;
  color:#fff!important;
  font-weight:700!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.wp-block-button__link:hover{
  background:var(--ads-accent-hover)!important;
}
.is-style-outline .wp-block-button__link{
  background:transparent!important;
  color:inherit!important;
  border:1px solid currentColor!important;
}

.ads-section ul{
  padding-left:1.2rem;
  font-size:1.03rem;
  line-height:1.8;
}
.ads-section li+li{
  margin-top:.4rem;
}

.ads-form-placeholder{
  margin-top:2rem;
  padding:1.5rem;
  border:1px solid var(--ads-line);
  border-radius:var(--ads-radius);
  background:var(--ads-surface);
}

.site-footer{
  border-top:1px solid var(--ads-line);
}
.site-footer-wrap{
  background:var(--ads-bg);
}

.ads-mobile-cta{
  display:none;
}

a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible{
  outline:3px solid rgba(255,90,54,.35);
  outline-offset:3px;
}

@media(max-width:781px){
  .ads-hero,
  .ads-section{
    padding-left:1.15rem;
    padding-right:1.15rem;
  }
  .ads-hero{
    padding-top:3.5rem;
    padding-bottom:3.5rem;
  }
  .ads-section{
    padding-top:2.75rem;
    padding-bottom:2.75rem;
  }
  .ads-hero h1{
    font-size:clamp(2.7rem,13vw,4.5rem);
  }
  .ads-cards{
    gap:.8rem;
  }
  .wp-block-button{
    width:100%;
  }
  .wp-block-button__link{
    width:100%;
    text-align:center;
  }
  .ads-mobile-cta{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:9999;
    display:block;
    padding:.9rem 1rem;
    border-radius:999px;
    background:var(--ads-accent);
    color:#fff!important;
    font-weight:800;
    text-align:center;
    text-decoration:none;
    box-shadow:0 8px 24px rgba(16,18,20,.18);
  }
  body.page-slug-solicitar-campana .ads-mobile-cta{
    display:none;
  }
  .site-footer{
    padding-bottom:76px;
  }
}