:root{
  --fondo:#ffd60a;
  --crema:#fffdf0;
  --verde:#3c8a1e;
  --verde-osc:#1f5c13;
  --tinta:#23430f;
  --borde:rgba(60,138,30,.28);
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--fondo);
  color:var(--tinta);
  font-family:'Baloo 2',Verdana,Arial,sans-serif;
  line-height:1.6;
  overflow-x:hidden;
}
.contenedor{max-width:1020px;margin:0 auto;padding:0 16px}

/* Imagen de arriba */
.titulo-arriba{text-align:center;padding:22px 16px 0}
.cabecera-img{text-align:center;padding:14px 16px 0}
.cabecera-img img{width:100%;max-width:430px;border-radius:26px;box-shadow:0 12px 30px rgba(31,92,19,.30);display:block;margin:0 auto}

/* Portada */
.portada{text-align:center;padding:34px 0 30px}
.antetitulo{letter-spacing:.22em;font-size:.85rem;color:var(--verde-osc);text-transform:uppercase;font-weight:700}
h1{
  font-size:clamp(2.4rem,6vw,3.8rem);
  letter-spacing:.06em;
  color:var(--verde-osc);
  font-weight:800;
  margin:10px 0 4px;
  text-transform:uppercase;
}
.filigrana{width:110px;height:5px;background:var(--verde);margin:16px auto;border:none;border-radius:5px}
.entrada{max-width:660px;margin:0 auto 24px;font-size:1.12rem}
.boton-llamar{
  display:inline-block;
  background:var(--verde);
  color:#fffdf0;
  text-decoration:none;
  font-size:1.25rem;
  font-weight:800;
  letter-spacing:.05em;
  padding:16px 42px;
  border-radius:999px;
  box-shadow:0 5px 0 var(--verde-osc);
}
.boton-llamar:hover{background:var(--verde-osc)}

/* Precios */
.precios{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:36px 0 22px}
.precio{
  background:var(--crema);
  border:2px solid var(--borde);
  border-radius:26px;
  padding:22px 30px;
  min-width:170px;
}
.precio .tiempo{font-size:.95rem;letter-spacing:.1em;color:var(--verde);text-transform:uppercase;font-weight:700}
.precio .importe{font-size:2.2rem;color:var(--verde-osc);font-weight:800;margin-top:4px}
.sin-costes{letter-spacing:.25em;color:var(--verde-osc);font-size:1rem;text-transform:uppercase;font-weight:800;margin-top:8px}
.pago{margin-top:10px}
.temas{
  margin:32px auto 0;
  padding:14px 0;
  border-top:2px solid var(--borde);
  border-bottom:2px solid var(--borde);
  letter-spacing:.25em;
  color:var(--verde-osc);
  font-size:1.05rem;
  font-weight:800;
  text-transform:uppercase;
}

