/* ==========================================================================
   Landing «Proveedor de PLV» (page-proveedor-plv.php).
   Se carga junto a categoria.css y landing-expositores.css (mismos bloques
   que las categorías): aquí solo va lo que esas hojas no tienen.
   ========================================================================== */

/* Hero centrado: texto arriba y el stand en 3D sobre blanco, en el centro */
.pv .pv-hero{padding-top:0}
.pv .pv-hero__in{max-width:1400px;margin:0 auto;padding:clamp(40px,5vw,72px) 28px clamp(8px,1.5vw,20px)}
.pv .pv-hero__txt{max-width:980px;margin:0 auto;text-align:center}
.pv .pv-hero .hero__h{font-size:clamp(34px,4vw,54px);line-height:1.06;text-wrap:balance}
.pv .pv-hero__txt .hero__p{max-width:620px;margin:20px auto 32px}
.pv .pv-hero__txt .hero__ctas{justify-content:center;margin-bottom:28px}
.pv .pv-hero__txt .hero__ctas a{white-space:nowrap}
.pv .pv-hero__txt .hero__ctas a svg{width:18px;height:18px;flex:none}
.pv .pv-hero__txt .hero__proofs{justify-content:center;flex-wrap:wrap}
.pv .pv-hero__stage{margin:clamp(16px,2.5vw,36px) auto 0;background:#fff;text-align:center}
.pv .pv-prod{position:relative;display:inline-block;vertical-align:top}
.pv .pv-prod>img{display:block;width:auto;max-width:100%;height:clamp(380px,44vw,600px);object-fit:contain}

/* Datos del expositor: punto sobre la pieza, línea y tarjeta flotante a cada lado */
.pv .pv-spec{position:absolute;width:0;height:0;z-index:2}
.pv .pv-spec--l{left:15%;top:46%}   /* balda 2, borde delantero */
.pv .pv-spec--r{left:72%;top:80%}   /* lateral, zona baja */
.pv .pv-spec__dot{position:absolute;left:-6px;top:-5.5px;width:12px;height:12px;border-radius:50%;background:var(--g);box-shadow:0 0 0 4px rgba(255,255,255,.95);transform:scale(0);animation:pvDot .5s cubic-bezier(.22,1,.36,1) .5s forwards}
.pv .pv-spec__dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--g);opacity:0;animation:pvPulse 2.4s ease-out 1.4s infinite}
.pv .pv-spec__line{position:absolute;top:0;height:1px;width:clamp(60px,7vw,110px);background:rgba(20,21,15,.35);transform:scaleX(0);animation:pvLine .6s cubic-bezier(.22,1,.36,1) .8s forwards}
.pv .pv-spec--l .pv-spec__line{right:0;transform-origin:100% 50%}
.pv .pv-spec--r .pv-spec__line{left:0;transform-origin:0 50%}
.pv .pv-spec__card{position:absolute;top:0;display:flex;flex-direction:column;white-space:nowrap;line-height:1;opacity:0;animation:pvCard .6s cubic-bezier(.22,1,.36,1) 1.2s forwards,pvFloat 5.5s ease-in-out 2s infinite}
.pv .pv-spec--l .pv-spec__card{right:clamp(60px,7vw,110px);margin-right:14px;align-items:flex-end;text-align:right}
.pv .pv-spec--r .pv-spec__card{left:clamp(60px,7vw,110px);margin-left:14px;align-items:flex-start;text-align:left;animation-delay:1.4s,2.6s}
.pv .pv-spec__ey{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--g)}
.pv .pv-spec__card strong{font-family:'Manrope',sans-serif;font-size:clamp(40px,3.6vw,54px);font-weight:300;letter-spacing:-.035em;color:var(--ink);margin:8px 0 6px}
.pv .pv-spec__sub{font-size:14px;font-weight:600;color:var(--mut)}
@keyframes pvDot{to{transform:scale(1)}}
@keyframes pvPulse{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(2.4)}}
@keyframes pvLine{to{transform:scaleX(1)}}
@keyframes pvCard{from{opacity:0;translate:0 calc(-50% + 10px)}to{opacity:1;translate:0 -50%}}
@keyframes pvFloat{0%,100%{translate:0 -50%}50%{translate:0 calc(-50% - 6px)}}
.pv .pv-spec__card{translate:0 -50%}
@media (prefers-reduced-motion:reduce){
	.pv .pv-spec__dot,.pv .pv-spec__line,.pv .pv-spec__card{animation:none;transform:none;opacity:1}
	.pv .pv-spec__dot::after{display:none}
}

