/* ==========================================================
   APOYO DE DISEÑO PARA EMPRESAS · otraVía
   Identidad compartida con styles.css principal.
   ========================================================== */

.support-page{background:var(--ink);color:var(--ink)}
.support-header{position:absolute}
.support-wrap{width:100%;max-width:var(--max);margin:0 auto}
.support-label{
  margin:0 0 clamp(3rem,7vw,6.5rem);
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.support-kicker{
  margin:0 0 1.25rem;
  font-size:.75rem;
  line-height:1.3;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--coral);
}
.support-link{
  display:inline-block;
  margin-top:1.5rem;
  padding-bottom:.2rem;
  border-bottom:1px solid currentColor;
}
.support-link:hover,.support-link:focus-visible{color:var(--coral)}

.support-hero{
  min-height:100vh;
  padding:clamp(9rem,15vw,13rem) var(--pad) clamp(6rem,10vw,9rem);
  display:flex;
  align-items:center;
  background:var(--ink);
  color:var(--paper);
}
.support-hero h1{
  max-width:1320px;
  margin:0;
  font-family:var(--serif);
  font-size:clamp(4rem,8.2vw,8.7rem);
  font-weight:400;
  line-height:.89;
  letter-spacing:-.025em;
}
.support-hero h1 em{color:var(--coral);font-weight:400}
.support-hero-bottom{
  margin-top:clamp(4rem,7vw,6.5rem);
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:clamp(2rem,8vw,10rem);
  align-items:start;
}
.support-hero-bottom>div{max-width:610px}
.support-lead{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(2.2rem,4.2vw,4.7rem);
  line-height:.95;
  color:var(--coral);
}
.support-hero-statement{
  max-width:1100px;
  margin:clamp(7rem,13vw,11rem) 0 0 auto;
  font-family:var(--serif);
  font-size:clamp(2.8rem,5.5vw,6rem);
  line-height:.92;
  text-align:right;
}
.support-hero-statement em{font-weight:400;color:var(--coral)}

.support-section{padding:clamp(6rem,11vw,10rem) var(--pad)}
.support-paper{background:var(--paper);color:var(--ink)}
.support-ink{background:var(--ink);color:var(--paper)}
.support-coral{background:var(--coral);color:var(--ink)}

.support-two{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:clamp(2rem,9vw,12rem);
  align-items:start;
}
.support-two h2,
.support-contact h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(3rem,5.8vw,6.3rem);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.018em;
}
.support-two h2 em,.support-contact h2 em{font-weight:400}
.support-ink h2 em,.support-contact h2 em{color:var(--coral)}
.support-copy{
  max-width:600px;
  font-size:clamp(1rem,1.35vw,1.18rem);
  line-height:1.58;
}
.support-copy p:first-child{margin-top:0}
.support-copy strong{font-weight:600}

.support-statement{
  max-width:1080px;
  margin:clamp(7rem,14vw,12rem) auto 0;
  font-family:var(--serif);
  font-size:clamp(3rem,6.3vw,6.8rem);
  line-height:.91;
  text-align:center;
}
.support-statement em{color:var(--coral);font-weight:400}
.support-statement-paper em{color:var(--paper)}

.support-services{
  margin-top:clamp(5rem,9vw,8rem);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid rgba(40,38,31,.45);
}
.support-services article{
  min-height:260px;
  padding:1.5rem 2rem 2rem 0;
  border-bottom:1px solid rgba(40,38,31,.45);
}
.support-services article:nth-child(odd){border-right:1px solid rgba(40,38,31,.45);padding-right:clamp(2rem,5vw,5rem)}
.support-services article:nth-child(even){padding-left:clamp(2rem,5vw,5rem)}
.support-services span,.support-number{
  display:block;
  margin:0 0 3rem;
  font-size:.72rem;
  letter-spacing:.05em;
}
.support-services h3,.support-collab-grid h3{
  margin:0 0 1rem;
  font-family:var(--serif);
  font-size:clamp(2rem,3.4vw,3.8rem);
  line-height:.96;
  font-weight:400;
}
.support-services p{max-width:510px;margin:0;line-height:1.55}
.support-side-note{
  margin:clamp(5rem,9vw,8rem) 0 0 auto;
  max-width:850px;
  padding-top:1.2rem;
  border-top:1px solid var(--ink);
}
.support-side-note p{margin:0 0 1rem;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em}
.support-side-note strong{display:block;font-family:var(--serif);font-size:clamp(2.1rem,4.2vw,4.7rem);line-height:.96;font-weight:400}