/* Ventajas */
.ventajas{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.ventaja{flex:1 1 260px;background:#ffffff;border:2px solid var(--borde);border-radius:22px;padding:24px}
.ventaja h3{color:var(--verde-osc);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:1.05rem;margin-bottom:10px}
.ventaja p{font-size:.98rem}

/* Secciones */
section{padding:16px 0}
section > .contenedor{
  background:var(--crema);
  border:2px solid var(--borde);
  border-radius:28px;
  padding:30px;
}
@media(max-width:600px){section > .contenedor{padding:22px 18px}}
h2{
  color:var(--verde-osc);
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:1.35rem;
  margin-bottom:6px;
}
.raya{width:70px;height:5px;background:var(--verde);border:none;border-radius:5px;margin:0 0 18px}
.palabras{font-size:.98rem;line-height:1.9;margin-bottom:16px}
.palabras:last-child{margin-bottom:0}

/* Países */
.paises{column-count:3;column-gap:2.5rem;font-size:.98rem;line-height:2.1}
.paises span{display:block;break-inside:avoid}
@media(max-width:760px){.paises{column-count:2}}
@media(max-width:480px){.paises{column-count:1}}

/* Cierre */
.cierre{text-align:center;padding:44px 0}
.cierre p{margin-bottom:22px;font-size:1.05rem}

/* Pie */
footer{padding:30px 0 40px;text-align:center;color:var(--verde-osc);font-size:.9rem}
footer .dominio{font-weight:800;letter-spacing:.12em;font-size:1.15rem;margin-bottom:8px}
footer nav{margin:10px 0}
footer a{color:var(--verde-osc);text-decoration:underline;margin:0 10px}
footer a:hover{color:var(--verde)}

/* Secciones como cartas de tarot */
body{counter-reset:arcano}
section > .contenedor{position:relative;counter-increment:arcano;transform:rotate(-.35deg)}
section:nth-of-type(even) > .contenedor{transform:rotate(.35deg)}
section > .contenedor::before{content:counter(arcano,upper-roman);position:absolute;top:12px;right:20px;font-size:1.9rem;font-weight:800;color:rgba(60,138,30,.22)}

/* Cinta de palabras */
.cinta{overflow:hidden;background:var(--verde);padding:10px 0;margin:10px 0 6px}
.cinta span{display:inline-block;white-space:nowrap;color:#fffdf0;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.95rem;animation:cinta 40s linear infinite}
@keyframes cinta{to{transform:translateX(-50%)}}

/* TPV */
a.precio{display:block;color:inherit;text-decoration:none}
a.precio:hover{border-color:var(--verde)}
.tpv{max-width:460px;margin:0 auto;text-align:left}
.tpv label{display:block;font-weight:700;color:var(--verde-osc);margin:14px 0 4px}
.tpv input{width:100%;padding:12px 14px;border:2px solid var(--borde);border-radius:12px;font-family:inherit;font-size:1rem;background:#ffffff;color:var(--tinta)}
.tpv input:focus{outline:none;border-color:var(--verde)}
.tpv-fila{display:flex;gap:12px}
.tpv-fila > div{flex:1}
.bonos{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.bono-opcion{border:2px solid var(--borde);border-radius:14px;background:#ffffff;padding:10px 16px;font-family:inherit;font-weight:800;color:var(--verde-osc);cursor:pointer;font-size:1rem}
.bono-opcion.activo{background:var(--verde);color:#fffdf0;border-color:var(--verde-osc)}
.tpv .boton-llamar{display:block;width:100%;text-align:center;margin-top:20px;border:none;cursor:pointer}
.tpv-nota{text-align:center;font-size:.85rem;margin-top:12px}
.tpv-aviso{display:none;text-align:center;font-weight:700;color:var(--verde-osc);background:#ffffff;border:2px solid var(--borde);border-radius:12px;padding:10px;margin-top:14px}
.stripe-caja{background:#ffffff;border:2px solid var(--borde);border-radius:12px;padding:14px}
.tpv-resumen{display:flex;justify-content:space-between;align-items:center;background:#ffffff;border:2px solid var(--borde);border-radius:14px;padding:14px 18px;font-weight:800;color:var(--verde-osc);font-size:1.1rem}
.tpv-cargando{color:var(--tinta);text-align:center;margin:0}
.enlace-pago{color:var(--verde-osc);font-weight:700;text-decoration:underline}

/* Volver a la portada */
.volver{margin-bottom:10px}
.volver a{display:inline-block;background:var(--crema);border:2px solid var(--borde);border-radius:999px;color:var(--verde-osc);text-decoration:none;font-weight:700;letter-spacing:.08em;font-size:.85rem;padding:6px 18px;text-transform:uppercase}
.volver a:hover{background:var(--verde);color:#fffdf0}

/* La carta del día */
.carta-dia{text-align:center}
.boton-carta{border:none;cursor:pointer;font-family:inherit}
.carta-resultado{max-width:340px;margin:22px auto 0;background:#ffffff;border:2px solid var(--borde);border-radius:18px;padding:28px 22px;box-shadow:0 10px 24px rgba(31,92,19,.18)}
.carta-nombre{font-size:1.5rem;font-weight:800;color:var(--verde-osc);text-transform:uppercase;letter-spacing:.06em}
.carta-frase{margin-top:8px}

/* ── Teléfono en grande (24/10/2026) ── */
.llamanos{margin:18px 0 2px;letter-spacing:.22em;color:var(--verde-osc);font-size:.9rem;text-transform:uppercase;font-weight:800}
.telefono-grande{display:block;font-weight:800;font-size:clamp(2.6rem,10vw,4.2rem);line-height:1.05;color:var(--verde-osc);text-decoration:none;margin:6px auto 14px}
.telefono-grande:hover{color:var(--verde)}
.tel-pie{color:inherit;font-weight:800;text-decoration:none}