/* ============================================================
   PROFIT PARABOLA · embudo Sistema de Canal Propio
   Dirección de arte: informe financiero de retícula suiza.
   Blanco papel, filetes de 1 px, Archivo con tracking cerrado,
   cifras en IBM Plex Mono, un solo verde (#00734B) y la parábola
   de un trazo como única imagen. Sin degradados, sin sombras,
   sin tarjetas flotantes, sin mayúsculas fuera de la etiqueta.
   Tokens = Identidad Visual v1.0 (agosto 2026) del cliente.
   Todo va scopeado bajo .pp para poder pegarlo en GHL sin pisar nada.
   ============================================================ */
:root{
  --pp-blanco:#FFFFFF; --pp-papel:#F7F6F3; --pp-gris-papel:#E8E6E1; --pp-borde:#DCD9D2;
  --pp-gris-apagado:#8A8880; --pp-gris-texto:#55565A; --pp-tinta:#111214;
  --pp-verde-50:#EEF6F1; --pp-verde-100:#CFE7DA; --pp-verde-500:#00734B; --pp-verde-600:#00563A; --pp-verde-700:#063B2C;
  --pp-verde-oscuro-acento:#1FA06D; --pp-texto-oscuro:#E9EBE7;
  --pp-sans:'Archivo','Helvetica Neue',Arial,sans-serif;
  --pp-mono:'IBM Plex Mono','SFMono-Regular',Menlo,monospace;
  --pp-shell:1120px; --pp-video:920px; --pp-text:680px; --pp-radius:4px;
}

/* ---------- bloqueo de scroll horizontal (no tocar) ---------- */
html{scroll-behavior:smooth;overflow-x:hidden;width:100%;overscroll-behavior-x:none;touch-action:pan-y}
body{overflow-x:hidden;width:100%;position:relative;touch-action:pan-y;overscroll-behavior-x:none;margin:0}
img,iframe,video,svg{max-width:100%}
img,iframe,video{display:block}

/* ---------- base ---------- */
.pp,.pp *{box-sizing:border-box}
.pp{background:var(--pp-blanco);color:var(--pp-tinta);font-family:var(--pp-sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
.pp p,.pp h1,.pp h2,.pp h3,.pp ul,.pp ol{margin:0}
.pp a{color:inherit}
.pp .shell{width:100%;max-width:var(--pp-shell);margin:0 auto;padding:0 24px}
.pp .narrow{max-width:var(--pp-text);margin-left:auto;margin-right:auto}
.pp section{padding:96px 0}
.pp .papel{background:var(--pp-papel)}
.pp .rule{border:0;border-top:1px solid var(--pp-borde);margin:0}
.pp .num{font-family:var(--pp-mono);font-weight:500;font-variant-numeric:tabular-nums}

/* etiqueta de sección: las únicas mayúsculas de la pieza */
.pp .label{font-family:var(--pp-sans);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-verde-500);display:flex;align-items:center;gap:12px;margin-bottom:22px}
.pp .label .n{font-family:var(--pp-mono);font-size:11px;letter-spacing:.12em}
.pp .label::after{content:"";flex:1;height:1px;background:var(--pp-borde)}
.pp .label.center{justify-content:center}
.pp .label.center::after,.pp .label.center::before{content:"";flex:1;height:1px;background:var(--pp-borde);max-width:120px}

/* tipografía */
.pp h1{font-size:clamp(30px,4.1vw,54px);font-weight:600;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}
.pp h2{font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.pp h3{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.01em}
.pp .lead{font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--pp-gris-texto);text-wrap:balance}
.pp .small{font-size:15px;line-height:1.6;color:var(--pp-gris-texto)}
.pp .foot{font-size:13px;line-height:1.45;color:var(--pp-gris-apagado)}
.pp .hl{color:var(--pp-verde-500)}
.pp h1,.pp h2,.pp .lead{hyphens:none!important;-webkit-hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important}
.pp .d-br{display:inline}

/* ---------- nav ---------- */
.pp .nav{padding:26px 0 0;text-align:center}
.pp .logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--pp-tinta)}
.pp .logo svg{width:34px;height:22px;display:block}
.pp .logo .wm{font-size:17px;font-weight:500;letter-spacing:-.01em;line-height:1}
.pp .logo .wm b{font-weight:500;color:var(--pp-verde-500)}

