:root{
  --violet:#270184;
  --indigo:#3428A9;
  --blue:#4354D4;
  --electric:#5276EF;
  --sky:#6EA0FA;
  --ink:#111111;
  --muted:#65677A;
  --paper:#FAFAF8;
  --white:#FFFFFF;
  --line:#E6E7EF;
  --shadow:0 24px 60px rgba(39,1,132,.10);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--paper);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.container{width:min(calc(100% - 44px),var(--max));margin-inline:auto}

/* HEADER: usa logo recortado para que se vea realmente grande */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(250,250,248,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(230,231,239,.9);
}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center}
.brand img{
  width:190px;
  height:auto;
  max-height:38px;
  object-fit:contain;
}
.nav-links{display:flex;align-items:center;gap:27px}
.nav-links a{font-size:.92rem;font-weight:700;color:#333541}
.nav-links a:hover,.nav-links a.active{color:var(--violet)}
.nav-cta{
  padding:10px 17px;border-radius:999px;color:#fff!important;
  background:linear-gradient(90deg,var(--violet),var(--electric),var(--sky));
}
.menu-btn{display:none;border:0;background:transparent;font-size:1.5rem;color:var(--ink);cursor:pointer}

/* GENERAL */
h1,h2,h3{margin:0;letter-spacing:-.035em}
h1{
  font-size:clamp(2.7rem,4.25vw,4.25rem);
  line-height:1.025;
  font-weight:850;
}
h2{
  font-size:clamp(2rem,3vw,3rem);
  line-height:1.08;
  font-weight:820;
}
h3{font-size:1.32rem;line-height:1.2}
.gradient-text{
  background:linear-gradient(90deg,var(--violet),var(--blue),var(--sky));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.kicker-v3{
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:17px;color:var(--violet);
  font-size:.76rem;font-weight:850;letter-spacing:.10em;text-transform:uppercase;
}
.kicker-v3::before{
  content:"";width:30px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--violet),var(--sky));
}
.kicker-light{color:#fff}
.kicker-light::before{background:rgba(255,255,255,.75)}
.body-v3{color:var(--muted);font-size:1.04rem;max-width:700px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:47px;padding:11px 20px;border-radius:999px;
  border:1px solid transparent;font-weight:780;transition:.2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{color:#fff;background:linear-gradient(90deg,var(--violet),var(--electric));box-shadow:0 9px 24px rgba(67,84,212,.19)}
.btn-secondary{background:#fff;border-color:var(--line)}
.btn-white{background:#fff;color:var(--violet)}

/* HERO: dos columnas reales en escritorio/laptop */
.hero-v3{
  position:relative;
  overflow:hidden;
  padding:58px 0 64px;
}
.hero-v3::before{
  content:"";position:absolute;width:620px;height:620px;border-radius:50%;
  right:-310px;top:-310px;
  background:radial-gradient(circle,rgba(110,160,250,.20),transparent 67%);
}
.hero-v3-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(350px,.96fr);
  gap:58px;
  align-items:center;
}
.hero-v3-copy{padding:18px 0}
.hero-v3-lead{
  max-width:650px;margin:22px 0 0;
  color:#555765;font-size:1.08rem;
}
.hero-v3-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.proof-v3{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
  margin-top:31px;max-width:660px;
}
.proof-v3 div{
  padding:14px;border:1px solid var(--line);border-radius:15px;
  background:rgba(255,255,255,.75);
}
.proof-v3 strong{display:block;color:var(--violet);font-size:1.05rem;line-height:1.1}
.proof-v3 span{display:block;color:var(--muted);font-size:.78rem;margin-top:5px}

.hero-v3-visual{
  position:relative;
  height:560px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.portrait-v3-bg{
  position:absolute;
  z-index:0;
  width:420px;height:495px;
  right:15px;bottom:0;
  border-radius:210px 210px 34px 34px;
  background:
    radial-gradient(circle at 65% 18%,rgba(110,160,250,.42),transparent 26%),
    linear-gradient(150deg,#f0edff,#edf4ff 58%,#fff);
  border:1px solid rgba(67,84,212,.12);
  box-shadow:var(--shadow);
}
.portrait-v3{
  position:relative;z-index:2;
  height:540px;width:auto;
  object-fit:contain;
  object-position:center bottom;
}
.portrait-v3-note{
  position:absolute;z-index:3;
  left:2px;bottom:28px;width:230px;
  padding:14px 16px;border-radius:17px;
  border:1px solid rgba(255,255,255,.9);
  background:rgba(255,255,255,.90);
  backdrop-filter:blur(10px);
  box-shadow:0 14px 38px rgba(17,17,17,.08);
}
.portrait-v3-note strong{display:block;color:var(--violet);font-size:1.03rem}
.portrait-v3-note span{display:block;margin-top:3px;color:var(--muted);font-size:.76rem}

/* FOUR PATHS */
.paths-v3{padding:88px 0;background:#fff}
.section-title-v3{max-width:780px;margin-bottom:36px}
.paths-grid-v3{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
.path-v3{
  min-height:255px;padding:26px;
  display:grid;grid-template-columns:auto 1fr auto;gap:18px;
  border:1px solid var(--line);border-radius:24px;
  background:#fff;transition:.22s ease;
}
.path-v3:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(17,17,17,.06)}
.path-v3-num{font-size:.76rem;font-weight:850;color:var(--blue)}
.path-v3-label{font-size:.75rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.path-v3 h3{margin-top:11px}
.path-v3 p{margin:13px 0 0;color:var(--muted)}
.path-v3-arrow{font-size:1.3rem}
.path-v3-dark{
  color:#fff;border-color:transparent;
  background:linear-gradient(145deg,#19005b,var(--violet),var(--blue));
}
.path-v3-dark .path-v3-num,.path-v3-dark .path-v3-label{color:#dce3ff}
.path-v3-dark p{color:#e7e9f8}
.path-v3-accent{
  background:linear-gradient(145deg,#f6f4ff,#eef5ff);
  border-color:#dfe3f5;
}

/* MANIFESTO */
.manifesto-v3{
  padding:84px 0;color:#fff;
  background:
    radial-gradient(circle at 85% 15%,rgba(110,160,250,.24),transparent 25%),
    linear-gradient(120deg,#16004f 0%,var(--violet) 52%,var(--blue) 100%);
}
.manifesto-v3-grid{
  display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;
}
.manifesto-v3 p{margin:0;color:#e9eaf5;font-size:1.08rem}
.manifesto-v3 a{display:inline-block;margin-top:18px;color:#fff;font-weight:780}

/* ACADEMIA / BOOK MOCKUPS */
.editorial-v3{padding:94px 0}
.editorial-v3-grid{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}
.tags-v3{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}
.tags-v3 span{
  padding:8px 12px;border-radius:999px;background:#EFF1FF;
  color:var(--blue);font-size:.8rem;font-weight:750;
}
.book-stage-v3{
  position:relative;
  min-height:500px;
  border-radius:30px;
  background:linear-gradient(145deg,#f2f1fb,#edf4ff);
  border:1px solid var(--line);
  overflow:hidden;
}
.book-v3{
  position:absolute;
  width:250px;height:350px;
  padding:25px;
  display:flex;flex-direction:column;
  color:#fff;border-radius:8px;
  box-shadow:0 25px 50px rgba(17,17,17,.18);
}
.book-v3 small{font-size:.7rem;letter-spacing:.12em;font-weight:850}
.book-v3 strong{margin-top:auto;font-size:2.4rem;line-height:.92;letter-spacing:-.055em}
.book-v3 span{margin-top:12px;font-size:.76rem}
.book-v3-front{
  right:70px;bottom:55px;z-index:2;
  transform:rotate(5deg);
  background:linear-gradient(160deg,var(--violet),var(--blue),var(--sky));
}
.book-v3-back{
  left:65px;top:50px;z-index:1;
  transform:rotate(-7deg);
  background:linear-gradient(160deg,#111,#2a2a35);
}

/* PODCAST */
.podcast-v3{padding:94px 0;background:#fff}
.podcast-v3-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:66px;align-items:center}
.podcast-cover-v3{
  aspect-ratio:1/1;padding:30px;
  display:flex;flex-direction:column;justify-content:space-between;
  color:#fff;border-radius:30px;
  background:
    radial-gradient(circle at 80% 15%,rgba(255,255,255,.22),transparent 24%),
    linear-gradient(145deg,var(--violet),var(--electric),var(--sky));
  box-shadow:0 24px 58px rgba(39,1,132,.15);
}
.podcast-cover-v3-top{font-size:.72rem;font-weight:850;letter-spacing:.12em}
.podcast-cover-v3-title{font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:.9;font-weight:850;letter-spacing:-.06em}
.podcast-cover-v3-bottom{font-size:.82rem}

/* CTA */
.cta-v3{padding:82px 0}
.cta-v3-box{
  display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;
  padding:42px;color:#fff;border-radius:30px;
  background:linear-gradient(120deg,var(--violet),var(--blue),var(--sky));
}
.cta-v3-box h2{max-width:820px}

/* INNER PAGES: maintain compatibility */
.section{padding:88px 0}
.section-alt{background:#fff}
.section-head{max-width:760px;margin-bottom:40px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.card{border:1px solid var(--line);border-radius:24px;background:#fff;padding:28px}
.card p{color:var(--muted)}
.card-kicker{font-size:.78rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--blue)}
.icon-badge{width:44px;height:44px;border-radius:14px;margin-bottom:18px;display:grid;place-items:center;color:#fff;font-weight:850;background:linear-gradient(145deg,var(--violet),var(--sky))}
.feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.feature img{border-radius:32px;background:linear-gradient(145deg,#f2f3ff,#eef7ff);border:1px solid var(--line);box-shadow:var(--shadow)}
.list{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}
.list li{display:flex;gap:12px;align-items:flex-start}
.list li::before{content:"✓";flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.8rem;font-weight:900;background:var(--blue)}
.quote{padding:34px;border-radius:28px;color:#fff;background:linear-gradient(120deg,var(--violet),var(--blue),var(--sky))}
.podcast-cover{aspect-ratio:1/1;border-radius:32px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(145deg,var(--violet),var(--electric),var(--sky))}
.podcast-cover strong{font-size:clamp(2.2rem,4vw,4rem);line-height:.95}
.page-hero{padding:76px 0 50px}
.page-hero p{max-width:760px;color:var(--muted)}
.article p{font-size:1.05rem;color:#4D4F5D}
.badge-row{display:flex;gap:10px;flex-wrap:wrap}
.badge{padding:8px 12px;border-radius:999px;background:#F0F2FF;color:var(--blue);font-weight:750;font-size:.86rem}
.timeline{display:grid;gap:16px}
.timeline-item{border-left:3px solid var(--blue);padding:4px 0 4px 20px}
.timeline-item strong{display:block;color:var(--violet)}
.form{display:grid;gap:16px}
.field{display:grid;gap:7px}
label{font-weight:700;font-size:.93rem}
input,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 15px;outline:none}
textarea{min-height:150px;resize:vertical}

/* FOOTER */
.site-footer{padding:50px 0 30px;background:#0E0E14;color:#E8E8EF;margin-top:70px}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:36px}
.footer-brand img{width:190px}
.footer-copy{color:#A9AABD;max-width:520px}
.footer-title{font-weight:800;margin-bottom:12px}
.footer-links{display:grid;gap:9px;color:#C8C9D5}
.footer-bottom{border-top:1px solid #24242F;margin-top:32px;padding-top:20px;color:#8D8FA2;font-size:.9rem}

/* TABLET: mantener hero en 2 columnas hasta 760px */
@media(max-width:900px){
  .container{width:min(calc(100% - 34px),var(--max))}
  .hero-v3-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:28px}
  h1{font-size:clamp(2.45rem,4.6vw,3.55rem)}
  .hero-v3-visual{height:480px}
  .portrait-v3{height:465px}
  .portrait-v3-bg{width:345px;height:430px}
  .portrait-v3-note{display:none}
  .proof-v3{grid-template-columns:1fr}
  .proof-v3 div{padding:10px 12px}
  .paths-grid-v3,.grid-3{grid-template-columns:1fr 1fr}
  .editorial-v3-grid,.podcast-v3-grid,.manifesto-v3-grid,.grid-2,.feature{gap:38px}
  .book-v3{width:210px;height:300px}
  .book-v3-front{right:35px}
  .book-v3-back{left:35px}
}

/* MOBILE only */
@media(max-width:760px){
  .nav{min-height:76px}
  .brand img{width:172px;max-height:34px}
  .nav-links{
    position:absolute;left:16px;right:16px;top:74px;
    display:none;flex-direction:column;align-items:stretch;
    gap:0;padding:14px;border:1px solid var(--line);border-radius:18px;
    background:rgba(250,250,248,.99);box-shadow:var(--shadow);
  }
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 10px}
  .menu-btn{display:block}
  .hero-v3{padding:38px 0 48px}
  .hero-v3-grid,
  .manifesto-v3-grid,
  .editorial-v3-grid,
  .podcast-v3-grid,
  .feature,
  .grid-2{grid-template-columns:1fr}
  h1{font-size:clamp(2.35rem,10.5vw,3.25rem)}
  h2{font-size:clamp(1.9rem,8vw,2.55rem)}
  .hero-v3-visual{height:420px;margin-top:12px}
  .portrait-v3{height:405px}
  .portrait-v3-bg{width:330px;height:380px;right:50%;transform:translateX(50%)}
  .proof-v3{grid-template-columns:repeat(3,1fr)}
  .proof-v3 span{font-size:.7rem}
  .paths-grid-v3,.grid-3{grid-template-columns:1fr}
  .path-v3{min-height:auto}
  .paths-v3,.manifesto-v3,.editorial-v3,.podcast-v3{padding:68px 0}
  .book-stage-v3{min-height:410px}
  .book-v3{width:180px;height:260px;padding:20px}
  .book-v3 strong{font-size:1.9rem}
  .book-v3-back{left:22px;top:48px}
  .book-v3-front{right:22px;bottom:45px}
  .cta-v3{padding:68px 0}
  .cta-v3-box{grid-template-columns:1fr;padding:28px 24px}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .container{width:min(calc(100% - 26px),var(--max))}
  .proof-v3{grid-template-columns:1fr}
  .hero-v3-visual{height:365px}
  .portrait-v3{height:350px}
  .portrait-v3-bg{width:285px;height:330px}
}

/* =========================================================
   PROFEMADD V4 — CORRECCIÓN FINAL PORTADA + LOGO
   ========================================================= */

/* Logo: un poco menor que la versión anterior, pero claramente visible */
.site-header{
  min-height:92px !important;
}
.site-header .nav{
  min-height:92px !important;
  height:92px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:30px !important;
}
.site-header .brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 204px !important;
  width:204px !important;
  min-width:204px !important;
  max-width:204px !important;
  overflow:visible !important;
}
.site-header .brand img{
  display:block !important;
  width:204px !important;
  min-width:204px !important;
  max-width:204px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}
.site-header .nav-links{
  margin-left:auto !important;
}

/* PORTADA EN ESCRITORIO:
   se fuerza FLEX para impedir que la foto caiga debajo del texto */
.hero-v3{
  padding:54px 0 58px !important;
}
.hero-v3 .container.hero-v3-grid{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:52px !important;
}
.hero-v3-copy{
  flex:0 1 56% !important;
  width:56% !important;
  max-width:650px !important;
  min-width:0 !important;
}
.hero-v3-visual{
  flex:0 0 42% !important;
  width:42% !important;
  min-width:360px !important;
  height:545px !important;
  margin:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  position:relative !important;
}
.portrait-v3{
  position:relative !important;
  z-index:2 !important;
  height:525px !important;
  width:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  margin:0 auto !important;
}
.portrait-v3-bg{
  width:395px !important;
  height:485px !important;
  right:50% !important;
  bottom:0 !important;
  transform:translateX(50%) !important;
}
.portrait-v3-note{
  left:0 !important;
  bottom:25px !important;
}

/* Títulos un poco más contenidos */
.hero-v3 h1{
  font-size:clamp(2.65rem,4.15vw,4.05rem) !important;
  line-height:1.02 !important;
}

/* Tablet horizontal: sigue en dos columnas */
@media (max-width: 980px) and (min-width: 761px){
  .site-header .brand{
    flex-basis:176px !important;
    width:176px !important;
    min-width:176px !important;
    max-width:176px !important;
  }
  .site-header .brand img{
    width:176px !important;
    min-width:176px !important;
    max-width:176px !important;
  }
  .hero-v3 .container.hero-v3-grid{
    gap:28px !important;
  }
  .hero-v3-copy{
    flex-basis:55% !important;
    width:55% !important;
  }
  .hero-v3-visual{
    flex-basis:43% !important;
    width:43% !important;
    min-width:300px !important;
    height:470px !important;
  }
  .portrait-v3{
    height:455px !important;
  }
  .portrait-v3-bg{
    width:330px !important;
    height:420px !important;
  }
  .portrait-v3-note{
    display:none !important;
  }
  .hero-v3 h1{
    font-size:clamp(2.35rem,4.5vw,3.35rem) !important;
  }
}

/* Solo en móvil la foto baja debajo del texto */
@media (max-width: 760px){
  .site-header{
    min-height:80px !important;
  }
  .site-header .nav{
    min-height:80px !important;
    height:80px !important;
  }
  .site-header .brand{
    flex-basis:152px !important;
    width:152px !important;
    min-width:152px !important;
    max-width:152px !important;
  }
  .site-header .brand img{
    width:152px !important;
    min-width:152px !important;
    max-width:152px !important;
  }

  .hero-v3 .container.hero-v3-grid{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:24px !important;
  }
  .hero-v3-copy,
  .hero-v3-visual{
    width:100% !important;
    max-width:none !important;
    flex:0 0 auto !important;
  }
  .hero-v3-visual{
    min-width:0 !important;
    height:390px !important;
  }
  .portrait-v3{
    height:380px !important;
  }
  .portrait-v3-bg{
    width:300px !important;
    height:350px !important;
  }
}


/* =========================================================
   PROFEMADD V5 — AJUSTE DE MENSAJES EN PORTADA
   ========================================================= */

/* Titular principal en dos líneas */
.hero-v3 h1{
  max-width: 760px !important;
}
.hero-v3 h1 .gradient-text{
  display:inline-block !important;
}

/* Recuadro de la foto con nueva frase */
.portrait-v3-note{
  width:280px !important;
  min-height:auto !important;
  padding:16px 18px !important;
}
.portrait-v3-note strong{
  display:block !important;
  font-size:0.98rem !important;
  line-height:1.25 !important;
  color:var(--violet) !important;
}
.portrait-v3-note span{
  display:block !important;
  margin-top:6px !important;
  font-size:0.92rem !important;
  line-height:1.38 !important;
  color:var(--muted) !important;
}

@media (max-width: 980px) and (min-width: 761px){
  .portrait-v3-note{
    width:250px !important;
  }
}

@media (max-width: 760px){
  .portrait-v3-note{
    width:245px !important;
    left:8px !important;
    bottom:20px !important;
    display:block !important;
  }
  .portrait-v3-note strong{
    font-size:0.92rem !important;
  }
  .portrait-v3-note span{
    font-size:0.86rem !important;
  }
}


/* =========================================================
   PROFEMADD — QUIÉN SOY
   ========================================================= */

.perfil-profesional{
  max-width:1050px !important;
  line-height:1.75 !important;
}

.quien-soy-grid{
  align-items:start !important;
}

.profemadd-story{
  padding:34px 36px !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 85% 10%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(145deg,var(--violet),var(--blue),var(--sky)) !important;
  box-shadow:0 22px 54px rgba(39,1,132,.16) !important;
}

.profemadd-story p{
  margin:0 0 17px !important;
  color:#F2F4FF !important;
  font-size:0.98rem !important;
  line-height:1.68 !important;
}

.profemadd-story p:last-child{
  margin-bottom:0 !important;
}

.profemadd-story strong{
  color:#FFFFFF !important;
  font-weight:800 !important;
}

.profemadd-signoff{
  padding-top:16px !important;
  margin-top:22px !important;
  border-top:1px solid rgba(255,255,255,.25) !important;
  font-size:1.03rem !important;
}

@media(max-width:760px){
  .profemadd-story{
    padding:26px 24px !important;
  }

  .profemadd-story p{
    font-size:0.94rem !important;
  }

  .perfil-profesional{
    line-height:1.65 !important;
  }
}


/* =========================================================
   PROFEMADD — PODMADD / PODCAST
   ========================================================= */

.podcast-hero{
  padding-bottom:62px !important;
}

.podmadd-intro{
  max-width:820px;
  margin-top:22px;
}

.podmadd-name{
  display:block;
  margin-bottom:8px;
  color:var(--violet);
  font-size:clamp(1.4rem,2vw,1.8rem);
  font-weight:850;
  letter-spacing:-.03em;
}

.podmadd-intro p{
  margin:0;
  color:var(--muted);
  font-size:1.08rem;
  line-height:1.7;
}

.podcast-feature-section{
  padding-top:82px !important;
}

.podmadd-cover{
  min-height:460px;
}

.podmadd-topics{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
}

.podmadd-topics span{
  padding:8px 12px;
  border-radius:999px;
  background:#EFF1FF;
  color:var(--blue);
  font-size:.8rem;
  font-weight:750;
}

.spotify-library{
  background:var(--paper);
}

.spotify-heading{
  max-width:760px;
  margin-bottom:38px;
}

.spotify-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.spotify-card{
  min-height:290px;
  display:flex;
  flex-direction:column;
  padding:24px;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 10px 30px rgba(17,17,17,.035);
  transition:.22s ease;
}

.spotify-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(17,17,17,.07);
}

.spotify-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:24px;
}

.spotify-number{
  color:var(--violet);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.08em;
}

.spotify-badge{
  padding:6px 10px;
  border-radius:999px;
  background:#F0F1F6;
  color:#30313D;
  font-size:.72rem;
  font-weight:800;
}

.spotify-card-body{
  flex:1;
}

.spotify-card-body h3{
  margin-bottom:12px;
}

.spotify-card-body p{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
  line-height:1.6;
}

.spotify-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  margin-top:24px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--violet),var(--electric));
  color:#fff;
  font-size:.86rem;
  font-weight:780;
}

.spotify-button-disabled{
  background:#ECEEF5;
  color:#8A8D9B;
  cursor:default;
}

.podcast-cta{
  padding:20px 0 90px;
}

@media(max-width:980px){
  .spotify-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){
  .spotify-grid{
    grid-template-columns:1fr;
  }

  .podmadd-cover{
    min-height:auto;
  }

  .podmadd-intro p{
    font-size:1rem;
  }
}


/* =========================================================
   PODMADD V2 — DISEÑO VISUAL + REPRODUCTORES SPOTIFY
   ========================================================= */

.podmadd-hero{
  position:relative;
  overflow:hidden;
  padding:78px 0 76px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 18%,rgba(110,160,250,.30),transparent 25%),
    radial-gradient(circle at 15% 95%,rgba(82,118,239,.22),transparent 27%),
    linear-gradient(125deg,#140047 0%,#270184 45%,#4354D4 78%,#6EA0FA 100%);
}

.podmadd-hero::after{
  content:"";
  position:absolute;
  width:520px;height:520px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  right:-190px;bottom:-310px;
}

.podmadd-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:64px;
  align-items:center;
}

.podmadd-hero h1{
  max-width:700px;
  color:#fff;
  font-size:clamp(2.8rem,4.7vw,4.8rem);
}

.podmadd-hero h1 span{
  color:#AFCBFF;
}

.podmadd-brandline{
  margin:10px 0 12px;
  font-size:clamp(2rem,3vw,3rem);
  line-height:1;
  font-weight:850;
  letter-spacing:-.045em;
}

.podmadd-hero p{
  max-width:670px;
  margin:0;
  color:#E8EBFA;
  font-size:1.06rem;
  line-height:1.72;
}

.podmadd-kicker-light{
  color:#fff !important;
}

.podmadd-kicker-light::before{
  background:rgba(255,255,255,.72) !important;
}

.podmadd-hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:25px;
}

.podmadd-hero-tags span{
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:#fff;
  font-size:.77rem;
  font-weight:750;
  backdrop-filter:blur(6px);
}

.podmadd-sound-card{
  position:relative;
  min-height:440px;
  padding:34px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:34px;
  background:
    linear-gradient(160deg,rgba(255,255,255,.15),rgba(255,255,255,.05));
  box-shadow:0 28px 70px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
}

.podmadd-sound-card small{
  position:absolute;
  top:30px;left:32px;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.12em;
}

.podmadd-sound-card strong{
  position:relative;
  z-index:2;
  font-size:clamp(4rem,7vw,6.4rem);
  line-height:.78;
  letter-spacing:-.075em;
}

.podmadd-sound-card > span{
  position:relative;
  z-index:2;
  margin-top:24px;
  color:#E7EBFB;
  font-size:.88rem;
}

.sound-bars{
  position:absolute;
  inset:55px 30px auto 30px;
  height:190px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  opacity:.8;
}

.sound-bars i{
  width:10px;
  border-radius:999px;
  background:linear-gradient(to top,#fff,#AFCBFF);
}

.sound-bars i:nth-child(1){height:35px}
.sound-bars i:nth-child(2){height:78px}
.sound-bars i:nth-child(3){height:125px}
.sound-bars i:nth-child(4){height:85px}
.sound-bars i:nth-child(5){height:170px}
.sound-bars i:nth-child(6){height:115px}
.sound-bars i:nth-child(7){height:150px}
.sound-bars i:nth-child(8){height:72px}
.sound-bars i:nth-child(9){height:42px}

.podmadd-library{
  padding:96px 0;
  background:
    linear-gradient(180deg,#fff 0%,#F7F8FC 100%);
}

.podmadd-library-head{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:60px;
  align-items:end;
  margin-bottom:42px;
}

.podmadd-library-head p{
  margin:0;
  color:var(--muted);
  font-size:1rem;
  line-height:1.7;
}

.podmadd-episodes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.podmadd-episode{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  padding:26px;
  border:1px solid #E4E6EF;
  border-radius:28px;
  background:#fff;
  box-shadow:0 12px 34px rgba(17,17,17,.045);
}

.podmadd-featured{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:34px;
  align-items:center;
  color:#fff;
  border-color:transparent;
  background:
    radial-gradient(circle at 90% 10%,rgba(255,255,255,.17),transparent 22%),
    linear-gradient(125deg,#1B005B,var(--violet),var(--blue));
  box-shadow:0 22px 52px rgba(39,1,132,.15);
}

.podmadd-episode-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:17px;
  color:var(--blue);
  font-size:.74rem;
  font-weight:850;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.podmadd-featured .podmadd-episode-meta{
  color:#DCE4FF;
}

.podmadd-platform{
  padding:5px 9px;
  border-radius:999px;
  background:#F0F2F7;
  color:#454858;
  letter-spacing:0;
  text-transform:none;
}

.podmadd-featured .podmadd-platform{
  background:rgba(255,255,255,.13);
  color:#fff;
}

.podmadd-episode h3{
  margin-bottom:13px;
  font-size:clamp(1.2rem,1.8vw,1.52rem);
}

.podmadd-episode p{
  margin:0;
  color:var(--muted);
  font-size:.93rem;
  line-height:1.65;
}

.podmadd-featured p{
  color:#E7EAF8;
}

.podmadd-player{
  width:100%;
  min-width:0;
}

.podmadd-player iframe{
  display:block;
  width:100%;
  min-height:152px;
  background:transparent;
}

.podmadd-closing{
  padding:0 0 90px;
  background:#F7F8FC;
}

.podmadd-closing-box{
  display:grid;
  grid-template-columns:1fr auto;
  gap:40px;
  align-items:center;
  padding:42px;
  color:#fff;
  border-radius:32px;
  background:linear-gradient(120deg,var(--violet),var(--blue),var(--sky));
}

.podmadd-closing-box h2{
  max-width:800px;
}

@media(max-width:900px){
  .podmadd-hero-grid,
  .podmadd-library-head{
    grid-template-columns:1fr;
    gap:34px;
  }

  .podmadd-sound-card{
    min-height:360px;
  }

  .podmadd-featured{
    grid-template-columns:1fr;
  }

  .podmadd-closing-box{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .podmadd-hero{
    padding:58px 0;
  }

  .podmadd-episodes{
    grid-template-columns:1fr;
  }

  .podmadd-featured{
    grid-column:auto;
  }

  .podmadd-library{
    padding:72px 0;
  }

  .podmadd-sound-card{
    min-height:330px;
  }

  .podmadd-closing-box{
    padding:28px 24px;
  }
}