/* ============================== Cabecera interna ============================== */
.page-hero{position:relative;overflow:hidden;background:var(--negro);color:#fff;padding-block:var(--sp-9) var(--sp-8)}
.page-hero--servicios{background:var(--negro);border-bottom:4px solid var(--violeta)}
.page-hero--servicios .page-hero__pluma{opacity:.1;right:-40px;top:-30px;width:320px}
.page-hero--claro{background:var(--papel);color:var(--texto);border-bottom:1px solid var(--gris-200)}
.page-hero__pluma{position:absolute;right:-40px;top:-30px;width:320px;opacity:.1;pointer-events:none}
.page-hero--claro .page-hero__pluma{opacity:.16}
.page-hero__contenido{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--sp-4);max-width:780px}
.page-hero h1{font-size:var(--fs-h1)}
.page-hero p{font-size:var(--fs-lead);color:var(--texto-inverso-suave);max-width:56ch}
.page-hero--claro p{color:var(--texto-suave)}
.page-hero__migas{
  font-family:var(--fuente-titulo);font-size:.76rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gris-400);
}
.page-hero__migas a:hover{color:#fff}
.page-hero--claro .page-hero__migas a:hover{color:var(--negro)}
.page-hero__migas span{color:var(--foco);margin-inline:8px}

/* ================================ Home intro ================================ */
.intro{display:grid;gap:var(--sp-7);align-items:center}
@media (min-width:900px){.intro{grid-template-columns:1fr 1fr;gap:var(--sp-9)}}
.intro__media{position:relative}
.intro__pluma{position:absolute;left:-24px;bottom:-24px;width:110px;opacity:.9;z-index:-1}
.intro__cita{
  border-left:3px solid var(--acento);padding-left:var(--sp-5);
  font-family:var(--fuente-titulo);font-size:1.4rem;line-height:1.3;
}
.pilares{display:grid;gap:var(--sp-5);margin-top:var(--sp-5)}
.pilar{display:grid;gap:var(--sp-1);padding:var(--sp-5);border:0;border-radius:var(--r-md);color:#fff}
.pilar:nth-child(1){background:var(--violeta)}
.pilar:nth-child(2){background:var(--rosa-oscuro)}
.pilar:nth-child(3){background:var(--cian-oscuro)}
.pilar__label{font-family:var(--fuente-titulo);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.pilar__titulo{font-size:1.15rem}
.pilar__desc{font-size:var(--fs-sm);color:rgba(255,255,255,.9)}

/* ============================ Detalle de packs ============================ */
.pack-seccion{padding-block:var(--sp-8);border-top:1px solid var(--gris-200)}
.pack-seccion--branding{border-top:4px solid var(--violeta)}
.pack-seccion--branding .pack-seccion__titulo{color:#fff}
.pack-seccion--branding .precio-caja{border-color:var(--violeta);background:var(--violeta);color:#fff}
.pack-seccion--branding .precio-caja__label,.pack-seccion--branding .precio-caja__nota{color:rgba(255,255,255,.88)}
.pack-seccion__pluma{height:84px;width:auto;margin-block:var(--sp-3) var(--sp-4)}
.pack-seccion__cabecera{display:grid;gap:var(--sp-6)}
@media (min-width:900px){.pack-seccion__cabecera{grid-template-columns:minmax(300px,.72fr) 1.28fr;gap:var(--sp-8)}}
.pack-seccion__identidad{align-self:start;padding:var(--sp-6);border-radius:var(--r-md);background:var(--cian);color:var(--negro)}
.pack-seccion__identidad .pack-seccion__subtitulo{color:inherit;opacity:.88}
.pack-seccion__identidad .eyebrow{color:inherit;opacity:.8}
.pack-seccion--branding .pack-seccion__identidad{background:var(--violeta);color:#fff}
.pack-seccion--branding .pack-seccion__identidad .eyebrow,.pack-seccion--branding .pack-seccion__identidad .pack-seccion__subtitulo{color:#fff}
.pack-seccion__identidad .pack-seccion__pluma{filter:brightness(0) invert(1)}
.pack-seccion__cabecera:has(#content-titulo) .pack-seccion__identidad{background:var(--cian)}
.pack-seccion__cabecera:has(#design-titulo) .pack-seccion__identidad{background:var(--rosa-oscuro);color:#fff}
.pack-seccion__cabecera:has(#design-titulo) .pack-seccion__identidad .eyebrow,.pack-seccion__cabecera:has(#design-titulo) .pack-seccion__identidad .pack-seccion__subtitulo{color:#fff}
.pack-seccion--branding .precio-caja__valor{color:#fff}
.pack-seccion__banda{height:6px;width:72px;border-radius:var(--r-pill);margin-bottom:var(--sp-4)}
.bg-violeta{background:var(--violeta)}
.bg-cian{background:var(--cian)}
.bg-acento{background:var(--rosa)}
.pack-seccion__titulo{font-size:var(--fs-h2);text-transform:uppercase;letter-spacing:.03em}
.pack-seccion__subtitulo{color:var(--texto-suave);margin-top:var(--sp-3);font-size:var(--fs-sm)}
.pack-seccion__cuerpo{display:flex;flex-direction:column;gap:var(--sp-6);max-width:72ch}
.pack-seccion__cuerpo p{color:var(--texto-suave)}

.entregables{display:grid;gap:var(--sp-5)}
@media (min-width:640px){.entregables{grid-template-columns:1fr 1fr}}
.entregable{display:flex;gap:var(--sp-4);align-items:flex-start}
.entregable__icono{
  flex:none;width:48px;height:48px;border-radius:var(--r-md);
  background:var(--gris-100);display:grid;place-items:center;
}
.entregable__icono img{height:24px;width:auto;filter:brightness(0) saturate(100%)}
.entregable__titulo{font-size:1rem;text-transform:uppercase;letter-spacing:.03em}
.entregable__desc{font-size:var(--fs-sm);color:var(--texto-suave);margin-top:6px}

.precio-caja{
  border:1px solid var(--gris-200);border-radius:var(--r-md);
  padding:var(--sp-5) var(--sp-6);background:var(--papel);
  display:flex;flex-direction:column;gap:var(--sp-2);max-width:420px;
}
.precio-caja__label{font-family:var(--fuente-titulo);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gris-600)}
.precio-caja__valor{font-family:var(--fuente-titulo);font-size:clamp(1.8rem,4vw,2.4rem);line-height:1}
.precio-caja__nota{font-size:var(--fs-sm);color:var(--texto-suave)}

.tabs{display:flex;flex-wrap:wrap;gap:var(--sp-2);border-bottom:1px solid var(--gris-200)}
.tab{
  border:0;background:none;cursor:pointer;padding:13px 18px;
  font-family:var(--fuente-titulo);font-size:.82rem;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gris-600);
  border-bottom:2px solid transparent;margin-bottom:-1px;
  transition:color var(--transicion),border-color var(--transicion);
}
.tab:hover{color:var(--negro)}
.tab[aria-selected="true"]{color:var(--negro);border-bottom-color:var(--cian)}
.panel-tab{display:none;padding-top:var(--sp-5)}
.panel-tab[data-activo="true"]{display:block}
.panel-tab__lista{display:grid;gap:var(--sp-3)}
.panel-tab__lista li{position:relative;padding-left:24px;color:var(--gris-700)}
.panel-tab__lista li::before{
  content:"";position:absolute;left:0;top:.5em;width:14px;height:2px;background:var(--cian);
}

/* ============================== Portafolio ============================== */
.portafolio-intro{display:grid;gap:var(--sp-6)}
@media (min-width:900px){.portafolio-intro{grid-template-columns:1.15fr .85fr;align-items:end;gap:var(--sp-8)}}
.nota-honesta{
  display:flex;gap:var(--sp-3);align-items:flex-start;
  border:1px solid var(--gris-200);border-radius:var(--r-md);
  padding:var(--sp-4) var(--sp-5);background:var(--papel);
  font-size:var(--fs-sm);color:var(--texto-suave);
}
.nota-honesta svg{flex:none;width:20px;height:20px;stroke:var(--gris-500);fill:none;stroke-width:1.8;margin-top:2px}
.portafolio-marcas{display:grid;gap:var(--sp-5)}

/* ================================ Nosotros ================================ */
.historia{display:grid;gap:var(--sp-7);align-items:center}
@media (min-width:900px){.historia{grid-template-columns:1fr 1fr;gap:var(--sp-9)}}
.historia__media{position:relative;display:flex;justify-content:center}
.historia__disco{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(80%,380px);aspect-ratio:1;border-radius:50%;background:var(--papel)}
.historia__foto{position:relative;z-index:2;height:clamp(360px,56vh,560px);width:auto}
.historia__texto{display:flex;flex-direction:column;gap:var(--sp-5);max-width:60ch}
.historia__texto p{color:var(--texto-suave)}
.historia__texto p:first-of-type{color:var(--texto)}

/* ================================ Contacto ================================ */
.contacto-grid{display:grid;gap:var(--sp-8)}
@media (min-width:960px){.contacto-grid{grid-template-columns:1.15fr .85fr;gap:var(--sp-9)}}
.info-contacto{display:grid;gap:var(--sp-6)}
.info-item{display:flex;gap:var(--sp-4);align-items:flex-start}
.info-item__icono{flex:none;width:46px;height:46px;border-radius:var(--r-md);background:var(--gris-100);display:grid;place-items:center}
.info-item__icono svg{width:20px;height:20px;stroke:var(--negro);fill:none;stroke-width:1.7}
.info-item__label{font-family:var(--fuente-titulo);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gris-600)}
.info-item__valor{font-size:var(--fs-body);margin-top:4px}
.info-item__valor a:hover{color:var(--acento)}
.panel-lateral{border:1px solid rgba(255,255,255,.35);border-radius:var(--r-md);padding:var(--sp-6);background:var(--rosa-oscuro);color:#fff}
.panel-lateral h3{font-size:1.1rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-4)}
.panel-lateral h3,.panel-lateral p{color:#fff}
.contacto__pluma{height:96px;width:auto;margin-bottom:var(--sp-5)}
.panel-lateral__precio{font-size:var(--fs-sm);margin-top:var(--sp-5);color:rgba(255,255,255,.88)}
.lista-check{display:grid;gap:var(--sp-3)}
.lista-check li{position:relative;padding-left:26px;font-size:var(--fs-sm);color:var(--gris-700)}
.panel-lateral .lista-check li{color:rgba(255,255,255,.92)}
.lista-check li::before{
  content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;
  border-radius:50%;border:2px solid var(--violeta);
}
.panel-lateral .lista-check li::before{border-color:#fff}

/* ================================ Utilidades ================================ */
.mt-4{margin-top:var(--sp-4)}
.mt-6{margin-top:var(--sp-6)}
.mt-7{margin-top:var(--sp-7)}
.mt-8{margin-top:var(--sp-8)}
.texto-centrado{text-align:center}
.mw-60{max-width:62ch;margin-inline:auto}
.lista-inline{display:flex;flex-wrap:wrap;gap:var(--sp-5) var(--sp-6);color:var(--gris-600);font-size:var(--fs-sm)}