/* ============================================================
   TESTIMONIOS, FAQ, URGENCIA, MODAL LEAD MAGNET, FOOTER LEGAL
   Coherente con la paleta dorado/negro de Voz de Autoridad
   ============================================================ */

/* ============== TESTIMONIOS ============== */
.testimonials-block{
  width:100%;
  max-width:1180px;
  margin:clamp(40px,6vw,80px) auto 0;
  padding:clamp(28px,4vw,48px) clamp(16px,3vw,32px);
  position:relative;
  z-index:2;
}

.testimonials-head{
  text-align:center;
  max-width:780px;
  margin:0 auto clamp(28px,4vw,42px);
}

.testimonials-eyebrow{
  display:inline-block;
  padding:7px 16px;
  margin-bottom:16px;
  border:1px solid rgba(212,175,55,.30);
  border-radius:999px;
  color:#f8df86;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  font-size:.72rem;
  background:rgba(212,175,55,.06);
}

.testimonials-head h2{
  font-family:'Cinzel',serif;
  text-transform:uppercase;
  color:#fff;
  font-size:clamp(1.55rem,3vw,2.6rem);
  line-height:1.1;
  letter-spacing:-.02em;
  margin-bottom:14px;
}

.testimonials-head p{
  color:#dcdcdc;
  font-size:clamp(.98rem,1.1vw,1.1rem);
  line-height:1.6;
}

.testimonials-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  align-items:stretch;
}

.testimonial-card{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:18px;
  border:1px solid rgba(212,175,55,.22);
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.030),rgba(255,255,255,.010)),
    rgba(8,8,8,.92);
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  transition:transform .25s ease, border-color .25s ease;
}

.testimonial-card:hover{
  transform:translateY(-4px);
  border-color:rgba(212,175,55,.45);
}

.testimonial-video-wrap{
  width:100%;
  aspect-ratio:9 / 16;
  border-radius:16px;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(212,175,55,.20);
  margin-bottom:16px;
}

.testimonial-video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.testimonial-body{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  padding:0 4px 4px;
}

.testimonial-name{
  display:block;
  color:#fff;
  font-family:'Cinzel',serif;
  font-size:1.15rem;
  line-height:1.2;
  margin-bottom:4px;
  text-transform:uppercase;
  letter-spacing:.01em;
}

.testimonial-role{
  display:block;
  color:#f8df86;
  font-size:.82rem;
  line-height:1.4;
  margin-bottom:12px;
  font-weight:600;
}

.testimonial-role i{
  font-style:italic;
  color:#f8df86;
  opacity:.92;
}

.testimonial-quote{
  color:#e2e2e2;
  font-size:.95rem;
  line-height:1.55;
  font-style:italic;
  position:relative;
  padding-left:14px;
  border-left:2px solid #d4af37;
}

@media (max-width:980px){
  .testimonials-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .testimonial-video-wrap{
    max-width:340px;
    margin:0 auto 16px;
  }
}

/* ============== URGENCIA REAL ============== */
.urgency-block{
  width:100%;
  max-width:1080px;
  margin:clamp(36px,5vw,60px) auto 0;
  padding:0 clamp(16px,3vw,32px);
  position:relative;
  z-index:2;
}

.urgency-inner{
  position:relative;
  padding:clamp(26px,3.5vw,42px) clamp(22px,3vw,36px);
  border:1px solid rgba(212,175,55,.32);
  border-radius:24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(212,175,55,.10), transparent 40%),
    radial-gradient(circle at 100% 100%, rgba(91,30,45,.18), transparent 40%),
    rgba(8,8,8,.94);
  text-align:center;
  overflow:hidden;
}

.urgency-eyebrow{
  display:inline-block;
  padding:6px 14px;
  margin-bottom:14px;
  border:1px solid rgba(212,175,55,.36);
  border-radius:999px;
  color:#f8df86;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  font-size:.7rem;
  background:rgba(212,175,55,.08);
}

.urgency-inner h3{
  font-family:'Cinzel',serif;
  text-transform:uppercase;
  color:#fff;
  font-size:clamp(1.35rem,2.4vw,2.05rem);
  line-height:1.1;
  margin-bottom:12px;
  letter-spacing:-.01em;
}

.urgency-inner p{
  color:#dcdcdc;
  font-size:1rem;
  line-height:1.6;
  max-width:620px;
  margin:0 auto 22px;
}

.urgency-inner p b{
  color:#f8df86;
}