/* ---------- hero (compacto: headline + vídeo entran en 1440×900 y 1280×800) ---------- */
.pp .hero{padding:34px 0 20px;text-align:center}
.pp .eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--pp-verde-500);margin-bottom:16px}
.pp .hero h1{max-width:none;margin:0 auto 14px;font-size:clamp(30px,3.1vw,45px);letter-spacing:-.028em}
.pp .hero h1.one{white-space:nowrap}
.pp .hero .lead{max-width:none;margin:0 auto;font-size:clamp(18px,1.55vw,22px);color:var(--pp-gris-texto);text-wrap:initial}
.pp .video-wrap{max-width:var(--pp-video);margin:26px auto 0}
.pp .vid{position:relative;width:100%;padding-top:56.25%;background:var(--pp-gris-papel);border:1px solid var(--pp-borde);border-radius:var(--pp-radius);overflow:hidden}
.pp .vid > *{position:absolute;inset:0;width:100%;height:100%}
.pp .vid wistia-player{display:block}
.pp .vid .cover{z-index:3;cursor:pointer;background:#000;transition:opacity .2s ease}
.pp .vid .cover img{width:100%;height:100%;object-fit:cover;opacity:.96}
.pp .vid .cover.gone{opacity:0;pointer-events:none}
.pp .vid .playbtn{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border:0;border-radius:50%;background:var(--pp-verde-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}
.pp .vid .playbtn::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:14px 0 14px 24px;border-color:transparent transparent transparent #fff;margin-left:6px}
.pp .vid .cover:hover .playbtn{background:var(--pp-verde-600);transform:scale(1.04)}
.pp .vid .dur{position:absolute;right:14px;bottom:12px;font-family:var(--pp-mono);font-size:12px;color:#fff;background:rgba(17,18,20,.72);padding:4px 8px;border-radius:3px;letter-spacing:.02em}
.pp .under{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:12px}
.pp .under .foot{max-width:520px}

/* ---------- botones ---------- */
.pp .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--pp-verde-500);color:#fff;font-family:var(--pp-sans);font-weight:500;font-size:16px;line-height:1;padding:17px 28px;border:1px solid var(--pp-verde-500);border-radius:var(--pp-radius);text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease;white-space:nowrap}
.pp .btn:hover{background:var(--pp-verde-600);border-color:var(--pp-verde-600)}
.pp .btn:focus-visible{outline:2px solid var(--pp-tinta);outline-offset:3px}
.pp .btn .arr{font-family:var(--pp-mono);font-size:15px}
.pp .btn.ghost{background:transparent;color:var(--pp-tinta);border-color:var(--pp-tinta)}
.pp .btn.ghost:hover{background:var(--pp-papel)}
.pp .btn.lg{font-size:17px;padding:19px 32px}
.pp .btn.block{width:100%}

/* ---------- parábola (único símbolo) ---------- */
.pp .parabola{display:block;width:100%;height:auto}
.pp .parabola path{stroke:var(--pp-verde-500);stroke-width:2.2;fill:none;stroke-linecap:round}
.pp .draw path{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1)}
.pp .draw.on path{stroke-dashoffset:0}

/* ---------- tabla comparativa ---------- */
.pp .cmp{width:100%;border-collapse:collapse;border-top:1px solid var(--pp-tinta);margin-top:28px}
.pp .cmp th,.pp .cmp td{padding:18px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--pp-borde);font-size:16px;line-height:1.45}
.pp .cmp th{font-weight:500;font-size:13px;letter-spacing:.02em;color:var(--pp-gris-apagado);padding-top:14px;padding-bottom:14px}
.pp .cmp th:first-child,.pp .cmp td:first-child{padding-left:0;color:var(--pp-gris-texto);width:30%}
.pp .cmp td:nth-child(2){color:var(--pp-gris-texto)}
.pp .cmp td:nth-child(3){color:var(--pp-tinta);font-weight:500}
.pp .cmp td .num{color:var(--pp-verde-500)}
.pp .cmp th:last-child{color:var(--pp-verde-500)}

