/* ============================================================
   PROCESO TERAPÉUTICO · Landing servicio editable (v2.9.0)
   Look inspirado en la Home real: base blanca, fotografía,
   Obsidiana, hairlines finas y acentos de gama baja muy puntuales.
   ============================================================ */
.ptlp{
  --paper:#ffffff;
  --paper-2:#ffffff;
  --algodon:#f8ede3;
  --vainilla:#f9f5ed;
  --jengibre:#f7efde;
  --mimosa:#f2dfbc;
  --lavanda:#e0dff2;
  --salvia:#dbd8d1;
  --crisantemo:#bdb39a;
  --ink:#202222;
  --ink-2:#343737;
  --ink-3:#676a68;
  --line:#202222;
  --line-soft:rgba(32,34,34,.18);
  --line-warm:#dbd8d1;
  --accent:#202222;
  --accent-soft:#f7efde;
  --wa:#25D366;
  --wa-d:#1eb858;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Gilroy","Outfit",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --maxw:1240px;
  --pad:40px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --sh-sm:0 10px 28px rgba(32,34,34,.06);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
  --ptlp-auto-header-overlap:0px;
  --ptlp-viewport-width:100vw;
  --ptlp-viewport-half:50vw;
  --ptlp-sticky-header-height:0px;
  --ptlp-manual-header-offset:0px;
  --ptlp-manual-header-offset-mobile:0px;
  --ptlp-safe-header-top:max(var(--ptlp-sticky-header-height,0px),var(--ptlp-manual-header-offset,0px));
  display:block;
  position:relative;
  width:100%;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-weight:300;
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  isolation:isolate;
}
.ptlp *, .ptlp *::before, .ptlp *::after{box-sizing:border-box;margin:0;padding:0}
/* Evita separaciones heredadas del contenedor/widget de Elementor */
.elementor-widget-pt_landing_pareja,
.elementor-widget-pt_landing_pareja > .elementor-widget-container{margin-top:0!important;padding-top:0!important}
.elementor-widget-pt_landing_pareja.elementor-widget:not(:last-child){margin-bottom:0!important}
.ptlp.ptlp--full{width:var(--ptlp-viewport-width,100vw);max-width:var(--ptlp-viewport-width,100vw);margin-left:calc(50% - var(--ptlp-viewport-half,50vw));margin-right:calc(50% - var(--ptlp-viewport-half,50vw))}
.ptlp img{max-width:100%;display:block}
.ptlp a{color:inherit;text-decoration:none}
.ptlp ::selection{background:var(--jengibre);color:var(--ink)}
.ptlp .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
/* Protección frente a headers fijos del tema: evita que el hero o las anclas queden debajo de la cabecera. */
.ptlp.ptlp--auto-header-offset,.ptlp.ptlp--manual-header-offset{margin-top:max(var(--ptlp-auto-header-overlap,0px),var(--ptlp-manual-header-offset,0px))}
.ptlp section[id], .ptlp .sec[id], .ptlp .finalcta[id]{scroll-margin-top:calc(96px + var(--ptlp-safe-header-top,0px))}

/* Tipografía */
.ptlp h1,.ptlp h2,.ptlp h3{font-family:var(--sans);font-weight:200;line-height:1.08;letter-spacing:-.018em;color:var(--ink)}
.ptlp h1{font-size:clamp(2.35rem,4.25vw,4.05rem)}
.ptlp h2{font-size:clamp(2.1rem,4vw,3.6rem)}
.ptlp h3{font-size:clamp(1.08rem,1.6vw,1.28rem);font-weight:700;letter-spacing:-.01em}
.ptlp em{font-style:normal;color:var(--ink);font-weight:200}
.ptlp strong,.ptlp b{font-weight:700;color:var(--ink)}
.ptlp .lead{font-size:clamp(1rem,1.35vw,1.2rem);color:var(--ink-2);max-width:58ch;font-weight:300;line-height:1.7}
.ptlp .eyebrow{font-family:var(--sans);font-weight:500;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:.7em;margin-bottom:1.25rem}
.ptlp .eyebrow::before{content:"";width:28px;height:1px;background:var(--ink);opacity:.85}

