/* 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 cifra en rosa va en cursiva, como en el deck. */
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 rosa con texto vino: el blanco sobre rosa no se lee */
.btn { background: linear-gradient(180deg, #DDA9CF, var(--acc) 55%, var(--acc2)); }
.btn-wa { background: linear-gradient(180deg, #2BD96A, #1DA851); color: #fff; }

/* la foto de Mel tiene la cara a media altura */
/* El hero es el flyer (16:9 con logo, título y fecha): se ve entero, sin recorte
   ni oscurecido, y el logo suelto de abajo se esconde porque ya está en el flyer. */
.heroimg { margin-top: 12px; padding: 0 16px; }
.heroimg img { height: auto !important; aspect-ratio: 16 / 9; object-fit: contain; filter: none; border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .55); }
.heroimg:after { display: none; }
.heroimg:not([hidden]) + .logohero { display: none; }

/* wordmark: "Mentoría" recto + "Tina" en cursiva rosa */
.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 ("6:00 / P.M.") */
.chapa .hh, .fecha .hh { white-space: nowrap; }
@media (max-width: 480px) { .chapa { font-size: 19px; padding: 14px 18px; } }