/* REVOLT Service Master v2.0 — Desarrollo Web */
:root{
  --v2-max:1680px;
  --v2-gutter:clamp(24px,4.2vw,72px);
  --v2-section:clamp(104px,10vw,168px);
  --v2-line:rgba(255,255,255,.12);
  --v2-muted:rgba(255,255,255,.68);
}
.internal-page .service-v2-container{
  width:min(calc(100% - (2 * var(--v2-gutter))),var(--v2-max))!important;
  margin-inline:auto!important;
}
.internal-page .service-v2-split{
  display:grid!important;
  grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr)!important;
  gap:clamp(50px,7vw,130px)!important;
  align-items:start!important;
}
/* One horizontal system, identical to Explora */
.internal-page .service-v2-hero,
.internal-page .service-v2-section{
  padding-left:0!important;
  padding-right:0!important;
}
.internal-page .service-v2-hero{
  min-height:100svh;
  padding-top:clamp(128px,12vw,178px)!important;
  padding-bottom:clamp(72px,8vw,118px)!important;
  display:flex!important;
  align-items:flex-end!important;
}
.internal-page .service-v2-hero .ip-hero__meta{
  left:max(var(--v2-gutter),calc((100% - var(--v2-max)) / 2))!important;
  top:clamp(112px,10vw,146px)!important;
}
.internal-page .service-v2-hero .ip-hero__content{
  width:min(calc(100% - (2 * var(--v2-gutter))),var(--v2-max))!important;
  margin-inline:auto!important;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);
  gap:clamp(46px,8vw,150px);
  align-items:end;
}
.internal-page .service-v2-hero h1{
  max-width:980px!important;
  padding-left:0!important;
  transform:translateX(clamp(-38px,-2vw,-12px));
  font-size:clamp(64px,8.6vw,144px)!important;
  line-height:.84!important;
  margin:0!important;
}
.internal-page .service-v2-hero .ip-hero__lead{
  align-self:end;
  max-width:560px!important;
  margin:0 0 .65em!important;
  font-size:clamp(17px,1.25vw,22px)!important;
  line-height:1.55!important;
}
/* Description — same horizontal canvas as Explora */
.internal-page #descripcion.service-v2-description{
  width:min(calc(100% - (2 * var(--v2-gutter))),var(--v2-max));
  min-height:auto!important;
  margin-inline:auto!important;
  padding:var(--v2-section) 0!important;
  grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr)!important;
  gap:clamp(50px,7vw,130px)!important;
}
.internal-page #descripcion.service-v2-description .ip-kicker{
  margin:.65em 0 0!important;
}
.internal-page #descripcion.service-v2-description .service-v2-description__content{
  grid-column:2!important;
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);
  gap:clamp(44px,5vw,88px);
  align-items:start;
}
.internal-page #descripcion.service-v2-description h2{
  max-width:620px!important;
  margin:0!important;
  font-size:clamp(42px,4.5vw,76px)!important;
  line-height:.94!important;
  text-wrap:balance;
}
.internal-page #descripcion.service-v2-description .ip-copy{
  grid-column:auto!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:0!important;
  padding-top:0;
}
.internal-page #descripcion.service-v2-description .ip-copy p{
  margin:0!important;
  font-size:clamp(17px,1.28vw,21px)!important;
  line-height:1.72!important;
  text-wrap:pretty;
}
.internal-page #descripcion.service-v2-description .ip-copy p + p{
  margin-top:1.35em!important;
}
/* Methodology shares the same outer guides */
.internal-page .service-v2-methodology{
  padding:var(--v2-section) 0!important;
}
.internal-page #metodologia.service-v2-methodology .skills-v42__shell{
  width:min(calc(100% - (2 * var(--v2-gutter))),var(--v2-max))!important;
  margin-inline:auto!important;
  grid-template-columns:minmax(230px,.55fr) minmax(0,1.45fr)!important;
  gap:clamp(50px,7vw,130px)!important;
}
.internal-page .service-v2-methodology .skills-v42__content{max-width:none!important}
.internal-page .service-v2-methodology .skills-v42__intro-row{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:clamp(42px,6vw,110px);
  align-items:end;
}
.internal-page .service-v2-methodology .skills-v42__intro-row h2{
  max-width:820px!important;
  font-size:clamp(42px,4.4vw,76px)!important;
}
.internal-page .service-v2-methodology .methodology-v42__lead{margin:0!important;max-width:560px!important}
.internal-page .service-v2-methodology .skills-v42__accordion{margin-top:clamp(58px,6vw,92px)!important}
/* Concepts: label, heading and tags share the Service Master tracks */
.internal-page .service-v2-concepts{
  min-height:auto!important;
  padding-top:var(--v2-section)!important;
  padding-bottom:var(--v2-section)!important;
}
.internal-page .service-v2-concepts .ip-kicker{
  margin:.65em 0 0!important;
}
.internal-page .service-v2-concepts .service-v2-concepts__content h2{
  max-width:940px!important;
  margin:0!important;
  font-size:clamp(42px,5.4vw,86px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  text-wrap:balance;
}
.internal-page .service-v2-concepts .ip-tags,
.internal-page .service-v2-concepts .identity-tags{
  width:100%!important;
  margin-top:clamp(62px,7vw,104px)!important;
}
/* Explora remains the visual reference but joins the same canvas rhythm */
.internal-page #conocimiento.explore-v38{padding-left:var(--v2-gutter)!important;padding-right:var(--v2-gutter)!important}
.internal-page #conocimiento .explore-v38__shell{width:min(100%,var(--v2-max))!important}
@media(max-width:1000px){
  .internal-page .service-v2-hero .ip-hero__content,
  .internal-page .service-v2-split,
  .internal-page #metodologia.service-v2-methodology .skills-v42__shell,
  .internal-page .service-v2-methodology .skills-v42__intro-row{grid-template-columns:1fr!important}
  .internal-page .service-v2-split{row-gap:clamp(36px,6vw,56px)!important}
  .internal-page #descripcion.service-v2-description{grid-template-columns:1fr!important}
  .internal-page #descripcion.service-v2-description .service-v2-description__content{grid-column:1!important}
  .internal-page .service-v2-hero h1{transform:none}
  .internal-page .service-v2-hero .ip-hero__lead{margin-top:30px!important}
}
@media(max-width:700px){
  :root{--v2-gutter:24px;--v2-section:88px}
  .internal-page .service-v2-hero h1{font-size:clamp(48px,15vw,76px)!important}
  .internal-page #descripcion.service-v2-description .service-v2-description__content{grid-template-columns:1fr}
  .internal-page .service-v2-methodology .skills-v42__trigger{grid-template-columns:64px minmax(0,1fr) 34px!important}
}