/* Speciale · correcciones de maquetación sobre la web publicada (Claude, 14 sep). */

/* «Leer la historia completa»: el bloque plegable caía en 1 de 12 columnas y el texto quedaba en una tira angosta. */
.origenRelato > div > details.origenExpandible{grid-column:1 / -1;margin-top:clamp(36px,5vw,72px)}
.origenExpandible > summary{display:inline-flex;align-items:center;gap:18px;cursor:pointer;list-style:none;padding:12px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;outline:none}
.origenExpandible > summary::-webkit-details-marker{display:none}
.origenExpandible > summary::after{content:"+";font:300 20px/1 var(--sans);letter-spacing:0}
.origenExpandible[open] > summary::after{content:"−"}
.origenExpandible > summary:focus-visible{outline:2px solid #080808;outline-offset:4px}
.origenExpandible > p{max-width:62ch;margin:clamp(22px,2.4vw,34px) 0 0!important;padding:0!important;background:none!important;color:inherit!important;border:0!important;text-align:left!important;font:400 clamp(18px,1.5vw,22px)/1.55 var(--serif)!important}
.origenExpandible > p:last-child{font-style:italic!important;font-size:clamp(22px,2.2vw,32px)!important;line-height:1.25!important;padding-top:clamp(20px,2vw,28px)!important;border-top:1px solid rgba(8,8,8,.2)!important;max-width:46ch}
@media (min-width:901px){.origenExpandible[open]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:6vw}.origenExpandible[open] > summary{grid-column:1 / -1;justify-self:start}.origenExpandible[open] > p:last-child{grid-column:1 / -1}}

/* Edición de ritmo · menos longitud, más tensión de página editorial. */
.origenApertura{
  padding-block:clamp(52px,5vw,72px);
  gap:clamp(36px,5vw,72px);
}