/* ---------- caso (capturas reales del panel) ---------- */
.pp .case-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
.pp .kpis{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--pp-tinta);margin-top:40px}
.pp .kpi{padding:22px 18px 22px 0;border-bottom:1px solid var(--pp-borde);border-right:1px solid var(--pp-borde)}
.pp .kpi:last-child{border-right:0}
.pp .kpi + .kpi{padding-left:18px}
.pp .kpi .v{font-family:var(--pp-mono);font-weight:500;font-size:clamp(22px,2.4vw,32px);line-height:1.1;color:var(--pp-tinta);letter-spacing:-.01em}
.pp .kpi .v.g{color:var(--pp-verde-500)}
.pp .kpi .k{font-size:13px;color:var(--pp-gris-apagado);margin-top:8px;line-height:1.4}
.pp .shots{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.pp .shot{background:var(--pp-blanco);border:1px solid var(--pp-borde);border-radius:var(--pp-radius);padding:0;overflow:hidden}
.pp .shot img{width:100%;height:auto;display:block}
.pp .shot figcaption{padding:12px 16px;border-top:1px solid var(--pp-borde);font-size:13px;color:var(--pp-gris-texto);display:flex;justify-content:space-between;gap:12px}
.pp .shot figcaption .num{color:var(--pp-tinta);white-space:nowrap;flex:none}
.pp .case2{border-top:1px solid var(--pp-tinta);margin-top:56px;padding-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:48px}

/* ---------- fases ---------- */
.pp .fases{border-top:1px solid var(--pp-tinta);margin-top:36px}
.pp .fase{display:grid;grid-template-columns:120px 1fr 1.5fr;gap:32px;padding:30px 0;border-bottom:1px solid var(--pp-borde)}
.pp .fase .idx{font-family:var(--pp-mono);font-weight:500;font-size:13px;color:var(--pp-verde-500);padding-top:6px}
.pp .fase .idx small{display:block;color:var(--pp-gris-apagado);font-family:var(--pp-sans);font-size:12px;margin-top:6px;letter-spacing:0}
.pp .fase p{color:var(--pp-gris-texto);font-size:16px}
.pp .regla{margin-top:40px;padding:28px 32px;border:1px solid var(--pp-borde);border-left:3px solid var(--pp-verde-500);background:var(--pp-blanco)}
.pp .regla p{color:var(--pp-tinta)}

/* ---------- formulario propio (multi-paso) ---------- */
/* 11-09: tarjeta blanca sobre el papel y opciones en tarjetas, para que se lea como formulario a la primera */
.pp .tfx{max-width:720px;margin:36px auto 0;background:var(--pp-blanco);border:1px solid var(--pp-borde);border-radius:8px;padding:0 40px 30px;position:relative;overflow:hidden}
.pp .tfx .prog{position:absolute;top:0;left:0;height:3px;background:var(--pp-verde-500);width:0;transition:width .35s ease}
.pp .tfx .step{display:none;padding:38px 0 4px}
.pp .tfx .step.on{display:block}
.pp .tfx .qn{font-family:var(--pp-mono);font-size:12px;color:var(--pp-verde-500);letter-spacing:.08em;margin-bottom:14px}
.pp .tfx .q{font-size:clamp(20px,2.2vw,26px);font-weight:500;line-height:1.25;letter-spacing:-.015em;margin-bottom:6px;text-wrap:balance}
.pp .tfx .qh{font-size:15px;color:var(--pp-gris-texto);margin-bottom:22px}
.pp .tfx .opts{display:grid;gap:10px;margin-top:22px}
.pp .tfx .opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--pp-blanco);border:1px solid var(--pp-borde);border-radius:6px;padding:14px 16px;font-family:var(--pp-sans);font-size:17px;color:var(--pp-tinta);cursor:pointer;transition:background .12s ease,border-color .12s ease;line-height:1.35}
.pp .tfx .opt:hover{border-color:var(--pp-verde-500);background:var(--pp-verde-50)}
.pp .tfx .opt .k{font-family:var(--pp-mono);font-size:12px;color:var(--pp-gris-texto);width:26px;height:26px;border:1px solid var(--pp-borde);border-radius:4px;background:var(--pp-blanco);display:inline-flex;align-items:center;justify-content:center;flex:none}
.pp .tfx .opt.sel{background:var(--pp-verde-50);border-color:var(--pp-verde-500)}
.pp .tfx .opt.sel .k{color:#fff;background:var(--pp-verde-500);border-color:var(--pp-verde-500)}
@media (max-width:600px){.pp .tfx{padding:0 18px 24px;border-radius:6px}.pp .tfx .opt{font-size:16px;padding:13px 14px}}
.pp .tfx .opt.sel::after{content:"";margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--pp-verde-500);flex:none}
.pp .tfx .opt:focus-visible{outline:2px solid var(--pp-tinta);outline-offset:-2px}
.pp .tfx label{display:block;font-size:13px;color:var(--pp-gris-texto);margin:16px 0 6px}
.pp .tfx input,.pp .tfx textarea{width:100%;font-family:var(--pp-sans);font-size:17px;color:var(--pp-tinta);background:var(--pp-blanco);border:1px solid var(--pp-borde);border-radius:var(--pp-radius);padding:14px 14px;outline:none;transition:border-color .12s ease}
.pp .tfx input:focus,.pp .tfx textarea:focus{border-color:var(--pp-verde-500)}
.pp .tfx textarea{min-height:120px;resize:vertical;line-height:1.5}
.pp .tfx .grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.pp .tfx .nav2{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px}
.pp .tfx .back{background:transparent;border:0;font-family:var(--pp-sans);font-size:15px;color:var(--pp-gris-texto);cursor:pointer;padding:8px 0}
.pp .tfx .back:hover{color:var(--pp-tinta)}
.pp .tfx .err{display:none;font-size:14px;color:#A6402C;margin-top:12px}
.pp .tfx .fine{font-size:13px;color:var(--pp-gris-apagado);margin-top:10px}
.pp .tfx .sending{padding:40px 0;text-align:center;color:var(--pp-gris-texto);font-size:17px}
.pp .form-under{text-align:center;margin-top:18px}

/* ---------- quién está detrás ---------- */
.pp .people{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:40px}
.pp .person{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start}
.pp .person .ph{width:120px;height:120px;border:1px solid var(--pp-borde);border-radius:var(--pp-radius);overflow:hidden;background:var(--pp-gris-papel)}
.pp .person .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.pp .person .ph.empty{display:flex;align-items:center;justify-content:center;font-family:var(--pp-mono);font-size:11px;color:var(--pp-gris-apagado);text-align:center;padding:8px}
.pp .person h3{margin-bottom:4px}
.pp .person .role{font-size:13px;color:var(--pp-verde-500);margin-bottom:12px;font-weight:500}
.pp .person p{font-size:16px;color:var(--pp-gris-texto)}
.pp .porque{margin-top:48px;padding-top:28px;border-top:1px solid var(--pp-tinta)}
.pp .porque p{font-size:clamp(19px,2vw,24px);font-weight:500;line-height:1.35;letter-spacing:-.015em;max-width:820px}

/* ---------- cierre en verde 700 ---------- */
.pp .cierre{background:var(--pp-verde-700);color:var(--pp-texto-oscuro);padding:96px 0;position:relative;overflow:hidden}
.pp .cierre .label{color:var(--pp-verde-oscuro-acento)}
.pp .cierre .label::after{background:rgba(233,235,231,.18)}
.pp .cierre h2{color:#fff;max-width:760px}
.pp .cierre .lead{color:rgba(233,235,231,.78)}
.pp .cierre .btn{background:#fff;color:var(--pp-verde-700);border-color:#fff}
.pp .cierre .btn:hover{background:var(--pp-verde-100);border-color:var(--pp-verde-100)}
.pp .cierre .parabola path{stroke:var(--pp-verde-100);opacity:.55}
.pp .cierre .bg{position:absolute;right:-40px;bottom:-30px;width:min(560px,60%);pointer-events:none}

/* ---------- pie ---------- */
.pp footer{padding:40px 0 48px;border-top:1px solid var(--pp-borde)}
.pp footer .row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--pp-gris-texto)}
.pp footer .row a{color:var(--pp-gris-texto);text-decoration:none;border-bottom:1px solid var(--pp-borde)}
.pp footer .row a:hover{color:var(--pp-tinta)}
.pp footer .legal{margin-top:22px}

/* ---------- barra fija móvil ---------- */
.pp .sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--pp-blanco);border-top:1px solid var(--pp-borde);padding:12px 16px;transform:translateY(110%);transition:transform .25s ease}
.pp .sticky.show{transform:translateY(0)}
.pp .sticky .btn{width:100%}
@media (min-width:769px){.pp .sticky{display:none}}

