/* Portada «pliego» de VIDAL. — versión 2 (oscura)
   Mundo: el taller de noche. Fondo tinta, una hoja blanca que entra en máquina y,
   al hacer scroll, sus tres tintas (cian, magenta, amarillo) se juntan hasta quedar
   «en registro». El naranja VIDAL solo marca lo importante. */

.gvp {
	--gvp-naranja: var(--gv-naranja, #ef7f1a);
	--gvp-noche: #0e0d0c;
	--gvp-noche-2: #181614;
	--gvp-papel: #ffffff;
	--gvp-claro: #f3f1ee;
	--gvp-texto: #f4f1ed;
	--gvp-suave: #a7a09a;
	--gvp-tinta: #141312;
	--gvp-gris: #5f5a55;
	--gvp-raya-o: rgba(255, 255, 255, 0.12);
	--gvp-raya: rgba(20, 19, 18, 0.14);
	--gvp-out: cubic-bezier(0.23, 1, 0.32, 1);
	--gvp-inout: cubic-bezier(0.77, 0, 0.175, 1);
	color: var(--gvp-tinta);
	background: var(--gvp-noche);
	font-family: Outfit, system-ui, sans-serif;
	overflow-x: clip;
}
.gvp ::selection { background: var(--gvp-naranja); color: var(--gvp-tinta); }
.gvp-wrap { width: 100%; max-width: 1280px; margin-inline: auto; padding-inline: clamp(18px, 4vw, 48px); box-sizing: border-box; }
.gvp-punto { color: var(--gvp-naranja); }
.gvp-h2 { font-size: clamp(2rem, 4.4vw, 3.6rem); font-weight: 850; line-height: 0.98; letter-spacing: -0.035em; margin: 0; text-wrap: balance; }
.gvp-cab { display: grid; gap: 14px; margin-bottom: clamp(28px, 4vw, 48px); max-width: 62ch; }
.gvp-cab p { margin: 0; color: var(--gvp-gris); font-size: 1.08rem; line-height: 1.55; }
.gvp-centro { display: flex; justify-content: center; margin-top: 36px; }
.gvp-oscuro { background: var(--gvp-noche); color: var(--gvp-texto); }
.gvp-oscuro .gvp-cab p, .gvp-oscuro p { color: var(--gvp-suave); }

/* Botones */
.gvp-btn { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 26px; border-radius: 999px; font: 700 1rem/1 Outfit, system-ui, sans-serif; text-decoration: none; border: 1px solid transparent; transition: transform 160ms var(--gvp-out), background-color 200ms ease, color 200ms ease, border-color 200ms ease; }
.gvp-btn:active { transform: scale(0.97); }
.gvp-btn:focus-visible { outline: 2px solid var(--gvp-naranja); outline-offset: 3px; }
.gvp-btn--tinta { background: var(--gvp-tinta); color: var(--gvp-papel); }
.gvp-btn--linea { border-color: currentColor; color: var(--gvp-tinta); background: transparent; }
.gvp-hero .gvp-btn--tinta, .gvp-final .gvp-btn--tinta { background: var(--gvp-naranja); color: var(--gvp-tinta); }
.gvp-hero .gvp-btn--linea, .gvp-final .gvp-btn--linea { color: var(--gvp-texto); border-color: rgba(255, 255, 255, 0.35); }
@media (hover: hover) and (pointer: fine) {
	.gvp-btn--tinta:hover { background: #2b2a29; }
	.gvp-hero .gvp-btn--tinta:hover, .gvp-final .gvp-btn--tinta:hover { background: #ff9a3d; }
	.gvp-btn--linea:hover { background: var(--gvp-tinta); color: var(--gvp-papel); border-color: var(--gvp-tinta); }
	.gvp-hero .gvp-btn--linea:hover, .gvp-final .gvp-btn--linea:hover { background: var(--gvp-texto); color: var(--gvp-tinta); border-color: var(--gvp-texto); }
}

/* ---------- Cabecera: la hoja entra en máquina ---------- */
.gvp-hero { position: relative; background: var(--gvp-noche); color: var(--gvp-texto); }
.gvp-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none;
	background: radial-gradient(60% 50% at 75% 45%, rgba(239, 127, 26, 0.16), transparent 70%),
		linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 100% 64px,
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 64px 100%; }
.gvp-hero__escena { position: relative; }
.gvp-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(32px, 5vw, 72px); align-items: center; padding-block: clamp(130px, 14vw, 170px) clamp(64px, 8vw, 110px); }
.gvp-hero__titulo { margin: 0; font-size: clamp(3.1rem, 7vw, 6rem); font-weight: 900; line-height: 0.9; letter-spacing: -0.04em; color: var(--gvp-texto); text-wrap: balance; }
.gvp-hero__lead { margin: 26px 0 0; max-width: 40ch; font-size: clamp(1.05rem, 1.4vw, 1.2rem); line-height: 1.55; color: var(--gvp-suave); }
.gvp-hero__lead strong { font-weight: 700; color: var(--gvp-texto); white-space: nowrap; }
.gvp-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.gvp-google { display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; font-weight: 600; color: var(--gvp-texto); text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.35); text-decoration-thickness: 1px; text-underline-offset: 5px; }
.gvp-google svg { width: 16px; height: 16px; color: var(--gvp-naranja); }