.urgency-btn{
  display:inline-block;
  padding:16px 30px;
  border-radius:14px;
  color:#070707;
  background:linear-gradient(180deg,#ffe897,#d4af37 55%,#9e6c15);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:900;
  font-size:.9rem;
  box-shadow:0 14px 36px rgba(212,175,55,.22);
  transition:transform .18s ease, filter .18s ease;
}

.urgency-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}

/* ============== FAQ ============== */
.faq-block{
  width:100%;
  max-width:920px;
  margin:clamp(40px,6vw,80px) auto clamp(40px,5vw,70px);
  padding:0 clamp(16px,3vw,32px);
  position:relative;
  z-index:2;
}

.faq-head{
  text-align:center;
  margin-bottom:clamp(24px,3vw,36px);
}

.faq-eyebrow{
  display:inline-block;
  padding:7px 16px;
  margin-bottom:14px;
  border:1px solid rgba(212,175,55,.30);
  border-radius:999px;
  color:#f8df86;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  font-size:.72rem;
  background:rgba(212,175,55,.06);
}

.faq-head h2{
  font-family:'Cinzel',serif;
  text-transform:uppercase;
  color:#fff;
  font-size:clamp(1.4rem,2.6vw,2.3rem);
  line-height:1.1;
  letter-spacing:-.01em;
}

.faq-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.faq-item{
  padding:0;
  border:1px solid rgba(212,175,55,.20);
  border-radius:16px;
  background:rgba(8,8,8,.85);
  overflow:hidden;
  transition:border-color .2s ease;
}

.faq-item[open]{
  border-color:rgba(212,175,55,.42);
}

.faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:18px 22px;
  color:#fff;
  font-weight:700;
  font-size:1rem;
  line-height:1.4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  user-select:none;
}

.faq-item summary::-webkit-details-marker{display:none}

