/* Ajustes puntuales solicitados para la página de inicio — 16/07/2026 */

/* El icono debe comenzar junto a la primera línea, no al centro del párrafo. */
html body #beneficios .benefit-item{
  align-items:flex-start!important;
}

html body #beneficios .benefit-item .list-icon{
  align-self:flex-start!important;
  margin-top:.12em!important;
}

html body #beneficios .benefit-item p{
  align-self:start!important;
}

/* Portada fija y exclusiva de A.S Marketing; no usa imágenes de otros casos. */
html body #solucion .as-manual-only .solution-preview-screen{
  position:relative!important;
  width:100%!important;
  min-height:clamp(390px,42vw,570px)!important;
  padding:clamp(34px,6vw,76px)!important;
  display:grid!important;
  grid-template-rows:1fr auto auto 1fr!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:clamp(22px,2.4vw,36px)!important;
  border:1px solid rgba(201,143,123,.25)!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(248,223,170,.42),transparent 34%),
    radial-gradient(circle at 82% 76%,rgba(213,154,134,.28),transparent 38%),
    linear-gradient(145deg,#fffaf3 0%,#f2e7da 54%,#fbf6ef 100%)!important;
  box-shadow:0 18px 48px rgba(44,34,27,.11)!important;
  isolation:isolate!important;
}

html body #solucion .as-manual-only .solution-preview-screen::before{
  content:""!important;
  position:absolute!important;
  inset:clamp(18px,3vw,34px)!important;
  display:block!important;
  border:1px solid rgba(135,91,76,.22)!important;
  border-radius:clamp(16px,2vw,28px)!important;
  pointer-events:none!important;
}

html body #solucion .as-manual-only .solution-preview-screen::after{
  content:"A.S"!important;
  position:absolute!important;
  right:clamp(24px,4vw,54px)!important;
  bottom:clamp(16px,2.5vw,34px)!important;
  display:block!important;
  font-size:clamp(4rem,11vw,9rem)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.08em!important;
  color:rgba(126,84,66,.055)!important;
  pointer-events:none!important;
}

html body #solucion .as-manual-logo{
  position:relative!important;
  z-index:2!important;
  grid-row:2!important;
  width:min(76%,650px)!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  filter:none!important;
}

html body #solucion .as-manual-title{
  position:relative!important;
  z-index:2!important;
  grid-row:3!important;
  margin-top:clamp(34px,5vw,64px)!important;
  font-size:clamp(1rem,2vw,1.55rem)!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  color:#322923!important;
  text-align:center!important;
}

html body #solucion .as-manual-year{
  position:relative!important;
  z-index:2!important;
  grid-row:4!important;
  align-self:start!important;
  margin-top:14px!important;
  font-size:clamp(.72rem,1.15vw,.98rem)!important;
  line-height:1.3!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:#87695e!important;
  text-align:center!important;
}

/* Todas las tarjetas del proceso arrancan a la misma altura. */
html body #metodo .commercial-step{
  display:grid!important;
  grid-template-rows:68px minmax(2.25rem,auto) minmax(2.5rem,auto) 1fr!important;
  align-content:start!important;
  align-items:start!important;
  row-gap:14px!important;
}

html body #metodo .commercial-step .step-card-icon{
  align-self:start!important;
  margin:0 auto!important;
}

html body #metodo .commercial-step b,
html body #metodo .commercial-step strong,
html body #metodo .commercial-step p{
  align-self:start!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Acerca los botones al centro visual del espacio entre secciones. */
html body #costo .inline-actions{
  position:relative!important;
  top:clamp(28px,3.2vw,52px)!important;
}

html body #metodo .inline-actions{
  position:relative!important;
  top:clamp(18px,2vw,34px)!important;
}

/* Recorte de la fotografía nueva en la sección de Andrea. */
html body #andrea .founder-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 32%!important;
}

@media(max-width:760px){
  html body #solucion .as-manual-only .solution-preview-screen{
    min-height:330px!important;
    padding:30px 24px!important;
  }

  html body #solucion .as-manual-logo{
    width:min(90%,560px)!important;
  }

  html body #metodo .commercial-step{
    grid-template-rows:60px auto auto auto!important;
  }

  html body #costo .inline-actions{
    top:18px!important;
  }

  html body #metodo .inline-actions{
    top:12px!important;
  }
}