/* Color con propósito: acentos cálidos sobre la base turquesa y azul de la marca.
   Lo usan el home y Cómo funciona (clase .home-ultra). Sin imágenes ni animaciones: no pesa. */

/* Qué incluye: tarjetas con un color por función */
.home-ultra .hu-features{background:linear-gradient(180deg,#fff 0,#fff6ec 100%)}
.hu-feat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hu-feat-grid li{background:#fff;border-radius:22px;padding:22px 20px 24px;border:1px solid rgba(1,24,51,.07);border-top:5px solid var(--k);box-shadow:0 8px 24px rgba(1,24,51,.08);transition:transform .2s ease,box-shadow .2s ease}
.hu-feat-grid li:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(1,24,51,.14)}
.hu-feat__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--k);color:#fff;font-size:1.5rem;margin-bottom:14px;box-shadow:0 8px 16px rgba(1,24,51,.16)}
.hu-feat-grid h3{font-size:1.05rem;margin:0 0 6px}
.home-ultra main .hu-feat-grid p{font-size:.9rem;line-height:1.5;margin:0}
.hu-feat-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:34px}

/* Pasos: número en cápsula de color */
.hu-pasos .hu-steps>li{background:#fff;border:1px solid rgba(1,24,51,.07);border-radius:22px;padding:24px;box-shadow:0 8px 24px rgba(1,24,51,.06)}
.hu-pasos .hu-steps>li>span{display:inline-grid;place-items:center;min-width:58px;height:58px;padding:0 10px;border-radius:18px;font-size:1.45rem;color:#fff}
.hu-pasos .hu-steps>li:nth-child(1)>span{background:#ff7a59}
.hu-pasos .hu-steps>li:nth-child(2)>span{background:#8b6bff}
.hu-pasos .hu-steps>li:nth-child(3)>span{background:#25c47c}
.hu-pasos .center-link{margin-top:30px;text-align:center}

/* Fondos suaves por sección */
.home-ultra .hu-pasos{background:#fff}
.home-ultra .hu-proof{background:#f6f3ff}
.home-ultra .hu-video{background:#fff}

/* Cómo funciona: portada con un toque de color y botón */
.home-ultra .simple-hero{background:linear-gradient(135deg,#eafcff 0,#fff6ec 100%)}
.home-ultra .simple-hero .mpw-btn{margin-top:22px}

@media(max-width:1000px){.hu-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .hu-feat-grid{gap:12px}
  .hu-feat-grid li{padding:16px 14px 18px;border-radius:18px}
  .hu-feat__ico{width:44px;height:44px;font-size:1.25rem;border-radius:14px;margin-bottom:10px}
  .hu-feat-grid h3{font-size:.95rem}
  .home-ultra main .hu-feat-grid p{font-size:.82rem}
  .hu-feat-cta{flex-direction:column;align-items:stretch;text-align:center;gap:14px}
}
@media(prefers-reduced-motion:reduce){.hu-feat-grid li{transition:none}}

/* Cómo funciona: la lista de pasos conserva su tamaño original (el h2 del home es más grande) y gana color */
.home-ultra .journey h2{font-size:1.4rem;line-height:1.2;letter-spacing:-.02em;margin:0 0 .4rem}
.home-ultra .journey li>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;font-size:.95rem;font-weight:800;background:#ff7a59}
.home-ultra .journey li:nth-child(6n+2)>span{background:#8b6bff}
.home-ultra .journey li:nth-child(6n+3)>span{background:#25c47c}
.home-ultra .journey li:nth-child(6n+4)>span{background:#f5a800}
.home-ultra .journey li:nth-child(6n+5)>span{background:#f2559f}
.home-ultra .journey li:nth-child(6n+6)>span{background:#4a7cf0}

/* Publicaciones (home): tres planes + ejemplos reales de la red */
.home-ultra .hu-novedades{background:#fff}
.hu-feat-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hu-pub-plan{display:inline-block;margin:0 0 .5rem;padding:.22rem .65rem;border-radius:999px;background:var(--k);color:#fff;font-size:.68rem;font-weight:850;letter-spacing:.08em}
.home-ultra main .hu-feat-grid .hu-pub-lim{margin-top:12px;font-size:.78rem;font-weight:800;color:#011833}
.home-ultra .hu-pub-real{margin:44px 0 0;font-size:1.25rem}
.home-ultra .hu-novedades .hu-post-example{margin-top:18px}
.hu-pub-more{margin:18px 0 0}
@media(max-width:1000px){.hu-feat-grid--3{grid-template-columns:1fr}}
@media(max-width:700px){.home-ultra .hu-novedades .hu-post-example{grid-template-columns:1fr}}
.home-ultra main .hu-feat-grid .hu-pub-plan{color:#fff;margin:0 0 .6rem}
.home-ultra main .hu-feat-grid li:nth-child(1) .hu-pub-plan{color:#033a22}
@media(max-width:700px){.home-ultra .hu-novedades .hu-post-example>*:nth-child(n+3){display:none}}

/* Planes del home: ESENCIAL → PLUS → ULTRA, una sola acción por tarjeta (el detalle vive en /precios) */
.home-ultra .hu-plans .hu-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.home-ultra .hu-plan{padding:30px 24px 26px;border-top:5px solid var(--k,#bddce5)}
.home-ultra .hu-plan--esencial{--k:#25c47c}
.home-ultra .hu-plan--plus{--k:#8b6bff;background:#faf8ff}
.home-ultra .hu-plan--featured{--k:#00c3dc;background:#011833;border:2px solid #00c3dc;border-top-width:5px}
.home-ultra .hu-plan--featured .plan-card__name,.home-ultra .hu-plan--featured :is(h3,li){color:#fff}
.home-ultra .hu-plan--featured .check-list li:before{color:#00c3dc}
.home-ultra .hu-plan--featured .plan-card__price strong{color:#00c3dc}
.home-ultra .hu-plan--featured .plan-card__price span{color:#d1dce7}
.home-ultra .hu-plan--featured .hu-plan-note{color:#bcd0e2}
.home-ultra .hu-plan--featured .hu-plan-ribbon{background:#00c3dc;color:#011833}
.home-ultra .hu-plan .plan-card__name{font-size:1.5rem;margin:0}
.home-ultra .hu-plan .plan-card__price{margin:8px 0 4px;min-height:3.4rem}
.home-ultra .hu-plan .hu-plan-note{font-size:.8rem;line-height:1.45;font-weight:600;margin:0 0 14px;min-height:2.4em}
.home-ultra .hu-plan h3{font-size:1.08rem;min-height:3.2em;margin:4px 0 0}
.home-ultra .hu-plan .check-list{font-size:.9rem;margin:16px 0 22px;flex:1}
.hu-plan-foot{height:7.4rem}
.home-ultra .hu-plan .hu-plan-foot .mpw-btn{width:100%}
.hu-plan-foot__nota{display:block;margin-top:10px;font-size:.74rem;line-height:1.4;color:#64748b;text-align:center}
.hu-plans-more{margin-top:34px;text-align:center}
.hu-plans-more__link{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem 1.7rem;border:2px solid #011833;border-radius:999px;font-weight:800;font-size:1.02rem;color:#011833;text-decoration:none}
.hu-plans-more__link:hover{background:#011833;color:#fff}
.home-ultra main .hu-plans-more p{margin:.7rem 0 0;font-size:.82rem;color:#64748b}
@media(min-width:701px) and (max-width:1000px){
  .home-ultra .hu-plans .hu-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-ultra .hu-plan--featured{grid-column:1/-1}
  .home-ultra .hu-plan h3{min-height:0}
  .home-ultra .hu-plan .plan-card__price{min-height:0}
  .home-ultra .hu-plan--featured .check-list{columns:2;column-gap:28px;flex:none}
  .home-ultra .hu-plan--featured .hu-plan-foot{height:auto}
}
@media(max-width:700px){
  .home-ultra .hu-plans .hu-plan-grid{grid-template-columns:1fr;gap:18px}
  .home-ultra .hu-plan{padding:26px 20px 22px}
  .home-ultra .hu-plan h3,.home-ultra .hu-plan .plan-card__price,.home-ultra .hu-plan .hu-plan-note{min-height:0}
  .hu-plan-foot{height:auto}
  .home-ultra .hu-plan .hu-plan-note--vacio{display:none}
  .home-ultra .hu-plan .check-list{margin:14px 0 18px}
  .hu-plans-more__link{width:100%;justify-content:center}
}
.home-ultra main .hu-plans-pais{margin:26px 0 0;text-align:center;font-size:.85rem;color:#64748b}
.hu-plans-pais a{color:#011833;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.home-ultra .hu-plans-more{margin-top:20px}