.faq-item summary::after{
  content:"+";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:28px;
  height:28px;
  border-radius:50%;
  background:linear-gradient(180deg,#ffe897,#d4af37);
  color:#070707;
  font-size:1.1rem;
  font-weight:900;
  transition:transform .25s ease;
}

.faq-item[open] summary::after{
  content:"−";
  transform:rotate(180deg);
}

.faq-answer{
  padding:0 22px 20px;
  color:#dcdcdc;
  line-height:1.65;
  font-size:.96rem;
}

.faq-answer p{
  margin:0;
}

/* ============== MODAL LEAD MAGNET ============== */
.lm-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.lm-modal.active{
  display:flex;
}

.lm-modal-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.lm-modal-box{
  position:relative;
  width:100%;
  max-width:480px;
  padding:clamp(24px,4vw,36px);
  border:1px solid rgba(212,175,55,.32);
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    rgba(6,6,6,.98);
  box-shadow:0 38px 100px rgba(0,0,0,.65);
  text-align:left;
  max-height:90vh;
  overflow-y:auto;
}

.lm-close{
  position:absolute;
  top:14px;
  right:14px;
  width:34px;
  height:34px;
  border:1px solid rgba(212,175,55,.30);
  border-radius:50%;
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:1.2rem;
  cursor:pointer;
  line-height:1;
  transition:background .2s ease, transform .2s ease;
}

.lm-close:hover{
  background:rgba(212,175,55,.12);
  transform:rotate(90deg);
}

.lm-eyebrow{
  display:inline-block;
  padding:5px 12px;
  margin-bottom:14px;
  border:1px solid rgba(212,175,55,.30);
  border-radius:999px;
  color:#f8df86;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  font-size:.68rem;
  background:rgba(212,175,55,.06);
}

.lm-modal-box h3{
  font-family:'Cinzel',serif;
  text-transform:uppercase;
  color:#fff;
  font-size:clamp(1.3rem,2.4vw,1.8rem);
  line-height:1.15;
  margin-bottom:10px;
  letter-spacing:-.01em;
}

.lm-desc{
  color:#dcdcdc;
  font-size:.96rem;
  line-height:1.55;
  margin-bottom:18px;
}

.lm-desc b{color:#f8df86}

.lm-modal-box form{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.lm-modal-box input,
.lm-modal-box select{
  width:100%;
  padding:13px 14px;
  border:1px solid rgba(212,175,55,.24);
  border-radius:12px;
  background:rgba(255,255,255,.03);
  color:#fff;
  font-size:.95rem;
  font-family:inherit;
  outline:none;
  transition:border-color .2s ease, background .2s ease;
}

.lm-modal-box input:focus,
.lm-modal-box select:focus{
  border-color:rgba(212,175,55,.55);
  background:rgba(255,255,255,.055);
}

.lm-modal-box input::placeholder{
  color:#9d9d9d;
}

.lm-modal-box select{
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3e%3cpath fill='%23d4af37' d='M6 8L0 0h12z'/%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:36px;
}

.lm-modal-box select option{
  background:#0a0a0a;
  color:#fff;
}

.lm-submit{
  margin-top:6px;
  padding:15px 18px;
  border:0;
  border-radius:12px;
  color:#070707;
  background:linear-gradient(180deg,#ffe897,#d4af37 55%,#9e6c15);
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:900;
  font-size:.92rem;
  cursor:pointer;
  box-shadow:0 14px 32px rgba(212,175,55,.22);
  transition:transform .18s ease, filter .18s ease;
}

.lm-submit:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}

.lm-submit:disabled{
  opacity:.6;
  cursor:not-allowed;
  transform:none;
}

.lm-message{
  margin:8px 0 0;
  font-size:.86rem;
  color:#f8df86;
  text-align:center;
  min-height:18px;
}

.lm-message.error{
  color:#ff9a9a;
}

.lm-privacy{
  display:block;
  margin-top:14px;
  color:#9a9a9a;
  font-size:.78rem;
  text-align:center;
}

.lm-privacy a{
  color:#f8df86;
  text-decoration:none;
}

.lm-privacy a:hover{
  text-decoration:underline;
}

/* ============== FOOTER LEGAL ============== */
.legal-footer{
  width:100%;
  margin-top:clamp(40px,5vw,60px);
  padding:clamp(20px,3vw,30px) clamp(16px,3vw,32px);
  border-top:1px solid rgba(212,175,55,.15);
  background:rgba(0,0,0,.85);
}

.legal-inner{
  max-width:1180px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center;
}

.legal-inner p{
  color:#9a9a9a;
  font-size:.82rem;
  margin:0;
}

.legal-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.legal-links a{
  color:#f8df86;
  text-decoration:none;
  font-size:.82rem;
  font-weight:600;
}

.legal-links a:hover{
  text-decoration:underline;
}

.legal-links span{
  color:#555;
  font-size:.82rem;
}

@media (max-width:560px){
  .testimonial-card{padding:14px}
  .urgency-inner{padding:24px 18px}
  .faq-item summary{padding:16px 18px;font-size:.94rem}
  .faq-answer{padding:0 18px 18px;font-size:.92rem}
}


/* ============================================================
   ENTREGA #3 — BLOQUES NUEVOS (CAMINO B + IMÁGENES + INDICADOR SUAVE)
   No tocar las reglas existentes; solo se añaden las siguientes.
   ============================================================ */

/* ============== BOOK MOCKUP en el Hero (reemplaza el aviso) ============== */
.book-mockup-block{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px 18px;
  border:1px solid rgba(212,175,55,.22);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.10), transparent 55%),
    rgba(6,6,6,.92);
  box-shadow:0 30px 70px rgba(0,0,0,.55);
  text-align:center;
  overflow:hidden;
}

.book-mockup-wrap{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
}

.book-mockup-img{
  max-width:100%;
  max-height:480px;
  width:auto;
  height:auto;
  display:block;
  filter:drop-shadow(0 22px 48px rgba(0,0,0,.55));
  transition:transform .35s ease;
}

.book-mockup-block:hover .book-mockup-img{
  transform:translateY(-4px) scale(1.015);
}

.book-mockup-caption{
  max-width:340px;
  margin:0 auto;
}

.book-mockup-eyebrow{
  display:inline-block;
  padding:5px 12px;
  margin-bottom:10px;
  border:1px solid rgba(212,175,55,.36);
  border-radius:999px;
  color:#f8df86;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  font-size:.66rem;
  background:rgba(212,175,55,.08);
}

.book-mockup-caption h3{
  font-family:'Cinzel',serif;
  text-transform:uppercase;
  color:#fff;
  font-size:1.1rem;
  line-height:1.15;
  margin:0 0 8px;
  letter-spacing:.02em;
}

.book-mockup-caption p{
  color:#dcdcdc;
  font-size:.88rem;
  line-height:1.55;
  margin:0;
}

.book-mockup-caption p i{
  color:#f8df86;
  font-style:italic;
}

/* ============== MAIN CTA BLOCK (movido desde el Hero) ============== */
.main-cta-block{
  width:100%;
  max-width:780px;
  margin:clamp(40px,6vw,72px) auto 0;
  padding:0 clamp(16px,3vw,32px);
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
}

/* Forzamos que el .notice dentro del CTA principal se vea bien centrado y
   con buen ancho, sin depender del grid del hero original. */
.main-cta-block .main-cta-notice{
  width:100%;
  max-width:680px;
  margin:0 auto;
}

/* ============== INDICADOR SUAVE: flecha animada + microlink ============== */
.cta-hint{
  margin-top:22px;
  text-align:center;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.cta-hint-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#bfae74;
  font-size:.88rem;
  font-weight:600;
  text-decoration:none;
  letter-spacing:.02em;
  padding:6px 4px;
  border-bottom:1px dashed rgba(212,175,55,.32);
  transition:color .2s ease, border-color .2s ease;
}

.cta-hint-link:hover,
.cta-hint-link:focus{
  color:#f8df86;
  border-bottom-color:rgba(212,175,55,.7);
  outline:none;
}

.cta-hint-arrow{
  display:inline-block;
  font-size:1rem;
  line-height:1;
  animation:ctaHintBounce 1.8s ease-in-out infinite;
}

@keyframes ctaHintBounce{
  0%, 100% { transform:translateY(0); opacity:.7; }
  50%      { transform:translateY(4px); opacity:1; }
}

/* ============== ESTO ES LO QUE RECIBIRÁS ============== */
.receive-block{
  width:100%;
  max-width:1180px;
  margin:clamp(48px,6vw,90px) auto 0;
  padding:0 clamp(16px,3vw,32px);
  position:relative;
  z-index:2;
}

.receive-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(24px,4vw,56px);
  align-items:center;
  padding:clamp(26px,4vw,46px);
  border:1px solid rgba(212,175,55,.22);
  border-radius:24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(212,175,55,.06), transparent 50%),
    rgba(6,6,6,.92);
  box-shadow:0 26px 64px rgba(0,0,0,.5);
}

