/* 2. Nicho. Idea: cada pantalla se abre con una pieza que se entiende sin leer.
   Avatar = ficha de persona con su frase en grande y de A a Z en dos columnas con flecha.
   Frenos = ranking por peso. Conciencia = escalera. Competencia y Alternativas = tarjetas lado a lado.
   Mercado = cifra de crecimiento con su línea y el mercado en escalones. Rellenar = fichas con ayuda y ejemplo. */

/* Piezas comunes */
.p2-i{flex:none}
.p2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.p2-sin{color:#6E6E73;font-style:normal;font-weight:400}
.p2-cab,.p2-eh{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}
.p2-eh{margin-bottom:10px}
.p2-kicker{margin:0;font-size:13px;line-height:18px;font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.84)}
.p2-kicker-v{color:#7A1230}
.p2-titular{margin:0;font-size:30px;line-height:36px;font-weight:700;letter-spacing:-.03em;max-width:760px}
.p2-gigante{margin:0;font-size:60px;line-height:64px;font-weight:700;letter-spacing:-.04em}
.p2-gigante-v{color:#7A1230}
.p2-vacio{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:14px;background:#F5F5F7}
.p2-vacio p{margin:0;font-size:15px;line-height:22px;color:#424245}
.p2-vacio-g{flex-direction:row;align-items:center;gap:16px;padding:20px}
.p2-foto{flex:none;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#F4E3E8;color:#7A1230}
.p2-barra{position:relative;display:block;height:8px;border-radius:99px;background:#E8E8ED}
.p2-barra i{display:block;height:100%;border-radius:99px;background:#A32A4E}
.p2-barra em{position:absolute;top:-4px;width:2px;height:16px;border-radius:2px;background:#1D1D1F}
.p2-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.p2-stats-h{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.p2-stat{display:flex;flex-direction:column;gap:2px;min-width:0}
.p2-stat span{font-size:12px;line-height:16px;font-weight:600;color:#6E6E73}
.p2-stat b{font-size:22px;line-height:28px;font-weight:700;letter-spacing:-.02em}
.p2-stat small{font-size:12px;line-height:16px;color:#6E6E73}
.p2-stat-g b{font-size:48px;line-height:52px;letter-spacing:-.04em;color:#7A1230}
.p2-hero{margin:-20px;border-radius:18px;color:#fff;background:linear-gradient(155deg,#8E1A3A 0%,#5C0F26 100%)}

/* Avatar: ficha de persona */
.p2-av{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:center;padding:32px}
.p2-av-id{display:flex;gap:18px;align-items:flex-start;min-width:0}
.p2-av .p2-foto{width:84px;height:84px;background:rgba(255,255,255,.16);color:#fff}
.p2-av-quien{margin:6px 0 0;font-size:30px;line-height:36px;font-weight:700;letter-spacing:-.03em;overflow-wrap:anywhere}
.p2-chips{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.p2-chips li{display:inline-flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;max-width:100%;padding:6px 12px;border-radius:12px;background:rgba(255,255,255,.14);font-size:13px;line-height:18px}
.p2-chips li span{font-size:12px;font-weight:600;color:rgba(255,255,255,.84)}
.p2-chip-add{min-height:32px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}
.p2-frase{position:relative;margin:0;padding:22px 24px;border-radius:16px;background:rgba(255,255,255,.12)}
.p2-comi{display:block;margin-bottom:6px;color:#E3B8C5}
.p2-frase blockquote{margin:0;font-size:32px;line-height:38px;font-weight:700;letter-spacing:-.03em;overflow-wrap:anywhere}
.p2-frase figcaption{margin-top:10px;font-size:12px;line-height:16px;color:rgba(255,255,255,.84)}
.p2-frase-v p{margin:0 0 12px;font-size:15px;line-height:22px;color:rgba(255,255,255,.9)}
.p2-btn-claro{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:#fff;color:#7A1230;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease-out}
.p2-btn-claro:hover{background:#F4E3E8}
.p2-btn-claro:focus-visible,.p2-chip-add:focus-visible{outline-color:#fff}

/* De A a Z */
.p2-az-res{display:flex;flex-direction:column;gap:2px;margin:0 0 8px;padding:14px 16px;border-radius:14px;background:#F4E3E8;font-size:18px;line-height:26px;font-weight:600;letter-spacing:-.01em}
.p2-az-res span{font-size:12px;line-height:16px;font-weight:600;color:#7A1230}
.p2-az{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.p2-az-n{margin:0 0 6px;font-size:13px;line-height:18px;font-weight:600;color:#6E6E73}
.p2-az-par{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:stretch;gap:0}
.p2-az-a,.p2-az-z{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;min-width:0}
.p2-az-a{background:#F5F5F7}
.p2-az-z{background:#F4E3E8;box-shadow:inset 3px 0 0 #7A1230}
.p2-az-a span,.p2-az-z span{font-size:12px;line-height:16px;font-weight:600;color:#6E6E73}
.p2-az-z span{color:#7A1230}
.p2-az-a p,.p2-az-z p{margin:0;font-size:16px;line-height:23px;overflow-wrap:anywhere}
.p2-az-f{display:flex;align-items:center;justify-content:center;color:#7A1230}

/* Cuánto conocemos */
.p2-conoc{display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr);gap:24px;align-items:center}
.p2-conoc-nota{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.p2-anillo{width:140px;height:140px}
svg text.p2-anillo-n{font-size:34px;font-weight:700;fill:#1D1D1F;letter-spacing:-.03em}
.p2-conoc-t{margin:4px 0 0;font-size:15px;line-height:21px;font-weight:600}
.p2-notas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.p2-nota{display:grid;grid-template-columns:150px minmax(0,1fr) 34px 118px;gap:12px;align-items:center}
.p2-nota-n{font-size:14px;line-height:18px;font-weight:500}
.p2-nota b{text-align:right}

/* Frenos: ranking por peso */
.p2-fr{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff;color:#1D1D1F}
.p2-fr-top{display:flex;flex-direction:column;gap:6px;padding:32px;border-radius:18px 0 0 18px;color:#fff;background:linear-gradient(155deg,#8E1A3A 0%,#5C0F26 100%)}
.p2-fr-top .p2-gigante{margin-top:6px}
.p2-fr-n{margin:0;font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.02em}
.p2-fr-top blockquote{margin:8px 0 0;padding-left:14px;border-left:3px solid #E3B8C5;font-size:17px;line-height:25px}
.p2-fr-r{margin:6px 0 0;font-size:15px;line-height:22px;color:rgba(255,255,255,.92)}
.p2-fr-top .p2-stats{margin-top:auto;padding-top:20px}
.p2-fr-top .p2-stat span,.p2-fr-top .p2-stat small{color:rgba(255,255,255,.84)}
.p2-fr-rank{display:flex;flex-direction:column;gap:6px;padding:28px}
.p2-rk{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:18px}
.p2-rk li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.p2-pos{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#F4E3E8;color:#7A1230;font-size:13px;font-weight:700}
.p2-rk-c{display:flex;flex-direction:column;gap:6px;min-width:0}
.p2-rk-f{display:flex;justify-content:space-between;gap:12px;font-size:15px;line-height:20px}
.p2-rk-f strong{font-size:18px;font-weight:700;letter-spacing:-.02em}
.p2-rk-c p{margin:0;font-size:13px;line-height:19px;color:#424245}
.p2-rk-c p span{margin-right:6px;font-size:12px;font-weight:600;color:#6E6E73}
.p2-aviso{margin:8px 0 0;font-size:13px;color:#424245}
.p2-prob{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.p2-prob li{display:flex;flex-direction:column;gap:8px;min-width:0}
.p2-prob-f{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.p2-prob-f b{font-size:16px;line-height:22px;font-weight:600}
.p2-prob-f strong{font-size:22px;line-height:28px;font-weight:700;letter-spacing:-.02em}
.p2-prob-f small{font-size:12px;font-weight:500;color:#6E6E73}
.p2-prob p{margin:0;font-size:14px;line-height:21px;color:#424245}
.p2-prob p span{display:block;font-size:12px;line-height:16px;font-weight:600;color:#6E6E73}

/* Conciencia: escalera */
.p2-esc{display:flex;flex-direction:column;gap:18px}
.p2-esc-cab{display:flex;flex-direction:column;gap:4px}
.p2-escalera{list-style:none;margin:0;padding:0 0 0;display:flex;align-items:flex-end;gap:8px;border-bottom:3px solid #E3B8C5}
.p2-paso{display:flex;flex:1 1 0;flex-direction:column;gap:6px;min-width:0;min-height:calc(150px + var(--i) * 34px);padding:14px 12px;border-radius:14px 14px 0 0;background:#F4E3E8;color:#1D1D1F}
.p2-paso-f{font-size:12px;line-height:16px;font-weight:600;color:#7A1230}
.p2-paso-n{font-size:15px;line-height:19px;font-weight:600;overflow-wrap:anywhere}
.p2-paso-p{font-size:30px;line-height:34px;font-weight:700;letter-spacing:-.03em}
.p2-paso .p2-barra{background:#fff}
.p2-paso-u{font-size:12px;line-height:16px;color:#424245}
.p2-paso-m{margin-top:auto;align-self:flex-start;padding:2px 9px;border-radius:999px;background:#fff;color:#7A1230;font-size:12px;line-height:16px;font-weight:600}
.p2-paso-top{background:#7A1230;color:#fff}
.p2-paso-top .p2-paso-f,.p2-paso-top .p2-paso-u{color:rgba(255,255,255,.88)}
.p2-paso-top .p2-barra{background:rgba(255,255,255,.28)}
.p2-paso-top .p2-barra i{background:#fff}
.p2-esc-pie{display:flex;flex-direction:column;gap:14px}
.p2-eje{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:600;color:#6E6E73}
.p2-ruta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.p2-ruta li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start}
.p2-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#F4E3E8;color:#7A1230;font-size:13px;font-weight:700}
.p2-ruta-n{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-size:16px;line-height:22px}
.p2-ruta p{margin:0 0 2px;font-size:14px;line-height:21px;color:#424245}
.p2-ruta p span{display:inline-block;min-width:104px;margin-right:6px;font-size:12px;font-weight:600;color:#6E6E73}
.p2-hueco{margin:0 0 8px;padding:10px 14px;border-radius:12px;background:#F5F5F7;font-size:14px;line-height:20px}
.p2-canales{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.p2-canales li{display:grid;grid-template-columns:110px minmax(0,1fr) 64px 118px 96px;gap:12px;align-items:center;min-height:36px}
.p2-canales b{font-weight:600}
.p2-canales strong{text-align:right}
.p2-leads{font-size:12px;line-height:16px;color:#6E6E73;text-align:right}

/* Competencia y alternativas: tarjetas lado a lado */
.p2-comp{display:flex;flex-direction:column;gap:20px}
.p2-comp-cab{display:flex;flex-direction:column;gap:12px}
.p2-rvs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 12px}
.p2-rv{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.09);min-width:0}
@supports (grid-template-rows:subgrid){.p2-rv{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:12px}}
.p2-rv header{display:flex;flex-direction:column;gap:2px}
.p2-rv-n{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:18px;line-height:24px;font-weight:700;letter-spacing:-.02em}
.p2-rv-p{margin:0;font-size:32px;line-height:38px;font-weight:700;letter-spacing:-.03em}
.p2-rv-p small{display:block;font-size:12px;line-height:16px;font-weight:500;letter-spacing:0;color:#6E6E73}
.p2-rv-d{display:flex;align-items:center;gap:4px;margin:2px 0 0;font-size:13px;line-height:18px;font-weight:600;color:#424245}
.p2-rv-t{margin:2px 0 0;font-size:13px;line-height:18px;color:#424245}
.p2-rv-f{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}
.p2-rv-l{margin:0;font-size:12px;line-height:16px;font-weight:600;color:#6E6E73}
.p2-rv-v{margin:0;font-size:15px;line-height:22px;overflow-wrap:anywhere}
.p2-rv-mejor .p2-rv-l{color:#7A1230}
.p2-rv-nos{background:linear-gradient(155deg,#8E1A3A 0%,#5C0F26 100%);color:#fff;box-shadow:0 10px 28px rgba(92,15,38,.22)}
.p2-rv-nos .p2-rv-l,.p2-rv-nos .p2-rv-p small,.p2-rv-nos .p2-rv-t{color:rgba(255,255,255,.86)}
.p2-rv-nos .p2-rv-f{border-top-color:rgba(255,255,255,.22)}
.p2-rv-nos .p2-rv-mejor .p2-rv-l{color:#E3B8C5}
.p2-rv-nos .p2-sin{color:rgba(255,255,255,.84)}
.p2-rv-nos .p2-barra{background:rgba(255,255,255,.28)}
.p2-rv-nos .p2-barra i{background:#fff}
.p2-minis{display:flex;flex-direction:column;gap:8px}
.p2-mini{display:grid;grid-template-columns:70px minmax(0,1fr) 22px;gap:8px;align-items:center;font-size:13px;line-height:18px}
.p2-mini b{text-align:right}

/* Mercado */
.p2-mer{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:28px;align-items:center}
.p2-mer-n{display:flex;flex-direction:column;gap:6px}
.p2-mer-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;font-size:14px;line-height:20px}
.p2-mer-g{min-width:0}
.p2-tam{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;align-items:center}
.p2-tam li{display:flex;flex-direction:column;align-items:center;gap:2px;width:var(--w);padding:14px 16px;border-radius:14px;text-align:center;background:#F4E3E8;color:#1D1D1F}
.p2-tam .p2-tam-1{background:#E3B8C5}
.p2-tam .p2-tam-2{background:#7A1230;color:#fff}
.p2-tam li b{font-size:13px;line-height:18px;font-weight:600}
.p2-tam li strong{font-size:30px;line-height:34px;font-weight:700;letter-spacing:-.03em}
.p2-tam li span{font-size:13px;line-height:18px}
.p2-tam-nota{margin-top:10px}
.p2-tend{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.p2-tend-c{padding:16px;border-radius:14px;background:#F5F5F7}
.p2-tend-c h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px;line-height:22px;font-weight:700}
.p2-tend-c h3 small{font-size:12px;font-weight:600;color:#6E6E73}
.p2-tend-c ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.p2-tend-c li b{font-size:15px;line-height:20px;font-weight:600}
.p2-tend-c li p{margin:2px 0 0;font-size:14px;line-height:21px;color:#424245}

/* Rellenar: fichas con ayuda y ejemplo */
.p2-guia{padding:14px 16px;border-radius:14px;background:#F5F5F7;box-shadow:inset 3px 0 0 #C9798F}
.p2-guia summary{min-height:32px;font-size:13px;line-height:18px;font-weight:600;color:#7A1230;cursor:pointer}
.p2-guia dl{margin:8px 0 0;display:flex;flex-direction:column;gap:10px}
.p2-guia dt{font-size:12px;line-height:16px;font-weight:600;color:#424245}
.p2-guia dd{margin:2px 0 0;font-size:14px;line-height:21px;color:#6E6E73}
.p2-filas{display:flex;flex-direction:column;gap:14px}
.p2-fila{margin:0;padding:16px;border:1px solid rgba(0,0,0,.09);border-radius:14px;min-width:0}
.p2-fila-cab{display:flex;align-items:flex-end;gap:10px;margin-bottom:12px}
.p2-fila-cab .p2-f{flex:1}
.p2-fila .quita{width:44px;height:44px}
.p2-fila-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.p2-f{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:14px;line-height:20px;font-weight:600}
.p2-f small{font-size:12px;line-height:16px;font-weight:400;color:#6E6E73}
.p2-f-doble{grid-column:1/-1}
.p2-f-n>span{font-size:13px;color:#6E6E73}
.p2-f-n .inp{font-size:16px;font-weight:600}
.p2-f .inp::placeholder{color:#6E6E73;opacity:1}
.p2-chk{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600;cursor:pointer}
.p2-per{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px 14px}
.p2-per-f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px;align-items:end}
.p2-per .quita{width:44px;height:44px}

/* Móvil */
@media (max-width:900px){
.p2-av,.p2-fr,.p2-mer,.p2-conoc{grid-template-columns:minmax(0,1fr)}
.p2-av{padding:24px 20px;gap:20px}
.p2-av-quien,.p2-titular{font-size:26px;line-height:32px}
.p2-frase blockquote{font-size:26px;line-height:32px}
.p2-gigante{font-size:48px;line-height:52px}
.p2-fr-top{padding:24px 20px;border-radius:18px 18px 0 0}
.p2-fr-rank{padding:20px}
.p2-az-par{grid-template-columns:minmax(0,1fr)}
.p2-az-f{height:32px;transform:rotate(90deg)}
.p2-nota{grid-template-columns:minmax(0,1fr) 34px;row-gap:6px}
.p2-nota .p2-barra{grid-column:1/-1;order:3}
.p2-nota .pill{grid-column:1/-1;order:4;justify-self:start}
.p2-prob{grid-template-columns:minmax(0,1fr)}
.p2-escalera{flex-direction:column;align-items:stretch;gap:8px;border-bottom:0}
.p2-paso{min-height:0;margin-left:calc(var(--i) * 12px);border-radius:14px}
.p2-canales li{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
.p2-canales .p2-barra{grid-column:1/-1;order:3}
.p2-leads{text-align:left}
.p2-ruta p span{display:block;min-width:0}
.p2-fila-g,.p2-per{grid-template-columns:minmax(0,1fr)}
.p2-vacio-g{flex-direction:column;align-items:flex-start}
}
@media (max-width:420px){.p2-paso-p{font-size:26px}.p2-rv-p{font-size:28px}}
@media (prefers-reduced-motion:reduce){.p2-btn-claro{transition:none}}