/* ---------- reveal al scroll (solo opacidad y 12px; nada de efectos) ---------- */
.pp .rv{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.pp .rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.pp .rv{opacity:1;transform:none;transition:none}.pp .draw path{stroke-dashoffset:0;transition:none}}

/* ---------- páginas de calendario / gracias ---------- */
.pp .steps{border-top:1px solid var(--pp-tinta);margin-top:32px}
.pp .st{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--pp-borde);align-items:start}
.pp .st .n{font-family:var(--pp-mono);font-weight:500;font-size:13px;color:var(--pp-verde-500);padding-top:4px}
.pp .st h3{font-size:19px;margin-bottom:4px}
.pp .st p{color:var(--pp-gris-texto);font-size:16px}
.pp .cal-wrap{max-width:880px;margin:32px auto 0;border:1px solid var(--pp-borde);border-radius:var(--pp-radius);background:var(--pp-blanco)}
.pp #ghlcal{width:100%;height:760px;min-height:760px;border:0;display:block}
.pp .objs{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px;margin-top:36px}
.pp .obj .thumb{position:relative;width:100%;padding-top:56.25%;background:var(--pp-gris-papel);border:1px solid var(--pp-borde);border-radius:var(--pp-radius);overflow:hidden}
.pp .obj .thumb > *{position:absolute;inset:0;width:100%;height:100%}
.pp .obj .cap{display:flex;gap:14px;align-items:baseline;margin-top:12px}
.pp .obj .cap .n{font-family:var(--pp-mono);font-size:12px;color:var(--pp-verde-500);flex:none}
.pp .obj .cap h3{font-size:18px;line-height:1.3}
.pp .faq{border-top:1px solid var(--pp-tinta);margin-top:32px}
.pp .faq details{border-bottom:1px solid var(--pp-borde)}
.pp .faq summary{list-style:none;cursor:pointer;padding:20px 0;font-size:18px;font-weight:500;display:flex;justify-content:space-between;gap:20px;align-items:center}
.pp .faq summary::-webkit-details-marker{display:none}
.pp .faq summary::after{content:"+";font-family:var(--pp-mono);color:var(--pp-verde-500);font-size:18px;flex:none}
.pp .faq details[open] summary::after{content:"–"}
.pp .faq details p{padding:0 0 20px;color:var(--pp-gris-texto);font-size:16px;max-width:640px}
.pp .aviso{margin-top:28px;padding:22px 26px;border:1px solid var(--pp-borde);border-left:3px solid var(--pp-verde-500);font-size:15px;color:var(--pp-gris-texto)}

