/* Ajustes de forma de la marca sobre webinar.css (va DESPUÉS de él en las
   páginas públicas; el panel no lo carga). Si el cliente usa Sora/Inter como
   el original, este archivo puede quedar vacío. */

/* Cormorant trae números de texto (bailan): en cifras, números de caja alta */
h1, .fecha, .chapa, .cd, .cupos, .stat, .ring, .qtitle { font-variant-numeric: lining-nums tabular-nums; }

/* ── Ajustes de Cormorant: es una serif de ojo chico, necesita más cuerpo
   que Sora y no tiene 800. La palabra en lima va en cursiva, como en la de Mel. */
h1 { font-weight: 700; font-size: 44px; line-height: 1.08; letter-spacing: -.01em; }
@media (max-width: 768px) { h1 { font-size: 38px; } }
@media (max-width: 480px) { h1 { font-size: 29px; } }
.corta h1 { font-size: 38px; }
@media (max-width: 480px) { .corta h1 { font-size: 31px; } }
.legal h1 { font-size: 34px; }
.legal h2 { font-size: 22px; }
.g { font-style: italic; font-weight: 600; }
.fecha { font-weight: 700; font-size: 22px; }
@media (max-width: 480px) { .fecha { font-size: 18px; } }
.chapa { font-weight: 700; font-size: 22px; }
.cd .b b { font-size: 24px; font-weight: 700; }
.cd .sep { font-size: 20px; }
.cupos b { font-size: 22px; }
.qtitle { font-size: 26px; }
.qtitle.small { font-family: var(--body); font-size: 12px; font-weight: 700; }
.stat b { font-size: 32px; font-weight: 700; }
.ring span { font-size: 42px; font-weight: 700; }
.lbl-up { font-family: var(--body); font-size: 12px; }

/* botón lima con texto tinta: el blanco sobre lima no se lee */
.btn { background: linear-gradient(180deg, #DDFB8E, var(--acc) 55%, var(--acc2)); }
.btn-wa { background: linear-gradient(180deg, #2BD96A, #1DA851); color: #fff; }

/* la foto de Emi (poster del video): cara arriba del centro; se apaga un poco
   para que se funda con el fondo como la de Mel */
.heroimg img { object-position: 50% 30%; filter: brightness(.78) saturate(.85); }

/* wordmark: "God" recto + "Ecom" en cursiva lima, como el de Mel */
.logohero img { width: 64px; border-radius: 16px; }
.logo-txt { font-family: var(--disp); font-weight: 600; font-size: 30px; letter-spacing: 0;
  text-transform: none; color: var(--ink); line-height: 1; text-shadow: 0 4px 24px rgba(0, 0, 0, .6); }
.logo-txt i { color: var(--acc); font-weight: 600; }
.logo-txt small { display: block; margin-top: 6px; font-family: var(--body); font-style: normal; font-size: 10px;
  font-weight: 600; letter-spacing: .3em; text-transform: uppercase; color: var(--mut); text-align: center; }
.legal .logo-txt small { text-align: left; }

/* números chicos que cambian (contador, cupos): Inter, que los tiene parejos */
.cd .b b, .cupos b { font-family: var(--body); font-weight: 700; font-size: 20px; letter-spacing: -.01em; }
.cd .sep { font-family: var(--body); font-size: 17px; }

/* a 360 px la pill entra en una línea */
@media (max-width: 400px) { .pill { letter-spacing: .14em; padding: 8px 14px; font-size: 10.5px; } }

/* en /gracias la hora no se parte ("7:00 / P.M.") */
.chapa .hh, .fecha .hh { white-space: nowrap; }
@media (max-width: 480px) { .chapa { font-size: 19px; padding: 14px 18px; } }