/* PASO 4B final — desktop editorial refinement.
   Existing testimonial text, author order and semantics stay untouched.
   One leading voice spans both rows; two supporting voices form a quiet stack.
   No carousel, clipped content, cards or decorative ratings. */
@media (min-width: 851px) {
  body:is([data-page=novias], [data-page=sociales], [data-page=quinceaneras]) .service-reviews {
    padding-block: clamp(46px, 5.5svh, 74px);
  }
  .service-reviews > .wrap {
    max-width: 1440px;
  }
  .service-reviews h2 {
    margin-bottom: clamp(30px, 3.2svh, 42px);
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: .14em;
    opacity: .75;
  }
  .service-review-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.38fr) minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: clamp(64px, 7vw, 134px);
    row-gap: clamp(31px, 3.5svh, 46px);
    align-items: start;
  }
  .service-review-grid figure,
  .service-review-grid figure:first-child,
  .service-review-grid figure:last-child {
    display: flex;
    flex-direction: column;
    align-items: start;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .service-review-grid figure + figure,
  body[data-page=novias] .service-review-grid figure + figure {
    border: 0;
  }
  .service-review-grid figure:first-child {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: center;
    max-width: 790px;
  }
  .service-review-grid figure:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }
  .service-review-grid figure:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }
  .service-review-grid h3,
  .service-review-grid figure:first-child h3 {
    min-height: 0;
    max-width: none;
    margin: 0 0 13px;
    font-size: clamp(19px, 1.35vw, 24px);
    line-height: 1.35;
    font-weight: 400;
    text-wrap: balance;
  }
  .service-review-grid figure:first-child h3 {
    margin-bottom: 22px;
    font-size: clamp(14px, 1.02vw, 17px);
    line-height: 1.5;
    letter-spacing: .015em;
    opacity: .8;
  }
  .service-review-grid blockquote {
    max-width: 520px;
    margin: 0 0 18px;
    font-size: clamp(14.5px, 1.03vw, 16px);
    line-height: 1.78;
    font-weight: 400;
  }
  .service-review-grid figure:first-child blockquote {
    max-width: 790px;
    margin: 0 0 29px;
    font-size: clamp(25px, 2.05vw, 36px);
    line-height: 1.47;
    letter-spacing: -.025em;
    font-weight: 300;
    text-wrap: pretty;
  }
  .service-review-grid figcaption {
    margin-top: 0;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 500;
  }
  .service-review-grid figure:first-child figcaption {
    font-size: 16px;
  }
  .service-review-grid figcaption span {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: .03em;
  }
}

/* At the narrow edge of desktop, preserve two columns and readable text;
   the scene can extend naturally through scroll rather than hide any quote. */
@media (min-width: 851px) and (max-width: 1150px) {
  .service-review-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    column-gap: 42px;
    row-gap: 32px;
  }
  .service-review-grid figure:first-child blockquote {
    font-size: 25px;
    line-height: 1.5;
  }
  .service-review-grid blockquote {
    font-size: 14.5px;
  }
}
/* Transparent Social header: treatment belongs to glyphs, not a full-width band. */
@media (min-width:851px) {
  body[data-page=sociales] .site-header.over-hero:not(.is-sticky) {background:transparent;backdrop-filter:none;color:var(--ink);text-shadow:none}
  body[data-page=sociales] .site-header .header-inner {max-width:none;padding-inline:var(--edge)}
  body[data-page=sociales] .site-header.over-hero:not(.is-sticky) .desktop-nav > a,
  body[data-page=sociales] .site-header.over-hero:not(.is-sticky) .nav-dropdown > summary,
  body[data-page=sociales] .site-header.over-hero:not(.is-sticky) .header-cta {color:var(--ink);text-shadow:0 0 5px rgb(250 249 246 / .98),0 1px 2px white}
}
@media (min-width:1280px) and (max-width:1480px) {
  /* Only Servicios crosses the dark hair at these widths; keep this after the base color. */
  body[data-page=sociales] .site-header.over-hero:not(.is-sticky) .nav-dropdown > summary {color:var(--paper);text-shadow:0 1px 4px rgb(0 0 0 / .85)}
  /* The SVG extends beyond the hair: give its stroke a local two-tone edge. */
  body[data-page=sociales] .site-header.over-hero:not(.is-sticky) .nav-dropdown > summary > svg.icon {color:var(--ink);stroke-width:2;filter:drop-shadow(0 0 1px var(--paper)) drop-shadow(0 0 1px var(--paper))}
}