/* Escena fijada mientras dura la historia (solo pantallas grandes) */
@media (min-width: 961px) {
	.gvp-js .gvp-hero { height: 240vh; }
	.gvp-js .gvp-hero__escena { position: sticky; top: 0; height: 100vh; display: grid; align-items: center; overflow: clip; }
	.gvp-js .gvp-hero__grid { padding-block: 110px 40px; }
}

/* La hoja */
.gvp-pliego { position: relative; perspective: 1600px; }
.gvp-hoja { position: relative; background: var(--gvp-papel); color: var(--gvp-tinta); padding: 46px 40px 30px; transform: rotateZ(-1.5deg); transform-origin: 50% 60%; box-shadow: 0 50px 90px -40px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.04); will-change: transform; }
.gvp-hoja__barra { position: absolute; top: 14px; left: 40px; right: 40px; height: 12px; display: flex; gap: 2px; transform-origin: 0 50%; }
.gvp-hoja__barra span { flex: 1; background-color: var(--gvp-c, #1d1d1b); }
.gvp-registro { position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px; color: var(--gvp-tinta); transition: color 300ms ease; }
.gvp-registro--izq { left: 9px; }
.gvp-registro--der { right: 9px; }
.gvp-pliego.is-registro .gvp-registro { color: var(--gvp-naranja); }
.gvp-hoja__grid { position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 26px; }
.gvp-hoja__slug { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 26px 0 0; padding-right: 250px; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gvp-gris); font-variant-numeric: tabular-nums; }
.gvp-hoja__slug span:first-child { color: var(--gvp-tinta); font-weight: 800; }

/* Las tres tintas (las crea pliego.js encima de la rejilla) */
.gvp-capa { position: absolute; inset: 0; pointer-events: none; mix-blend-mode: multiply; will-change: transform; }
.gvp-capa .gvp-pieza__pie, .gvp-capa .gvp-corte { visibility: hidden; }
.gvp-capa .gvp-pieza::before, .gvp-capa .gvp-pieza::after { display: none; }
.gvp-capa--c { filter: url(#gvp-sep-c); }
.gvp-capa--m { filter: url(#gvp-sep-m); }
.gvp-capa--y { filter: url(#gvp-sep-y); }
.gvp-pliego.is-separado .gvp-hoja__grid:not(.gvp-capa__grid) > li .gvp-pieza__img img { opacity: 0; }
.gvp-capa .gvp-pieza__img { background: transparent; }
.gvp-pliego.is-registro .gvp-capa { opacity: 0; transition: opacity 400ms ease; }

/* Cada pieza montada, con sus marcas de corte */
.gvp-pieza { position: relative; display: grid; gap: 8px; color: var(--gvp-tinta); text-decoration: none; outline: none; }
.gvp-pieza__img { display: block; aspect-ratio: 1; overflow: hidden; background: #f1efec; }
.gvp-pieza__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 600ms var(--gvp-out), opacity 300ms ease; }
.gvp-pieza__pie { display: grid; gap: 2px; font-size: 0.82rem; font-weight: 700; line-height: 1.2; }
.gvp-pieza__precio { font-weight: 500; color: var(--gvp-gris); font-size: 0.74rem; font-variant-numeric: tabular-nums; }
.gvp-pieza::before, .gvp-pieza::after, .gvp-corte::before, .gvp-corte::after {
	content: ""; position: absolute; width: 12px; height: 12px; border-color: var(--gvp-tinta); border-style: solid; border-width: 0;
	transition: transform 450ms var(--gvp-out), border-color 200ms ease;
}
.gvp-pieza::before { top: -8px; left: -8px; border-top-width: 1px; border-left-width: 1px; }
.gvp-pieza::after { top: -8px; right: -8px; border-top-width: 1px; border-right-width: 1px; }
.gvp-corte { position: absolute; left: 0; right: 0; top: 0; aspect-ratio: 1; pointer-events: none; }
.gvp-corte::before { bottom: -8px; left: -8px; border-bottom-width: 1px; border-left-width: 1px; }
.gvp-corte::after { bottom: -8px; right: -8px; border-bottom-width: 1px; border-right-width: 1px; }
.gvp-pieza.is-activa .gvp-pieza__img img { transform: scale(1.06); }
.gvp-pieza.is-activa::before { transform: translate(-4px, -4px); border-color: #c9640c; }
.gvp-pieza.is-activa::after { transform: translate(4px, -4px); border-color: #c9640c; }
.gvp-pieza.is-activa .gvp-corte::before { transform: translate(-4px, 4px); border-color: #c9640c; }
.gvp-pieza.is-activa .gvp-corte::after { transform: translate(4px, 4px); border-color: #c9640c; }
.gvp-pieza:focus-visible .gvp-pieza__pie span:first-child { text-decoration: underline; text-underline-offset: 3px; }

/* Lo que has señalado en la hoja */
.gvp-elegido { position: absolute; right: -14px; bottom: -30px; z-index: 2; display: grid; gap: 2px; margin: 0; padding: 14px 20px; background: var(--gvp-noche-2); color: var(--gvp-texto); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 14px; box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.9); min-width: 220px; max-width: 80%; }
.gvp-elegido__nombre { font-weight: 800; font-size: 1rem; }
.gvp-elegido__precio { font-size: 0.88rem; color: #ffbe82; font-variant-numeric: tabular-nums; }
.gvp-elegido:not(.is-lista) { visibility: hidden; }

/* Sello «En registro» */
.gvp-sello { position: absolute; left: -16px; top: -18px; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 999px; background: var(--gvp-naranja); color: var(--gvp-tinta); font-weight: 800; font-size: 0.85rem; letter-spacing: 0.01em; opacity: 0; transform: translateY(6px) scale(0.96); transition: opacity 300ms ease, transform 400ms var(--gvp-out); }
.gvp-sello svg { width: 16px; height: 16px; }
.gvp-pliego.is-registro .gvp-sello { opacity: 1; transform: none; }

/* Indicador de scroll */
.gvp-desliza { position: absolute; left: 50%; bottom: 22px; translate: -50% 0; display: none; align-items: center; gap: 10px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gvp-suave); transition: opacity 300ms ease; }
.gvp-desliza i { display: block; width: 1px; height: 28px; background: linear-gradient(var(--gvp-naranja), transparent); }
@media (min-width: 961px) { .gvp-js .gvp-desliza { display: flex; } }
.gvp-hero.is-registro .gvp-desliza { opacity: 0; }

/* ---------- Así trabajamos ---------- */
.gvp-spec { padding-block: clamp(80px, 10vw, 140px); }
.gvp-spec__grid { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.gvp-spec__lista { margin: 0; position: relative; }
.gvp-spec__lista > div { position: relative; display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: 20px; padding: 22px 0; }
.gvp-spec__lista > div::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--gvp-raya-o); transform-origin: 0 50%; }
.gvp-spec__lista > div:first-child::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--gvp-naranja); transform-origin: 0 50%; }
.gvp-spec__lista dt { font-weight: 800; font-size: 1.15rem; color: var(--gvp-texto); }
.gvp-spec__lista dd { margin: 0; color: var(--gvp-suave); font-size: 1.04rem; line-height: 1.55; max-width: 60ch; }

/* ---------- Catálogo ---------- */
.gvp-catalogo { padding-block: clamp(70px, 9vw, 120px); background: var(--gvp-claro); border-radius: clamp(24px, 4vw, 44px) clamp(24px, 4vw, 44px) 0 0; }

/* Muestrario: foto limpia arriba, nombre y precio debajo (sin tapar la foto) */
.gvp .gv-bento { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: auto; grid-auto-flow: row; gap: clamp(18px, 2.4vw, 32px); }
.gvp .gv-bento__item, .gvp .gv-bento__item--grande, .gvp .gv-bento__item--alta, .gvp .gv-bento__item--ancha { grid-column: auto; grid-row: auto; display: grid; gap: 14px; background: none; border-radius: 0; overflow: visible; box-shadow: none; transform: none; }
.gvp .gv-bento__img { position: relative; inset: auto; display: block; aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; background: #e7e3de; }
.gvp .gv-bento__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 900ms var(--gvp-out); }
.gvp .gv-bento__info { position: static; padding: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; border-radius: 0; gap: 4px; }
.gvp .gv-bento__nombre, .gvp .gv-bento__item--grande .gv-bento__nombre { font-size: 1.05rem; font-weight: 800; line-height: 1.25; }
.gvp .gv-bento__precio { font-size: 0.92rem; font-weight: 500; color: var(--gvp-gris); font-variant-numeric: tabular-nums; }
.gvp .gv-bento__flecha { top: 12px; right: 12px; width: 40px; height: 40px; transition: transform 300ms var(--gvp-out), opacity 200ms ease, background-color 200ms ease; }
@media (hover: hover) and (pointer: fine) {
	.gvp .gv-bento__item:hover { transform: none; box-shadow: none; }
	.gvp .gv-bento__item:hover .gv-bento__img img { transform: scale(1.05); }
}
@media (max-width: 700px) {
	.gvp .gv-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }
	.gvp .gv-bento__img { aspect-ratio: 1; border-radius: 16px; }
	.gvp .gv-bento__nombre, .gvp .gv-bento__item--grande .gv-bento__nombre { font-size: 0.95rem; }
	.gvp .gv-bento__precio { font-size: 0.85rem; }
}

/* ---------- De tu archivo a tu puerta ---------- */
.gvp-orden { padding-block: clamp(80px, 10vw, 130px); }
.gvp-orden__grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.gvp-orden__texto p { margin: 18px 0 0; font-size: 1.1rem; line-height: 1.55; max-width: 36ch; }
.gvp-ticket { list-style: none; margin: 0; padding: 30px 32px; background: var(--gvp-papel); color: var(--gvp-tinta); border-radius: 6px; position: relative;
	-webkit-mask: radial-gradient(circle 7px at 0 50%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 7px at 100% 50%, transparent 98%, #000) right / 51% 100% no-repeat;
	mask: radial-gradient(circle 7px at 0 50%, transparent 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle 7px at 100% 50%, transparent 98%, #000) right / 51% 100% no-repeat; }
.gvp-ticket li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 18px; padding: 22px 0; border-bottom: 1px dashed rgba(20, 19, 18, 0.3); }
.gvp-ticket li:last-child { border-bottom: 0; }
.gvp-ticket__n { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--gvp-naranja); font-weight: 900; font-size: 1.3rem; font-variant-numeric: tabular-nums; }
.gvp-ticket h3 { margin: 0 0 6px; font-size: 1.25rem; font-weight: 800; letter-spacing: -0.015em; }
.gvp-ticket p { margin: 0; color: #4a4642; line-height: 1.5; }

/* ---------- Trabajos y WhatsApp (claros) ---------- */
.gvp-trabajos { padding-block: clamp(80px, 10vw, 130px) clamp(24px, 3vw, 40px); background: var(--gvp-papel); border-radius: clamp(24px, 4vw, 44px) clamp(24px, 4vw, 44px) 0 0; }
.gvp-mensaje { background: var(--gvp-papel); padding-top: clamp(40px, 6vw, 80px) !important; }
.gvp-mensaje .gvp-h2 { margin-bottom: 14px; }

/* ---------- Opiniones ---------- */
.gvp-opiniones { padding-block: clamp(80px, 10vw, 130px); }
.gvp-opiniones__lista { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(28px, 4vw, 48px); border-top: 2px solid var(--gvp-naranja); }
.gvp-opiniones blockquote { margin: 0; padding: 26px 24px 26px 0; border-right: 1px solid var(--gvp-raya-o); }
.gvp-opiniones blockquote + blockquote { padding-left: 24px; }
.gvp-opiniones blockquote:last-child { border-right: 0; }
.gvp-opiniones blockquote p { margin: 0 0 14px; font-size: 1.2rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; color: var(--gvp-texto); }
.gvp-opiniones cite { font-style: normal; font-size: 0.85rem; color: var(--gvp-suave); }

/* ---------- Preguntas ---------- */
.gvp-faq { padding-block: clamp(70px, 9vw, 120px); background: var(--gvp-papel); }
.gvp-faq__grid { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.4fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.gvp-faq__lista { border-top: 2px solid var(--gvp-tinta); }
.gvp-faq details { border-bottom: 1px solid var(--gvp-raya); }
.gvp-faq summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; padding: 20px 0; font-weight: 750; font-size: 1.12rem; }
.gvp-faq summary::-webkit-details-marker { display: none; }
.gvp-faq summary::after { content: "+"; font-weight: 400; font-size: 1.6rem; line-height: 0.8; color: #c9640c; transition: transform 250ms var(--gvp-out); }
.gvp-faq details[open] summary::after { transform: rotate(45deg); }
.gvp-faq summary:focus-visible { outline: 2px solid #c9640c; outline-offset: 4px; }
.gvp-faq details p { margin: 0 0 22px; color: #3b3835; line-height: 1.6; max-width: 62ch; }

/* ---------- Cierre ---------- */
.gvp-final { padding-block: clamp(90px, 12vw, 160px); position: relative; overflow: clip; }
.gvp-final__inner { display: grid; justify-items: start; gap: 8px; }
.gvp-final__titulo { margin: 0; font-size: clamp(3.4rem, 11vw, 9rem); font-weight: 900; line-height: 0.88; letter-spacing: -0.045em; color: var(--gvp-texto); }
.gvp-final__barra { display: flex; gap: 3px; width: min(520px, 100%); height: 10px; margin: 26px 0 10px; transform-origin: 0 50%; }
.gvp-final__barra span { flex: 1; }

/* ---------- Aparición al hacer scroll (solo con JS y sin «reducir movimiento») ---------- */
@media (prefers-reduced-motion: no-preference) {
	.gvp-js .gvp-entra { opacity: 0; transform: translateY(28px); filter: blur(8px); transition: opacity 900ms var(--gvp-out), transform 1100ms var(--gvp-out), filter 900ms var(--gvp-out); }
	.gvp-js .gvp-entra.is-dentro { opacity: 1; transform: none; filter: none; }
	.gvp-js .gvp-titulo-mascara { clip-path: inset(0 0 100% 0); transform: translateY(0.35em); transition: clip-path 1000ms var(--gvp-inout), transform 1000ms var(--gvp-inout); }
	.gvp-js .gvp-titulo-mascara.is-dentro { clip-path: inset(-0.2em -0.1em -0.25em -0.1em); transform: none; }
	.gvp-js .gvp-spec__lista > div::after, .gvp-js .gvp-spec__lista > div:first-child::before, .gvp-js .gvp-final__barra { transform: scaleX(0); transition: transform 1200ms var(--gvp-inout); }
	.gvp-js .gvp-spec__lista.is-dentro > div::after, .gvp-js .gvp-spec__lista.is-dentro > div:first-child::before, .gvp-js .gvp-final__barra.is-dentro { transform: scaleX(1); }
	.gvp-js .gvp-spec__lista.is-dentro > div:nth-child(2)::after { transition-delay: 80ms; }
	.gvp-js .gvp-spec__lista.is-dentro > div:nth-child(3)::after { transition-delay: 160ms; }
	.gvp-js .gvp-spec__lista.is-dentro > div:nth-child(4)::after { transition-delay: 240ms; }
	.gvp-js .gvp-spec__lista.is-dentro > div:nth-child(5)::after { transition-delay: 320ms; }
	.gvp-js .gvp-spec__lista.is-dentro > div:nth-child(6)::after { transition-delay: 400ms; }
	.gvp-js .gvp-ticket li { opacity: 0; transform: translateX(24px); transition: opacity 700ms var(--gvp-out), transform 900ms var(--gvp-out); }
	.gvp-js .gvp-ticket.is-dentro li { opacity: 1; transform: none; }
	.gvp-js .gvp-ticket.is-dentro li:nth-child(2) { transition-delay: 120ms; }
	.gvp-js .gvp-ticket.is-dentro li:nth-child(3) { transition-delay: 240ms; }
	.gvp-js .gv-bento__item { opacity: 0; transform: translateY(24px); transition: opacity 800ms var(--gvp-out), transform 1000ms var(--gvp-out); }
	.gvp-js .gv-bento.is-dentro .gv-bento__item { opacity: 1; transform: none; }
	.gvp-js .gv-bento.is-dentro .gv-bento__item:nth-child(2) { transition-delay: 60ms; }
	.gvp-js .gv-bento.is-dentro .gv-bento__item:nth-child(3) { transition-delay: 120ms; }
	.gvp-js .gv-bento.is-dentro .gv-bento__item:nth-child(4) { transition-delay: 180ms; }
	.gvp-js .gv-bento.is-dentro .gv-bento__item:nth-child(5) { transition-delay: 240ms; }
	.gvp-js .gv-bento.is-dentro .gv-bento__item:nth-child(6) { transition-delay: 300ms; }
}

/* ---------- Pantallas medianas y móviles ---------- */
@media (max-width: 960px) {
	.gvp-hero__grid, .gvp-spec__grid, .gvp-orden__grid, .gvp-faq__grid { grid-template-columns: minmax(0, 1fr); }
	.gvp-hero__grid { padding-top: 120px; }
	.gvp-pliego { margin-top: 18px; }
	.gvp-opiniones__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gvp-opiniones blockquote:nth-child(2) { border-right: 0; }
	.gvp-opiniones blockquote:nth-child(3) { padding-left: 0; }
	.gvp-opiniones blockquote:nth-child(n+3) { border-top: 1px solid var(--gvp-raya-o); }
}
@media (max-width: 600px) {
	.gvp-hoja { padding: 38px 22px 22px; }
	.gvp-hoja__barra { left: 22px; right: 22px; top: 12px; height: 9px; }
	.gvp-registro { display: none; }
	.gvp-hoja__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; }
	.gvp-hoja__slug { padding-right: 0; }
	.gvp-elegido { position: static; margin-top: 18px; max-width: none; }
	.gvp-sello { left: 8px; top: -16px; }
	.gvp-spec__lista > div { grid-template-columns: minmax(0, 1fr); gap: 6px; }
	.gvp-ticket { padding: 18px 20px; }
	.gvp-ticket li { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; }
	.gvp-ticket__n { width: 40px; height: 40px; font-size: 1.1rem; }
	.gvp-opiniones__lista { grid-template-columns: minmax(0, 1fr); }
	.gvp-opiniones blockquote, .gvp-opiniones blockquote + blockquote { padding: 22px 0; border-right: 0; border-top: 1px solid var(--gvp-raya-o); }
	.gvp-opiniones blockquote:first-child { border-top: 0; }
	.gvp-btn { width: 100%; justify-content: center; }
}