.receive-image{
  display:flex;
  align-items:center;
  justify-content:center;
}

.receive-image img{
  max-width:100%;
  height:auto;
  display:block;
  border-radius:14px;
  filter:drop-shadow(0 20px 44px rgba(0,0,0,.5));
}

.receive-eyebrow{
  display:inline-block;
  padding:6px 14px;
  margin-bottom:14px;
  border:1px solid rgba(212,175,55,.36);
  border-radius:999px;
  color:#f8df86;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  font-size:.7rem;
  background:rgba(212,175,55,.08);
}

.receive-copy h2{
  font-family:'Cinzel',serif;
  text-transform:uppercase;
  color:#fff;
  font-size:clamp(1.35rem,2.4vw,2rem);
  line-height:1.15;
  margin-bottom:18px;
  letter-spacing:-.01em;
}

.receive-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.receive-list li{
  position:relative;
  padding:10px 14px 10px 36px;
  color:#dcdcdc;
  font-size:.96rem;
  line-height:1.55;
  border:1px solid rgba(212,175,55,.14);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}

.receive-list li::before{
  content:"✓";
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#ffe897,#d4af37);
  color:#070707;
  font-size:.82rem;
  font-weight:900;
  border-radius:50%;
}

.receive-list b{color:#f8df86; font-weight:700;}
.receive-list i{color:#f8df86; font-style:italic;}

@media (max-width:860px){
  .receive-grid{
    grid-template-columns:1fr;
    gap:24px;
    padding:24px 18px;
  }
  .receive-image{order:-1; width:100%; overflow:hidden}
  .receive-image img{max-width:100%; width:100%; height:auto}
  .receive-copy h2{overflow-wrap:break-word; word-wrap:break-word; hyphens:auto}
  .receive-list li{overflow-wrap:break-word; word-wrap:break-word}
}

/* ============== UNA MIRADA AL INTERIOR ============== */
.inside-block{
  width:100%;
  max-width:1180px;
  margin:clamp(36px,5vw,70px) auto 0;
  padding:0 clamp(16px,3vw,32px);
  position:relative;
  z-index:2;
}

.inside-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(24px,4vw,56px);
  align-items:center;
  padding:clamp(26px,4vw,46px);
  border:1px solid rgba(212,175,55,.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 100%, rgba(91,30,45,.18), transparent 50%),
    rgba(6,6,6,.92);
  box-shadow:0 26px 64px rgba(0,0,0,.5);
}

.inside-image{
  display:flex;
  align-items:center;
  justify-content:center;
}

.inside-image img{
  max-width:100%;
  height:auto;
  display:block;
  border-radius:14px;
  filter:drop-shadow(0 20px 44px rgba(0,0,0,.5));
}

.inside-eyebrow{
  display:inline-block;
  padding:6px 14px;
  margin-bottom:14px;
  border:1px solid rgba(212,175,55,.36);
  border-radius:999px;
  color:#f8df86;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  font-size:.7rem;
  background:rgba(212,175,55,.08);
}

.inside-copy h2{
  font-family:'Cinzel',serif;
  text-transform:uppercase;
  color:#fff;
  font-size:clamp(1.35rem,2.4vw,2rem);
  line-height:1.15;
  margin-bottom:16px;
  letter-spacing:-.01em;
}

.inside-copy p{
  color:#dcdcdc;
  font-size:1rem;
  line-height:1.6;
  margin:0 0 14px;
}

.inside-tag{
  display:inline-block;
  padding:8px 14px;
  margin-top:6px;
  color:#f8df86;
  font-size:.86rem;
  font-style:italic;
  border-left:2px solid #d4af37;
  background:rgba(212,175,55,.05);
  border-radius:0 12px 12px 0;
}

@media (max-width:860px){
  .inside-grid{
    grid-template-columns:1fr;
    gap:24px;
    padding:24px 18px;
  }
  .inside-image{width:100%; overflow:hidden}
  .inside-image img{max-width:100%; width:100%; height:auto}
  .inside-copy h2{overflow-wrap:break-word; word-wrap:break-word; hyphens:auto}
  .inside-copy p{overflow-wrap:break-word; word-wrap:break-word}
}

/* ============== CTA FINAL REPETIDO ============== */
.final-cta-block{
  width:100%;
  max-width:980px;
  margin:clamp(40px,5vw,70px) auto clamp(20px,3vw,40px);
  padding:0 clamp(16px,3vw,32px);
  position:relative;
  z-index:2;
}

.final-cta-inner{
  padding:clamp(28px,4vw,46px) clamp(22px,3vw,40px);
  border:1px solid rgba(212,175,55,.32);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.10), transparent 55%),
    rgba(6,6,6,.94);
  text-align:center;
  box-shadow:0 30px 70px rgba(0,0,0,.55);
}

