/* Páginas de producto (/perfil-gratuito, /perfil-plus, /perfil-ultra): secciones de detalle por plan.
   Color por plan: ESENCIAL verde, PLUS violeta, ULTRA turquesa. Solo CSS. */
.pr{--k:#25c47c;--kd:#0b6e43}
.pr--plus{--k:#8b6bff;--kd:#5b3fd0}
.pr--ultra{--k:#00c3dc;--kd:#00809a}

/* Para quién es */
.pr-ideal{background:linear-gradient(180deg,#fff 0,#f4fbfd 100%)}
.pr-ideal__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pr-ideal__grid li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #dce5ed;border-top:5px solid var(--k);border-radius:18px;padding:22px 20px;box-shadow:0 6px 18px rgba(1,24,51,.06)}
.pr-ideal__grid li>i{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--k);color:#fff;font-size:1.3rem}
.pr--gratis .pr-ideal__grid li>i,.pr--ultra .pr-ideal__grid li>i{color:#011833}
.pr-ideal__grid h3{margin:0 0 6px;font-size:1.05rem}
.pr-ideal__grid p{margin:0;font-size:.92rem;line-height:1.55}

/* Qué incluye */
.pr-inc{background:#fff}
.pr-inc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pr-inc__group{background:#fff;border:1px solid #dce5ed;border-top:5px solid var(--k);border-radius:18px;padding:24px 24px 26px;box-shadow:0 6px 18px rgba(1,24,51,.05)}
.pr-inc__group h3{display:flex;align-items:center;gap:.6rem;margin:0 0 16px;font-size:1.15rem}
.pr-inc__group h3 i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--k);color:#fff;font-size:1.05rem}
.pr--gratis .pr-inc__group h3 i,.pr--ultra .pr-inc__group h3 i{color:#011833}
.pr-inc__list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pr-inc__list li{position:relative;padding-left:1.7rem;font-size:.93rem;line-height:1.5}
.pr-inc__list li::before{content:"✓";position:absolute;left:0;top:0;font-weight:900;color:var(--kd)}
.pr-inc__list strong{display:block;color:#011833;font-size:.97rem}
.pr-inc__list span{display:block;color:#475569}

/* Avisos del plan */
.pr-callout{display:flex;gap:16px;align-items:flex-start;margin-top:22px;padding:20px 22px;border-radius:16px;background:#f4fbfd;border:1px solid #cfeaf1;border-left:5px solid var(--k)}
.pr-callout>i{font-size:1.5rem;color:var(--kd);line-height:1}
.pr-callout h3{margin:0 0 6px;font-size:1.05rem}
.pr-callout p{margin:0;font-size:.93rem;line-height:1.6;color:#334155}
.pr-no{margin-top:22px;padding:22px 24px;border-radius:16px;background:#f8fafc;border:1px solid #dce5ed}
.pr-no h3{margin:0 0 14px;font-size:1.05rem}
.pr-no ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}
.pr-no li{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;color:#334155;padding:8px 0;border-bottom:1px dashed #d5dfe8}
.pr-tag{flex:0 0 auto;padding:.2rem .6rem;border-radius:999px;font-size:.68rem;font-weight:850;letter-spacing:.06em}
.pr-tag--plus{background:#8b6bff;color:#fff}
.pr-tag--ultra{background:#00c3dc;color:#011833}
.pr-xioh-note{display:flex;gap:12px;align-items:flex-start;margin:20px 0 0;padding:14px 18px;border-radius:14px;background:#011833;color:#d1dce7;font-size:.9rem;line-height:1.55}
.pr-xioh-note i{color:#00c3dc;font-size:1.3rem;line-height:1.2}
.pr-xioh-note strong{color:#fff}

@media(max-width:900px){
  .pr-ideal__grid,.pr-inc__grid,.pr-no ul{grid-template-columns:1fr}
}
@media(max-width:560px){
  .pr-inc__group{padding:20px 18px 22px}
  .pr-callout,.pr-no{padding:18px}
}

/* El globo de texto de XIOH en la sección de IA se asoma unos píxeles en tabletas: se recorta dentro de la sección. */
.pr .mpw-section{overflow-x:clip}