/* Landing de país v3 («Publicar nota de prensa en {país}») — página completa.
   Consume tokens.css + base.css + components.css.
   Fuente visual: Publicar en España.dc.html:231-563 (+ helmet 57-78 para los keyframes).

   Tres notas de traducción del template a CSS:

   1. Los anchos del template salen de ternarios sobre `window.innerWidth` (líneas 779-780):
      `mob = w < 760` y `desk = w >= 1000`. Aquí eso son dos cortes — la base es el caso móvil y
      las dos media queries del final abren tableta (>=760) y escritorio (>=1000). No es el corte
      de 960 px del chrome (components.css), que solo afecta al menú.
   2. `dcRise` del template es idéntico a `dcFadeUp` de base.css, así que se reutiliza ese.
   3. El helmet declara dieciséis keyframes y esta pantalla solo usa dos (esFeed y dcRise). Los
      catorce restantes (esPing, prFloat, prToast, prSway*, scType, scTab, scRes*, esN*, esStamp,
      dcBlink) son de otras pantallas del export y no se copian: aquí no hay ninguna regla que los
      referencie. */

/* ---------- keyframes de página ---------- */
/* Publicar en España.dc.html:66 — el feed de noticias sube de cien en cien píxeles (88 de tarjeta
   + 12 de hueco) con una pausa larga en cada parada. */
@keyframes esFeed{
  0%{transform:translateY(-300px)}
  9%{transform:translateY(-200px)}
  33.3%{transform:translateY(-200px)}
  42.3%{transform:translateY(-100px)}
  66.6%{transform:translateY(-100px)}
  75.6%{transform:translateY(0)}
  100%{transform:translateY(0)}
}

/* ---------- estructura de sección ----------
   Mismos nombres que pages/agencies.css para que las páginas se lean igual, con los valores de
   ESTE template. Van con prefijo .pr- porque el hueco vertical del contenido cambia por sección
   (42 px en «Para quién», «Cómo funciona» y «Comparativa»; 34 en testimonios; 38 en el FAQ). */