/* Botones */
.ptlp .btn{font-family:var(--sans);font-weight:400;font-size:.92rem;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.85em 1.65em;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;transition:background .32s var(--ease),color .32s var(--ease),border-color .32s var(--ease),transform .32s var(--ease),box-shadow .32s var(--ease);line-height:1;min-height:48px}
.ptlp .btn svg{width:1.05em;height:1.05em;flex:none}
.ptlp .btn:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.ptlp .btn--ghost,.ptlp .btn--wa,.ptlp .btn--gold{background:transparent;color:var(--ink);border-color:var(--ink)}
.ptlp .btn--line{background:transparent;color:var(--ink);border-color:var(--line-soft)}
.ptlp .btn--line:hover{border-color:var(--ink)}
.ptlp .btn--lg{padding:.95em 2rem;font-size:.96rem}
.ptlp .btn--light{background:transparent;color:#fff;border-color:rgba(255,255,255,.72)}
.ptlp .btn--light:hover{background:#fff;color:var(--ink);border-color:#fff;transform:translateY(-2px)}
.ptlp .btn--solid-wa{background:var(--wa);color:#fff;border-color:var(--wa)}
.ptlp .btn--solid-wa:hover{background:var(--wa-d);border-color:var(--wa-d);color:#fff;box-shadow:0 10px 28px rgba(37,211,102,.28)}
.ptlp .txtlink{font-weight:400;font-size:.94rem;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px;transition:opacity .25s,border-color .25s;min-height:48px;display:inline-flex;align-items:center}
.ptlp .txtlink:hover{opacity:.65;border-color:var(--ink)}

/* Imágenes */
.ptlp .photo{position:relative;overflow:hidden;background:var(--salvia)}
.ptlp .photo::before{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:220px;mix-blend-mode:overlay;opacity:.08;pointer-events:none}
.ptlp .photo.ptlp-has-img{background-size:cover;background-position:center;background-repeat:no-repeat}
.ptlp .photo.ptlp-has-img::before{opacity:.04}
.ptlp .photo[data-tag]::after{content:attr(data-tag);position:absolute;right:14px;bottom:14px;font-family:var(--sans);font-weight:300;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72);background:rgba(32,34,34,.2);padding:.3em .7em;border-radius:999px;backdrop-filter:blur(4px)}
.ptlp .ph-couple{background:linear-gradient(155deg,var(--jengibre) 0%,var(--salvia) 56%,var(--crisantemo) 100%)}
.ptlp .ph-calm{background:linear-gradient(155deg,var(--vainilla) 0%,var(--salvia) 100%)}
.ptlp .ph-incense{background:linear-gradient(155deg,var(--algodon) 0%,var(--jengibre) 54%,var(--salvia) 100%)}
.ptlp .hero-photo .ptlp-img-sr,.ptlp .testbanner .ptlp-img-sr,.ptlp .finalcta .ptlp-img-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Header simple opcional de landing */
.ptlp .ptlp-simple-header{display:flex;align-items:center;justify-content:center;min-height:68px;padding:1rem var(--pad);background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;z-index:30}
.ptlp .ptlp-simple-header-inner{width:100%;max-width:var(--maxw);display:flex;justify-content:center;align-items:center;margin:0 auto}
.ptlp .ptlp-simple-header-logo{display:inline-flex;align-items:center;justify-content:center;width:min(var(--ptlp-logo-width,220px),70vw);max-width:70vw;color:var(--ink);line-height:1;text-align:center}
.ptlp .ptlp-simple-header-logo img{width:100%;height:auto;max-height:46px;object-fit:contain}
.ptlp .ptlp-simple-header-logo span{font-family:var(--serif);font-size:clamp(1.2rem,3vw,1.7rem);font-weight:400;letter-spacing:-.02em;color:var(--ink)}

/* G2 · Tabs sticky */
/* La barra de tabs es fixed para que, mientras está oculta, no reserve una franja blanca encima del hero. */
.ptlp .tabbar{position:fixed;top:calc(var(--ptlp-tab-offset,0px) + var(--ptlp-safe-header-top,0px));left:0;right:0;width:100vw;z-index:900;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);transform:translate3d(0,calc(-100% - 10px),0);opacity:0;pointer-events:none;transition:transform .45s var(--ease),opacity .45s var(--ease);will-change:transform}
.ptlp .tabbar.show{transform:translate3d(0,0,0);opacity:1;pointer-events:auto}
.admin-bar .ptlp .tabbar{top:calc(var(--ptlp-tab-offset,0px) + var(--ptlp-safe-header-top,0px) + 32px)}
@media (max-width:782px){.admin-bar .ptlp .tabbar{top:calc(var(--ptlp-tab-offset,0px) + var(--ptlp-safe-header-top,0px) + 46px)}}
.elementor-editor-active .ptlp .tabbar:not(.show){display:none}

.ptlp .tabbar-inner{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;padding:0 var(--pad);max-width:var(--maxw);margin:0 auto}
.ptlp .tabbar-inner::-webkit-scrollbar{display:none}
.ptlp .tabbar a{font-size:.88rem;font-weight:300;color:var(--ink);white-space:nowrap;padding:.8em 1.1em;border-left:1px solid transparent;transition:.25s;flex:none}
.ptlp .tabbar a:hover,.ptlp .tabbar a.active{background:var(--ink);color:#fff}

/* BLOQUE 1 · Hero */
.ptlp .hero{display:grid;grid-template-columns:1.02fr 1fr;min-height:clamp(500px,64vh,660px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.ptlp .hero-photo{position:relative;min-height:460px;border-right:1px solid var(--line)}
.ptlp .brand-lock{position:absolute;left:clamp(18px,3vw,36px);bottom:clamp(18px,3vw,36px);z-index:3;background:rgba(255,255,255,.78);backdrop-filter:blur(8px);border:1px solid rgba(32,34,34,.22);padding:.9rem 1.1rem;max-width:270px;color:var(--ink)}
.ptlp .brand-lock .bl-eyebrow{font-family:var(--sans);font-weight:500;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:.35rem}
.ptlp .brand-lock .bl-tagline{font-family:var(--serif);font-weight:400;font-size:1.35rem;line-height:1.18;color:var(--ink);letter-spacing:.01em}
.ptlp .arcs{position:absolute;z-index:2;pointer-events:none;width:clamp(150px,22vw,260px);opacity:.55}
.ptlp .arcs--hero{top:clamp(22px,5vw,52px);right:clamp(22px,4vw,48px)}
.ptlp .arcs path{fill:none;stroke:rgba(255,255,255,.7);stroke-width:1.2;stroke-linecap:round}
.ptlp .hero-panel{display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(2.2rem,3.8vw,3.7rem) clamp(2rem,5vw,5.5rem) clamp(2.8rem,5vw,4.5rem);background:#fff}
.ptlp .breadcrumb{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1.7rem;line-height:1.7}
.ptlp .breadcrumb a:hover{color:var(--ink)}
.ptlp .hero h1{margin-bottom:1.6rem}
.ptlp .hero .lead{margin-bottom:2.45rem}
.ptlp .hero-cta{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center}

.ptlp [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.ptlp [data-reveal].in{opacity:1;transform:none}
.ptlp.ptlp--no-reveal [data-reveal]{opacity:1;transform:none;transition:none}

/* Claim bajo hero */
.ptlp .tagline{text-align:center;padding:clamp(2.6rem,5vw,4rem) var(--pad);border-bottom:1px solid var(--line);background:#fff}
.ptlp .tagline p{font-family:var(--sans);font-weight:300;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);max-width:68ch;margin:0 auto;line-height:2.1}

/* Secciones */
.ptlp .sec{padding:clamp(4.6rem,8vw,7.5rem) 0;background:#fff;border-bottom:1px solid var(--line-soft)}
.ptlp .sec--alt{background:#fff}
.ptlp .sec-head{max-width:62ch;margin-bottom:3.8rem}
.ptlp .sec--center .sec-head,.ptlp .sec-head.sec--center{margin-inline:auto;text-align:center}
.ptlp .section-title{text-align:center;margin-bottom:3.8rem}
.ptlp .section-title h2{margin-bottom:0}

/* BLOQUE 2 · Síntomas */
.ptlp .symptom-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 3.5rem;max-width:1060px}
.ptlp .symptom{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem 0;border-bottom:1px solid var(--line-soft);font-size:1.04rem;color:var(--ink-2)}
.ptlp .symptom .ck{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;margin-top:.25rem;color:var(--ink)}
.ptlp .symptom .ck svg{width:12px;height:12px;color:var(--ink);stroke-width:2.4}
.ptlp .symptom.q{font-weight:300;color:var(--ink);background:linear-gradient(90deg,var(--vainilla),transparent 78%);padding-left:.75rem}

/* BLOQUE 3 · Beneficios */
.ptlp .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ptlp .benefit{min-height:260px;padding:2.2rem 2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .32s var(--ease)}
.ptlp .benefit:hover{background:var(--vainilla)}
.ptlp .benefit .ix{font-family:var(--sans);font-weight:200;font-size:2.2rem;color:var(--ink);line-height:1;margin-bottom:1.1rem}
.ptlp .benefit h3{font-family:var(--sans);font-weight:800;font-size:.84rem;letter-spacing:.11em;text-transform:uppercase;color:var(--ink);margin-bottom:1.05rem}
.ptlp .benefit .line{display:flex;gap:.55rem;font-size:.94rem;color:var(--ink-3);margin-top:.55rem;line-height:1.55}
.ptlp .benefit .line b{color:var(--ink);font-weight:700}
.ptlp .benefit .line .dot{flex:none;width:5px;height:5px;border-radius:50%;background:var(--ink);margin-top:.58rem;opacity:.55}

/* BLOQUE 4 · Test gratuito */
.ptlp .testbanner{position:relative;overflow:hidden;min-height:340px;display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ptlp .testbanner .bg{position:absolute;inset:0}
.ptlp .testbanner .bg::after{content:"";position:absolute;inset:0;background:rgba(32,34,34,.55)}
.ptlp .testbanner .wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;padding:4rem var(--pad)}
.ptlp .testbanner .tb-text{max-width:620px;color:#fff}
.ptlp .testbanner .eyebrow{color:rgba(255,255,255,.84)}
.ptlp .testbanner .eyebrow::before{background:#fff}
.ptlp .testbanner h2{color:#fff;margin-bottom:.75rem}
.ptlp .testbanner p{color:rgba(255,255,255,.88);font-size:1.06rem;line-height:1.65}

/* BLOQUE 5 · Proceso */
.ptlp .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ptlp .step{min-height:230px;position:relative;padding:2rem 1.8rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.ptlp .step .n{font-family:var(--sans);font-weight:500;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1rem}
.ptlp .step h3{font-family:var(--sans);font-weight:700;font-size:1.08rem;margin-bottom:.65rem}
.ptlp .step p{font-size:.95rem;color:var(--ink-3);line-height:1.6}

/* BLOQUE 6 · Especialidades: retícula tipo Áreas de actuación de la Home */
.ptlp .spec-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ptlp .spec{position:relative;display:grid;grid-template-columns:1fr auto;align-content:start;gap:1.25rem;min-height:210px;padding:2rem 1.8rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .3s var(--ease)}
.ptlp .spec--link:hover{background:var(--vainilla)}
.ptlp .spec--static{cursor:default}
.ptlp .spec--static:hover{background:#fff}
.ptlp .spec--no-arrow{align-content:start}
.ptlp .spec .si{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:end;flex:none;width:36px;height:36px;color:var(--ink);display:grid;place-items:center}
.ptlp .spec .si svg{width:100%;height:100%;display:block;color:var(--ink)}
.ptlp .spec .si img{width:100%;height:100%;object-fit:contain;display:block}
.ptlp .spec .st{font-family:var(--sans);font-weight:700;font-size:1.08rem;color:var(--ink);line-height:1.2}
.ptlp .spec .ss{display:inline-block;margin-top:.45rem;font-size:.9rem;color:var(--ink-3);line-height:1.45}
.ptlp .spec .arr{grid-column:1 / -1;align-self:end;justify-self:start;color:var(--ink);transition:transform .3s var(--ease);font-size:1.25rem;margin-top:auto;opacity:.7}
.ptlp .spec--has-arrow:hover .arr{transform:translateX(6px);opacity:1}
.ptlp .si--custom{padding:0}

/* BLOQUES 7 y 8 · Acordeones */
.ptlp .qa{max-width:900px;margin:0 auto;border-top:1px solid var(--line)}
.ptlp .acc{border-bottom:1px solid var(--line)}
.ptlp .acc-q{width:100%;background:none;border:none;cursor:pointer;font-family:var(--sans);display:flex;justify-content:space-between;align-items:center;gap:1.4rem;padding:1.45rem 0;font-size:1.08rem;font-weight:400;color:var(--ink);text-align:left;line-height:1.45}
.ptlp .acc-q .pm{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;transition:.32s;position:relative}
.ptlp .acc-q .pm::before,.ptlp .acc-q .pm::after{content:"";position:absolute;background:var(--ink);transition:.32s}
.ptlp .acc-q .pm::before{width:11px;height:1.4px}.ptlp .acc-q .pm::after{width:1.4px;height:11px}
.ptlp .acc.open .acc-q .pm{background:var(--ink);border-color:var(--ink)}
.ptlp .acc.open .acc-q .pm::before,.ptlp .acc.open .acc-q .pm::after{background:#fff}
.ptlp .acc.open .acc-q .pm::after{transform:scaleY(0)}
.ptlp .acc-a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.ptlp .acc-a p{padding:0 0 1.6rem;color:var(--ink-3);font-size:1.02rem;max-width:72ch;font-family:var(--sans)}

/* BLOQUE 9 · Social proof */
.ptlp .proof{text-align:center}
.ptlp .rating{display:flex;align-items:center;gap:.7rem;justify-content:center;margin-bottom:2.4rem;color:var(--ink)}
.ptlp .rating .stars{color:var(--ink);letter-spacing:.12em;font-size:1.05rem}
.ptlp .rating .rt{font-size:.92rem;color:var(--ink-3)}
.ptlp .rating .rt b{color:var(--ink);font-weight:600}
.ptlp .tslider{max-width:860px;margin:0 auto;position:relative;min-height:230px}
.ptlp .tslide{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease);pointer-events:none}
.ptlp .tslide.on{opacity:1;position:relative;pointer-events:auto}
.ptlp .tslide .quote{font-family:var(--sans);font-weight:200;font-size:clamp(1.2rem,2vw,1.62rem);color:var(--ink);line-height:1.5;margin-bottom:1.8rem;letter-spacing:-.01em}
.ptlp .tslide .who{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.ptlp .tdots{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}
.ptlp .tdots button{width:9px;height:9px;border-radius:50%;border:1px solid var(--ink);background:transparent;cursor:pointer;padding:0;transition:.3s}
.ptlp .tdots button.on{background:var(--ink);transform:scale(1.15)}

/* BLOQUE 10 · CTA final */
.ptlp .finalcta{position:relative;overflow:hidden;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ptlp .finalcta .bg{position:absolute;inset:0}
.ptlp .finalcta .bg::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.82)}
.ptlp .finalcta .inner{position:relative;z-index:2;max-width:780px;margin:0 auto;padding:clamp(4.5rem,8vw,7rem) var(--pad)}
.ptlp .finalcta h2{margin-bottom:1.1rem}
.ptlp .finalcta p{font-size:1.12rem;color:var(--ink-2);margin:0 auto 2.3rem;max-width:48ch}

/* CTA flotantes */
.ptlp .wa-float,.ptlp .cta-float{position:fixed;right:22px;bottom:22px;z-index:999;display:inline-flex;align-items:center;gap:.6rem;font-family:var(--sans);font-weight:600;font-size:.92rem;padding:.8rem 1.2rem .8rem .95rem;border-radius:999px;min-height:48px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s var(--ease),color .3s var(--ease)}
.ptlp .wa-float{background:var(--wa);color:#fff;box-shadow:0 12px 32px rgba(37,211,102,.38)}
.ptlp .wa-float:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 42px rgba(37,211,102,.48);color:#fff}
.ptlp .wa-float svg{width:26px;height:26px;flex:none}
.ptlp .cta-float{background:var(--ink);color:#fff;box-shadow:0 12px 30px rgba(32,34,34,.22)}
.ptlp .cta-float:hover{background:var(--ink-2);color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 18px 40px rgba(32,34,34,.28)}
.ptlp .cta-float svg{width:18px;height:18px;flex:none}

/* Formulario */
.ptlp .lead-form{max-width:700px;margin:0 auto;text-align:left;background:#fff;border:1px solid var(--line);border-radius:0;padding:clamp(1.6rem,4vw,2.6rem);box-shadow:none}
.ptlp .ptlp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.ptlp .field{margin-bottom:1.05rem}
.ptlp .field--full{grid-column:1 / -1}
.ptlp .field label{display:block;font-family:var(--sans);font-weight:500;font-size:.78rem;letter-spacing:.03em;color:var(--ink-2);margin-bottom:.5rem}
.ptlp .field label .req{color:var(--ink)}
.ptlp .field input,.ptlp .field textarea,.ptlp .field select{width:100%;font-family:var(--sans);font-weight:300;font-size:1rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:0;padding:.86rem 1rem;transition:border-color .25s,box-shadow .25s;appearance:auto}
.ptlp .field input::placeholder,.ptlp .field textarea::placeholder{color:var(--ink-3);opacity:.72}
.ptlp .field input:focus,.ptlp .field textarea:focus,.ptlp .field select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px rgba(32,34,34,.08)}
.ptlp .field textarea{resize:vertical;min-height:132px;line-height:1.6}
.ptlp .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ptlp .form-foot{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;margin-top:.4rem}
.ptlp .form-note{font-size:.76rem;color:var(--ink-3);max-width:42ch;line-height:1.5}
.ptlp .form-submit{background:var(--ink);color:#fff;border-color:var(--ink)}
.ptlp .form-submit:hover{background:#000;color:#fff}
.ptlp .ptlp-message{max-width:700px;margin:0 auto 1rem;text-align:left;border-radius:0;padding:1rem 1.2rem;font-size:.92rem;line-height:1.5}
.ptlp .ptlp-message--ok{background:#ecf8f0;border:1px solid #b7e8c4;color:#1b5d34}
.ptlp .ptlp-message--error{background:#fff2f0;border:1px solid #f1c3bd;color:#8a2f24}
.ptlp .form-success{display:none;text-align:center;padding:1rem 0}
.ptlp .form-success.show{display:block}
.ptlp .form-success .tick{width:54px;height:54px;border-radius:50%;border:1px solid var(--ink);color:var(--ink);display:grid;place-items:center;margin:0 auto 1rem}
.ptlp .form-success .tick svg{width:26px;height:26px}
.ptlp .form-success h3{font-weight:200;margin-bottom:.4rem}
.ptlp .form-success p{color:var(--ink-3)}
.ptlp .ptlp-hidden{display:none!important}

/* Responsive · 375 / 768 / 1280 */
/* Ajustes intermedios para que el hero no quede encajado bajo cabeceras largas o pantallas de tablet/escritorio estrecho. */
@media (max-width:1180px){
  .ptlp{--ptlp-safe-header-top:max(var(--ptlp-sticky-header-height,0px),var(--ptlp-manual-header-offset,0px))}
  .ptlp h1{font-size:clamp(2.35rem,5vw,3.65rem)}
  .ptlp .hero{grid-template-columns:0.95fr 1.05fr;min-height:auto}
  .ptlp .hero-photo{min-height:440px}
  .ptlp .hero-panel{padding:2.4rem clamp(2rem,4vw,3.5rem) 3rem;min-width:0}
}
@media (max-width:900px){
  .ptlp .hero{grid-template-columns:1fr;min-height:auto}
  .ptlp .hero-photo{min-height:clamp(280px,48vw,430px);border-right:0;border-bottom:1px solid var(--line)}
  .ptlp .hero-panel{padding:2.2rem var(--pad) 3rem}
}

@media (max-width:980px){
  .ptlp .benefit-grid,.ptlp .spec-grid{grid-template-columns:repeat(2,1fr)}
  .ptlp .steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .ptlp{--pad:22px;font-size:15.5px;--ptlp-safe-header-top:max(var(--ptlp-sticky-header-height,0px),var(--ptlp-manual-header-offset-mobile,0px))}
  .ptlp.ptlp--auto-header-offset,.ptlp.ptlp--manual-header-offset{margin-top:max(var(--ptlp-auto-header-overlap,0px),var(--ptlp-manual-header-offset-mobile,0px))}
  .ptlp .ptlp-simple-header{min-height:58px;padding:.85rem var(--pad)}
  .ptlp .ptlp-simple-header-logo img{max-height:36px}
  .ptlp .hero{grid-template-columns:1fr;min-height:auto}
  .ptlp .hero-photo{min-height:40vh;border-right:0;border-bottom:1px solid var(--line)}
  .ptlp .brand-lock{max-width:245px}
  .ptlp h1{font-size:clamp(2.25rem,10.5vw,3.15rem)}
  .ptlp .hero-panel{padding:2rem var(--pad) 2.7rem}
  .ptlp .breadcrumb{font-size:.66rem;letter-spacing:.1em;margin-bottom:1.3rem}
  .ptlp .hero-cta{gap:.8rem}
  .ptlp .hero-cta .btn{width:100%}
  .ptlp .txtlink{width:100%;justify-content:center}
  .ptlp .tabbar-inner{padding:0 var(--pad)}
  .ptlp .tabbar a{padding:.82em 1em}
  .ptlp .tagline{padding:2.2rem var(--pad)}
  .ptlp .tagline p{font-size:.7rem;letter-spacing:.14em}
  .ptlp .symptom-grid,.ptlp .benefit-grid,.ptlp .spec-grid,.ptlp .steps{grid-template-columns:1fr}
  .ptlp .benefit,.ptlp .spec,.ptlp .step{min-height:unset;padding:1.55rem 1.25rem}
  .ptlp .testbanner .wrap{flex-direction:column;align-items:flex-start;text-align:left;padding:3.2rem var(--pad)}
  .ptlp .testbanner .btn{width:100%}
  .ptlp .wa-float span,.ptlp .cta-float span{display:none}
  .ptlp .wa-float,.ptlp .cta-float{padding:.85rem;right:18px;bottom:18px;min-width:52px;min-height:52px;justify-content:center}
  .ptlp .ptlp-form-row{grid-template-columns:1fr;gap:0}
  .ptlp .form-foot{display:block}
  .ptlp .form-submit{width:100%;margin-top:1rem}
}
@media (max-width:380px){
  .ptlp h1{font-size:2.35rem}
  .ptlp .hero-panel{padding-left:20px;padding-right:20px}
}


/* ============================================================
   v2.7 · Ajustes responsive finales
   - Evita que el 100vw genere desbordes horizontales.
   - Suaviza el H1 en portátil 13", tablet y móvil.
   - El hero pasa antes a una sola columna en tablet.
   - La cabecera fija ya no fuerza margen automático; solo reserva
     espacio si se usa offset manual o si hay solape real detectado.
   ============================================================ */
.ptlp{max-inline-size:100%;overflow-x:clip}
.ptlp.ptlp--full{inline-size:var(--ptlp-viewport-width,100vw);max-inline-size:var(--ptlp-viewport-width,100vw);margin-inline-start:calc(50% - var(--ptlp-viewport-half,50vw));margin-inline-end:calc(50% - var(--ptlp-viewport-half,50vw))}
.elementor-editor-active .ptlp.ptlp--full{inline-size:100%;max-inline-size:100%;margin-inline-start:0;margin-inline-end:0}
.ptlp .hero,.ptlp .hero-photo,.ptlp .hero-panel,.ptlp .wrap{min-inline-size:0}
.ptlp .hero{overflow:hidden}
.ptlp .hero-panel{min-width:0;overflow:visible;padding-top:calc(clamp(2.2rem,3.8vw,3.7rem) + min(var(--ptlp-auto-header-overlap,0px),120px))}
.ptlp.ptlp--auto-header-offset{margin-top:0!important}
.ptlp.ptlp--manual-header-offset{margin-top:var(--ptlp-manual-header-offset,0px)!important}
.ptlp .hero h1{max-inline-size:12.5ch;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.ptlp .hero .lead{max-inline-size:58ch}
.ptlp .sec-head h2,.ptlp .section-title h2{text-wrap:balance}

@media (min-width:1441px){
  .ptlp .hero h1{font-size:clamp(3rem,3.6vw,4.25rem)}
  .ptlp .hero-panel{padding-right:clamp(3.5rem,6vw,6.5rem);padding-left:clamp(3rem,5vw,5.8rem)}
}

/* Portátil 13" / escritorio estrecho: mantener split pero bajar mucho el H1. */
@media (max-width:1440px){
  .ptlp h1{font-size:clamp(2.55rem,3.45vw,3.35rem);line-height:1.08}
  .ptlp h2{font-size:clamp(2rem,3.15vw,3.05rem)}
  .ptlp .hero{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);min-height:min(620px,76vh)}
  .ptlp .hero-photo{min-height:430px}
  .ptlp .hero-panel{padding:calc(clamp(2rem,3.2vw,3rem) + min(var(--ptlp-auto-header-overlap,0px),100px)) clamp(2rem,4vw,4rem) clamp(2.2rem,4vw,3.5rem)}
  .ptlp .hero h1{max-inline-size:12ch;margin-bottom:1.25rem}
  .ptlp .hero .lead{font-size:clamp(.98rem,1.12vw,1.08rem);line-height:1.65;margin-bottom:2rem}
  .ptlp .breadcrumb{font-size:.66rem;letter-spacing:.11em;margin-bottom:1.25rem}
  .ptlp .brand-lock{max-width:250px}
  .ptlp .brand-lock .bl-tagline{font-size:1.22rem}
}

@media (max-width:1280px){
  .ptlp{--pad:34px}
  .ptlp h1{font-size:clamp(2.35rem,3.15vw,3.05rem)}
  .ptlp h2{font-size:clamp(1.9rem,3vw,2.65rem)}
  .ptlp .hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:auto}
  .ptlp .hero-photo{min-height:400px}
  .ptlp .hero-panel{padding:calc(2rem + min(var(--ptlp-auto-header-overlap,0px),90px)) clamp(1.8rem,3vw,3rem) 2.4rem}
  .ptlp .hero h1{max-inline-size:11.8ch}
  .ptlp .btn{font-size:.88rem;padding:.82em 1.35em}
  .ptlp .txtlink{font-size:.9rem}
  .ptlp .sec{padding:4.8rem 0}
  .ptlp .sec-head{margin-bottom:2.8rem}
}

/* Tablet Elementor (<=1024): una sola columna para que no se coma la cabecera ni se comprima el texto. */
@media (max-width:1024px){
  .ptlp h1{font-size:clamp(2.35rem,6.2vw,3.25rem);line-height:1.08}
  .ptlp h2{font-size:clamp(1.9rem,5vw,2.75rem)}
  .ptlp .hero{grid-template-columns:1fr;min-height:auto}
  .ptlp .hero-photo{min-height:clamp(300px,42vw,420px);border-right:0;border-bottom:1px solid var(--line)}
  .ptlp .hero-panel{padding:calc(2.2rem + min(var(--ptlp-auto-header-overlap,0px),80px)) var(--pad) 3rem}
  .ptlp .hero h1{max-inline-size:13ch;margin-bottom:1.15rem}
  .ptlp .hero .lead{max-inline-size:54ch;margin-bottom:2rem}
  .ptlp .hero-cta{gap:1rem 1.2rem}
  .ptlp .benefit-grid,.ptlp .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ptlp .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ptlp .benefit,.ptlp .spec,.ptlp .step{min-height:220px}
}

@media (max-width:900px){
  .ptlp .hero-photo{min-height:clamp(280px,44vw,380px)}
  .ptlp .hero-panel{padding-top:calc(2rem + min(var(--ptlp-auto-header-overlap,0px),72px))}
}

@media (max-width:760px){
  .ptlp{--pad:22px;font-size:15.5px;--ptlp-safe-header-top:max(var(--ptlp-sticky-header-height,0px),var(--ptlp-manual-header-offset-mobile,0px))}
  .ptlp.ptlp--manual-header-offset{margin-top:var(--ptlp-manual-header-offset-mobile,0px)!important}
  .ptlp h1{font-size:clamp(2.15rem,9.4vw,2.85rem);line-height:1.08;letter-spacing:-.012em}
  .ptlp h2{font-size:clamp(1.75rem,8vw,2.35rem)}
  .ptlp .hero-photo{min-height:260px}
  .ptlp .arcs{width:clamp(128px,42vw,190px)}
  .ptlp .brand-lock{left:18px;right:18px;bottom:18px;max-width:min(295px,calc(100% - 36px));padding:.8rem 1rem}
  .ptlp .brand-lock .bl-eyebrow{font-size:.54rem;letter-spacing:.2em}
  .ptlp .brand-lock .bl-tagline{font-size:1.12rem}
  .ptlp .hero-panel{padding:calc(1.75rem + min(var(--ptlp-auto-header-overlap,0px),60px)) var(--pad) 2.35rem}
  .ptlp .breadcrumb{font-size:.62rem;line-height:1.55;letter-spacing:.09em;margin-bottom:1rem}
  .ptlp .hero h1{max-inline-size:100%;margin-bottom:1rem}
  .ptlp .hero .lead{font-size:.98rem;line-height:1.65;margin-bottom:1.55rem}
  .ptlp .hero-cta{display:grid;grid-template-columns:1fr;gap:.7rem}
  .ptlp .hero-cta .btn,.ptlp .hero-cta .txtlink{width:100%;justify-content:center}
  .ptlp .tagline{padding:1.8rem var(--pad)}
  .ptlp .tagline p{font-size:.66rem;letter-spacing:.12em;line-height:1.9}
  .ptlp .sec{padding:3.4rem 0}
  .ptlp .sec-head{margin-bottom:2rem}
  .ptlp .symptom-grid,.ptlp .benefit-grid,.ptlp .spec-grid,.ptlp .steps{grid-template-columns:1fr}
  .ptlp .benefit,.ptlp .spec,.ptlp .step{min-height:unset;padding:1.45rem 1.15rem}
  .ptlp .spec{grid-template-columns:1fr auto}
  .ptlp .acc-q{font-size:1rem;padding:1.2rem 0}
  .ptlp .lead-form{padding:1.25rem}
}

@media (max-width:380px){
  .ptlp h1{font-size:2.1rem}
  .ptlp .hero-panel{padding-left:20px;padding-right:20px}
}

/* ============================================================
   v2.8 · Responsive definitivo
   - Sin breakout agresivo: evita desbordes horizontales en editor y frontend.
   - H1 reducido en portátil 13" / Elementor "hasta 1366px".
   - Hero a una columna en tablet y portátil estrecho.
   - Revisión de botones, grids, tagline, CTA flotante y cabecera simple.
   ============================================================ */
.ptlp{
  max-width:100%;
  overflow-x:clip;
  --ptlp-hero-h1:clamp(2.55rem,3.05vw,3.7rem);
}
.ptlp.ptlp--full,
.ptlp.ptlp--editor-preview.ptlp--full,
.elementor-editor-active .ptlp.ptlp--full,
.elementor-editor-preview .ptlp.ptlp--full,
.elementor-edit-area .ptlp.ptlp--full,
.elementor .elementor-element-edit-mode .ptlp.ptlp--full{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
}
.ptlp .hero,
.ptlp .hero-photo,
.ptlp .hero-panel,
.ptlp .wrap,
.ptlp .sec,
.ptlp .tagline,
.ptlp .finalcta,
.ptlp .lead-form{
  min-width:0;
  max-width:100%;
}
.ptlp .hero{
  width:100%;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  min-height:auto;
  overflow:visible;
}
.ptlp .hero-photo{
  min-height:clamp(430px,40vw,620px);
}
.ptlp .hero-panel{
  min-width:0;
  min-height:clamp(430px,40vw,620px);
  overflow:visible;
  justify-content:center;
  padding:calc(clamp(2.6rem,4vw,4.4rem) + min(var(--ptlp-auto-header-overlap,0px),96px)) clamp(2.5rem,5vw,5.6rem) clamp(2.8rem,4.5vw,4.6rem);
}
.ptlp .hero h1{
  font-size:var(--ptlp-hero-h1)!important;
  line-height:1.07;
  letter-spacing:-.022em;
  max-inline-size:min(100%,17.5ch)!important;
  margin-top:0;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.ptlp .hero .lead{
  max-inline-size:56ch;
  font-size:clamp(.98rem,1.05vw,1.12rem);
  line-height:1.62;
}
.ptlp .hero-cta{
  gap:1rem 1.35rem;
  min-width:0;
}
.ptlp .hero-cta .btn,
.ptlp .hero-cta .txtlink,
.ptlp .btn{
  max-width:100%;
  white-space:normal;
  text-align:center;
}
.ptlp .tabbar{width:100%;left:0;right:0}

@media (min-width:1600px){
  .ptlp{--ptlp-hero-h1:clamp(3rem,2.85vw,3.85rem)}
  .ptlp .hero{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)}
  .ptlp .hero-photo,
  .ptlp .hero-panel{min-height:min(680px,62vh)}
  .ptlp .hero-panel{padding-left:clamp(4rem,5vw,6.8rem);padding-right:clamp(4rem,5vw,6.8rem)}
}

/* Portátil 13" / Elementor: portátil hasta 1366px. */
@media (max-width:1366px) and (min-width:1181px){
  .ptlp{--pad:34px;--ptlp-hero-h1:clamp(2.05rem,3vw,2.65rem)}
  .ptlp h2{font-size:clamp(1.9rem,3vw,2.85rem)}
  .ptlp .hero{grid-template-columns:minmax(0,48%) minmax(0,52%)}
  .ptlp .hero-photo,
  .ptlp .hero-panel{min-height:clamp(390px,34vw,500px)}
  .ptlp .hero-panel{padding:calc(clamp(2rem,2.5vw,2.7rem) + min(var(--ptlp-auto-header-overlap,0px),76px)) clamp(1.8rem,3vw,3rem) clamp(2rem,2.8vw,3rem)}
  .ptlp .hero h1{max-inline-size:min(100%,19.5ch)!important;margin-bottom:1rem}
  .ptlp .hero .lead{font-size:clamp(.92rem,1.05vw,1rem);line-height:1.58;margin-bottom:1.55rem;max-inline-size:54ch}
  .ptlp .breadcrumb{font-size:.62rem;line-height:1.55;letter-spacing:.1em;margin-bottom:.95rem}
  .ptlp .hero-cta{gap:.85rem 1.15rem}
  .ptlp .btn{font-size:.84rem;min-height:44px;padding:.72em 1.18em}
  .ptlp .txtlink{font-size:.84rem;min-height:44px}
  .ptlp .brand-lock{max-width:235px;padding:.78rem .95rem}
  .ptlp .brand-lock .bl-eyebrow{font-size:.52rem}
  .ptlp .brand-lock .bl-tagline{font-size:1.08rem}
  .ptlp .tagline{padding:2.1rem var(--pad)}
  .ptlp .tagline p{font-size:.68rem;letter-spacing:.18em;line-height:1.9}
  .ptlp .sec{padding:4.4rem 0}
}

/* Portátil estrecho y tablet horizontal: una columna para que el título no quede comprimido. */
@media (max-width:1180px){
  .ptlp{--pad:30px;--ptlp-hero-h1:clamp(2.1rem,4.4vw,2.65rem)}
  .ptlp .hero{grid-template-columns:1fr}
  .ptlp .hero-photo{min-height:clamp(290px,36vw,420px);border-right:0;border-bottom:1px solid var(--line)}
  .ptlp .hero-panel{min-height:auto;padding:calc(2.05rem + min(var(--ptlp-auto-header-overlap,0px),64px)) var(--pad) 2.75rem;justify-content:flex-start}
  .ptlp .hero h1{max-inline-size:min(100%,20ch)!important;margin-bottom:1.05rem}
  .ptlp .hero .lead{font-size:1rem;line-height:1.62;max-inline-size:62ch;margin-bottom:1.7rem}
  .ptlp .benefit-grid,.ptlp .spec-grid,.ptlp .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ptlp .benefit,.ptlp .spec,.ptlp .step{min-height:unset}
}

/* Tablet vertical. */
@media (max-width:900px){
  .ptlp{--pad:26px;--ptlp-hero-h1:clamp(2.05rem,6vw,2.65rem)}
  .ptlp .hero-photo{min-height:clamp(270px,42vw,370px)}
  .ptlp .hero-panel{padding:calc(1.9rem + min(var(--ptlp-auto-header-overlap,0px),56px)) var(--pad) 2.55rem}
  .ptlp .hero h1{max-inline-size:100%!important;line-height:1.08}
  .ptlp .hero .lead{font-size:.98rem;line-height:1.62;margin-bottom:1.55rem}
  .ptlp .hero-cta{display:flex;gap:.8rem 1rem}
}

/* Móvil. */
@media (max-width:760px){
  .ptlp{--pad:22px;--ptlp-hero-h1:clamp(2rem,8.6vw,2.55rem);font-size:15.5px}
  .ptlp .hero{display:block}
  .ptlp .hero-photo{min-height:260px}
  .ptlp .hero-panel{padding:1.65rem var(--pad) 2.25rem}
  .ptlp .breadcrumb{font-size:.6rem;line-height:1.55;letter-spacing:.08em;margin-bottom:.95rem}
  .ptlp .hero h1{max-inline-size:100%!important;line-height:1.08;margin-bottom:1rem}
  .ptlp .hero .lead{font-size:.96rem;line-height:1.6;margin-bottom:1.35rem}
  .ptlp .hero-cta{display:grid;grid-template-columns:1fr;gap:.7rem}
  .ptlp .hero-cta .btn,.ptlp .hero-cta .txtlink{width:100%;justify-content:center;min-height:48px}
  .ptlp .benefit-grid,.ptlp .spec-grid,.ptlp .steps,.ptlp .symptom-grid{grid-template-columns:1fr}
  .ptlp .benefit,.ptlp .spec,.ptlp .step{min-height:unset;padding:1.45rem 1.15rem}
  .ptlp .wa-float,.ptlp .cta-float{right:16px;bottom:16px;min-width:52px;min-height:52px;padding:.85rem;justify-content:center}
  .ptlp .wa-float span,.ptlp .cta-float span{display:none}
  .ptlp .lead-form{padding:1.25rem}
}

@media (max-width:380px){
  .ptlp{--pad:20px;--ptlp-hero-h1:2rem}
  .ptlp .hero-photo{min-height:240px}
  .ptlp .brand-lock{left:16px;right:16px;max-width:calc(100% - 32px)}
}

/* ============================================================
   v2.9 · Ajuste fino para portátil 13" y cabeceras del tema
   - El rango 1025–1366px mantiene el split, pero baja H1,
     aumenta ancho útil y reserva espacio superior para que
     las migas y el titular no queden debajo del header.
   ============================================================ */
.ptlp .breadcrumb,
.ptlp .hero h1,
.ptlp .hero .lead{
  min-width:0;
  max-width:100%;
}

/* Escritorio estándar: evita que el H1 se expanda demasiado en monitores anchos. */
@media (min-width:1367px){
  .ptlp{--ptlp-hero-h1:clamp(2.8rem,3vw,3.85rem)}
  .ptlp .hero h1{max-inline-size:min(100%,18.5ch)!important}
}

/* Portátil 13" / Elementor hasta 1366px. */
@media (min-width:1181px) and (max-width:1366px){
  .ptlp{
    --pad:34px;
    --ptlp-hero-h1:clamp(1.95rem,2.55vw,2.35rem);
  }
  .ptlp .hero{
    grid-template-columns:minmax(0,45%) minmax(0,55%)!important;
    align-items:stretch;
  }
  .ptlp .hero-photo,
  .ptlp .hero-panel{
    min-height:clamp(410px,35vw,520px)!important;
  }
  .ptlp .hero-panel{
    justify-content:flex-start!important;
    padding-top:calc(clamp(3.4rem,4.6vw,4.8rem) + min(var(--ptlp-auto-header-overlap,0px),88px))!important;
    padding-right:clamp(1.8rem,3.2vw,3.1rem)!important;
    padding-left:clamp(1.8rem,3.2vw,3.1rem)!important;
    padding-bottom:clamp(2.2rem,3.4vw,3.2rem)!important;
  }
  .ptlp .breadcrumb{
    display:block;
    font-size:.56rem!important;
    line-height:1.55!important;
    letter-spacing:.075em!important;
    margin-bottom:.75rem!important;
    max-inline-size:100%!important;
    overflow-wrap:normal;
    word-break:normal;
  }
  .ptlp .hero h1{
    font-size:var(--ptlp-hero-h1)!important;
    line-height:1.035!important;
    letter-spacing:-.018em!important;
    max-inline-size:min(100%,24ch)!important;
    margin-bottom:.95rem!important;
    text-wrap:balance;
  }
  .ptlp .hero .lead{
    font-size:clamp(.9rem,1vw,.98rem)!important;
    line-height:1.55!important;
    max-inline-size:62ch!important;
    margin-bottom:1.35rem!important;
  }
  .ptlp .hero-cta{
    gap:.75rem 1rem!important;
  }
  .ptlp .btn,
  .ptlp .txtlink{
    font-size:.82rem!important;
    min-height:42px!important;
  }
  .ptlp .btn{
    padding:.68em 1.08em!important;
  }
  .ptlp .brand-lock{
    max-width:230px!important;
    padding:.72rem .9rem!important;
  }
  .ptlp .brand-lock .bl-eyebrow{
    font-size:.5rem!important;
    letter-spacing:.18em!important;
  }
  .ptlp .brand-lock .bl-tagline{
    font-size:1.02rem!important;
  }
}

/* Portátil estrecho antes de tablet: damos todavía más ancho al texto y compactamos. */
@media (min-width:1025px) and (max-width:1280px){
  .ptlp{
    --pad:30px;
    --ptlp-hero-h1:clamp(1.82rem,2.35vw,2.12rem);
  }
  .ptlp .hero{
    grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
  }
  .ptlp .hero-panel{
    padding-top:calc(clamp(3.6rem,5vw,5.1rem) + min(var(--ptlp-auto-header-overlap,0px),92px))!important;
    padding-left:clamp(1.45rem,2.4vw,2.3rem)!important;
    padding-right:clamp(1.45rem,2.4vw,2.3rem)!important;
  }
  .ptlp .hero h1{
    max-inline-size:min(100%,25.5ch)!important;
    line-height:1.03!important;
  }
  .ptlp .breadcrumb{
    font-size:.52rem!important;
    letter-spacing:.06em!important;
    margin-bottom:.62rem!important;
  }
  .ptlp .hero .lead{
    font-size:.88rem!important;
    line-height:1.52!important;
    max-inline-size:64ch!important;
  }
  .ptlp .arcs--hero{
    width:clamp(120px,16vw,180px)!important;
    top:clamp(18px,3vw,36px)!important;
    right:clamp(18px,3vw,36px)!important;
  }
}

/* En cuanto el canvas real ya no aguanta el split, se apila antes de que el header vuelva a tapar contenido. */
@media (min-width:901px) and (max-width:1100px){
  .ptlp .hero{
    grid-template-columns:1fr!important;
  }
  .ptlp .hero-photo{
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
    min-height:clamp(300px,34vw,390px)!important;
  }
  .ptlp .hero-panel{
    min-height:auto!important;
    padding-top:calc(2.2rem + min(var(--ptlp-auto-header-overlap,0px),70px))!important;
    padding-bottom:2.7rem!important;
  }
  .ptlp .hero h1{
    max-inline-size:min(100%,22ch)!important;
    font-size:clamp(2.05rem,4.2vw,2.65rem)!important;
  }
}

/* Móvil/tablet siguen limpios: no heredan la reserva extra de portátil. */
@media (max-width:900px){
  .ptlp .hero-panel{
    padding-top:calc(1.85rem + min(var(--ptlp-auto-header-overlap,0px),56px))!important;
  }
  .ptlp .breadcrumb{
    font-size:.6rem!important;
    letter-spacing:.075em!important;
    line-height:1.55!important;
  }
}


/* ============================================================
   v3.0 · Ajuste responsive y limpieza visual
   - Recupera el ancho máximo centrado de los contenidos.
   - En portátil / escritorio pequeño (1025–1366px) el hero se apila
     antes de que el header del tema tape migas o titular.
   - Centra el bloque de síntomas.
   - Elimina outline/hover invasivo de acordeones generado por el tema.
   ============================================================ */
.ptlp{
  max-inline-size:100%;
  overflow-x:clip;
}
.ptlp .wrap{
  width:100%;
  max-width:var(--maxw)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--pad)!important;
  padding-right:var(--pad)!important;
}
.ptlp .sec-head{
  max-width:62ch;
}
.ptlp #sintomas .wrap{
  max-width:1120px!important;
}
.ptlp #sintomas .sec-head{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center;
}
.ptlp #sintomas .sec-head .eyebrow{
  justify-content:center;
}
.ptlp #sintomas .sec-head .lead{
  margin-left:auto;
  margin-right:auto;
}
.ptlp .symptom-grid{
  width:100%;
  max-width:1060px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Quita el foco/hover azul que algunos temas aplican a botones. */
.ptlp .acc-q,
.ptlp .acc-q:hover,
.ptlp .acc-q:focus,
.ptlp .acc-q:active,
.ptlp .acc-q:focus-visible{
  background:transparent!important;
  color:var(--ink)!important;
  outline:none!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  -webkit-tap-highlight-color:transparent;
}
.ptlp .acc-q::-moz-focus-inner{
  border:0;
}

/* Portátil / escritorio pequeño: mismo comportamiento que tablet para evitar solapes del header. */
@media (min-width:1025px) and (max-width:1366px){
  .ptlp{
    --pad:34px;
    --ptlp-hero-h1:clamp(2.35rem,3.7vw,3.15rem);
  }
  .ptlp .hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:auto!important;
    overflow:visible!important;
  }
  .ptlp .hero-photo{
    min-height:clamp(310px,32vw,430px)!important;
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  .ptlp .hero-panel{
    min-height:auto!important;
    justify-content:flex-start!important;
    padding:clamp(2.35rem,3.6vw,3.3rem) var(--pad) clamp(2.7rem,4vw,3.7rem)!important;
  }
  .ptlp .breadcrumb{
    font-size:.62rem!important;
    line-height:1.55!important;
    letter-spacing:.09em!important;
    margin-bottom:.95rem!important;
    max-inline-size:100%!important;
  }
  .ptlp .hero h1{
    font-size:var(--ptlp-hero-h1)!important;
    line-height:1.06!important;
    max-inline-size:min(100%,23ch)!important;
    margin-bottom:1.05rem!important;
    text-wrap:balance;
  }
  .ptlp .hero .lead{
    font-size:clamp(.96rem,1.1vw,1.05rem)!important;
    line-height:1.62!important;
    max-inline-size:64ch!important;
    margin-bottom:1.65rem!important;
  }
  .ptlp .hero-cta{
    gap:.85rem 1.15rem!important;
  }
  .ptlp .hero-cta .btn,
  .ptlp .hero-cta .txtlink{
    min-height:44px!important;
  }
  .ptlp .brand-lock{
    max-width:250px!important;
  }
  .ptlp .tagline{
    padding:2.2rem var(--pad)!important;
  }
  .ptlp .sec{
    padding:4.8rem 0!important;
  }
  .ptlp .sec-head{
    margin-bottom:2.8rem!important;
  }
  .ptlp .benefit-grid,
  .ptlp .spec-grid,
  .ptlp .steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Escritorio grande: evita que el hero o las retículas superen el ancho útil. */
@media (min-width:1367px){
  .ptlp .hero{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .ptlp .hero h1{
    max-inline-size:min(100%,18.5ch)!important;
  }
}

/* Tablet y móvil: mantiene la sección centrada y sin desbordes. */
@media (max-width:1024px){
  .ptlp .wrap{
    max-width:var(--maxw)!important;
  }
  .ptlp #sintomas .sec-head{
    text-align:left;
    margin-left:0!important;
    margin-right:0!important;
  }
  .ptlp #sintomas .sec-head .eyebrow{
    justify-content:flex-start;
  }
  .ptlp #sintomas .sec-head .lead{
    margin-left:0;
    margin-right:0;
  }
}
@media (max-width:760px){
  .ptlp .symptom-grid,
  .ptlp .benefit-grid,
  .ptlp .spec-grid,
  .ptlp .steps{
    grid-template-columns:1fr!important;
  }
}


/* ============================================================
   v3.1 · Ajuste de hero para desktop con zoom y portátil
   - Más aire superior entre header global y migas/H1.
   - Columna de texto más ancha para títulos largos.
   - Mantiene el split en escritorio/portátil y apila solo en tablet.
   ============================================================ */
.ptlp .hero-panel{
  justify-content:flex-start!important;
}
.ptlp .breadcrumb{
  overflow:visible!important;
  white-space:normal!important;
}
.ptlp .hero h1{
  overflow:visible!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

/* Escritorio grande y zoom 80/90%: el breakpoint puede quedar por encima de 1366px. */
@media (min-width:1367px){
  .ptlp .hero{
    grid-template-columns:minmax(0,43%) minmax(0,57%)!important;
    min-height:clamp(560px,66vh,740px)!important;
  }
  .ptlp .hero-photo,
  .ptlp .hero-panel{
    min-height:clamp(560px,66vh,740px)!important;
  }
  .ptlp .hero-photo{
    border-right:1px solid var(--line)!important;
    border-bottom:0!important;
  }
  .ptlp .hero-panel{
    padding-top:calc(clamp(5.8rem,6.8vw,8.2rem) + min(var(--ptlp-auto-header-overlap,0px),120px))!important;
    padding-left:clamp(2.6rem,4.8vw,6rem)!important;
    padding-right:clamp(2rem,4.5vw,5.5rem)!important;
    padding-bottom:clamp(3rem,4.5vw,4.6rem)!important;
  }
  .ptlp .breadcrumb{
    font-size:.58rem!important;
    line-height:1.6!important;
    letter-spacing:.075em!important;
    margin-bottom:1.05rem!important;
    max-inline-size:100%!important;
  }
  .ptlp .hero h1{
    font-size:clamp(2.85rem,2.9vw,3.65rem)!important;
    line-height:1.045!important;
    max-inline-size:min(100%,26ch)!important;
    margin-bottom:1.15rem!important;
    text-wrap:balance;
  }
  .ptlp .hero .lead{
    font-size:clamp(.95rem,1vw,1.08rem)!important;
    line-height:1.58!important;
    max-inline-size:74ch!important;
    margin-bottom:1.65rem!important;
  }
}

/* Portátil 13" / Elementor hasta 1366px: mucha más reserva superior y panel de texto más ancho. */
@media (min-width:1181px) and (max-width:1366px){
  .ptlp{
    --pad:34px;
    --ptlp-hero-h1:clamp(2.05rem,2.75vw,2.75rem);
  }
  .ptlp .hero{
    display:grid!important;
    grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
    min-height:clamp(520px,61vh,690px)!important;
    overflow:hidden!important;
  }
  .ptlp .hero-photo,
  .ptlp .hero-panel{
    min-height:clamp(520px,61vh,690px)!important;
  }
  .ptlp .hero-photo{
    border-right:1px solid var(--line)!important;
    border-bottom:0!important;
  }
  .ptlp .hero-panel{
    padding-top:calc(clamp(5.4rem,6.6vw,7.4rem) + min(var(--ptlp-auto-header-overlap,0px),120px))!important;
    padding-left:clamp(2.15rem,3.6vw,4.2rem)!important;
    padding-right:clamp(1.65rem,3vw,3.4rem)!important;
    padding-bottom:clamp(2.6rem,3.6vw,3.4rem)!important;
  }
  .ptlp .breadcrumb{
    font-size:.54rem!important;
    line-height:1.6!important;
    letter-spacing:.06em!important;
    margin-bottom:.9rem!important;
    max-inline-size:100%!important;
  }
  .ptlp .hero h1{
    font-size:var(--ptlp-hero-h1)!important;
    line-height:1.04!important;
    max-inline-size:min(100%,30ch)!important;
    margin-bottom:1rem!important;
    text-wrap:balance;
  }
  .ptlp .hero .lead{
    font-size:clamp(.88rem,1vw,.98rem)!important;
    line-height:1.54!important;
    max-inline-size:78ch!important;
    margin-bottom:1.35rem!important;
  }
  .ptlp .hero-cta{
    gap:.7rem 1rem!important;
  }
  .ptlp .hero-cta .btn,
  .ptlp .hero-cta .txtlink{
    font-size:.82rem!important;
    min-height:42px!important;
  }
  .ptlp .hero-cta .btn{
    padding:.68em 1.05em!important;
  }
}

/* Portátil estrecho antes de tablet: mantenemos split solo mientras entra bien. */
@media (min-width:1025px) and (max-width:1180px){
  .ptlp{
    --pad:30px;
    --ptlp-hero-h1:clamp(1.95rem,2.55vw,2.35rem);
  }
  .ptlp .hero{
    display:grid!important;
    grid-template-columns:minmax(0,37%) minmax(0,63%)!important;
    min-height:clamp(500px,58vh,660px)!important;
    overflow:hidden!important;
  }
  .ptlp .hero-photo,
  .ptlp .hero-panel{
    min-height:clamp(500px,58vh,660px)!important;
  }
  .ptlp .hero-photo{
    border-right:1px solid var(--line)!important;
    border-bottom:0!important;
  }
  .ptlp .hero-panel{
    padding-top:calc(clamp(5rem,6.4vw,6.8rem) + min(var(--ptlp-auto-header-overlap,0px),110px))!important;
    padding-left:clamp(1.65rem,3vw,3.4rem)!important;
    padding-right:clamp(1.4rem,2.6vw,2.8rem)!important;
    padding-bottom:2.7rem!important;
  }
  .ptlp .breadcrumb{
    font-size:.5rem!important;
    letter-spacing:.055em!important;
    line-height:1.55!important;
    margin-bottom:.72rem!important;
  }
  .ptlp .hero h1{
    font-size:var(--ptlp-hero-h1)!important;
    max-inline-size:min(100%,31ch)!important;
    line-height:1.035!important;
    margin-bottom:.9rem!important;
  }
  .ptlp .hero .lead{
    font-size:.86rem!important;
    line-height:1.5!important;
    max-inline-size:78ch!important;
    margin-bottom:1.25rem!important;
  }
  .ptlp .hero-cta{
    gap:.6rem .9rem!important;
  }
  .ptlp .hero-cta .btn,
  .ptlp .hero-cta .txtlink{
    font-size:.78rem!important;
    min-height:40px!important;
  }
  .ptlp .hero-cta .btn{
    padding:.62em .95em!important;
  }
}

/* Tablet real: aquí sí vuelve a apilar, que es el comportamiento que ya quedaba correcto. */
@media (max-width:1024px){
  .ptlp .hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:auto!important;
  }
  .ptlp .hero-photo{
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  .ptlp .hero-panel{
    min-height:auto!important;
    padding-top:clamp(2.1rem,4.2vw,3.2rem)!important;
  }
}

/* ============================================================
   v3.1.1 · Ajustes visuales solicitados
   - El botón del bloque test ya no ocupa todo el ancho en móvil.
   - Si una etiqueta/eyebrow queda vacía desde Elementor, no deja la línea visible.
   - Los acordeones permiten que preguntas largas rompan línea sin sacar el icono +.
   ============================================================ */
.ptlp .eyebrow:empty{
  display:none!important;
}
.ptlp .testbanner .btn{
  flex:0 1 auto;
  inline-size:auto;
  max-inline-size:100%;
  white-space:normal;
  text-align:center;
}
.ptlp .qa,
.ptlp .acc,
.ptlp .acc-q,
.ptlp .acc-a,
.ptlp .acc-a p{
  min-inline-size:0;
  max-inline-size:100%;
}
.ptlp .qa{
  width:100%;
  overflow-x:clip;
}
.ptlp .acc-q{
  inline-size:100%;
  min-width:0;
  overflow:visible;
}
.ptlp .acc-q-text{
  display:block;
  flex:1 1 auto;
  min-inline-size:0;
  max-inline-size:calc(100% - 44px);
  overflow-wrap:anywhere;
  word-break:normal;
}
.ptlp .acc-q .pm{
  flex:0 0 30px;
  margin-left:auto;
}
.ptlp .acc-a{
  overflow-x:hidden;
}
.ptlp .acc-a p{
  overflow-wrap:anywhere;
  word-break:normal;
}
@media (max-width:760px){
  .ptlp .testbanner .wrap{
    align-items:flex-start!important;
  }
  .ptlp .testbanner .btn{
    width:auto!important;
    min-width:0!important;
    min-inline-size:min(220px,100%)!important;
    max-width:min(100%,280px)!important;
    align-self:center!important;
    padding:.72em 1.25em!important;
    min-height:42px!important;
    font-size:.82rem!important;
    line-height:1.15!important;
  }
  .ptlp .acc-q{
    gap:.75rem!important;
    align-items:flex-start!important;
    padding-right:0!important;
  }
  .ptlp .acc-q-text{
    max-inline-size:calc(100% - 38px);
    line-height:1.45;
  }
  .ptlp .acc-q .pm{
    width:28px;
    height:28px;
    flex-basis:28px;
    margin-top:.05rem;
  }
}
@media (max-width:420px){
  .ptlp .testbanner .btn{
    min-inline-size:min(206px,100%)!important;
    max-width:min(100%,240px)!important;
    padding:.68em 1.1em!important;
    font-size:.8rem!important;
  }
}


/* ============================================================
   v3.1.2 · Corrección fuerte acordeón móvil
   - El botón + queda en una columna fija.
   - El texto de la pregunta ocupa solo la columna izquierda y parte línea.
   - El contenido abierto no puede crear scroll horizontal con palabras largas.
   ============================================================ */
.ptlp .qa{
  width:100%!important;
  max-width:min(900px,100%)!important;
  overflow-x:hidden!important;
}
.ptlp .acc{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.ptlp .acc-q{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  justify-content:stretch!important;
  align-items:center!important;
  column-gap:1.05rem!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.ptlp .acc-q-text{
  display:block!important;
  grid-column:1!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
}
.ptlp .acc-q .pm{
  grid-column:2!important;
  justify-self:end!important;
  align-self:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  flex:0 0 30px!important;
  margin-left:0!important;
  margin-top:0!important;
}
.ptlp .acc-a{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.ptlp .acc-a,
.ptlp .acc-a *{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-wrap:break-word!important;
}
@media (max-width:760px){
  .ptlp .qa{
    max-width:100%!important;
  }
  .ptlp .acc-q{
    grid-template-columns:minmax(0,1fr) 28px!important;
    column-gap:.85rem!important;
    align-items:flex-start!important;
    padding-right:0!important;
  }
  .ptlp .acc-q .pm{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    flex-basis:28px!important;
    margin-top:.1rem!important;
  }
}
@media (max-width:420px){
  .ptlp .acc-q{
    grid-template-columns:minmax(0,1fr) 26px!important;
    column-gap:.7rem!important;
  }
  .ptlp .acc-q .pm{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    max-width:26px!important;
    flex-basis:26px!important;
  }
}