/* Banda oscura con tres datos */
.pv .pv-band{background:var(--ink);color:#fff;padding:clamp(34px,4vw,56px) 28px}
.pv .pv-band__in{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}
.pv .pv-band__in>div{padding:6px 16px;border-left:1px solid rgba(255,255,255,.16)}
.pv .pv-band__in>div:first-child{border-left:0}
.pv .pv-band__in strong{display:block;font-size:clamp(28px,3.4vw,44px);font-weight:300;letter-spacing:-.03em;line-height:1;color:#fff}
.pv .pv-band__in span{display:block;margin-top:10px;font-size:14px;font-weight:600;color:rgba(255,255,255,.7)}

/* Enlaces dentro de los bloques foto-texto */
.pv .pv-links a{color:var(--gd);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pv .pv-links a:hover{color:var(--g)}

/* Proceso en cinco pasos (el bloque de categoría trae tres) */
.pv .pv-proc__grid{grid-template-columns:repeat(5,1fr)}
.pv .pv-proc__plazo{margin:clamp(28px,3.5vw,44px) 0 0;max-width:720px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.72)}

/* Tarjetas de encargos: texto de reparto bajo el título */
.pv .pv-projcard__p{margin:10px 0 0;font-size:14.5px;line-height:1.55;color:var(--mut);font-weight:500}

/* Campos nuevos del formulario (número, fecha, adjunto) y nota de la tienda */
.pv .ccta__form input[type="number"],.pv .ccta__form input[type="date"]{width:100%;box-sizing:border-box;border:1px solid var(--line);background:#f7f6f2;border-radius:14px;padding:14px 16px;margin-top:6px;font-family:inherit;font-size:15px;color:var(--ink)}
.pv .ccta__form input[type="file"]{width:100%;font-size:14px;padding:10px 0}
.pv .ccta__form .gsj-cf7__nota{font-size:13.5px;color:var(--mut);margin:-6px 0 18px}
.pv .ccta__form .gsj-cf7__nota a{color:var(--gd);font-weight:700}

@media (max-width:1100px){
	.pv .pv-proc__grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
	/* En móvil las dos tarjetas van debajo del expositor, sin líneas ni puntos */
	.pv .pv-prod{display:flex;flex-wrap:wrap;justify-content:center;column-gap:36px}
	.pv .pv-prod>img{flex:0 0 100%;object-position:center}
	.pv .pv-prod>img{height:clamp(320px,90vw,440px)}
	.pv .pv-spec{position:static;width:auto;height:auto;display:inline-flex}
	.pv .pv-spec__dot,.pv .pv-spec__line{display:none}
	.pv .pv-spec__card{position:static;translate:none;margin:14px 0 0!important;opacity:1;animation:none;align-items:center!important;text-align:center!important}
	.pv .pv-spec__card strong{font-size:38px}
	.pv .pv-band__in{grid-template-columns:1fr;gap:20px}
	.pv .pv-band__in>div{border-left:0;padding:0}
	.pv .pv-proc__grid{grid-template-columns:1fr}
}

/* Bloque «marcas»: foto de los tres expositores impresos, entera y sobre blanco */
.pv .pv-ba{background:#fff}
.pv .pv-ba>img{position:absolute;left:5%;right:7%;top:50%;width:88%!important;height:auto!important;transform:translateY(-50%);aspect-ratio:1500/839;object-fit:contain}
@media (max-width:900px){
	.pv .pv-ba{position:relative;height:auto!important;margin:0 28px}
	.pv .pv-ba>img{position:static;width:100%!important;transform:none;border-radius:0!important}
}

/* Titular del bloque «marcas» en tres líneas: columna algo más ancha que la de categoría (460 px) */
@media (min-width:901px){
	.pv #marcas .lz-fab__box{max-width:590px}
	.pv #marcas .lz-fab__h{text-wrap:balance}
}

/* Sectores del bloque «marcas»: chips con icono, un pastel por sector */
.pv .pv-secs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pv .pv-sec{--bg:#e8f5ec;--fg:#00873a;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--bg);color:var(--ink)!important;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.pv .pv-sec:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(20,21,15,.08)}
.pv .pv-sec__ic{flex:none;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--fg);display:flex;align-items:center;justify-content:center}
.pv .pv-sec__ic svg{width:16px;height:16px}
.pv .pv-sec--alimentacion{--bg:#fdf0ea;--fg:#c2562b}
.pv .pv-sec--cosmetica{--bg:#f8eaf2;--fg:#b0457d}
.pv .pv-sec--calzado{--bg:#eeecf8;--fg:#5b4fb8}
.pv .pv-sec--farmacia{--bg:#e8f5ec;--fg:#00873a}
.pv .pv-sec--optica{--bg:#e8f1f8;--fg:#2f6fa8}
.pv .pv-sec--textil{--bg:#fbf3dc;--fg:#a4781a}
.pv .pv-sec--vino{--bg:#f5e9ec;--fg:#8c2f45}
@media (prefers-reduced-motion:reduce){.pv .pv-sec{transition:none}.pv .pv-sec:hover{transform:none}}

/* Bloque «agencias»: expositor «Juego del cabezudo», recortado en vertical */
.pv .pv-agimg img{object-position:50% 50%}

/* «Ponemos la ingeniería…»: arriba el mismo aire que abajo + el padding superior de la sección siguiente */
.pv .lz-pitch{padding-top:calc(clamp(30px,3.5vw,50px) + clamp(48px,6vw,90px))}

/* Bloque «agencias»: texto más ancho (como el de marcas) y más cerca de la foto */
@media (min-width:901px){
	.pv #agencias .lz-wood__box{max-width:590px;margin-left:calc(50% + clamp(36px,4vw,64px))}
	.pv #agencias .lz-wood__h{text-wrap:balance}
}

/* Pie sin esquinas redondeadas en esta landing (viene justo después del CTA verde) */
.ft{border-radius:0!important}

/* ---- Móvil (revisión 30-09) ---- */
.pv .pv-tel{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.pv .lz-proj__all{padding:10px 0}
@media (max-width:820px){
	.pv .pv-hero .hero__proofs{display:none}          /* repiten lo que dice la banda justo debajo */
	.pv .pv-hero__txt .hero__ctas{margin-bottom:8px}
	.pv .pv-spec__ey,.pv .lz-projcard__cat{font-size:12px}
	.pv .pv-proc__grid{gap:26px}
	.pv .lz-proc__step .n{font-size:28px}
}