.final-cta-eyebrow{
  display:inline-block;
  padding:6px 14px;
  margin-bottom:14px;
  border:1px solid rgba(212,175,55,.36);
  border-radius:999px;
  color:#f8df86;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:800;
  font-size:.7rem;
  background:rgba(212,175,55,.08);
}

.final-cta-inner h2{
  font-family:'Cinzel',serif;
  text-transform:uppercase;
  color:#fff;
  font-size:clamp(1.5rem,2.8vw,2.3rem);
  line-height:1.1;
  margin-bottom:12px;
  letter-spacing:-.01em;
}

.final-cta-inner p{
  color:#dcdcdc;
  font-size:1rem;
  line-height:1.6;
  max-width:520px;
  margin:0 auto 22px;
}

.final-cta-btn{
  display:inline-block;
  min-width:280px;
}

/* ============== AJUSTES MÓVIL FINOS PARA ESTOS BLOQUES ============== */
@media (max-width:560px){
  .book-mockup-img{max-height:380px}
  .book-mockup-caption h3{font-size:1rem}
  .cta-hint{margin-top:18px}
  .cta-hint-link{font-size:.82rem}
}


/* ============================================================
   ENTREGA #3 (parche) — BOTÓN DESCARGA DEL ADELANTO
   Estilo dorado OUTLINE: visible, pero con jerarquía por debajo
   del CTA sólido del diagnóstico.
   ============================================================ */
.lead-magnet-btn{
  display:inline-block;
  margin-top:22px;
  padding:14px 28px;
  border-radius:14px;
  border:1.6px solid #d4af37;
  background:rgba(212,175,55,.08);
  color:#f8df86;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:800;
  font-size:.88rem;
  font-family:inherit;
  cursor:pointer;
  transition:background .2s ease, transform .18s ease, box-shadow .2s ease;
}

.lead-magnet-btn:hover{
  background:rgba(212,175,55,.18);
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(212,175,55,.18);
}

.lead-magnet-note{
  display:block;
  margin-top:10px;
  color:#9a9a9a;
  font-size:.8rem;
  line-height:1.4;
}

@media (max-width:560px){
  .lead-magnet-btn{
    width:100%;
    text-align:center;
    padding:14px 18px;
  }
}