/* ---------- móvil ---------- */
@media (max-width:900px){
  .pp .case-head,.pp .case2,.pp .people{grid-template-columns:1fr;gap:28px}
  .pp .kpis{grid-template-columns:1fr 1fr}
  .pp .kpi:nth-child(2){border-right:0}
  .pp .kpi:nth-child(3){padding-left:0}
  .pp .fase{grid-template-columns:1fr;gap:10px}
  .pp .objs{grid-template-columns:1fr}
}
@media (max-width:768px){
  .pp{font-size:17px}
  .pp section{padding:64px 0}
  .pp .shell{padding:0 20px}
  .pp .nav{padding-top:20px}
  .pp .hero{padding:26px 0 16px}
  .pp .hero h1{font-size:clamp(30px,8.4vw,36px);margin-bottom:14px}
  .pp .hero h1.one{white-space:normal}
  .pp .eyebrow{font-size:11px;margin-bottom:14px}
  .pp .d-br{display:none}
  .pp .video-wrap{margin-top:20px}
  .pp .vid .playbtn{width:64px;height:64px;margin:-32px 0 0 -32px}
  .pp .vid .playbtn::after{border-width:11px 0 11px 18px}
  .pp .btn{width:100%}
  .pp .cmp th,.pp .cmp td{padding:14px 10px;font-size:15px}
  .pp .cmp th:first-child,.pp .cmp td:first-child{width:28%}
  .pp .shots{grid-template-columns:1fr}
  .pp .tfx .grid2{grid-template-columns:1fr}
  .pp .tfx .opt{font-size:16px;padding:15px 6px}
  .pp .person{grid-template-columns:88px 1fr;gap:18px}
  .pp .person .ph{width:88px;height:88px}
  .pp .cierre{padding:72px 0}
  .pp #ghlcal{height:900px;min-height:900px}
  .pp footer .row{flex-direction:column;align-items:flex-start;gap:10px}

}