.support-process{
  margin:clamp(7rem,13vw,11rem) 0 0;
  font-family:var(--serif);
  font-size:clamp(3.8rem,8vw,8.5rem);
  line-height:.84;
  color:var(--coral);
}
.support-promise{
  max-width:1060px;
  margin:clamp(7rem,12vw,10rem) 0 0 auto;
  font-family:var(--serif);
  font-size:clamp(2.6rem,5vw,5.6rem);
  line-height:.93;
  text-align:right;
}
.support-promise em{font-weight:400;color:var(--coral)}

.support-collab-intro{margin-bottom:clamp(4rem,8vw,7rem)}
.support-collab-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);
}
.support-collab-grid article{
  padding:1.4rem clamp(1.2rem,3vw,3rem) 2.5rem;
  border-bottom:1px solid var(--line);
  border-right:1px solid var(--line);
}
.support-collab-grid article:first-child{padding-left:0}
.support-collab-grid article:last-child{border-right:0;padding-right:0}
.support-collab-grid p:last-child{max-width:360px;line-height:1.55}

.support-experience-list{
  margin-top:clamp(5rem,9vw,8rem);
  border-top:1px solid rgba(226,222,218,.35);
}
.support-experience-list article{
  display:grid;
  grid-template-columns:.52fr 1.48fr;
  gap:clamp(2rem,8vw,10rem);
  padding:1.8rem 0;
  border-bottom:1px solid rgba(226,222,218,.35);
  align-items:start;
}
.support-experience-list p{margin:0;max-width:800px;line-height:1.55}
.support-exp-name{font-family:var(--serif);font-size:clamp(1.8rem,3vw,3.2rem);line-height:1}

.support-audience{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.8rem;
  max-width:1250px;
  margin:0 auto;
}
.support-audience span{
  display:block;
  padding:1rem 1.3rem;
  border:1px solid var(--ink);
  border-radius:999px;
  font-family:var(--serif);
  font-size:clamp(1rem,1.8vw,1.7rem);
  line-height:1.05;
  text-align:center;
}

.support-contact{
  padding:clamp(6rem,11vw,10rem) var(--pad);
  background:var(--ink);
  color:var(--paper);
}
.support-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(3rem,9vw,11rem);
  align-items:end;
}
.support-contact-copy{max-width:570px;margin-top:2rem;font-size:1.05rem;line-height:1.55}
.support-email{margin-top:2.2rem}
.support-email a{border-bottom:1px solid currentColor}
.support-form{padding-top:0}
.support-footer{border-top:0}

@media(max-width:850px){
  .support-hero{min-height:auto;padding-top:9rem}
  .support-hero-bottom,.support-two,.support-contact-grid{grid-template-columns:1fr;gap:2.5rem}
  .support-hero-statement,.support-promise{text-align:left;margin-left:0;margin-right:0}
  .support-services{grid-template-columns:1fr}
  .support-services article,.support-services article:nth-child(odd),.support-services article:nth-child(even){border-right:0;padding-left:0;padding-right:0;min-height:0}
  .support-collab-grid{grid-template-columns:1fr}
  .support-collab-grid article,.support-collab-grid article:first-child,.support-collab-grid article:last-child{border-right:0;padding-left:0;padding-right:0}
  .support-experience-list article{grid-template-columns:1fr;gap:1rem}
  .support-contact-grid{align-items:start}
}

@media(max-width:570px){
  .support-hero{padding-top:8.5rem;padding-bottom:5rem}
  .support-hero h1{font-size:clamp(3.45rem,16.5vw,5.6rem)}
  .support-hero-bottom{margin-top:3.5rem}
  .support-section,.support-contact{padding-top:5rem;padding-bottom:5rem}
  .support-label{margin-bottom:2.8rem}
  .support-two h2,.support-contact h2{font-size:clamp(2.8rem,12.5vw,4.4rem)}
  .support-statement{margin-top:5.5rem}
  .support-process{font-size:clamp(3.3rem,17vw,5.5rem)}
  .support-promise{margin-top:5.5rem}
  .support-services{margin-top:4rem}
  .support-services span,.support-number{margin-bottom:1.8rem}
  .support-audience{justify-content:flex-start}
  .support-audience span{width:100%;border-radius:0;text-align:left;padding:1rem 0;border-width:0 0 1px}
}