/* Integración aprobada: cubierta editorial blanca y fotografía al avanzar. */
.portada.portadaTipografica{
  box-sizing:border-box!important;
  isolation:isolate!important;
  display:block!important;
  position:relative!important;
  min-height:calc(200svh - 92px)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  color:#0a0a0a!important;
}
.portada.portadaTipografica:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:calc(100svh - 92px)!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  height:100svh!important;
  background:url('/hero-speciale-editorial-limpio.jpg') center 43%/cover no-repeat!important;
  filter:grayscale(1) contrast(.92)!important;
  transform:none!important;
}
.portada.portadaTipografica:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  top:calc(100svh - 92px)!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  height:100svh!important;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12) 56%,rgba(0,0,0,.64))!important;
}
.portada.portadaTipografica .portadaNombre{
  position:absolute!important;
  z-index:2!important;
  top:9%!important;
  left:3.7%!important;
  right:3.7%!important;
  width:auto!important;
  margin:0!important;
  color:#0a0a0a!important;
  mix-blend-mode:normal!important;
  text-align:center!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  font-family:var(--serif)!important;
  font-size:clamp(100px,17.3vw,266px)!important;
  font-weight:400!important;
  line-height:.76!important;
  letter-spacing:-.062em!important;
  transform:none!important;
}
.portada.portadaTipografica .portadaEditorialCentro{
  position:absolute!important;
  z-index:3!important;
  left:4.2%!important;
  right:auto!important;
  bottom:auto!important;
  top:calc(100svh - 410px)!important;
  display:flex!important;
  align-items:flex-start!important;
  width:min(670px,75vw)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:#0a0a0a!important;
  text-align:left!important;
  text-shadow:none!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.portada.portadaTipografica .portadaEditorialCentro:before{
  content:"01 · ANTES DE ABRIR"!important;
  position:absolute!important;
  top:calc(410px + 6vh)!important;
  left:0!important;
  width:max-content!important;
  height:auto!important;
  margin:0!important;
  color:#fff!important;
  background:transparent!important;
  text-transform:uppercase!important;
  font:400 9px/1 var(--sans)!important;
  letter-spacing:.22em!important;
}
.portada.portadaTipografica .portadaEditorialCentro:after{
  content:"VER LA HISTORIA  ↓"!important;
  position:absolute!important;
  top:300px!important;
  left:calc(100vw - 13vw)!important;
  width:max-content!important;
  color:#0a0a0a!important;
  text-transform:uppercase!important;
  font:400 9px/1 var(--sans)!important;
  letter-spacing:.18em!important;
}
.portada.portadaTipografica .portadaEditorialCentro>span{
  position:static!important;
  display:block!important;
  margin:0 0 15px!important;
  padding:0!important;
  color:#0a0a0a!important;
  background:transparent!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.24em!important;
}
.portada.portadaTipografica .portadaCategoria{margin:0!important;padding:0!important;font:inherit!important}
.portada.portadaTipografica .portadaCategoria strong{
  display:block!important;
  max-width:32ch!important;
  margin:0!important;
  color:#0a0a0a!important;
  font-family:var(--serif)!important;
  font-size:clamp(27px,2.7vw,44px)!important;
  font-weight:400!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
.portada.portadaTipografica .portadaEditorialCentro>p.portadaPromesa{
  display:block!important;
  position:absolute!important;
  top:calc(100svh + 240px)!important;
  left:0!important;
  width:max-content!important;
  max-width:16ch!important;
  margin:0!important;
  color:#fff!important;
  font:italic 400 clamp(30px,4vw,64px)/.96 var(--serif)!important;
}
.portada.portadaTipografica .portadaEditorialCentro>a.ctaPrincipal{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:22px!important;
  width:auto!important;
  min-height:0!important;
  margin:30px 0 0!important;
  padding:12px 0 9px!important;
  color:#0a0a0a!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #0a0a0a!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:0!important;
}
.portada.portadaTipografica .portadaEditorialCentro>a.ctaPrincipal:before{
  content:"CONVERSEMOS SOBRE SU PROYECTO";
  font-size:9px!important;
  letter-spacing:.17em!important;
}
@media(max-width:700px){
  .portada.portadaTipografica{min-height:calc(182svh - 72px)!important}
  .portada.portadaTipografica:before,.portada.portadaTipografica:after{top:calc(100svh - 72px)!important;height:82svh!important}
  .portada.portadaTipografica:before{background-position:61% center!important}
  .portada.portadaTipografica:after{background:linear-gradient(180deg,rgba(0,0,0,.02),transparent 46%,rgba(0,0,0,.72))!important}
  .portada.portadaTipografica .portadaNombre{top:9%!important;left:14px!important;right:14px!important;font-size:20.5vw!important;letter-spacing:-.07em!important}
  .portada.portadaTipografica .portadaEditorialCentro{left:22px!important;right:22px!important;top:calc(100svh - 430px)!important;width:auto!important;max-width:none!important;text-align:left!important;align-items:flex-start!important}
  .portada.portadaTipografica .portadaCategoria strong{max-width:15ch!important;font-size:9vw!important;line-height:.98!important}
  .portada.portadaTipografica .portadaEditorialCentro>a.ctaPrincipal{width:auto!important;margin-top:26px!important}
  .portada.portadaTipografica .portadaEditorialCentro:after{top:360px!important;left:0!important;font-size:8px!important}
  .portada.portadaTipografica .portadaEditorialCentro:before{top:calc(430px + 5vh)!important;left:0!important}
  .portada.portadaTipografica .portadaEditorialCentro>p.portadaPromesa{top:calc(100svh + 105px)!important;left:0!important;right:0!important;width:auto!important;max-width:13ch!important;font-size:10vw!important}
}

/* Cierre responsive: menú y hero de tableta comparten una retícula estable. */
@media(min-width:701px) and (max-width:900px){
  .nav{box-sizing:border-box!important;width:100%!important;max-width:100vw!important}
  .nav nav{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;justify-content:flex-end!important}
  .nav nav a{display:inline-flex!important;align-items:center!important;white-space:nowrap!important}
  .portada.portadaTipografica .portadaNombre{top:108px!important;font-size:17vw!important}
  .portada.portadaTipografica .portadaEditorialCentro{top:260px!important;left:34px!important;width:min(430px,calc(100% - 68px))!important}
}

/* Cierre visual: flecha horizontal limpia en el CTA principal. */
.portadaEditorialCentro>a.ctaPrincipal i{position:relative!important;display:block!important;flex:none!important;width:32px!important;height:12px!important;margin:0!important;font-size:0!important}
.portadaEditorialCentro>a.ctaPrincipal i::before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:5px!important;width:32px!important;height:1px!important;background:currentColor!important;border:0!important;transform:none!important}
.portadaEditorialCentro>a.ctaPrincipal i::after{content:""!important;position:absolute!important;right:0!important;top:2px!important;width:6px!important;height:6px!important;background:transparent!important;border-top:1px solid currentColor!important;border-right:1px solid currentColor!important;transform:rotate(45deg)!important;transform-origin:center!important}

/* Flecha editorial de la portada: línea continua y punta proporcionada. */
.portadaEditorialCentro>a.ctaPrincipal i{
  position:relative!important;display:block!important;flex:none!important;
  width:32px!important;height:12px!important;margin:0!important;font-size:0!important;
}
.portadaEditorialCentro>a.ctaPrincipal i::before{
  content:""!important;position:absolute!important;left:0!important;right:0!important;top:5px!important;
  width:32px!important;height:1px!important;background:currentColor!important;border:0!important;transform:none!important;
}
.portadaEditorialCentro>a.ctaPrincipal i::after{
  content:""!important;position:absolute!important;right:0!important;top:2px!important;
  width:6px!important;height:6px!important;background:transparent!important;
  border-top:1px solid currentColor!important;border-right:1px solid currentColor!important;
  transform:rotate(45deg)!important;transform-origin:center!important;
}

.origenRelato{
  margin-block:clamp(72px,7vw,100px);
  padding-block:clamp(56px,6vw,80px);
}
.principiosPropios{
  padding-block:clamp(72px,8vw,112px);
}
.principiosPropios > p:first-child{
  margin-bottom:clamp(40px,4vw,52px);
}

/* La serie conserva su composición vertical de campaña. */
.editorialDevices{
  padding-block:clamp(88px,8vw,120px);
}
.editorialDevicesGrid{
  gap:clamp(14px,2vw,26px);
}

/* Servicios con cadencia de índice de revista. */
.serviciosStory{
  padding-block:clamp(72px,8vw,112px);
}
.capacidadesCompactas > a{
  min-height:156px;
}

/* Casos: se conserva el escalonamiento, pero deja de añadir una página vacía. */
.marcasGrid{
  gap:clamp(36px,4vw,56px);
}
.marcasGrid article:nth-child(even){
  margin-top:36px;
}

/* El método queda concentrado sin perder jerarquía. */
.metodoStandalone{
  padding-block:clamp(72px,8vw,112px);
}
.metodoStandalone .trazo{
  padding:clamp(32px,4vw,56px);
  gap:clamp(36px,4vw,58px) clamp(28px,4vw,48px);
}

/* El manifiesto boutique respira una vez, no entre cada dato. */
.boutiquePromesa{
  margin-block:48px;
}
.boutiqueDatos{
  margin-top:56px;
  gap:20px;
}
.boutiqueDatos article{
  min-height:220px;
}

/* Un final más directo: confianza, conversación y salida. */
.preguntasSpeciale{
  padding-block:clamp(68px,7vw,110px);
}
footer{
  padding-top:clamp(68px,6vw,86px);
}
footer .reunionForm{
  margin-top:30px;
}
footer .manifiestoFinal{
  margin-top:44px;
}

@media (max-width:900px){
  .origenRelato{
    margin:64px 0 56px;
    padding-block:48px;
  }
  .capacidadesCompactas > a{
    min-height:auto;
    padding-block:32px;
  }
  .marcasGrid article:nth-child(even){
    margin-top:0;
  }
  .boutiquePromesa{
    margin-block:40px;
  }
  .boutiqueDatos{
    margin-top:48px;
  }
  .boutiqueDatos article{
    min-height:190px;
  }
}

/* Portada · bloque editorial blanco, sin efecto de tarjeta flotante. */
.portadaEditorialCentro{
  background:#fff!important;
  color:#0a0a0a!important;
  border:0!important;
  border-top:1px solid #0a0a0a!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.portadaEditorialCentro>span{
  color:#0a0a0a!important;
  letter-spacing:.24em!important;
}
.portadaEditorialCentro>p{
  color:#292929!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.portadaEditorialCentro .ctaPrincipal{
  border:1px solid #0a0a0a!important;
  background:#0a0a0a!important;
  color:#fff!important;
  padding:14px 16px!important;
}
.portadaEditorialCentro .ctaPrincipal,
.portadaEditorialCentro .ctaPrincipal *{
  color:#fff!important;
  opacity:1!important;
}

@media (min-width:701px){
  .portadaEditorialCentro{
    inset:0 auto 0 0!important;
    width:40.5%!important;
    max-width:none!important;
    height:100%!important;
    padding:0!important;
    background:#fff!important;
    border:0!important;
  }
  .portadaEditorialCentro>span{top:15%!important;left:11%!important;padding:0!important;background:transparent!important}
  .portadaEditorialCentro>strong{
    top:48%!important;bottom:auto!important;left:11%!important;
    width:7.5ch!important;margin:0!important;padding:0!important;background:transparent!important;
    font-size:clamp(42px,4.3vw,68px)!important;line-height:.86!important;
  }
  .portadaEditorialCentro>p{
    top:68%!important;bottom:auto!important;left:50%!important;
    width:28ch!important;margin:0!important;padding:12px 14px!important;background:#fff!important;
  }
  .portadaEditorialCentro>a.ctaSecundario{left:11%!important;bottom:6%!important;margin:0!important}
  .portadaEditorialCentro>a.ctaPrincipal{
    left:calc(100% + 6vw)!important;right:auto!important;bottom:5%!important;
    width:auto!important;margin:0!important;white-space:nowrap;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  .portadaEditorialCentro>a.ctaPrincipal i,
  .portadaEditorialCentro>a.ctaPrincipal span{color:#fff!important;opacity:1!important}
}

/* Portada aprobable: fotografía dominante y una sola pieza de información. */
.portadaEditorialCentro{
  inset:auto auto 34px 5vw!important;
  width:min(420px,calc(100% - 48px))!important;
  max-width:420px!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  padding:24px 28px 22px!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid #0a0a0a!important;
  pointer-events:auto!important;
}
.portadaEditorialCentro>span,
.portadaEditorialCentro>strong,
.portadaEditorialCentro>a.ctaPrincipal{
  position:static!important;
  inset:auto!important;
  transform:none!important;
}
.portadaEditorialCentro>span{
  margin:0 0 20px!important;
  padding:0!important;
  background:transparent!important;
}
.portadaEditorialCentro>strong{
  width:auto!important;
  max-width:9ch!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  font-size:clamp(40px,3.7vw,56px)!important;
  line-height:.88!important;
}
.portadaEditorialCentro>a.ctaPrincipal{
  width:100%!important;
  margin:24px 0 0!important;
  padding:14px 16px!important;
}
.portadaEditorialCentro>p,
.portadaEditorialCentro>a.ctaSecundario{display:none!important}

@media (max-width:700px){
  body .whatsappDirecto{display:none!important}
  .portadaEditorialCentro{
    inset:auto 0 0!important;
    width:100%!important;
    max-width:none!important;
    min-height:44%!important;
    padding:26px 28px 24px!important;
    border-top:0!important;
  }
  .portadaEditorialCentro>span{margin-bottom:22px!important}
  .portadaEditorialCentro>strong{
    max-width:10ch!important;
    font-size:clamp(38px,10.5vw,46px)!important;
  }
  .portadaEditorialCentro>a.ctaPrincipal{
    margin-top:auto!important;
  }
}

/* Consentimiento informado · Ley 21.719 */
.reunionForm .campoConsentimiento{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin:4px 0 10px;
  max-width:760px;
}
.reunionForm .campoConsentimiento input{
  width:18px!important;
  height:18px!important;
  margin:3px 0 0!important;
  padding:0!important;
  accent-color:#fff;
}
.reunionForm .campoConsentimiento label{
  margin:0!important;
  font:400 12px/1.65 Manrope,Arial,sans-serif!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  color:#dedede!important;
}
.reunionForm .campoConsentimiento a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
}
.legal a[href="/privacidad/"]{text-decoration:underline;text-underline-offset:3px}

/* Control técnico del hero: navegación y CTA siempre legibles. */
.nav{
  background:#fff!important;
  color:#0a0a0a!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100vw!important;
}
.nav nav a,
.menuToggle,
.menuToggle span,
.menuToggle i{
  color:#0a0a0a!important;
  text-shadow:none!important;
}
@media(min-width:701px){
  .nav nav{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;justify-content:flex-end!important}
  .nav nav a{display:inline-flex!important;align-items:center!important;white-space:nowrap!important}
}
@media(min-width:701px) and (max-width:900px){
  .portada.portadaTipografica .portadaNombre{top:108px!important;font-size:17vw!important}
  .portada.portadaTipografica .portadaEditorialCentro{top:260px!important;left:34px!important;width:min(430px,calc(100% - 68px))!important}
}
.nav .marca img{
  filter:none!important;
  opacity:1!important;
}
.portadaEditorialCentro>a.ctaPrincipal,
.portadaEditorialCentro>a.ctaPrincipal *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
.portadaEditorialCentro>a.ctaPrincipal i:before,
.portadaEditorialCentro>a.ctaPrincipal i:after{
  color:#fff!important;
  background:#fff!important;
  border-color:#fff!important;
}
@media (min-width:901px){
  .portada.portadaTipografica .portadaNombre{
    top:25%!important;
    left:42%!important;
    right:3vw!important;
    width:auto!important;
    font-size:clamp(92px,10.5vw,168px)!important;
    transform:none!important;
  }
}

/* Método · interacción silenciosa, sin inversión blanca. */
.trazo article:hover,
.trazo article:focus-within,
.trazo article:nth-child(2):hover,
.trazo article:nth-child(3):hover,
.trazo article:nth-child(5):hover,
.trazo article:nth-child(6):hover{
  color:#fff!important;
  background:transparent!important;
  border-top-color:#fff!important;
  box-shadow:none!important;
}
.trazo article:hover h3,
.trazo article:hover p,
.trazo article:hover b,
.trazo article:focus-within h3,
.trazo article:focus-within p,
.trazo article:focus-within b{
  color:#fff!important;
}
.trazo article:hover>span,
.trazo article:focus-within>span{
  color:#fff!important;
  opacity:.34!important;
}
.trazo article:hover b,
.trazo article:focus-within b{
  border-top-color:#ffffff80!important;
}

/* Hero · cada mensaje ocupa su propio lugar, como una doble página editorial. */
@media (min-width:701px){
  .portadaEditorialCentro{
    inset:0!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    pointer-events:none;
  }
  .portadaEditorialCentro>span{
    position:absolute;
    top:17%;
    left:5vw;
    padding:8px 10px;
    background:#fff;
  }
  .portadaEditorialCentro>strong{
    position:absolute;
    left:5vw;
    bottom:19%;
    width:min(8.5ch,34vw);
    margin:0!important;
    padding:13px 16px 11px;
    background:#fff;
    font-size:clamp(42px,4.3vw,68px)!important;
    line-height:.86!important;
    letter-spacing:-.05em!important;
  }
  .portadaEditorialCentro>p{
    position:absolute;
    left:39%;
    bottom:6%;
    width:min(31ch,30vw);
    margin:0!important;
    padding:12px 14px;
    background:#fff;
  }
  .portadaEditorialCentro>a{
    pointer-events:auto;
  }
  .portadaEditorialCentro>a.ctaPrincipal{
    position:absolute;
    right:5vw;
    bottom:5%;
    width:auto!important;
    margin:0!important;
  }
  .portadaEditorialCentro>a.ctaSecundario{
    position:absolute;
    left:5vw;
    bottom:6%;
    margin:0!important;
    background:#fff;
  }
}

@media (max-width:700px){
  .portadaEditorialCentro{
    display:grid!important;
    grid-template-columns:1fr auto;
    align-content:start!important;
    column-gap:18px;
    min-height:43%!important;
    padding:24px 28px 24px!important;
    background:#fff!important;
    border:0!important;
  }
  .portadaEditorialCentro>span{
    grid-column:1/-1;
    margin:0 0 22px!important;
  }
  .portadaEditorialCentro>strong{
    grid-column:1/-1;
    margin:0!important;
  }
  .portadaEditorialCentro>p{
    grid-column:1/-1;
    margin:18px 0 0!important;
  }
  .portadaEditorialCentro>a.ctaPrincipal{
    grid-column:1/-1;
    width:100%!important;
    margin:22px 0 0!important;
  }
  .portadaEditorialCentro>a.ctaSecundario{
    grid-column:1;
    justify-self:start;
    margin:14px 0 0!important;
  }
}

@media (min-width:701px){
  .portadaEditorialCentro{
    inset:0 auto 0 0!important;
    width:40.5%!important;
    height:100%!important;
    background:#fff!important;
  }
  .portadaEditorialCentro>span{
    top:15%!important;
    left:11%!important;
    padding:0!important;
  }
  .portadaEditorialCentro>strong{
    top:48%!important;
    bottom:auto!important;
    left:11%!important;
    width:7.5ch!important;
    padding:0!important;
    background:transparent!important;
  }
  .portadaEditorialCentro>p{
    top:68%!important;
    bottom:auto!important;
    left:50%!important;
    width:28ch!important;
    padding:12px 14px!important;
  }
  .portadaEditorialCentro>a.ctaSecundario{
    left:11%!important;
    bottom:6%!important;
  }
  .portadaEditorialCentro>a.ctaPrincipal{
    left:calc(100% + 6vw)!important;
    right:auto!important;
    bottom:5%!important;
    white-space:nowrap;
  }
}
.portadaEditorialCentro .ctaSecundario{
  width:auto!important;
  padding:8px 0 3px!important;
  border:0!important;
  border-bottom:1px solid #0a0a0a!important;
  opacity:.72!important;
}

@media (max-width:700px){
  .whatsappDirecto{display:none!important}
  .portada.portadaTipografica{
    background:#fff!important;
  }
  .portadaEditorialCentro{
    min-height:42%!important;
    padding:24px 32px 26px!important;
  }
  .portadaEditorialCentro:before{
    margin-bottom:13px!important;
  }
  .portadaEditorialCentro strong{
    max-width:12ch!important;
    font-size:clamp(35px,9.2vw,43px)!important;
    line-height:.9!important;
    letter-spacing:-.045em!important;
  }
  .portadaEditorialCentro>p{
    max-width:36ch!important;
    margin-top:12px!important;
    font-size:13px!important;
  }
  .portadaEditorialCentro>a.ctaPrincipal{
    width:auto!important;
    min-width:min(100%,330px)!important;
    margin-top:18px!important;
    padding:14px 16px!important;
    border:1px solid #0a0a0a!important;
  }
  .portadaEditorialCentro>a.ctaSecundario{
    margin-top:12px!important;
    padding-bottom:4px!important;
  }
}

/* Formulario · una pieza editorial compacta, no una pantalla completa. */
footer .reunionForm{
  width:min(760px,100%);
  max-width:760px;
  gap:20px 26px;
  margin:28px auto 18px;
  padding:32px 36px 30px;
}
footer .reunionForm .campo{
  gap:7px;
}
footer .reunionForm input,
footer .reunionForm select{
  padding-block:10px;
}
footer .reunionForm textarea{
  min-height:72px;
  padding-block:10px;
}
footer .reunionForm button[type="submit"]{
  margin-top:4px;
  padding:14px 20px;
}
footer .contactoAlternativo{
  margin-top:14px!important;
}

@media (max-width:600px){
  footer .reunionForm{
    gap:17px;
    margin-top:24px!important;
    padding:22px 18px 20px!important;
  }
  footer .reunionForm textarea{
    min-height:82px;
  }
}

/* Segunda edición · lujo silencioso. La paleta vuelve a blanco y negro puro. */
html,
body,
.portada,
.origen,
.origenHeroVisual,
.serviciosStory,
.evidencia,
.boutique,
.preguntasSpeciale{
  background-color:#fff!important;
}
.nav{
  background:rgba(255,255,255,.985)!important;
}
.portada.portadaTipografica{
  background-color:#fff!important;
}
.editorialDevices{
  background:#fff!important;
  color:#0a0a0a!important;
}
.editorialDevices figcaption{
  background:#fff!important;
  color:#0a0a0a!important;
}
.metodoStandalone{
  background:#0a0a0a!important;
  color:#fff!important;
}
.serviciosStory,
.boutique{
  background:#fff!important;
}

/* Filetes más finos y menos corporativos. */
.serviciosStory *,
.evidencia *,
.metodoStandalone *,
.preguntasSpeciale *{
  border-color:rgba(10,10,10,.18);
}
.metodoStandalone *{
  border-color:rgba(255,255,255,.24);
}

/* Los servicios se leen como un índice de edición, con aire dentro del bloque. */
.capacidadesCompactas > a{
  padding-inline:clamp(18px,2.2vw,34px);
  transition:background-color .35s ease,color .35s ease,padding-left .35s ease;
}
.capacidadesCompactas > a:hover,
.capacidadesCompactas > a:focus-visible{
  background:#0a0a0a;
  color:#fff;
  padding-left:clamp(24px,2.8vw,44px);
}

/* Fotografías tratadas como láminas: movimiento casi imperceptible y sin adornos. */
.marcasGrid article img,
.editorialDevicesGrid img{
  filter:grayscale(1) contrast(1.04);
  transition:transform .8s cubic-bezier(.2,.72,.2,1),filter .8s ease;
}
.marcasGrid article{
  overflow:hidden;
}
.marcasGrid article:hover img{
  transform:scale(1.018);
  filter:grayscale(1) contrast(1.08);
}

/* Preguntas y formulario con menos apariencia de componente estándar. */
.preguntasLista details,
.preguntasLista button{
  border-radius:0!important;
}
.reunionForm input,
.reunionForm select,
.reunionForm textarea{
  border-radius:0!important;
  box-shadow:none!important;
}
.reunionForm button[type="submit"]{
  border-radius:0!important;
  letter-spacing:.16em;
}

@media (prefers-reduced-motion:reduce){
  .capacidadesCompactas > a,
  .marcasGrid article img,
  .editorialDevicesGrid img{
    transition:none!important;
  }
  .marcasGrid article:hover img{
    transform:none;
  }
}

/* Portada · gesto Vogue: el nombre cambia con la luz de la fotografía. */
.portada.portadaTipografica .portadaNombre{
  color:#fff!important;
  mix-blend-mode:difference!important;
  opacity:.98!important;
  letter-spacing:-.065em!important;
  text-shadow:none!important;
}
.portada.portadaTipografica::before{
  filter:grayscale(1) contrast(.92) brightness(1.04)!important;
}
.portada.portadaTipografica::after{
  background:none!important;
}

@media (min-width:901px){
  .portadaNombre{
    top:48%!important;
    left:5vw!important;
    font-size:clamp(132px,14.5vw,232px)!important;
    transform:translateY(-52%);
    white-space:nowrap;
  }
  .portadaEditorialCentro{
    left:5vw!important;
    bottom:34px!important;
    width:min(455px,38vw)!important;
    padding:24px 28px 22px!important;
    background:#fff!important;
    color:#0a0a0a!important;
    border-top:1px solid #0a0a0a;
  }
  .portadaEditorialCentro strong{
    font-size:clamp(38px,3vw,50px)!important;
    line-height:.9!important;
    letter-spacing:-.035em!important;
  }
  .portadaEditorialCentro .ctaPrincipal{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    margin-top:18px!important;
    padding:15px 18px!important;
    background:#0a0a0a!important;
    color:#fff!important;
    border:1px solid #0a0a0a!important;
  }
  .portadaEditorialCentro .ctaSecundario{
    margin-top:10px!important;
    border-bottom:0!important;
  }
}

@media (max-width:900px){
  .portadaNombre{
    font-size:clamp(64px,22vw,92px)!important;
    white-space:nowrap;
  }
  .portadaEditorialCentro{
    background:#fff!important;
    color:#0a0a0a!important;
  }
  .portadaEditorialCentro .ctaPrincipal{
    background:#0a0a0a!important;
    color:#fff!important;
    padding:15px 16px!important;
    border:1px solid #0a0a0a!important;
  }
}

/* Cierre de cascada para la portada editorial. */
.portadaEditorialCentro{
  background:#fff!important;
  color:#0a0a0a!important;
  border:0!important;
  border-top:1px solid #0a0a0a!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.portadaEditorialCentro>span{color:#0a0a0a!important;letter-spacing:.24em!important}
.portadaEditorialCentro>p{color:#292929!important;font-size:14px!important;line-height:1.55!important}
.portadaEditorialCentro .ctaPrincipal{
  border:1px solid #0a0a0a!important;
  background:#0a0a0a!important;
  color:#fff!important;
  padding:14px 16px!important;
}
.portadaEditorialCentro .ctaSecundario{
  width:auto!important;
  padding:8px 0 3px!important;
  border:0!important;
  border-bottom:1px solid #0a0a0a!important;
  opacity:.72!important;
}
@media (max-width:700px){
  .portada.portadaTipografica{background:#fff!important}
  .portadaEditorialCentro{min-height:42%!important;padding:24px 32px 26px!important}
  .portadaEditorialCentro:before{margin-bottom:13px!important}
  .portadaEditorialCentro strong{
    max-width:12ch!important;
    font-size:clamp(35px,9.2vw,43px)!important;
    line-height:.9!important;
    letter-spacing:-.045em!important;
  }
  .portadaEditorialCentro>p{max-width:36ch!important;margin-top:12px!important;font-size:13px!important}
  .portadaEditorialCentro>a.ctaPrincipal{
    width:auto!important;
    min-width:min(100%,330px)!important;
    margin-top:18px!important;
    padding:14px 16px!important;
    border:1px solid #0a0a0a!important;
  }
  .portadaEditorialCentro>a.ctaSecundario{margin-top:12px!important;padding-bottom:4px!important}
}

.portadaEditorialCentro .ctaPrincipal,
.portadaEditorialCentro .ctaPrincipal *{
  color:#fff!important;
  opacity:1!important;
}

/* Retícula final del hero: columna editorial y mensajes distribuidos. */
.origenApertura>p{
  font-size:clamp(48px,6vw,82px)!important;
  line-height:.9!important;
  letter-spacing:-.045em!important;
}
.origenApertura blockquote{
  max-width:38ch;
}
.portadaEditorialCentro>p,
.portadaEditorialCentro>a.ctaSecundario{
  display:none!important;
}
@media (min-width:701px){
  .portadaEditorialCentro{
    inset:0 auto 0 0!important;width:40.5%!important;max-width:none!important;height:100%!important;
    padding:0!important;background:#fff!important;border:0!important;
  }
  .portadaEditorialCentro>span{top:15%!important;left:11%!important;padding:0!important;background:transparent!important}
  .portadaEditorialCentro>strong{
    top:45%!important;bottom:auto!important;left:11%!important;width:7.5ch!important;
    margin:0!important;padding:0!important;background:transparent!important;
    font-size:clamp(42px,4.3vw,68px)!important;line-height:.86!important;
  }
  .portadaEditorialCentro>p{
    top:68%!important;bottom:auto!important;left:50%!important;width:28ch!important;
    margin:0!important;padding:12px 14px!important;background:#fff!important;
  }
  .portadaEditorialCentro>a.ctaSecundario{left:11%!important;bottom:6%!important;margin:0!important}
  .portadaEditorialCentro>a.ctaPrincipal{
    left:11%!important;right:auto!important;bottom:8%!important;
    width:auto!important;margin:0!important;white-space:nowrap;
    color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
  }
  .portadaEditorialCentro>a.ctaPrincipal *{
    color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
  }
}

/* Reversión de la retícula dispersa: un solo bloque, fotografía dominante. */
.portadaEditorialCentro{
  inset:auto auto 34px 5vw!important;width:min(420px,calc(100% - 48px))!important;
  max-width:420px!important;height:auto!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  padding:24px 28px 22px!important;background:#fff!important;
  border:0!important;border-top:1px solid #0a0a0a!important;pointer-events:auto!important;
}
.portadaEditorialCentro>span,
.portadaEditorialCentro>strong,
.portadaEditorialCentro>a.ctaPrincipal{font-size:11px!important;letter-spacing:.18em!important;position:static!important;inset:auto!important;transform:none!important}
.portadaEditorialCentro>span{margin:0 0 20px!important;padding:0!important;background:transparent!important}
.portadaEditorialCentro>strong{
  width:auto!important;max-width:9ch!important;margin:0!important;padding:0!important;
  background:transparent!important;font-size:clamp(40px,3.7vw,56px)!important;line-height:.88!important;
}
.portadaEditorialCentro>a.ctaPrincipal{width:100%!important;margin:24px 0 0!important;padding:14px 16px!important}
.portadaEditorialCentro>p,.portadaEditorialCentro>a.ctaSecundario{display:none!important}
@media (max-width:700px){
  .portadaEditorialCentro{
    inset:auto 0 0!important;width:100%!important;max-width:none!important;min-height:44%!important;
    padding:26px 28px 24px!important;border-top:0!important;
  }
  .portadaEditorialCentro>span{margin-bottom:22px!important}
  .portadaEditorialCentro>strong{max-width:10ch!important;font-size:clamp(38px,10.5vw,46px)!important}
  .portadaEditorialCentro>a.ctaPrincipal{margin-top:auto!important}
}

/* Cierre técnico: contraste estable y logotipo tipográfico sin colisiones. */
.nav{background:#fff!important;color:#0a0a0a!important}
.nav nav a,.menuToggle,.menuToggle span,.menuToggle i{color:#0a0a0a!important;text-shadow:none!important}
.nav .marca img{filter:none!important;opacity:1!important}
.portadaEditorialCentro>a.ctaPrincipal,
.portadaEditorialCentro>a.ctaPrincipal *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;
}
.portadaEditorialCentro>a.ctaPrincipal i:before,
.portadaEditorialCentro>a.ctaPrincipal i:after{
  color:#fff!important;background:#fff!important;border-color:#fff!important;
}
@media (min-width:901px){
  .portada.portadaTipografica .portadaNombre{
    top:25%!important;left:5vw!important;right:24vw!important;width:auto!important;
    font-size:clamp(92px,10.5vw,168px)!important;transform:none!important;
  }
}

/* Método · conservar negro al pasar el cursor. */
.trazo article:hover,.trazo article:focus-within,
.trazo article:nth-child(2):hover,.trazo article:nth-child(3):hover,
.trazo article:nth-child(5):hover,.trazo article:nth-child(6):hover{
  color:#fff!important;background:transparent!important;border-top-color:#fff!important;box-shadow:none!important;
}
.trazo article:hover h3,.trazo article:hover p,.trazo article:hover b,
.trazo article:focus-within h3,.trazo article:focus-within p,.trazo article:focus-within b{
  color:#fff!important;
}
.trazo article:hover>span,.trazo article:focus-within>span{color:#fff!important;opacity:.34!important}
.trazo article:hover b,.trazo article:focus-within b{border-top-color:#ffffff80!important}

/* Auditoría móvil · menos longitud, mejores blancos y controles táctiles. */
@media (max-width:700px){
  .portada.portadaTipografica{min-height:calc(100svh - 72px)!important}
  .portada.portadaTipografica:before,.portada.portadaTipografica:after{height:58%!important}
  .portadaNombre{top:46%!important}
  .portadaEditorialCentro{min-height:42%!important;padding:24px 22px 22px!important}
  .portadaEditorialCentro a{font-size:11px!important;line-height:1.25!important}
  .portadaEditorialCentro .ctaPrincipal{min-height:48px!important;padding:14px 16px!important}
  .origenRelato{margin:72px 0 64px!important}
  .origenRelato>aside{margin-bottom:34px!important}
  .boutique h2,.preguntasSpeciale h2,footer h2{
    font-size:clamp(38px,10.5vw,46px)!important;line-height:.96!important;
  }
  footer .reunionForm{gap:14px!important;padding:20px 0!important;background:transparent!important}
  footer .reunionForm .campo{gap:5px!important}
  footer .reunionForm input,footer .reunionForm select{min-height:44px!important}
}
@media (max-width:600px){
  .trazo article,.trazo article:first-child,.trazo article:nth-child(2),
  .trazo article:nth-child(3),.trazo article:nth-child(4),
  .trazo article:nth-child(5),.trazo article:nth-child(6){
    min-height:0!important;padding:28px 0 30px!important;
  }
  .trazo h3{margin:28px 0 10px!important;font-size:38px!important}
  .trazo b{margin-top:22px!important}
}
@media (hover:none){
  .trazo article:hover{transform:none!important;background:transparent!important;color:#fff!important}
}

/* Rótulo boutique: tratamiento editorial, sin apariencia de botón o etiqueta. */
.boutique > p:first-child{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 clamp(34px,4vw,58px)!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0a0a0a!important;
  font-family:var(--sans)!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
}

@media (max-width:600px){
  .boutique > p:first-child{
    margin-bottom:30px!important;
    font-size:9px!important;
    letter-spacing:.2em!important;
  }
}

/* Hero · firma editorial inferior: fotografía primero, sin tarjeta superpuesta. */
@media (min-width:701px){
  .portadaEditorialCentro{
    inset:auto auto clamp(30px,4vw,58px) 5vw!important;
    width:min(390px,38vw)!important;
    max-width:390px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    color:#fff!important;
    text-shadow:0 1px 18px rgba(0,0,0,.24)!important;
  }
  .portadaEditorialCentro>span{
    margin:0 0 11px!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:600!important;
    letter-spacing:.24em!important;
  }
  .portadaEditorialCentro>strong{
    max-width:none!important;
    color:#fff!important;
    font-size:clamp(29px,2.5vw,42px)!important;
    line-height:.96!important;
    letter-spacing:-.03em!important;
  }
  .portadaEditorialCentro>a.ctaPrincipal{
    width:auto!important;
    margin:18px 0 0!important;
    padding:0 0 6px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.82)!important;
    background:transparent!important;
    color:#fff!important;
    font-size:8px!important;
    letter-spacing:.19em!important;
    text-shadow:none!important;
  }
  .portadaEditorialCentro>a.ctaPrincipal i{display:none!important}
}

/* ═══ Textos finales (Claude, 14 sep) · portada sin tarjeta, H1 visible y método con reloj ═══ */
.portadaEditorialCentro h1.portadaCategoria{margin:0!important;padding:0!important;font:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
.portadaEditorialCentro{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;padding:0!important;width:min(560px,80vw)!important;min-height:0!important;left:5vw!important;right:auto!important;top:auto!important;bottom:8vh!important;z-index:2!important}
.portadaEditorialCentro:before,.portadaEditorialCentro:after{display:none!important}
.portadaEditorialCentro>span{position:static!important;display:block!important;margin:0 0 14px!important;padding:0!important;background:transparent!important}
.portadaEditorialCentro strong{display:block!important;max-width:none!important;font-size:clamp(32px,3vw,48px)!important;line-height:1!important;margin:0!important}
.portadaEditorialCentro>p.portadaPromesa{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  max-width:34ch!important;
  margin:18px 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:inherit!important;
  font:500 12px/1.45 Manrope,Arial,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.portadaEditorialCentro>a.ctaPrincipal{position:static!important;display:inline-flex!important;align-items:center;gap:14px;width:auto!important;background:transparent!important;border:0!important;border-bottom:1px solid currentColor!important;padding:0 0 8px!important;margin-top:26px!important;min-height:0!important;box-shadow:none!important;border-radius:0!important}
@media (min-width:701px){
  .portadaEditorialCentro,.portadaEditorialCentro>span,.portadaEditorialCentro strong,.portadaEditorialCentro>p.portadaPromesa,.portadaEditorialCentro>a.ctaPrincipal,.portadaEditorialCentro>a.ctaPrincipal *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
  .portada.portadaTipografica:after{background:linear-gradient(0deg,rgba(10,10,10,.6) 0%,rgba(10,10,10,.26) 26%,rgba(10,10,10,0) 48%)!important}
}
@media (max-width:700px){
  .portada.portadaTipografica .portadaEditorialCentro{position:absolute!important;top:calc(58% + 18px)!important;bottom:auto!important;left:0!important;right:0!important;width:auto!important;padding:0 26px!important}
  .portadaEditorialCentro,.portadaEditorialCentro>span,.portadaEditorialCentro strong,.portadaEditorialCentro>p.portadaPromesa,.portadaEditorialCentro>a.ctaPrincipal,.portadaEditorialCentro>a.ctaPrincipal *{color:#0A0A0A!important;-webkit-text-fill-color:#0A0A0A!important}
  .portadaEditorialCentro strong{font-size:clamp(31px,8.7vw,40px)!important;line-height:.98!important}
  .portadaEditorialCentro>p.portadaPromesa{font-size:10px!important;line-height:1.45!important;margin-top:14px!important;max-width:30ch!important}
}
.trazo small.cuando{display:block;margin:0 0 8px;font:600 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;opacity:.62}
.principiosPropios>div{justify-content:center}
/* Frases agregadas por CSS que repetían ideas del texto visible */
.serviciosIntro h2:after,.metodo .intro:after,.origenRelato>aside:after{content:none!important;display:none!important}
.origenRelato>aside{display:none!important}
.origenRelato{grid-template-columns:1fr!important}
/* Historia: el tercer párrafo cierra el relato y se lee en serif, no en letra chica */
.origenRelato>div>p:nth-child(3){font:400 clamp(20px,1.7vw,26px)/1.45 var(--serif)!important;max-width:40ch!important}

/* ═══ Limpieza premium (Claude, 14 sep) ═══ */
/* Titulares largos: mayúscula inicial y tamaño contenido; las mayúsculas quedan para rótulos cortos */
.origenCabecera h2,.serviciosStory h2,.evidencia h2,.metodo .contenido h2,.boutique h2,footer h2,.preguntasSpeciale h2{
  text-transform:none!important;letter-spacing:-.025em!important;
  font-family:var(--serif)!important;font-weight:400!important;
  font-size:clamp(38px,4.6vw,72px)!important;line-height:1.02!important;max-width:18ch!important}
.serviciosStory h2{max-width:22ch!important}
.boutique h2{max-width:24ch!important}
footer h2{max-width:20ch!important}
@media (max-width:700px){
  .origenCabecera h2,.serviciosStory h2,.evidencia h2,.metodo .contenido h2,.boutique h2,footer h2,.preguntasSpeciale h2{font-size:clamp(32px,8.6vw,40px)!important;line-height:1.06!important}
}
/* Nuestra historia: se lee de corrido, en dos columnas simples */
.origenRelato>div{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(24px,4vw,64px)!important;max-width:1100px!important}
.origenRelato>div>p,.origenRelato>div>p:first-child,.origenRelato>div>p:nth-child(2),.origenRelato>div>p:nth-child(3){
  grid-area:auto!important;grid-column:auto!important;margin:0!important;padding:0!important;background:none!important;color:inherit!important;border:0!important;
  text-align:left!important;justify-self:stretch!important;align-self:start!important;max-width:46ch!important;
  font:400 clamp(19px,1.5vw,23px)/1.55 var(--serif)!important;letter-spacing:0!important}
.origenRelato>div>p:first-child:first-letter{float:none!important;font-size:inherit!important;margin:0!important;line-height:inherit!important}
.origenRelato>div>p:nth-child(3){grid-column:1 / -1!important;max-width:60ch!important;padding-top:clamp(18px,2vw,26px)!important;border-top:1px solid rgba(10,10,10,.18)!important}
@media (max-width:700px){.origenRelato>div{grid-template-columns:1fr!important}.origenRelato>div>p,.origenRelato>div>p:nth-child(3){font-size:18px!important}}
/* Servicios sin íconos genéricos */
.capacidadesCompactas>a>i{display:none!important}
/* SPECIALE legible en celular */
@media (max-width:700px){
  .portada.portadaTipografica .portadaNombre{mix-blend-mode:normal!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;text-shadow:0 2px 24px rgba(0,0,0,.35)!important;font-size:clamp(56px,19vw,84px)!important;left:26px!important;right:26px!important;white-space:nowrap}
  .portada.portadaTipografica:after{background:linear-gradient(0deg,rgba(10,10,10,.5) 0%,rgba(10,10,10,0) 35%)!important}
}
/* Servicios: sin columna de ícono; nombres en una línea, mayúscula inicial */
@media (min-width:901px){
  .capacidadesCompactas>a{grid-template-columns:9% minmax(0,34%) 1fr!important}
  .capacidadesCompactas>a>span{grid-column:1!important}
  .capacidadesCompactas>a>strong{grid-column:2!important}
  .capacidadesCompactas>a>small,.capacidadesCompactas>a>em{grid-column:3!important}
}
.capacidadesCompactas>a>strong{text-transform:none!important;letter-spacing:-.02em!important;font-family:var(--serif)!important;font-weight:400!important;font-size:clamp(28px,2.6vw,40px)!important;line-height:1.05!important}
.capacidadesCompactas>a>small{font-size:15px!important;line-height:1.55!important}
.alivioGestion h3{text-transform:none!important;letter-spacing:-.025em!important;font-family:var(--serif)!important;font-size:clamp(34px,3.8vw,56px)!important;line-height:1.04!important}
/* Cierre de la historia y bajada del contacto: sobrios */
.origenCierre strong{text-transform:none!important;letter-spacing:-.02em!important;font-family:var(--serif)!important;font-weight:400!important;font-size:clamp(28px,3.2vw,48px)!important;line-height:1.1!important;max-width:24ch!important}
footer#contacto>p{font:italic 400 clamp(18px,1.5vw,22px)/1.45 var(--serif)!important;max-width:52ch!important}
.origenCierre{background:#FFFFFF!important}
.origenCierre strong,.origenCierre p{text-align:left!important;justify-self:start!important}
.origenCierre strong{margin-top:16px!important}

/* Coherencia de rótulos y numeración editorial. */
.capacidadesCompactas>a>span{
  opacity:.32!important;
  color:#0a0a0a!important;
  font-size:clamp(64px,6vw,82px)!important;
}
.metodoStandalone>.tiempo{
  font-family:var(--sans)!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:500!important;
  line-height:1.4!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
.boutique>p:first-child{
  transform:none!important;
  rotate:none!important;
  font-style:normal!important;
}
.preguntasSpeciale h2{max-width:none!important}
.preguntasSpeciale h2 .tituloLinea{
  display:inline!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
  transform:none!important;
  white-space:nowrap!important;
}

/* CTA flotante compacto: conserva acceso sin cubrir la lectura. */
.whatsappDirecto{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
}
.whatsappDirecto svg{width:18px!important;height:18px!important;margin:0!important}
.whatsappDirecto span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Revisión responsive · ritmo editorial compacto sin ocultar contenido. */
@media (max-width:600px){
  .portada.portadaTipografica .portadaNombre{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    font-size:clamp(52px,17.5vw,74px)!important;
  }
}
@media (max-width:700px){
  .portada.portadaTipografica{
    height:580px!important;
    min-height:580px!important;
  }
  .portada.portadaTipografica .portadaEditorialCentro{
    top:calc(58% + 12px)!important;
  }
  .origen{
    padding-top:48px!important;
    padding-bottom:68px!important;
  }
  .origenRelato{margin:52px 0 48px!important}
  .origenCierre{
    box-sizing:border-box!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .serviciosStory,.boutique{
    padding-top:68px!important;
    padding-bottom:68px!important;
  }
  .principiosPropios{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  .serviciosStory .capacidadesCompactas{margin-top:36px!important}
  .serviciosStory .alivioGestion{margin-top:40px!important}

  .evidencia{
    padding-top:68px!important;
    padding-bottom:64px!important;
  }
  .marcasGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:38px 12px!important;
    margin-top:36px!important;
  }
  .marcasGrid article{
    min-width:0!important;
  }
  .marcasGrid article img{
    aspect-ratio:4/5!important;
    object-fit:cover!important;
  }
  .marcasGrid article h3{
    font-size:clamp(25px,7vw,31px)!important;
    line-height:1!important;
  }
  .marcasGrid article p{
    font-size:12px!important;
    line-height:1.45!important;
  }
  .marcasGrid article small{
    font-size:8px!important;
    letter-spacing:.16em!important;
  }
  .capacidadesCompactas>a>span{
    opacity:.3!important;
    font-size:clamp(56px,10vw,68px)!important;
  }
  .preguntasSpeciale h2{
    font-size:clamp(32px,5.7vw,38px)!important;
  }

  .metodoStandalone{
    padding-top:72px!important;
    padding-bottom:72px!important;
  }
  .trazo{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 16px!important;
  }
  .trazo article,.trazo article:first-child,.trazo article:nth-child(2),
  .trazo article:nth-child(3),.trazo article:nth-child(4),
  .trazo article:nth-child(5),.trazo article:nth-child(6){
    min-height:240px!important;
    margin:0!important;
    padding:25px 0 24px!important;
  }
  .trazo h3{font-size:34px!important}
  .trazo p{font-size:12px!important;line-height:1.45!important}
  .trazo b{font-size:8px!important;padding:15px 18px 16px 0!important}

  footer#contacto{
    padding-top:68px!important;
    padding-bottom:24px!important;
  }
  .preguntasSpeciale{
    padding-top:60px!important;
    padding-bottom:60px!important;
  }
  .preguntasLista{margin-top:30px!important}
  footer#contacto>h2{
    margin-top:32px!important;
    margin-bottom:16px!important;
  }
  footer .reunionForm{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 14px!important;
    margin-top:28px!important;
  }
  footer .reunionForm .campoMensaje,
  footer .reunionForm .campo:nth-of-type(5),
  footer .reunionForm .campo:nth-of-type(6),
  footer .reunionForm button[type="submit"]{
    grid-column:1/-1!important;
  }
  footer .reunionForm .campo{
    min-width:0!important;
  }
  footer .reunionForm input,
  footer .reunionForm select{
    min-height:54px!important;
  }
  footer .reunionForm textarea{
    min-height:108px!important;
  }
  footer .reunionForm label{
    font-size:8px!important;
    letter-spacing:.13em!important;
  }
  footer .contactoAlternativo{margin-top:14px!important}
  footer .manifiestoFinal{margin-top:42px!important}
  footer .legal{margin-top:0!important}
}

/* Cierre de accesibilidad móvil: ningún rótulo informativo bajo 10 px. */
@media (max-width:700px){
  .marcasGrid article small{
    font-size:10px!important;
    line-height:1.4!important;
  }
  .trazo b{
    font-size:10px!important;
    line-height:1.35!important;
  }
  .boutique>p:first-child{
    font-size:10px!important;
    line-height:1.45!important;
  }
  footer .reunionForm label{
    font-size:10px!important;
    line-height:1.4!important;
  }
  footer .reunionForm label small{
    font-size:10px!important;
  }
}

/* La versión definitiva de la cubierta debe cerrar la cascada. */
.portada.portadaTipografica{display:block!important;position:relative!important;min-height:calc(200svh - 92px)!important;padding:0!important;overflow:hidden!important;background:#fff!important;color:#0a0a0a!important}
.portada.portadaTipografica:before{display:block!important;position:absolute!important;z-index:0!important;top:calc(100svh - 92px)!important;inset-inline:0!important;bottom:auto!important;height:100svh!important;background:url('/hero-speciale-editorial-limpio.jpg') center 43%/cover no-repeat!important;filter:grayscale(1) brightness(.86) contrast(1.02)!important;transform:none!important}
.portada.portadaTipografica:after{display:block!important;position:absolute!important;z-index:1!important;top:calc(100svh - 92px)!important;inset-inline:0!important;bottom:auto!important;height:100svh!important;background:linear-gradient(90deg,rgba(10,10,10,.34) 0%,rgba(10,10,10,.16) 28%,rgba(10,10,10,0) 58%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1) 56%,rgba(0,0,0,.56))!important}
.portada.portadaTipografica .portadaNombre{position:absolute!important;z-index:2!important;top:9%!important;left:3.7%!important;right:3.7%!important;width:auto!important;margin:0!important;color:#0a0a0a!important;mix-blend-mode:normal!important;text-align:center!important;text-shadow:none!important;white-space:nowrap!important;font-family:var(--serif)!important;font-size:clamp(100px,17.3vw,266px)!important;font-weight:400!important;line-height:.76!important;letter-spacing:-.062em!important;transform:none!important}
.portada.portadaTipografica .portadaEditorialCentro{position:absolute!important;z-index:3!important;left:4.2%!important;right:auto!important;bottom:auto!important;top:calc(100svh - 410px)!important;display:flex!important;align-items:flex-start!important;width:min(670px,75vw)!important;min-height:0!important;margin:0!important;padding:0!important;color:#0a0a0a!important;text-align:left!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.portada.portadaTipografica .portadaEditorialCentro>span{position:static!important;display:block!important;margin:0 0 15px!important;padding:0!important;color:#0a0a0a!important;background:transparent!important;font-size:9px!important;letter-spacing:.24em!important}
.portada.portadaTipografica .portadaCategoria strong{display:block!important;max-width:32ch!important;margin:0!important;color:#0a0a0a!important;font:400 clamp(27px,2.7vw,44px)/1.02 var(--serif)!important;letter-spacing:-.035em!important}
.portada.portadaTipografica .portadaEditorialCentro>a.ctaPrincipal{position:static!important;display:inline-flex!important;width:auto!important;min-height:0!important;margin:30px 0 0!important;padding:12px 0 9px!important;color:#0a0a0a!important;background:transparent!important;border:0!important;border-bottom:1px solid #0a0a0a!important;border-radius:0!important;box-shadow:none!important;font-size:0!important}
.portada.portadaTipografica .portadaEditorialCentro>a.ctaPrincipal:before{content:"CONVERSEMOS SOBRE SU PROYECTO";font-size:9px!important;letter-spacing:.17em!important}
.portada.portadaTipografica .portadaEditorialCentro:before{content:"01 · ANTES DE ABRIR"!important;position:absolute!important;top:calc(410px + 6vh)!important;left:0!important;width:max-content!important;height:auto!important;margin:0!important;color:#fff!important;background:transparent!important;text-transform:uppercase!important;font:400 9px/1 var(--sans)!important;letter-spacing:.22em!important}
.portada.portadaTipografica .portadaEditorialCentro:after{content:"VER LA HISTORIA  ↓"!important;position:absolute!important;top:300px!important;left:calc(100vw - 13vw)!important;width:max-content!important;color:#0a0a0a!important;text-transform:uppercase!important;font:400 9px/1 var(--sans)!important;letter-spacing:.18em!important}
.portada.portadaTipografica .portadaEditorialCentro>p.portadaPromesa{display:block!important;position:absolute!important;top:calc(100svh + 10px)!important;left:0!important;width:max-content!important;max-width:20ch!important;margin:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-transform:none!important;letter-spacing:-.02em!important;font:italic 400 clamp(30px,3vw,48px)/.98 var(--serif)!important}
@media(max-width:700px){.portada.portadaTipografica{min-height:calc(182svh - 72px)!important}.portada.portadaTipografica:before,.portada.portadaTipografica:after{top:calc(100svh - 72px)!important;height:82svh!important}.portada.portadaTipografica:before{background-position:61% center!important}.portada.portadaTipografica .portadaNombre{top:9%!important;left:14px!important;right:14px!important;font-size:20.5vw!important}.portada.portadaTipografica .portadaEditorialCentro{left:22px!important;right:22px!important;top:calc(100svh - 430px)!important;width:auto!important}.portada.portadaTipografica .portadaCategoria strong{max-width:15ch!important;font-size:9vw!important}.portada.portadaTipografica .portadaEditorialCentro:after{top:360px!important;left:0!important;font-size:8px!important}.portada.portadaTipografica .portadaEditorialCentro:before{top:calc(430px + 5vh)!important}.portada.portadaTipografica .portadaEditorialCentro>p.portadaPromesa{top:calc(100svh - 70px)!important;width:auto!important;max-width:13ch!important;font-size:10vw!important}}
.portada.portadaTipografica .portadaEditorialCentro,.portada.portadaTipografica .portadaEditorialCentro>span,.portada.portadaTipografica .portadaCategoria,.portada.portadaTipografica .portadaCategoria strong,.portada.portadaTipografica .ctaPrincipal{opacity:1!important;visibility:visible!important;color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important}
.portada.portadaTipografica .speciale-lente-control{display:none!important}
.portada.portadaTipografica .portadaEditorialCentro:before{padding:8px 10px!important;color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important;background:rgba(255,255,255,.86)!important}
.portada.portadaTipografica .portadaNombre{background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:#0a0a0a!important}

/* El acceso de contacto pertenece al primer pantallazo, no al borde inferior. */
.portada.portadaTipografica .portadaEditorialCentro{
  top:calc(100svh - 480px)!important;
}
@media(max-width:700px){
  .portada.portadaTipografica .portadaEditorialCentro{
    top:calc(100svh - 490px)!important;
  }
}

/* Coherencia editorial del resto del sitio. */
.nav .marca img{filter:grayscale(1) contrast(1.14)!important;opacity:.78!important}
.serviciosStory{background:#fff!important}
.capacidadesCompactas>a>span{color:#747474!important;opacity:1!important;text-shadow:none!important}
.capacidadesCompactas>a>i{opacity:.42!important}
.capacidadesCompactas>a>small{max-width:48ch!important;line-height:1.55!important}
.capacidadesCompactas>a>em{font-family:var(--serif)!important;font-style:italic!important}
.capacidadesCompactas>a>em{justify-content:flex-end!important}
.capacidadesCompactas>a>em>b{
  position:relative!important;
  display:block!important;
  width:34px!important;
  height:18px!important;
  margin:0!important;
  transform:none!important;
}
.capacidadesCompactas>a>em>b::before{
  content:"→"!important;
  position:absolute!important;
  top:-6px!important;
  right:0!important;
  width:auto!important;
  height:auto!important;
  color:#0a0a0a!important;
  background:none!important;
  transform:none!important;
  font:400 23px/1 Georgia,"Times New Roman",serif!important;
}
.capacidadesCompactas>a>em>b::after{content:none!important;display:none!important}
.capacidadesCompactas>a:hover>em>b,
.capacidadesCompactas>a:focus-visible>em>b{transform:translateX(3px)!important}
.preguntasSpeciale{background:#fff!important}
.preguntasLista details{background:transparent!important}
.preguntasLista summary{letter-spacing:-.025em!important}
footer .footerMarca img{width:120px!important;height:auto!important;filter:grayscale(1) brightness(1.8) contrast(.75)!important;opacity:.82!important}
footer>h2{max-width:12ch!important}
footer .reunionForm{width:min(760px,100%)!important;margin-left:auto!important;margin-right:auto!important;padding:clamp(28px,3vw,42px)!important}
footer .contactoAlternativo{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:700px){.nav .marca img{opacity:.72!important}.capacidadesCompactas>a>span{color:#5f5f5f!important}.capacidadesCompactas>a>i{display:none!important}footer .footerMarca img{width:96px!important}footer .reunionForm{padding:24px 18px!important}}

/* Concepto editorial integrado: inspira sin confundirse con el portafolio real. */
.conceptoEditorial{
  padding:clamp(78px,10vw,150px) clamp(24px,5.5vw,86px)!important;
  color:#f7f7f5!important;
  background:#0a0a0a!important;
}
.conceptoEditorial>header{
  display:flex!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin-bottom:clamp(34px,5vw,72px)!important;
  padding-bottom:16px!important;
  border-bottom:1px solid rgba(255,255,255,.28)!important;
  text-transform:uppercase!important;
  font:500 9px/1.4 var(--sans)!important;
  letter-spacing:.2em!important;
}
.conceptoEditorial>header p{margin:0!important;color:#aaa!important}
.conceptoEditorialHero{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;
  align-items:end!important;
  gap:clamp(36px,6vw,96px)!important;
}
.conceptoEditorialHero>img,
.conceptoUmbral>img{
  display:block!important;
  width:100%!important;
  aspect-ratio:4/5!important;
  object-fit:cover!important;
  filter:grayscale(1) contrast(.96)!important;
}
.conceptoUmbral{position:relative!important;overflow:hidden!important;min-height:0!important;background:#0a0a0a!important}
.conceptoUmbral>img{height:100%!important}
.conceptoPuerta{position:absolute!important;z-index:2!important;top:0!important;bottom:0!important;width:50.15%!important;background:#fff!important;transition:transform 1.35s cubic-bezier(.77,0,.18,1)!important;will-change:transform!important}
.conceptoPuerta::after{content:""!important;position:absolute!important;top:0!important;bottom:0!important;width:1px!important;background:#dedede!important}
.conceptoPuertaIzquierda{left:0!important}.conceptoPuertaIzquierda::after{right:0!important}
.conceptoPuertaDerecha{right:0!important}.conceptoPuertaDerecha::after{left:0!important}
.conceptoUmbralTitulo{position:absolute!important;z-index:3!important;left:50%!important;top:50%!important;width:min(80%,440px)!important;margin:0!important;transform:translate(-50%,-50%)!important;color:#0a0a0a!important;text-align:center!important;font:italic 400 clamp(25px,3vw,48px)/1.04 var(--serif)!important;letter-spacing:-.035em!important;transition:opacity .42s ease .2s!important}
.conceptoUmbral.es-abierto .conceptoPuertaIzquierda{transform:translateX(-101%)!important}
.conceptoUmbral.es-abierto .conceptoPuertaDerecha{transform:translateX(101%)!important}
.conceptoUmbral.es-abierto .conceptoUmbralTitulo{opacity:0!important;transition-delay:0s!important}
.conceptoEditorialHero small,
.conceptoSecuencia small{
  display:block!important;
  margin-bottom:18px!important;
  text-transform:uppercase!important;
  font:500 9px/1.4 var(--sans)!important;
  letter-spacing:.2em!important;
  color:#b9b9b9!important;
}
.conceptoEditorialHero h2{
  max-width:9ch!important;
  margin:0 0 28px!important;
  font:400 clamp(48px,6vw,92px)/.9 var(--serif)!important;
  letter-spacing:-.052em!important;
}
.conceptoEditorialHero p{
  max-width:42ch!important;
  margin:0!important;
  color:#d5d5d5!important;
  font:400 15px/1.65 var(--sans)!important;
}
.conceptoEditorialHero .conceptoAviso{
  margin-top:34px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
  color:#969696!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.conceptoDesplegable{margin-top:clamp(54px,7vw,100px)!important;border-top:1px solid rgba(255,255,255,.3)!important}
.conceptoDesplegable summary{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:22px 0!important;
  list-style:none!important;
  cursor:pointer!important;
  text-transform:uppercase!important;
  font:500 10px/1.4 var(--sans)!important;
  letter-spacing:.18em!important;
}
.conceptoDesplegable summary::-webkit-details-marker{display:none!important}
.conceptoDesplegable[open] summary span{transform:rotate(45deg)!important}
.conceptoSecuencia{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(38px,5vw,72px) clamp(20px,3vw,48px)!important;
  padding:24px 0 20px!important;
}
.conceptoSecuencia img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;filter:grayscale(1)!important}
.conceptoSecuencia small{margin:18px 0 10px!important}
.conceptoSecuencia h3{max-width:15ch!important;margin:0 0 12px!important;font:400 clamp(28px,3vw,46px)/.98 var(--serif)!important;letter-spacing:-.035em!important}
.conceptoSecuencia p{max-width:46ch!important;margin:0!important;color:#aaa!important;font-size:13px!important;line-height:1.6!important}
@media(max-width:700px){
  .conceptoEditorial{padding:68px 22px!important}
  .conceptoEditorial>header{display:block!important}
  .conceptoEditorial>header p{margin-top:9px!important}
  .conceptoEditorialHero{grid-template-columns:1fr!important;align-items:start!important;gap:34px!important}
  .conceptoEditorialHero>img,.conceptoUmbral>img{aspect-ratio:4/5!important}
  .conceptoPuerta{left:0!important;right:0!important;width:100%!important;height:50.15%!important;transition-duration:.9s!important}
  .conceptoPuertaIzquierda{top:0!important;bottom:auto!important}.conceptoPuertaIzquierda::after{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto!important;height:1px!important}
  .conceptoPuertaDerecha{top:auto!important;bottom:0!important}.conceptoPuertaDerecha::after{left:0!important;right:0!important;top:0!important;bottom:auto!important;width:auto!important;height:1px!important}
  .conceptoUmbral.es-abierto .conceptoPuertaIzquierda{transform:translateY(-101%)!important}
  .conceptoUmbral.es-abierto .conceptoPuertaDerecha{transform:translateY(101%)!important}
  .conceptoEditorialHero h2{font-size:clamp(44px,13vw,62px)!important}
  .conceptoSecuencia{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.conceptoPuerta,.conceptoUmbralTitulo{display:none!important}}

/* El Primer Trazo · asistente editorial previo a la conversación. */
.primerTrazo{
  display:grid!important;
  grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr)!important;
  min-height:760px!important;
  padding:0!important;
  color:#0a0a0a!important;
  background:#fff!important;
}
.primerTrazoIntro{
  align-self:center!important;
  padding:clamp(70px,8vw,132px) clamp(36px,6vw,96px)!important;
}
.primerTrazoIntro>span{
  display:block!important;
  margin-bottom:clamp(38px,5vw,72px)!important;
  text-transform:uppercase!important;
  font:500 9px/1.4 var(--sans)!important;
  letter-spacing:.2em!important;
}
.primerTrazoIntro h2{
  max-width:9.5ch!important;
  margin:0 0 28px!important;
  font:400 clamp(48px,5.3vw,82px)/.92 var(--serif)!important;
  letter-spacing:-.052em!important;
}
.primerTrazoIntro>p{max-width:42ch!important;margin:0!important;font-size:15px!important;line-height:1.65!important}
.primerTrazoIntro>small{display:block!important;max-width:48ch!important;margin-top:38px!important;padding-top:17px!important;border-top:1px solid #dedede!important;color:#5a5a5a!important;font-size:10px!important;line-height:1.55!important}
.trazoAsistente{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:clamp(56px,7vw,106px)!important;
  color:#fff!important;
  background:#0a0a0a!important;
}
.trazoProgreso{display:flex!important;align-items:center!important;gap:22px!important;margin-bottom:54px!important;color:#b5b5b5!important;font:500 9px/1 var(--sans)!important;letter-spacing:.2em!important}
.trazoProgreso i{position:relative!important;display:block!important;flex:1!important;height:1px!important;background:#333!important;overflow:hidden!important}
.trazoProgreso i:after{content:""!important;position:absolute!important;inset:0!important;background:#fff!important;transform:scaleX(var(--trazo-avance,.2))!important;transform-origin:left center!important;transition:transform .45s ease!important}
.trazoPaso{min-width:0!important;margin:0!important;padding:0!important;border:0!important}
.trazoPaso[hidden]{display:none!important}
.trazoPaso legend{max-width:13ch!important;margin:0 0 42px!important;padding:0!important;font:400 clamp(40px,4vw,64px)/.94 var(--serif)!important;letter-spacing:-.045em!important}
.trazoPaso>label:not(.trazoCampo){display:grid!important;grid-template-columns:26px minmax(120px,.6fr) 1fr!important;align-items:center!important;gap:16px!important;padding:18px 0!important;border-top:1px solid #343434!important;cursor:pointer!important}
.trazoPaso>label:not(.trazoCampo):last-of-type{border-bottom:1px solid #343434!important}
.trazoPaso input[type="radio"]{appearance:none!important;width:13px!important;height:13px!important;margin:0!important;border:1px solid #777!important;border-radius:50%!important;background:transparent!important}
.trazoPaso input[type="radio"]:checked{border:4px solid #fff!important}
.trazoPaso label>span{font:400 18px/1.2 var(--serif)!important}
.trazoPaso label>small{color:#999!important;font-size:11px!important;line-height:1.45!important}
.trazoCampo{display:block!important;margin-bottom:28px!important}
.trazoCampo>span{display:block!important;margin-bottom:10px!important;text-transform:uppercase!important;font:500 9px/1.4 var(--sans)!important;letter-spacing:.18em!important;color:#b5b5b5!important}
.trazoCampo input,.trazoCampo textarea{box-sizing:border-box!important;width:100%!important;margin:0!important;padding:15px 0!important;color:#fff!important;background:transparent!important;border:0!important;border-bottom:1px solid #777!important;border-radius:0!important;outline:0!important;font:400 18px/1.45 var(--sans)!important}
.trazoCampo textarea{resize:vertical!important}
.trazoCampo input:focus,.trazoCampo textarea:focus{border-color:#fff!important}
.trazoCampo input::placeholder,.trazoCampo textarea::placeholder{color:#727272!important}
.trazoPaso>p{max-width:46ch!important;margin:22px 0 0!important;color:#888!important;font-size:10px!important;line-height:1.5!important}
.trazoControles{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin-top:46px!important}
.trazoControles button,.trazoAcciones button,.trazoAcciones a{min-height:46px!important;padding:14px 18px!important;border-radius:0!important;text-transform:uppercase!important;font:500 9px/1.3 var(--sans)!important;letter-spacing:.16em!important;cursor:pointer!important}
.trazoSiguiente,.trazoDescargar{margin-left:auto!important;color:#0a0a0a!important;background:#fff!important;border:1px solid #fff!important}
.trazoAnterior,.trazoReiniciar{color:#b5b5b5!important;background:transparent!important;border:0!important;border-bottom:1px solid #5a5a5a!important}
.trazoResultado>span{display:block!important;margin-bottom:30px!important;color:#b5b5b5!important;text-transform:uppercase!important;font:500 9px/1.4 var(--sans)!important;letter-spacing:.2em!important}
.trazoResultado h3{max-width:12ch!important;margin:0 0 42px!important;font:400 clamp(42px,4vw,64px)/.94 var(--serif)!important;letter-spacing:-.045em!important}
.trazoResultado dl{margin:0!important;border-top:1px solid #414141!important}
.trazoResultado dl>div{display:grid!important;grid-template-columns:170px 1fr!important;gap:22px!important;padding:20px 0!important;border-bottom:1px solid #414141!important}
.trazoResultado dt{text-transform:uppercase!important;font:500 9px/1.5 var(--sans)!important;letter-spacing:.16em!important;color:#aaa!important}
.trazoResultado dd{margin:0!important;font-size:13px!important;line-height:1.6!important;color:#eee!important}
.trazoNota{max-width:54ch!important;margin:26px 0 0!important;color:#888!important;font-size:10px!important;line-height:1.55!important}
.trazoAcciones{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:14px!important;margin-top:34px!important}
.trazoAcciones a{display:inline-flex!important;align-items:center!important;color:#fff!important;border:1px solid #777!important;text-decoration:none!important}
.trazoAcciones .trazoReiniciar{margin-left:auto!important}
.trazoError{animation:trazoSacudir .28s linear 1!important}
@keyframes trazoSacudir{0%,100%{transform:translateX(0)}35%{transform:translateX(-5px)}70%{transform:translateX(5px)}}
@media(max-width:800px){
  .primerTrazo{grid-template-columns:1fr!important;min-height:0!important}
  .primerTrazoIntro{padding:68px 22px!important}
  .primerTrazoIntro h2{font-size:clamp(44px,12vw,62px)!important}
  .trazoAsistente{padding:64px 22px!important}
  .trazoPaso legend{font-size:clamp(38px,11vw,54px)!important}
  .trazoPaso>label:not(.trazoCampo){grid-template-columns:22px 1fr!important;gap:8px 12px!important}
  .trazoPaso label>small{grid-column:2!important}
  .trazoResultado dl>div{grid-template-columns:1fr!important;gap:8px!important}
  .trazoAcciones{display:grid!important;grid-template-columns:1fr!important}
  .trazoAcciones button,.trazoAcciones a{justify-content:center!important;width:100%!important;margin:0!important;box-sizing:border-box!important}
}
@media(prefers-reduced-motion:reduce){.trazoProgreso i:after{transition:none!important}.trazoError{animation:none!important}}

/* Poda final: las pruebas reales tienen jerarquía, no peso idéntico. */
.evidencia .marcasGrid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(44px,5vw,76px) clamp(18px,2.3vw,36px)!important;
}
.evidencia .marcasGrid article:nth-child(-n+2){grid-column:span 2!important}
.evidencia .marcasGrid article:nth-child(-n+2) img{aspect-ratio:3/2!important}
.evidencia .marcasGrid article:nth-child(n+3) img{aspect-ratio:4/3!important}
.evidencia .marcasGrid article:nth-child(n+3) h3{font-size:clamp(27px,2.5vw,40px)!important}
.evidencia .marcasGrid article:nth-child(n+3) p{max-width:34ch!important;font-size:12px!important}

/* Método abreviado: tres decisiones visibles; detalle completo a voluntad. */
.metodoResumen{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:clamp(50px,7vw,92px)!important;
  border-top:1px solid currentColor!important;
  border-bottom:1px solid currentColor!important;
}
.metodoResumen article{min-height:250px!important;padding:24px clamp(14px,2vw,30px) 30px!important;border-right:1px solid currentColor!important}
.metodoResumen article:first-child{padding-left:0!important}
.metodoResumen article:last-child{border-right:0!important}
.metodoResumen span{font:italic 400 18px/1 var(--serif)!important;color:#777!important}
.metodoResumen h3{margin:70px 0 14px!important;font:400 clamp(33px,3.3vw,52px)/.94 var(--serif)!important;letter-spacing:-.04em!important}
.metodoResumen p{max-width:31ch!important;margin:0!important;font-size:12px!important;line-height:1.55!important}
.metodoDetalle{margin-top:34px!important;border-bottom:1px solid currentColor!important}
.metodoDetalle>summary{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:18px 0!important;list-style:none!important;cursor:pointer!important;text-transform:uppercase!important;font:500 9px/1.4 var(--sans)!important;letter-spacing:.18em!important}
.metodoDetalle>summary::-webkit-details-marker{display:none!important}
.metodoDetalle[open]>summary span{transform:rotate(45deg)!important}
.metodoDetalle .trazo{margin-top:24px!important}

/* Boutique se demuestra en una frase; se eliminan contadores corporativos. */
.boutique .boutiqueBajada{max-width:52ch!important;margin:clamp(38px,5vw,70px) 0 0 auto!important;padding:20px 0 0!important;border:0!important;border-top:1px solid currentColor!important;transform:none!important;rotate:none!important;text-transform:none!important;letter-spacing:0!important;font:400 15px/1.65 var(--sans)!important}

/* Tres respuestas bastan para la lectura; el resto conserva HTML indexable. */
.preguntasAdicionales>summary{display:flex!important;justify-content:space-between!important;align-items:center!important;color:#5a5a5a!important;text-transform:uppercase!important;font:500 9px/1.4 var(--sans)!important;letter-spacing:.18em!important}
.preguntasAdicionales>summary::-webkit-details-marker{display:none!important}
.preguntasAdicionales[open]>summary span{transform:rotate(45deg)!important}
.preguntasAdicionales>div{padding-left:clamp(18px,3vw,48px)!important;border-left:1px solid #dedede!important}

/* Anclas estables mientras las imágenes diferidas terminan de cargar. */
#servicios,#primer-trazo,#casos,#concepto-chanel,#nosotros,#historia,#preguntas,#contacto{scroll-margin-top:100px!important}
.origenHeroVisual{display:block!important;aspect-ratio:16/7!important;overflow:hidden!important}
.origenHeroVisual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:700px){
  .evidencia .marcasGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:42px 12px!important}
  .evidencia .marcasGrid article:nth-child(-n+2){grid-column:1/-1!important}
  .evidencia .marcasGrid article:nth-child(-n+2) img{aspect-ratio:4/5!important}
  .evidencia .marcasGrid article:nth-child(n+3) img{aspect-ratio:4/5!important}
  .metodoResumen{grid-template-columns:1fr!important}
  .metodoResumen article{min-height:0!important;padding:24px 0 28px!important;border-right:0!important;border-bottom:1px solid currentColor!important}
  .metodoResumen article:last-child{border-bottom:0!important}
  .metodoResumen h3{margin:32px 0 10px!important}
  .boutique .boutiqueBajada{margin-left:0!important}
  .origenHeroVisual{aspect-ratio:4/5!important}
}

/* Cierre más directo: menos ceremonia antes de la acción. */
footer#contacto{padding-top:clamp(72px,8vw,112px)!important;padding-bottom:28px!important}
footer#contacto .footerMarca{margin-bottom:34px!important}
footer#contacto>h2{max-width:11ch!important;margin-top:0!important;font-size:clamp(52px,6.2vw,92px)!important;line-height:.93!important}
footer#contacto>p{max-width:52ch!important;margin-top:24px!important}
footer#contacto .reunionForm{margin-top:clamp(42px,5vw,68px)!important}
footer#contacto .manifiestoFinal{margin-top:54px!important}
@media(min-width:901px){
  footer#contacto{
    display:grid!important;
    grid-template-columns:minmax(300px,.76fr) minmax(560px,1.24fr)!important;
    grid-template-rows:auto auto auto auto auto!important;
    align-items:start!important;
    column-gap:clamp(70px,8vw,140px)!important;
  }
  footer#contacto .footerMarca{grid-column:1!important;grid-row:1!important}
  footer#contacto>h2{grid-column:1!important;grid-row:2!important}
  footer#contacto>p{grid-column:1!important;grid-row:3!important}
  footer#contacto .reunionForm{grid-column:2!important;grid-row:1/4!important;width:100%!important;margin-top:0!important}
  footer#contacto .contactoAlternativo{grid-column:2!important;grid-row:4!important;width:100%!important}
  footer#contacto .manifiestoFinal{grid-column:1/-1!important;grid-row:5!important}
  footer#contacto .footerSocial{grid-column:1/-1!important;grid-row:6!important}
  footer#contacto .legal{grid-column:1/-1!important;grid-row:7!important}
}
@media(max-width:700px){
  footer#contacto{padding-top:62px!important}
  footer#contacto>h2{font-size:clamp(45px,13vw,60px)!important}
  footer#contacto .reunionForm{margin-top:34px!important}
}

/* Redes fuera de la letra pequeña: dos salidas editoriales, no dos enlaces perdidos. */
footer#contacto .footerSocial{
  display:grid!important;
  grid-template-columns:minmax(180px,.7fr) repeat(2,minmax(220px,1fr))!important;
  align-items:stretch!important;
  width:100%!important;
  margin-top:42px!important;
  border-top:1px solid #3b3b3b!important;
  border-bottom:1px solid #3b3b3b!important;
}
footer#contacto .footerSocial>span{display:flex!important;align-items:center!important;padding:24px 24px 24px 0!important;color:#8f8f8f!important;text-transform:uppercase!important;font:500 9px/1.45 var(--sans)!important;letter-spacing:.18em!important}
footer#contacto .footerSocial>a{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:116px!important;padding:22px 54px 22px 28px!important;color:#fff!important;border-left:1px solid #3b3b3b!important;text-decoration:none!important;transition:background .25s ease,color .25s ease!important}
footer#contacto .footerSocial>a strong{font:400 clamp(28px,2.5vw,40px)/1 var(--serif)!important;letter-spacing:-.035em!important}
footer#contacto .footerSocial>a small{margin-top:8px!important;color:#9b9b9b!important;font-size:10px!important;letter-spacing:.08em!important}
footer#contacto .footerSocial>a i{position:absolute!important;right:24px!important;top:50%!important;transform:translateY(-50%)!important;font-style:normal!important;font-size:18px!important}
footer#contacto .footerSocial>a>svg{position:absolute!important;left:28px!important;top:24px!important;width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.15!important;stroke-linecap:round!important;stroke-linejoin:round!important}
footer#contacto .footerSocial>a>svg .socialPunto{fill:currentColor!important;stroke:none!important}
footer#contacto .footerSocial>a strong,footer#contacto .footerSocial>a small{padding-left:38px!important}
footer#contacto .footerSocial>a:hover{color:#0a0a0a!important;background:#fff!important}
footer#contacto .footerSocial>a:hover small{color:#5a5a5a!important}

/* En móvil se preserva la composición original de las fotografías. */
@media(max-width:700px){
  .evidencia .marcasGrid article:nth-child(-n+2) img{aspect-ratio:3/2!important}
  .evidencia .marcasGrid article:nth-child(n+3) img{aspect-ratio:4/3!important}
  .evidencia .marcasGrid article:first-child img{object-position:20% center!important}
  footer#contacto .footerSocial{grid-template-columns:1fr!important;margin-top:36px!important}
  footer#contacto .footerSocial>span{padding:18px 0!important}
  footer#contacto .footerSocial>a{min-height:88px!important;padding:18px 44px 18px 0!important;border-left:0!important;border-top:1px solid #3b3b3b!important}
  footer#contacto .footerSocial>a>svg{left:0!important;top:21px!important;width:20px!important;height:20px!important}
  footer#contacto .footerSocial>a strong,footer#contacto .footerSocial>a small{padding-left:36px!important}
}

/* Última regla del archivo: evita colisiones entre 701 y 900 px. */
@media(min-width:701px) and (max-width:900px){
  .nav{box-sizing:border-box!important;width:100%!important;max-width:100vw!important}
  .nav nav{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;justify-content:flex-end!important}
  .nav nav a{display:inline-flex!important;align-items:center!important;white-space:nowrap!important}
  .portada.portadaTipografica .portadaNombre{top:108px!important;font-size:17vw!important}
  .portada.portadaTipografica .portadaEditorialCentro{top:260px!important;left:34px!important;width:min(430px,calc(100% - 68px))!important}
}

/* Flecha definitiva: esta regla debe permanecer al final del archivo. */
.portadaEditorialCentro>a.ctaPrincipal i{position:relative!important;display:block!important;flex:none!important;width:32px!important;height:18px!important;margin:0!important;font-size:0!important;color:#0a0a0a!important;-webkit-text-fill-color:#0a0a0a!important}
.portadaEditorialCentro>a.ctaPrincipal i::before{content:"→"!important;display:block!important;position:absolute!important;left:0!important;top:-4px!important;width:auto!important;height:auto!important;background:none!important;border:0!important;transform:none!important;color:currentColor!important;font:400 24px/1 Georgia,"Times New Roman",serif!important}
.portadaEditorialCentro>a.ctaPrincipal i::after{content:none!important;display:none!important}
/* Firma editorial del logotipo: relieve de tinta, sin alterar el archivo oficial. */
.nav .marca{
  isolation:isolate;
  overflow:visible;
}
.nav .marca img{
  transform-origin:50% 42%;
  filter:grayscale(1) brightness(.62) contrast(1.2)
    drop-shadow(0 1px 0 rgba(10,10,10,.12))
    drop-shadow(0 7px 12px rgba(10,10,10,.035))!important;
  opacity:.86!important;
  transition:opacity .55s ease,filter .55s ease,transform .55s cubic-bezier(.22,1,.36,1)!important;
  animation:selloEditorial 1.15s cubic-bezier(.22,1,.36,1) both;
}
.nav .marca:hover img,
.nav .marca:focus-visible img{
  opacity:1!important;
  transform:translateY(-1px) scale(1.018)!important;
  filter:grayscale(1) brightness(.42) contrast(1.28)
    drop-shadow(0 1px 0 rgba(255,255,255,.7))
    drop-shadow(0 5px 9px rgba(10,10,10,.12))!important;
}
@keyframes selloEditorial{
  from{opacity:.18;filter:grayscale(1) contrast(.9) blur(.7px);transform:translateY(3px)}
  to{opacity:.86;filter:grayscale(1) brightness(.62) contrast(1.2) drop-shadow(0 1px 0 rgba(10,10,10,.12)) drop-shadow(0 7px 12px rgba(10,10,10,.035));transform:none}
}
@media(prefers-reduced-motion:reduce){
  .nav .marca img{animation:none!important;transition:none!important}
}

/* En portátiles de menor altura, el titular nunca invade el wordmark. */
@media(min-width:901px) and (max-width:1350px){
  .portada.portadaTipografica .portadaEditorialCentro{
    top:max(330px,calc(100svh - 410px))!important;
  }
}

/* Escritorios y portatiles con ventana baja: el wordmark y el titular ocupan
   bandas verticales distintas. Evita el cruce que aparecia cerca de 1470x523. */
@media(min-width:901px) and (max-height:760px){
  .portada.portadaTipografica .portadaNombre{
    top:112px!important;
    left:18%!important;
    right:5%!important;
    font-size:clamp(96px,11.8vw,174px)!important;
    line-height:.78!important;
    text-align:right!important;
  }
  .portada.portadaTipografica .portadaEditorialCentro{
    top:288px!important;
    left:4.2%!important;
    width:min(470px,38vw)!important;
  }
  .portada.portadaTipografica .portadaCategoria strong{
    max-width:25ch!important;
    font-size:clamp(25px,2.25vw,34px)!important;
    line-height:1!important;
  }
  .portada.portadaTipografica .portadaEditorialCentro>a.ctaPrincipal{
    margin-top:18px!important;
  }
}

/* Wordmark de portada: relieve editorial seguro, sin máscaras ni recortes. */
.portada.portadaTipografica .portadaNombre{
  color:#0a0a0a!important;
  -webkit-text-fill-color:#0a0a0a!important;
  background:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  text-shadow:1px 1px 0 #b5b5b5,2px 2px 0 #fff,0 10px 24px rgba(10,10,10,.07)!important;
  transform-origin:50% 50%;
  transition:transform .7s cubic-bezier(.22,1,.36,1),text-shadow .7s ease!important;
  animation:wordmarkImpreso 1.8s .16s cubic-bezier(.16,1,.3,1) both;
}
.portada.portadaTipografica .portadaNombre:hover{
  transform:scale(1.006);
  text-shadow:1px 1px 0 #b5b5b5,2px 2px 0 #fff,0 14px 30px rgba(10,10,10,.11)!important;
}
@keyframes wordmarkImpreso{
  from{opacity:.08;letter-spacing:-.025em;transform:translateY(18px) scale(.97);text-shadow:0 20px 36px rgba(10,10,10,.18)}
  to{opacity:1;letter-spacing:-.062em;transform:translateY(0) scale(1);text-shadow:1px 1px 0 #b5b5b5,2px 2px 0 #fff,0 10px 24px rgba(10,10,10,.07)}
}
@media(max-width:700px){
  .portada.portadaTipografica .portadaNombre{
    text-shadow:1px 1px 0 #dedede,0 6px 14px rgba(10,10,10,.05)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .portada.portadaTipografica .portadaNombre{animation:none!important}
}

/* Ajuste final de portada: SPECIALE vuelve a ser el titular principal también
   en ventanas bajas, sin invadir el bloque descriptivo. */
@media(min-width:901px) and (max-height:760px){
  .portada.portadaTipografica .portadaNombre{
    top:104px!important;
    left:4%!important;
    right:4%!important;
    font-size:clamp(132px,15.4vw,224px)!important;
    line-height:.76!important;
    text-align:center!important;
  }
  .portada.portadaTipografica .portadaEditorialCentro{
    top:318px!important;
  }
}

/* La escena conserva detalle en las telas y en el piso: blanco editorial, no
   altas luces lavadas. */
.portada.portadaTipografica:before{
  filter:grayscale(1) brightness(.72) contrast(.94)!important;
}
.portada.portadaTipografica:after{
  background:
    linear-gradient(90deg,rgba(10,10,10,.24) 0%,rgba(10,10,10,.10) 30%,rgba(10,10,10,0) 60%),
    linear-gradient(180deg,rgba(10,10,10,.04),rgba(10,10,10,.12) 56%,rgba(10,10,10,.48))!important;
}

/* La fotografía comienza después de la portada, no como una franja cortada. */
.portada.portadaTipografica{min-height:200svh!important}
.portada.portadaTipografica:before,
.portada.portadaTipografica:after{top:100svh!important}
@media(max-width:700px){
  .portada.portadaTipografica{min-height:182svh!important}
  .portada.portadaTipografica:before,
  .portada.portadaTipografica:after{top:100svh!important}
}