/* Jupá · marca 2 en la guía pública de proveedores (/proveedores-de-casamiento). Solo esta página.
   Papel con grano, encabezado sobre lino lila, barra sin vidrio, chips con canto, tarjetas como copias impresas con su talón. */
body:has(.pv.gp){background-color:#fbfafc;background-image:url(m2/grano.webp);background-size:220px 220px;background-blend-mode:multiply}
.gp-top{background-color:#fbfafc;background-image:url(m2/grano.webp);background-size:220px;background-blend-mode:multiply;-webkit-backdrop-filter:none;backdrop-filter:none}
.pv.gp .pv-head{position:relative;isolation:isolate}
.pv.gp .pv-head::before{content:"";position:absolute;z-index:-1;inset:-40px -100vw -20px;background:#e8dcf7 url(m2/lino.webp) 0 0/256px;background-blend-mode:multiply}
.pv.gp .pv-head::after{content:"";position:absolute;z-index:-1;inset:-40px -100vw -20px;background:url(m2/ventana.webp) 0 0/cover no-repeat;mix-blend-mode:multiply;opacity:.55;pointer-events:none}
.pv-chip{border:0;box-shadow:inset 0 0 0 1px var(--line),0 3px 0 var(--lavender),0 4px 3px rgba(35,26,46,.12);transition:transform .18s cubic-bezier(.2,.8,.25,1),box-shadow .18s}
.pv-chip:active{transform:translateY(3px);box-shadow:inset 0 0 0 1px var(--line),0 0 0 var(--lavender)}
.pv-chip[aria-pressed=true],.pv-chip.on{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 3px 0 var(--violet-deep),0 4px 3px rgba(35,26,46,.2)}
.pv.gp .pv-card{border-radius:6px;background:#fbfafc;box-shadow:0 1px 1px rgba(35,26,46,.14),0 2px 3px rgba(35,26,46,.1),12px 20px 28px -10px rgba(35,26,46,.28)}
.pv.gp .pv-card:nth-child(3n+1){rotate:-.6deg}.pv.gp .pv-card:nth-child(3n+2){rotate:.5deg}
.pv.gp .pv-card .pv-tk{border-radius:0 0 6px 6px;-webkit-mask:radial-gradient(circle 9px at 0 0,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 0,#0000 97%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 9px at 0 0,#0000 97%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 0,#0000 97%,#000) right/51% 100% no-repeat}
.gp-seal{border:3px solid currentColor;outline:1.5px solid currentColor;outline-offset:-7px;border-radius:8px;-webkit-mask:url(m2/tinta.png) 0 0/160px;mask:url(m2/tinta.png) 0 0/160px}
/* la franja de lino llega de borde a borde sin abrir scroll de costado */
.pv.gp{overflow-x:clip}
/* la palabra en cursiva del título, en una tira de papel con cinta (el lenguaje de los héroes de marca 2) */
.pv-head h1 em{position:relative;display:inline-block;padding:.06em .24em .02em;color:#4b3658;background:#fbfafc url(m2/grano.webp) 0 0/220px;background-blend-mode:multiply;transform:rotate(-2deg);box-shadow:0 1px 1px rgba(35,26,46,.14),10px 16px 28px -12px rgba(35,26,46,.4)}
.pv-head h1 em::before{content:"";position:absolute;left:-.16em;top:-.1em;width:.9em;height:.26em;background:rgba(205,184,236,.85);transform:rotate(-22deg)}
/* el buscador quedaba montado sobre el borde de la franja lila (Mati 29-oct: «que choque con el buscador me molesta») y la franja
   se veía cortita («podría ser más largo»): más aire arriba y abajo del título, la franja termina en el encabezado y el buscador
   arranca con aire claro debajo */
.pv.gp .pv-head{padding-top:clamp(28px,5vh,56px);padding-bottom:clamp(36px,6vh,64px);margin-bottom:26px}
.pv.gp .pv-head::before,.pv.gp .pv-head::after{bottom:0}
@media (max-width:899px){.pv.gp .pv-head{padding-top:20px;padding-bottom:30px;margin-bottom:16px}}