/* Kit de 730 grapas para carro · v2 · ángulo «No pagues taller por una grapa» · familia premium sobria «el taller en tu cajuela»:
   serif de alto contraste con la segunda parte en cursiva verde azulado, bloques azul marino, fondos claros menta, el amarillo de las grapas.
   Las piezas visuales son imágenes completas de OpenAI con su texto; aquí el marco, sellos, pasos, listas, GIFs y botones. */
@font-face{font-family:"Playfair";src:url("../../fonts/PlayfairDisplay-var.woff2") format("woff2");font-weight:400 900;font-display:swap}
.gv,.ph{--fondo:#F7FAF8;--menta:#EAF3EF;--marino:#13293D;--marino-2:#1D3B55;--verde:#2A8F7A;--verde-o:#1E6E5D;--grapa:#F2C230;--gris:#55657A}

/* hero: la portada de OpenAI trae titular, beneficios y sellos; de la plantilla queda la caja con la oferta y el botón */
.ph{background:linear-gradient(180deg,var(--menta) 0%,var(--fondo) 100%)}
.ph__arco,.ph__datos,.ph__franja,.ph .sello{display:none}
.ph__txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ph__escena{aspect-ratio:auto;margin-top:0;background:transparent;box-shadow:0 18px 40px rgba(19,41,61,.18)}
.ph__foto{height:auto;animation:none;display:block}

.gv{color:var(--marino)}
.gv-sec{padding:38px 0}
.gv-claro{background:var(--fondo)}
.gv-menta{background:var(--menta)}
.gv-oscura{background:radial-gradient(120% 80% at 50% 0%,var(--marino-2) 0%,var(--marino) 70%);color:#fff}
.gv-arranque{padding:22px 0}
.gv-angosta{max-width:620px}
.gv-pila{display:grid;gap:22px}

.gv-eti{margin:0 0 8px;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--verde)}
.gv-eti--oscura{color:#9FE3D3}
.gv-tit{font-family:"Playfair",Georgia,"Times New Roman",serif;font-weight:800;font-size:clamp(30px,8.4vw,44px);line-height:1.08;letter-spacing:-.01em;margin:0 0 14px;color:var(--marino)}
.gv-tit em{font-style:italic;font-weight:700;color:var(--verde)}
.gv-oscura .gv-tit{color:#fff}.gv-oscura .gv-tit em{color:#7FDCC6}
.gv-txt{margin:0;font-size:17px;line-height:1.5;color:var(--marino-2)}
.gv-txt b{color:var(--verde-o)}

.gv-sellos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gv-sellos li{display:grid;justify-items:center;gap:6px;text-align:center;font-weight:900;font-size:12px;line-height:1.2}
.gv-sellos i{font-style:normal;width:50px;height:50px;display:grid;place-items:center;font-size:22px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 2px var(--verde),0 8px 16px rgba(19,41,61,.12)}

.gv-linea{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:relative}
.gv-linea:before{content:"";position:absolute;left:12%;right:12%;top:24px;height:2px;background:linear-gradient(90deg,var(--verde),var(--grapa))}
.gv-linea li{position:relative;display:grid;justify-items:center;text-align:center;gap:4px}
.gv-linea i{font-style:normal;width:48px;height:48px;display:grid;place-items:center;font-size:21px;border-radius:50%;background:#fff;box-shadow:0 6px 14px rgba(19,41,61,.12)}
.gv-linea b{font-size:13.5px;line-height:1.2}.gv-linea small{font-size:11.5px;line-height:1.25;color:var(--gris)}

.gv-urgencia{background:var(--marino);color:#fff;text-align:center;font-weight:700;font-size:15px;padding:12px 14px}
.gv-urgencia b{color:var(--grapa)}
.gv-tienda{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding:12px 14px;background:#fff;border-block:1px solid #DCE8E3;font-weight:700;font-size:13px}

.gv-img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 18px 40px rgba(19,41,61,.18)}
.gv-oscura .gv-img{box-shadow:0 0 0 1px rgba(127,220,198,.3),0 24px 50px rgba(0,0,0,.4)}

.gv-precio{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 8px 20px rgba(19,41,61,.1)}
.gv-precio img{width:64px;height:64px;object-fit:contain}
.gv-precio div{display:grid;flex:1}.gv-precio b{font-size:15.5px}.gv-precio small{font-size:12.5px;color:var(--gris)}
.gv-precio strong{font-size:22px;color:var(--verde-o)}

.gv-btn{display:flex;width:100%;max-width:460px;margin-inline:auto;padding:14px 18px}
.gv-btn span{display:grid;text-align:center;line-height:1.2}.gv-btn small{font-weight:700;font-size:12.5px;opacity:.9}

.gv-pasos,.gv-compra{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gv-pasos li,.gv-compra li{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 6px 16px rgba(19,41,61,.07)}
.gv-n{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--verde);color:#fff;font-weight:900}
.gv-pasos b,.gv-compra b{font-size:16px}.gv-pasos p,.gv-compra p{margin:2px 0 0;font-size:14.5px;line-height:1.4;color:var(--gris)}
.gv-oscura .gv-compra li{background:rgba(255,255,255,.07);box-shadow:none;border:1px solid rgba(127,220,198,.25)}
.gv-oscura .gv-compra p{color:rgba(255,255,255,.75)}

.gv-benef,.gv-parati{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gv-benef li,.gv-parati li{display:flex;gap:12px;align-items:center;background:#fff;border-radius:14px;padding:12px 14px;font-size:15.5px;line-height:1.35;box-shadow:0 6px 16px rgba(19,41,61,.07)}
.gv-benef i{font-style:normal;flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--marino);color:#7FDCC6;font-weight:900}
.gv-benef b{color:var(--marino)}
.gv-parati i{font-style:normal;font-size:21px;flex:none}
.gv-noes{display:flex;gap:12px;align-items:flex-start;margin:12px 0 0;background:#FFF1F0;border:1px solid #F5C6C2;border-radius:14px;padding:12px 14px;font-size:14.5px;line-height:1.4;color:#7A2A22}
.gv-noes i{font-style:normal;flex:none}

.gv-gif{margin:0 auto;width:100%;max-width:420px;border-radius:18px;overflow:hidden;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--verde),0 20px 40px rgba(19,41,61,.2)}
.gv-gif img{display:block;width:100%;height:auto}
.gv-pie{text-align:center;font-weight:900;font-size:15px;margin:14px 0 0;color:var(--verde-o)}
.gv-garantia{margin:0;text-align:center;font-weight:700;font-size:14px;color:var(--gris)}

.gv-escalera .plan__fotos img{left:calc(var(--j)*12px)}
.gv-escalera .titulo-sec{font-family:"Playfair",Georgia,serif;font-weight:800;text-transform:none;letter-spacing:-.01em}
.gv-escalera .titulo-sec em{font-style:italic;color:var(--verde)}
.gv-confianza{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-weight:700;font-size:13.5px;text-align:center}
.gv-confianza li{background:#fff;border-radius:12px;padding:10px 8px;box-shadow:0 4px 12px rgba(19,41,61,.06)}

@media (min-width:768px){
  .gv-sec{padding:60px 0}
  .gv-angosta{margin-inline:auto}
  .gv-confianza{grid-template-columns:repeat(4,1fr)}
}