.pr-sec{padding:clamp(64px,9vw,110px) 0}
.pr-sec__inner{display:flex;flex-direction:column;gap:42px}
.pr-sec__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.pr-sec__eyebrow{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-brand)}
.pr-sec__title{margin:0;font-size:clamp(26px,4vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.pr-sec__accent{color:var(--c-brand)}
.pr-sec__text{margin:0;font-size:16px;line-height:1.55;color:var(--c-secondary);max-width:620px;text-wrap:pretty}
.pr-sec__text--520{max-width:520px}
.pr-sec__strong{color:var(--c-ink)}

/* ---------- piezas compartidas ---------- */

/* Barras grises de los mocks: el template repite la misma receta y solo cambia el ancho. El gris
   es #eceff0, que no es ninguno de los del catálogo (el --c-border-chip de tokens.css es #e7ebe8),
   así que va literal. */
.pr-line{display:block;height:5px;border-radius:3px;background:#eceff0;width:100%}
.pr-line--strong{background:#dfe7e1}
.pr-line--soft{background:var(--c-divider)}
.pr-line--56{width:56%}
.pr-line--58{width:58%}
.pr-line--62{width:62%}
.pr-line--64{width:64%}
.pr-line--70{width:70%}
.pr-line--78{width:78%}
.pr-line--86{width:86%}
.pr-line--92{width:92%}
.pr-line--94{width:94%}

/* botón grande del hero y del cierre (líneas 237 y 554): el .btn-cta de components.css con el
   tamaño de esta página */
.pr-btn-lg{gap:8px;border-radius:var(--r-sub);padding:16px 26px;font-size:15px}
.pr-btn-lg i{font-size:14px}

/* enlace subrayado de final de sección (líneas 500 y 534-535) */
.pr-link{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--c-brand);border-bottom:1px solid var(--c-border-success);padding-bottom:2px;transition:all .15s}
.pr-link:hover{color:var(--c-green-text);border-color:var(--c-brand)}
.pr-link--sm{font-size:13px}
.pr-link i{font-size:12px;line-height:1}

/* ---------- 1 · hero (231-242) ---------- */
.pr-hero{background:#f7faf8;background-repeat:no-repeat;background-image:
  radial-gradient(700px 420px at 12% -60px,rgba(127,214,163,.35),rgba(127,214,163,0) 65%),
  radial-gradient(760px 460px at 88% -80px,rgba(46,139,87,.22),rgba(46,139,87,0) 65%),
  radial-gradient(1100px 520px at 50% -120px,#e7f0e9,rgba(231,240,233,0) 60%)}
.pr-hero__inner{padding-top:30px;padding-bottom:34px;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:center}
.pr-hero__copy{display:flex;flex-direction:column;gap:18px;animation:dcFadeUp .5s ease .06s backwards}
.pr-hero__title{margin:0;font-size:clamp(30px,4.8vw,46px);font-weight:700;line-height:1.12;letter-spacing:-.025em;max-width:560px;text-wrap:balance}
.pr-hero__grad{background:linear-gradient(92deg,#1e5c3a,#2e8b57 55%,#7fd6a3);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em;margin-right:-.06em}
.pr-hero__lead{margin:0;font-size:clamp(15px,1.6vw,18px);line-height:1.55;color:var(--c-body);max-width:520px;text-wrap:pretty}
.pr-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
/* el mapa y su sustituto comparten marco: el custom element se dimensiona desde aquí porque
   vendor/maps/mapa-{iso}.js solo pinta el SVG interior */
.pr-hero__map{display:block;width:100%;max-width:560px;aspect-ratio:560/440;justify-self:center;animation:dcFadeUp .5s ease .14s backwards}
.pr-hero__map--img{height:auto;object-fit:contain}

/* ---------- 2 · marcas (244-253) ---------- */
.pr-brands{background:var(--c-white)}
.pr-brands__inner{padding-top:clamp(32px,4.5vw,55px);padding-bottom:clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:16px;align-items:center}
.pr-brands__title{margin:0;font-size:11.5px;font-weight:600;color:var(--c-muted);text-align:center;letter-spacing:.04em;text-transform:uppercase}
/* marquesina de logos legacy (SVG monocromos de alto 40, ver _v3_marcas()) con fundido a los
   lados y pausa en hover, el mismo efecto que la tira legacy (assets/css/style.css:204-214) */
@keyframes prMarcas{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pr-brands__marquee{width:100%;max-width:720px;margin:0 auto;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pr-brands__marquee:hover .pr-brands__track{animation-play-state:paused}
.pr-brands__track{display:flex;width:max-content;animation:prMarcas 26s linear infinite}
.pr-brands__list{display:flex;align-items:center;gap:38px;padding-right:38px}
.pr-brands__item{opacity:.75;white-space:nowrap;cursor:default;transition:opacity .15s}
.pr-brands__item img{display:block;height:30px;width:auto}
.pr-brands__item:hover{opacity:1}
.pr-brands__list--clone .pr-brands__item{transition:none}
.pr-brands__list--clone .pr-brands__item:hover{opacity:.75}

/* ---------- 3 · por qué (255-298) ---------- */
.pr-why{background:var(--c-white)}
.pr-why__inner{padding-top:clamp(48px,7vw,90px);padding-bottom:clamp(48px,7vw,90px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.pr-why__stage{background:linear-gradient(160deg,#eaf4ee,#dfeee6);border-radius:28px;padding:clamp(22px,2.6vw,36px) clamp(16px,2vw,26px)}
.pr-why__viewport{height:288px;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent 100%)}
.pr-why__feed{display:flex;flex-direction:column;gap:12px;animation:esFeed 10.5s ease-in-out infinite}
.pr-why__copy{display:flex;flex-direction:column;gap:16px}
.pr-why__title{margin:0;font-size:clamp(26px,4vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.pr-why__text{margin:0;font-size:16px;line-height:1.6;color:var(--c-secondary);text-wrap:pretty}

/* tarjeta-noticia del feed (260-264) */
.pr-news{height:88px;box-sizing:border-box;display:flex;gap:14px;align-items:center;background:var(--c-white);border:1px solid #dfe7e1;border-radius:14px;padding:14px 18px;box-shadow:0 14px 30px rgba(23,49,31,.09)}
.pr-news__thumb{width:82px;height:60px;border-radius:9px;flex:none;object-fit:cover;display:block}
.pr-news__body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.pr-news__head{display:flex;align-items:center;gap:9px;min-width:0}
.pr-news__avatar{width:20px;height:20px;border-radius:50%;color:var(--c-white);font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pr-news__avatar--ink{background:var(--c-green-ink)}
.pr-news__avatar--brand{background:#297a4d}
.pr-news__avatar--soft{background:#4caf74}
.pr-news__name{font-size:13.5px;font-weight:600;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-news__lines{display:flex;flex-direction:column;gap:5px}
.pr-news__lines .pr-line{height:6px;border-radius:4px}
.pr-news svg{flex:none}
/* Publicar en España.dc.html:67 — con movimiento reducido el feed se queda quieto en su
   primera parada en vez de desfilar, y la marquesina de marcas vuelve a fila estática */
@media (prefers-reduced-motion:reduce){
  .pr-why__feed{animation:none;transform:translateY(0)}
  .pr-brands__marquee{mask-image:none;-webkit-mask-image:none}
  .pr-brands__track{width:100%;animation:none}
  .pr-brands__list{flex-wrap:wrap;justify-content:center;gap:18px 38px;width:100%;padding-right:0}
  .pr-brands__list--clone{display:none}
}

/* ---------- 4 · para quién (300-369) ---------- */
.pr-who{background:#f7faf8}
.pr-who__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:stretch}
.pr-who__card{background:var(--c-white);border:1px solid var(--c-border-card);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.pr-who__card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(23,49,31,.12)}
.pr-who__copy{padding:26px 26px 0;display:flex;flex-direction:column;gap:10px}
.pr-who__title{margin:0;font-family:var(--font-heading);font-size:20px;font-weight:700;line-height:1.28;color:var(--c-ink)}
.pr-who__text{margin:0;font-size:14px;color:var(--c-secondary);line-height:1.6;text-wrap:pretty}
.pr-who__scene{position:relative;height:186px;margin-top:16px;overflow:hidden;flex-shrink:0}

/* 4a · buscador + resultado de noticia (314-327) */
.pr-search{position:absolute;left:26px;right:26px;top:12px;display:flex;align-items:center;gap:9px;background:var(--c-white);border:1.5px solid var(--c-border-input);border-radius:24px;padding:10px 14px;box-shadow:0 3px 12px rgba(23,36,28,.05)}
.pr-search i{font-size:13px;color:var(--c-muted);line-height:1;flex:none}
.pr-search__term{font-size:11px;font-weight:600;color:var(--c-ink)}
/* pegado al texto anulando casi todo el gap del flex, como el caret del hero de la Home
   (petición del usuario 2026-08-17): a 9px el cursor flotaba y no parecía un caret */
.pr-search__caret{width:2px;height:13px;background:var(--c-brand);border-radius:2px;margin-left:-7px}
.pr-result{position:absolute;left:26px;right:26px;top:58px;background:var(--c-white);border:1px solid var(--c-border-card);border-radius:var(--r-sub);box-shadow:0 14px 30px rgba(23,49,31,.14);padding:12px 13px;display:flex;gap:12px;align-items:flex-start}
.pr-result__thumb{width:64px;height:64px;border-radius:var(--r-input);flex:none;background:linear-gradient(135deg,#17311f,#2e8b57);display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:7px 8px;box-sizing:border-box}
.pr-result__icon{width:16px;height:16px;border-radius:5px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;margin-bottom:auto}
.pr-result__bar{display:block;border-radius:2.5px;height:4.5px;background:rgba(255,255,255,.92)}
.pr-result__bar--78{width:78%}
.pr-result__bar--52{width:52%;background:rgba(255,255,255,.55)}
.pr-result__body{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.pr-result__source{display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--c-muted)}
.pr-result__dot{width:14px;height:14px;border-radius:50%;background:var(--c-green-ink);color:var(--c-white);font-size:7px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.pr-result__title{font-size:11.5px;color:var(--c-ink);line-height:1.35}

/* 4b · tarjeta-postal con la bandera del país (336-346) */
.pr-postal__back{position:absolute;left:16%;top:34px;width:66%;height:120px;background:var(--c-white);border:1px solid var(--c-divider);border-radius:11px;transform:rotate(-5deg);box-shadow:0 6px 14px rgba(23,49,31,.06)}
.pr-postal{position:absolute;left:30px;right:30px;top:14px;background:var(--c-white);border:1px solid var(--c-border-card);border-radius:11px;box-shadow:0 14px 30px rgba(23,49,31,.16);overflow:hidden}
.pr-postal__cover{position:relative;height:64px}
.pr-postal__sky{position:absolute;inset:0;background:linear-gradient(120deg,#17311f,#2e6a45 55%,#4caf74)}
.pr-postal__waves{position:absolute;inset:0;width:100%;height:100%}
.pr-postal__tag{position:absolute;left:8px;bottom:7px;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.94);border-radius:16px;padding:3px 8px;font-size:8px;font-weight:800;letter-spacing:.06em;color:var(--c-green-text)}
.pr-postal__tag .fi{border-radius:2px;font-size:9px}
.pr-postal__foot{padding:12px;display:flex;flex-direction:column;gap:7px}
.pr-postal__foot .pr-line{height:6px}

/* 4c · tarjeta-testimonio (355-364) */
.pr-quote{position:absolute;left:50%;top:14px;transform:translateX(-50%) perspective(900px) rotateX(10deg) rotateZ(-2deg);width:84%;max-width:250px;background:var(--c-white);border:1px solid var(--c-border-card);border-radius:var(--r-sub);box-shadow:0 16px 32px rgba(23,49,31,.18);padding:14px;display:flex;flex-direction:column;gap:10px}
.pr-quote__head{display:flex;align-items:center;gap:10px}
.pr-quote__avatar{width:34px;height:34px;border-radius:50%;flex:none;background:linear-gradient(135deg,#297a4d,#17311f);color:var(--c-white);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.pr-quote__who{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.pr-quote__name{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--c-ink);line-height:1.3}
.pr-quote__name svg{flex:none}
.pr-quote__role{font-size:8.5px;color:var(--c-muted)}
.pr-quote__marks{flex:none}

/* ---------- 5 · paso a paso (371-412) ---------- */
.pr-flow{background:var(--c-white)}
.pr-flow__tabs{background:var(--c-white);border:1px solid var(--c-border-card);border-radius:14px;padding:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;box-shadow:0 1px 3px rgba(23,36,28,.04)}
.pr-flow__tab{background:transparent;color:var(--c-secondary);border-radius:var(--r-btn);padding:11px 14px;font-size:13.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:9px;transition:all .16s}
.pr-flow__tab:hover{background:#f4f8f5;color:var(--c-green-text)}
.pr-flow__tab.is-active{background:var(--c-tint-badge);color:var(--c-green-text)}
.pr-flow__tab-num{width:21px;height:21px;border-radius:50%;background:var(--c-divider);color:var(--c-muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none}
.pr-flow__tab.is-active .pr-flow__tab-num{background:var(--c-brand);color:var(--c-white)}
/* el solape del template: el panel sube 22 px sobre el hueco de 42 de la columna (línea 385) */
.pr-flow__panel{background:var(--c-white);border:1px solid var(--c-border-card);border-radius:20px;box-shadow:0 2px 10px rgba(23,36,28,.05);overflow:hidden;margin-top:-22px}
.pr-flow__progress{height:3px;background:var(--c-divider);display:block}
.pr-flow__progress-bar{display:block;height:100%;width:25%;background:linear-gradient(90deg,#35a065,#1e5c3a);transition:width .3s ease}
.pr-flow__body{padding:clamp(26px,3.4vw,42px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3.5vw,44px);align-items:center}
.pr-flow__body[hidden]{display:none}
.pr-flow__copy{display:flex;flex-direction:column;gap:13px}
.pr-flow__topline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pr-flow__count{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-green-text);background:var(--c-tint-badge);border:1px solid #d8ecdf;border-radius:var(--r-pill);padding:5px 11px;white-space:nowrap}
.pr-flow__nav{display:flex;align-items:center;gap:7px;margin-left:auto}
.pr-flow__arrow{width:32px;height:32px;border-radius:50%;background:var(--c-white);border:1px solid var(--c-border-input);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--c-body);transition:all .15s}
.pr-flow__arrow:hover{border-color:var(--c-brand);color:var(--c-green-text)}
.pr-flow__arrow.is-disabled{opacity:.35;pointer-events:none}
.pr-flow__arrow i{font-size:13px;line-height:1}
/* los min-height del template evitan que el panel salte de alto al cambiar de paso (398-399) */
.pr-flow__title{margin:0;font-family:var(--font-heading);font-size:clamp(20px,2.5vw,28px);font-weight:700;line-height:1.28;color:var(--c-ink);letter-spacing:-.02em;text-wrap:pretty;min-height:2.56em}
.pr-flow__text{margin:0;font-size:15px;line-height:1.55;color:var(--c-secondary);max-width:430px;text-wrap:pretty;min-height:3.1em}
.pr-flow__chips{display:flex;flex-direction:column;gap:9px}
.pr-flow__chip{background:var(--c-inset);border:1px solid var(--c-divider);border-radius:var(--r-sub);padding:13px 15px;display:flex;align-items:center;gap:11px}
.pr-flow__chip-icon{width:26px;height:26px;border-radius:var(--r-input);background:var(--c-tint-badge);display:flex;align-items:center;justify-content:center;flex:none}
.pr-flow__chip-icon i{font-size:13px;line-height:1;color:var(--c-green-text)}
.pr-flow__chip-text{font-size:13px;font-weight:600;color:var(--c-ink)}

/* ---------- 6 · comparativa (414-449) ---------- */
.pr-comp{background:#f7faf8}
.pr-comp__table{background:var(--c-white);border:1px solid var(--c-border-card);border-radius:var(--r-card);box-shadow:0 1px 3px rgba(23,36,28,.05);overflow:hidden}
.pr-comp__row{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.pr-comp__row--data{border-top:1px solid var(--c-divider)}
.pr-comp__cell{padding:15px 18px;font-size:13px;display:flex;align-items:center;gap:8px}
.pr-comp__cell--head{padding:14px 18px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.pr-comp__cell--label{font-size:13.5px;font-weight:600;color:var(--c-ink)}
.pr-comp__cell--old{background:var(--c-inset);color:var(--c-muted)}
.pr-comp__cell--new{background:var(--c-tint-selected);color:var(--c-body);font-weight:500}
.pr-comp__cell--head.pr-comp__cell--new{color:var(--c-green-text);font-weight:700}
.pr-comp__cell--old i{font-size:14px;line-height:1;color:var(--c-error);flex:none}
.pr-comp__cell--new i{font-size:15px;line-height:1;color:var(--c-brand);flex:none}

/* ---------- 7 · testimonios (452-502) ---------- */
.pr-ops{background:var(--c-white)}
.pr-ops .pr-sec__inner{gap:34px}
.pr-ops__wrap{display:flex;flex-direction:column;gap:14px}
/* los márgenes negativos recortan el aire que el scroller necesita para que la sombra del hover
   no se corte (línea 460) */
.pr-ops__scroller{position:relative;margin:-16px -14px -22px}
.pr-ops__track{gap:18px;padding:16px 14px 30px}
.pr-ops__card{background:var(--c-white);border:1px solid var(--c-border-card);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;flex:0 0 342px;transition:transform .15s,box-shadow .15s}
.pr-ops__card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(23,49,31,.14)}
/* cuadrada 1:1 en todas las tarjetas de reseña (petición 2026-08-19; antes 3:4 del 2026-08-17) */
.pr-ops__media{position:relative;aspect-ratio:3/3;overflow:hidden;background:var(--c-page)}
.pr-ops__ph{position:absolute;inset:0}
.pr-ops__photo{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.pr-ops__play{position:absolute;right:14px;bottom:14px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;color:var(--c-green-text);box-shadow:var(--sh-cta);pointer-events:none;transition:transform .15s;z-index:1}
/* Hover como en la Home: pasar por cualquier punto de la tarjeta agranda el chip (solo con vídeo). */
.pr-ops__play.setroi-video-popup:hover,
.pr-ops__media:hover .pr-ops__play.setroi-video-popup{transform:scale(1.08)}
/* Velo inferior (30% de alto) para que el chip de play no se pierda sobre fotos claras. */
.pr-ops__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));pointer-events:none}
.pr-ops__play i{font-size:18px;line-height:1}
.pr-ops__play.setroi-video-popup{pointer-events:auto;cursor:pointer}
.pr-ops__veil{position:absolute;top:0;bottom:0;width:46px;pointer-events:none}
.pr-ops__veil--left{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.pr-ops__veil--right{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}

/* ---------- 8 · FAQ (504-538) ---------- */
.pr-faq{background:#f7faf8}
.pr-faq__inner{max-width:900px;gap:38px}
.pr-faq__search-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.pr-faq__search{position:relative;width:min(480px,100%)}
.pr-faq__search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--c-muted);line-height:1}
/* el buscador de esta pantalla nace gris y se aclara al enfocarlo (línea 513) */
.pr-faq__input{width:100%;box-sizing:border-box;background:var(--c-page);border:1px solid var(--c-border-input);border-radius:var(--r-sub);padding:13px 16px 13px 42px;font-size:14px;font-family:inherit;color:var(--c-ink);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.pr-faq__input:focus{border-color:var(--c-brand);box-shadow:var(--sh-focus);background:var(--c-white)}
.pr-faq__note{font-size:12px;color:var(--c-muted);min-height:16px}
.pr-faq__box{background:var(--c-white);border:1px solid var(--c-border-card);border-radius:var(--r-card);box-shadow:0 1px 3px rgba(23,36,28,.05);padding:6px 26px;display:flex;flex-direction:column}
.pr-faq__list{display:flex;flex-direction:column}
.pr-faq__item{border-top:1px solid var(--c-divider)}
/* el separador lo pierde la primera pregunta VISIBLE, que con el buscador activo no es la
   primera del HTML: la clase la mueve faqfilter.js */
.pr-faq__item.is-first{border-top:0}
.pr-faq__item[hidden]{display:none}
.pr-faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:19px 0;background:none;border:0;font-family:inherit;color:inherit;text-align:left;cursor:pointer}
.pr-faq__q-text{font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--c-ink);line-height:1.45;transition:color .15s}
.pr-faq__q:hover .pr-faq__q-text{color:var(--c-green-text)}
.pr-faq__sign{width:27px;height:27px;border-radius:50%;border:1px solid var(--c-border-input);background:var(--c-white);color:var(--c-ink);display:flex;align-items:center;justify-content:center;font-size:16px;flex:none;line-height:1;transition:all .2s ease}
.pr-faq__q[aria-expanded="true"] .pr-faq__sign{border-color:var(--c-brand);background:var(--c-brand);color:var(--c-white);transform:rotate(45deg)}
.pr-faq__a{padding:0 44px 20px 0;font-size:14px;color:var(--c-secondary);line-height:1.7;text-wrap:pretty}
.pr-faq__a[hidden]{display:none}
/* la respuesta llega de BD como HTML: el template la escribe en un solo <p> y aquí puede traer
   varios, listas y enlaces */
.pr-faq__a p{margin:0}
.pr-faq__a p + p{margin-top:10px}
.pr-faq__a a{font-weight:600}
.pr-faq__empty{padding:26px 0;text-align:center;font-size:13.5px;color:var(--c-muted)}
.pr-faq__empty[hidden]{display:none}
.pr-faq__empty-link{color:var(--c-brand);font-weight:600}
.pr-faq__links{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center}

/* ---------- 9 · cierre oscuro (540-563) ---------- */
.pr-cta{position:relative;background:radial-gradient(120% 160% at 78% 100%,#245c3d 0%,#1b3f2a 44%,#152b1d 100%);overflow:hidden}
.pr-cta__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}
.pr-cta__halo{position:absolute;right:8%;bottom:-18%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(95,201,142,.16),rgba(95,201,142,0) 62%);pointer-events:none}
.pr-cta__grid{position:relative;padding-top:clamp(56px,8vw,96px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,54px);align-items:end}
.pr-cta__copy{display:flex;flex-direction:column;gap:16px;padding-bottom:clamp(56px,8vw,96px)}
.pr-cta__eyebrow{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5fc98e}
.pr-cta__title{margin:0;font-size:clamp(26px,4vw,36px);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--c-white);text-wrap:balance}
.pr-cta__lead{margin:0;font-size:16px;line-height:1.6;color:#b7cdbf;max-width:440px;text-wrap:pretty}
.pr-cta__strong{color:var(--c-white)}
.pr-cta__list{display:flex;flex-direction:column;gap:0;margin-top:8px;max-width:440px}
.pr-cta__item{display:flex;align-items:center;gap:12px;font-size:15px;color:#e8f3ec;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.pr-cta__item:last-child{border-bottom:0}
.pr-cta__check{width:22px;height:22px;border-radius:50%;background:rgba(95,201,142,.16);display:inline-flex;align-items:center;justify-content:center;flex:none}
.pr-cta__actions{display:flex;align-items:center;gap:18px;margin-top:12px;flex-wrap:wrap}
.pr-cta__btn{gap:8px;border-radius:var(--r-sub);padding:15px 28px;font-size:15px;box-shadow:0 5px 16px rgba(20,60,38,.5)}
.pr-cta__btn:hover{box-shadow:0 7px 20px rgba(20,60,38,.6)}
.pr-cta__btn i{font-size:14px;line-height:1}
.pr-cta__note{font-size:13px;color:#8fae9a;text-decoration:underline;text-underline-offset:3px}
.pr-cta__note:hover{color:var(--c-white)}
/* la foto del equipo es solo de escritorio (equipoDisp, línea 855) */
.pr-cta__visual{display:none;position:relative;width:100%;height:clamp(300px,34vw,430px);align-items:flex-end;justify-content:center}
.pr-cta__glow{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:88%;height:74%;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(180deg,rgba(95,201,142,.14),rgba(95,201,142,.03) 70%,transparent);pointer-events:none}
.pr-cta__img{position:relative;max-width:100%;max-height:100%;object-fit:contain;object-position:bottom;display:block;margin-bottom:-1px;filter:drop-shadow(0 24px 40px rgba(0,0,0,.4))}

/* ---------- tableta: el corte `mob = w < 760` del template (línea 779) ---------- */
@media (min-width:760px){
  .pr-hero__inner{padding-top:clamp(40px,6vw,64px);padding-bottom:clamp(26px,4vw,42px)}
  .pr-flow__tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pr-flow__body{grid-template-columns:1.1fr 1fr}
  .pr-comp__row{grid-template-columns:.8fr 1fr 1fr}
}

/* ---------- escritorio: el corte `desk = w >= 1000` del template (línea 780) ---------- */
@media (min-width:1000px){
  .pr-hero__inner{grid-template-columns:1.1fr 1fr}
  .pr-why__inner,.pr-cta__grid{grid-template-columns:1.05fr 1fr}
  .pr-who__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pr-cta__visual{display:flex}
}

/* Opiniones en móvil: dos tarjetas a la vista (mitad del carril, gap 18px = 9px por lado);
   carousel.js avanza por grupo visible, así el carrusel va de 2 en 2 (petición 2026-08-19). */
@media (max-width:640px){
  .pr-ops__card{flex-basis:calc(50% - 9px)}
  .pr-ops__play{width:36px;height:36px;right:8px;bottom:8px}
  .pr-ops__play i{font-size:14px}
  /* Cuerpo compactado a media anchura: mismas medidas que .op-grid en móvil
     (customer-reviews.css). */
  .pr-ops__card .rc__body{padding:14px 14px 16px;gap:12px}
  .pr-ops__card .rc__meta{flex-direction:column;align-items:flex-start;gap:8px}
  .pr-ops__card .rc__stars{font-size:12px}
  .pr-ops__card .rc__tag{font-size:10.5px;padding:3px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pr-ops__card .rc__quote{font-size:12.5px;line-height:1.55}
  .pr-ops__card .rc__author{gap:9px;padding-top:12px}
  .pr-ops__card .rc__avatar{width:28px;height:28px;font-size:10.5px}
  .pr-ops__card .rc__name{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pr-ops__card .rc__role{font-size:10.5px}
}