/* ---------- ajustes tras QA ---------- */
.pp strong{font-weight:500}
.pp .cmp td strong{color:var(--pp-verde-500)}
@media (max-width:640px){
  .pp .cmp,.pp .cmp tbody,.pp .cmp tr,.pp .cmp td{display:block;width:100%}
  .pp .cmp thead{display:none}
  .pp .cmp tr{padding:18px 0;border-bottom:1px solid var(--pp-borde)}
  .pp .cmp td{border:0;padding:0}
  .pp .cmp td:first-child{width:100%;color:var(--pp-tinta);font-weight:500;font-size:16px;margin-bottom:8px}
  .pp .cmp td[data-h]{position:relative;padding-left:92px;font-size:15px;margin-top:6px;display:block;min-height:22px}
  .pp .cmp td[data-h]::before{content:attr(data-h);position:absolute;left:0;top:4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--pp-gris-apagado)}
  .pp .cmp td[data-h="Tu tienda"]::before{color:var(--pp-verde-500)}
}
@media (max-width:768px){.pp{padding-bottom:72px}}

/* Pantallas bajas (1280×800 y similares): el hero se compacta para que el vídeo
   entre entero incluso con los titulares de anuncio que caen a dos líneas. */
@media (min-width:769px) and (max-height:880px){
  .pp .nav{padding-top:20px}
  .pp .hero{padding:24px 0 14px}
  .pp .eyebrow{margin-bottom:12px}
  .pp .hero h1{margin-bottom:10px}
  .pp .video-wrap{margin-top:18px}
}
@media (min-width:769px) and (max-height:800px){
  .pp .video-wrap{max-width:820px}
}

/* miniaturas de objeción: misma portada + botón propio que el hero */
.pp .obj .thumb .cover{position:absolute;inset:0;z-index:3;cursor:pointer;background:#000;transition:opacity .2s ease}
.pp .obj .thumb .cover img{width:100%;height:100%;object-fit:cover;opacity:.96}
.pp .obj .thumb .cover.gone{opacity:0;pointer-events:none}
.pp .obj .thumb .playbtn{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border:0;border-radius:50%;background:var(--pp-verde-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}
.pp .obj .thumb .playbtn::after{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff;margin-left:4px}
.pp .obj .thumb .cover:hover .playbtn{background:var(--pp-verde-600);transform:scale(1.05)}
.pp .obj .thumb .dur{position:absolute;right:10px;bottom:9px;font-family:var(--pp-mono);font-size:11px;color:#fff;background:rgba(17,18,20,.72);padding:3px 7px;border-radius:3px}

/* aviso mientras el calendario no está conectado (desaparece solo al poner el id) */
.pp .cal-pend{max-width:680px;margin:32px auto 0;border:1px solid var(--pp-borde);border-left:3px solid var(--pp-ocre);border-radius:var(--pp-radius);background:var(--pp-blanco);padding:28px 32px}
.pp .cal-pend .t{font-weight:500;font-size:19px;margin-bottom:8px}
.pp .cal-pend p{color:var(--pp-gris-texto);font-size:16px}
.pp .cal-pend .foot{margin-top:14px;font-size:13px;color:var(--pp-gris-apagado)}


/* ---------- logo real «tpp» del kit de marca (14-09) ---------- */
.pp .logo img{height:28px;width:auto;display:block}
.pp .logo .wm{font-size:15px;font-weight:500;letter-spacing:.02em;color:var(--pp-tinta)}