/* ===== SECTION: objeciones ===== */
/* "Lo que estás pensando": calm editorial Q&A. Mobile: one column with fine
   rules; desktop: 5/7 split with the heading pinned on the left. */

#objeciones{ background:var(--ground); }
#objeciones > div{ width:min(100%,1080px); }

#objeciones .objections-head{ margin-bottom:clamp(2.5rem,5vw,3.5rem); text-align:center; }
#objeciones .objections-head h2{ margin:0 auto 1.1rem; }
#objeciones .objections-intro{
  max-width:34ch; margin:0 auto; text-align:center;
  color:var(--muted); font-size:.98rem; line-height:1.55; text-wrap:pretty;
}

#objeciones .objections{ border-top:1px solid var(--line); counter-reset:objection; }
#objeciones .objection{
  position:relative; padding:1.85rem 0 1.95rem; border-bottom:1px solid var(--line);
  counter-increment:objection;
}
#objeciones .objection h3{
  font-family:var(--serif); font-style:italic; font-weight:400;
  font-size:clamp(1.3rem,1.5vw,1.45rem); line-height:1.25; letter-spacing:-.012em;
  color:var(--ink); margin:0 0 .8rem; max-width:30ch; text-wrap:pretty;
  font-variation-settings:'opsz' 36;
}
#objeciones .objection p{
  margin:0; max-width:58ch;
  color:var(--body-ink); font-size:1rem; line-height:1.6; text-wrap:pretty;
}
#objeciones .objection p strong{ color:var(--ink); font-weight:500; }

/* desktop: heading left, answers right */
@media (min-width:1025px){
  #objeciones > div{
    display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    column-gap:clamp(3rem,7vw,6rem); align-items:start;
  }
  #objeciones .objections-head{
    position:sticky; top:6rem; margin-bottom:0; padding-right:1rem; text-align:left;
  }
  /* override site.css desktop centering for this section only */
  #objeciones > div > .objections-head > .eyebrow{ text-align:left; }
  #objeciones > div > .objections-head > h2{ text-align:left; margin-inline:0; max-width:11ch; }
  #objeciones .objections-intro{ margin:0; text-align:left; }

  #objeciones .objections{ border-top-color:var(--line); }
  #objeciones .objection{
    display:grid; grid-template-columns:3rem minmax(0,1fr); column-gap:1rem;
    padding:2.1rem 0 2.25rem;
  }
  #objeciones .objection:first-child{ padding-top:.4rem; }
  #objeciones .objections{ border-top:0; }
  #objeciones .objection::before{
    content:counter(objection,decimal-leading-zero); grid-column:1; grid-row:1 / span 2;
    padding-top:.42rem;
    font-family:var(--sans); font-size:.72rem; font-weight:500; letter-spacing:.14em;
    color:var(--muted); font-variant-numeric:tabular-nums;
  }
  #objeciones .objection h3,
  #objeciones .objection p{ grid-column:2; }
  #objeciones .objection h3{ font-size:1.45rem; max-width:none; }
  #objeciones .objection p{ max-width:56ch; font-size:1.02rem; }
}