/* Cronograma de la semana (home y /sponsors): grilla de 6 días × 3 franjas (mañana, tarde, tarde/noche).
   Cada bloque abre el pop-up de su experiencia (data-exp-open). En pantallas chicas se convierte en una lista cronológica. */
.cr-sec{max-width:80rem;margin:0 auto;padding:clamp(40px,5vw,72px) clamp(20px,3vw,32px)}
.cr-head{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(24px,3vw,36px)}
.cr-kick{font:700 12px Saira,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#6DF577}
.cr-title{margin:0;font-family:Saira,'Space Grotesk',sans-serif;font-weight:900;font-size:clamp(40px,7.4vw,100px);line-height:1;letter-spacing:.015em;text-transform:uppercase;color:#F2EEFA}
.cr-tt{display:inline-flex;align-items:center;flex-wrap:nowrap;white-space:nowrap}
.cr-dot{--dot:#F2EEFA;background-image:radial-gradient(circle at 50% 50%,var(--dot) 0 .031em,transparent .037em);background-size:.07em .07em;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.cr-dot--g{--dot:#6DF577}
.cr-grape{position:relative;top:-.07em;opacity:.95;height:.92em;width:.69em;margin:0 .04em;flex:none;filter:drop-shadow(0 0 .09em rgba(157,52,247,.55))}
.cr-sub{margin:0;max-width:44rem;font-size:16px;line-height:1.6;color:#CBC1E4}
.cr-sub b{color:#fff;font-weight:600}

.cr-grid{position:relative;display:grid;grid-template-columns:128px repeat(6,minmax(0,1fr));grid-template-rows:auto repeat(3,minmax(116px,auto));gap:8px}
.cr-corner{grid-column:1;grid-row:1}
.cr-day{grid-row:1;display:flex;flex-direction:row;align-items:baseline;justify-content:center;gap:10px;padding:16px 8px;border-radius:14px;background:linear-gradient(180deg,rgba(157,52,247,.22),rgba(157,52,247,.08));border:1px solid rgba(157,52,247,.45);font:700 clamp(15px,1.6vw,21px) Saira,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#F2EEFA;white-space:nowrap}
.cr-day small{font:700 clamp(17px,1.8vw,24px) Saira,sans-serif;letter-spacing:.02em;color:#6DF577}
.cr-band{grid-column:1/-1;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--c,#9D34F7) 12%,transparent),rgba(157,52,247,.05) 30%);border:1px solid color-mix(in srgb,var(--c,#9D34F7) 28%,transparent)}

.cr-rowlabel{grid-column:1;align-self:stretch;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px;text-align:center;font:700 12px Saira,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#F2EEFA}
.cr-ico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1.5px solid color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 0 22px -6px var(--c)}
.cr-empty{align-self:center;justify-self:center;z-index:1;color:rgba(203,193,228,.35);font-size:20px}

.cr-card{position:relative;z-index:1;margin:6px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:12px 14px 14px;border-radius:16px;text-align:left;font:inherit;color:#F2EEFA;cursor:pointer;border:1px solid transparent;transition:transform .2s,box-shadow .2s,border-color .2s}
.cr-card:hover,.cr-card:focus-visible{transform:translateY(-3px);outline:none}
.cr-card:focus-visible{box-shadow:0 0 0 3px #fff}
.cr-pill{align-self:flex-start;padding:4px 10px;border-radius:999px;border:1px solid currentColor;font:700 9.5px Saira,sans-serif;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;color:inherit}
.cr-bottom{display:flex;flex-direction:column;gap:6px}
.cr-bottom small{font:700 10px Saira,sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.cr-bottom b{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(15px,1.55vw,24px);overflow-wrap:break-word;hyphens:auto;line-height:1.08;letter-spacing:-.01em}
.cr-when{display:none;font:700 11px Saira,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.85}

/* Colores por actividad (paleta del sitio), todos con transparencia como el Hackatón */
.cr-hack{background:linear-gradient(165deg,rgba(109,245,119,.5),rgba(109,245,119,.36));border-color:rgba(109,245,119,.55);color:#E8FFEA}
.cr-hack:hover{box-shadow:0 16px 36px -16px rgba(109,245,119,.7)}
.cr-foro{background:linear-gradient(165deg,rgba(56,189,248,.5),rgba(56,189,248,.36));border-color:rgba(125,211,252,.7);color:#EAF8FF}
.cr-foro:hover{box-shadow:0 16px 36px -16px rgba(56,189,248,.85)}
.cr-sunset{background:linear-gradient(165deg,rgba(255,93,162,.5),rgba(255,93,162,.36));border-color:rgba(255,93,162,.6);color:#FFE9F3}
.cr-sunset:hover{box-shadow:0 16px 36px -16px rgba(255,93,162,.8)}
.cr-b2b{background:linear-gradient(165deg,rgba(157,52,247,.55),rgba(157,52,247,.4));border-color:rgba(181,123,255,.7);color:#fff}
.cr-b2b:hover{box-shadow:0 18px 40px -14px rgba(157,52,247,.95)}
.cr-acto{background:linear-gradient(165deg,rgba(214,160,58,.55),rgba(168,108,40,.38));border-color:rgba(236,189,92,.8);color:#FFF4D9}
.cr-acto:hover{box-shadow:0 18px 40px -14px rgba(224,170,66,.75)}
.cr-vino{background:linear-gradient(165deg,rgba(226,40,90,.5),rgba(226,40,90,.36));border-color:rgba(255,77,109,.65);color:#FFEAEF}
.cr-vino:hover{box-shadow:0 16px 36px -14px rgba(255,77,109,.8)}
.cr-monta{background:linear-gradient(165deg,rgba(226,202,160,.5),rgba(196,166,120,.34));border-color:rgba(236,216,180,.85);color:#FFF8EA}
.cr-monta:hover{box-shadow:0 18px 44px -12px rgba(226,202,160,.7)}

.cr-note{margin:16px 0 0;font-size:13px;color:#A99FC9}

/* Misma grilla en todos los dispositivos: en pantallas angostas se compacta y se desliza de costado */
.cr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * clamp(20px,3vw,32px));padding:0 clamp(20px,3vw,32px) 10px;scrollbar-width:thin;scrollbar-color:rgba(157,52,247,.6) transparent}
.cr-grid{min-width:640px}
@media(max-width:700px){
  /* Celular en vertical: los días son filas y los horarios (mañana, tarde, tarde/noche) son 3 columnas */
  .cr-grid{min-width:0;grid-template-columns:54px repeat(3,minmax(0,1fr));grid-template-rows:auto repeat(6,minmax(64px,auto));gap:6px}
  .cr-band{display:none}
  .cr-corner{grid-column:1;grid-row:1}
  .cr-rowlabel{grid-row:1!important;align-self:center;justify-self:center;padding:0}
  .cr-rowlabel[data-s="1"]{grid-column:2!important}
  .cr-rowlabel[data-s="2"]{grid-column:3!important}
  .cr-rowlabel[data-s="3"]{grid-column:4!important}
  .cr-rowlabel .cr-ico{width:34px;height:34px;border-width:1.5px}
  .cr-rowlabel .cr-ico svg{width:18px;height:18px}
  .cr-day{grid-column:1!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 2px;border-radius:12px;font-size:11px;letter-spacing:.06em}
  .cr-day small{font-size:15px}
  [data-d="1"]{grid-row-start:2!important;grid-row-end:span 1!important}
  [data-d="2"]{grid-row-start:3!important;grid-row-end:span 1!important}
  [data-d="3"]{grid-row-start:4!important;grid-row-end:span 1!important}
  [data-d="4"]{grid-row-start:5!important;grid-row-end:span 1!important}
  [data-d="5"]{grid-row-start:6!important;grid-row-end:span 1!important}
  [data-d="6"]{grid-row-start:7!important;grid-row-end:span 1!important}
  .cr-card[data-s="1"],.cr-empty[data-s="1"]{grid-column-start:2!important}
  .cr-card[data-s="2"],.cr-empty[data-s="2"]{grid-column-start:3!important}
  .cr-card[data-s="3"],.cr-empty[data-s="3"]{grid-column-start:4!important}
  .cr-card[data-n="1"]{grid-column-end:span 1!important}
  .cr-card[data-n="2"]{grid-column-end:span 2!important}
  .cr-card[data-n="3"]{grid-column-end:span 3!important}
  .cr-empty{grid-column-end:span 1!important}
  .cr-card{margin:0;padding:6px 8px;border-radius:12px}
  .cr-bottom b{font-size:12.5px;line-height:1.15;letter-spacing:0;hyphens:manual;overflow-wrap:normal;text-shadow:none}
  .cr-empty{font-size:14px}
  .cr-scroll{margin:0;padding:0 0 4px}
}
@media(prefers-reduced-motion:reduce){.cr-card,.cr-card:hover,.cr-card:focus-visible{transition:none;transform:none}}
/* Momentos del día: solo el ícono (el texto queda para lectores de pantalla) */
.cr-rowlabel span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cr-ico{width:54px;height:54px}
.cr-ico svg{width:28px;height:28px}
/* Texto centrado dentro de cada recuadro */
.cr-card{justify-content:center;align-items:center;text-align:center}
.cr-bottom{align-items:center;text-align:center}

/* Legibilidad del nombre sobre recuadros más opacos */
.cr-bottom b{text-shadow:0 1px 8px rgba(0,0,0,.4)}
/* Título más chico y centrado */
.cr-head{align-items:center;text-align:center}
.cr-title{font-size:clamp(32px,5.6vw,76px)}


/* Textos de las tarjetas: completos en tablet y escritorio, resumidos solo en celular */
.exp-text .t-short{display:none}
/* Celular: el título ocupa el 80% del ancho de la pantalla */
@media(max-width:700px){
  .cr-head .cr-title{font-size:11.05vw}
  .cr-head .cr-kick{font-size:13px}
}
/* Celular: un poco de aire entre los íconos de los horarios y la primera fila */
@media(max-width:700px){.cr-rowlabel{margin-bottom:12px}}
/* Foro universitario: "Foro" en una línea y "universitario" en la siguiente, sin cortar la palabra */
@media(max-width:700px){.cr-foro .cr-bottom b{white-space:nowrap}}
/* Speakers en celular: tarjetas más chicas para que se vean más a la vez */
@media(max-width:639px){
  #speakers{gap:10px}
  #speakers .speaker{width:70px;gap:8px}
  #speakers .speaker>div:first-child{border-radius:12px}
  #speakers .speaker .font-display{font-size:11.5px;line-height:1.15;text-align:center}
  #speakers .speaker .text-muted{display:none}
}
/* Celular: "Conocé a los protagonistas" en una sola línea */
@media(max-width:639px){h2[data-comment-anchor="c4d39877ca-span"]{font-size:calc((100vw - 40px) / 13.6);white-space:nowrap}}
/* "Sé parte" en lila; en celular y tablet el título completo va en una sola línea */
.part-lila{color:#B57BFF}
@media(max-width:1023px){#participa h2{max-width:none;white-space:nowrap}}
@media(max-width:639px){#participa h2{font-size:calc((100vw - 40px) / 13.6)}}
/* Celular: título y bajada de "Sé parte" más chicos y cada uno en una sola línea */
@media(max-width:639px){
  #participa h2{font-size:calc((100vw - 40px) / 15)}
  #participa h2+p{max-width:none;white-space:nowrap;font-size:calc((100vw - 40px) / 33);line-height:1.4}
}
/* "Sé parte de" en la primera línea y "Vendimia Tech" en la segunda */
@media(max-width:639px){#participa h2{font-size:calc((100vw - 40px) / 13)}}
/* Celular: logos de "Confiaron en nosotros" más chicos */
@media(max-width:639px){
  #partners{gap:8px}
  #partners .partner-logo{width:112px;height:60px;border-radius:12px}
  #partners .partner-logo img{width:auto!important;height:auto!important;max-width:76%;max-height:62%}
}
/* "Sé parte de / Vendimia Tech": letra un poco más grande */
@media(max-width:639px){#participa h2{font-size:calc((100vw - 40px) / 10.5)}}
/* Preventa: texto en una sola línea en celular */
@media(max-width:639px){#entradas .text-balance.font-display.font-semibold:has(.text-lime){white-space:nowrap;font-size:clamp(14px,4.3vw,18px)}}
/* Equipo: Emiliano Enrique no se muestra en celular */
@media(max-width:639px){#equipo a[aria-label="LinkedIn de Emiliano Enrique"]{display:none}}
/* Road to 2027: contorno de la tarjeta de Mendoza en lila claro */
.rm-list div.border-lime{border-color:#C9A6FF}
/* Celular: más aire entre los botones del inicio y el isotipo 3D */
@media(max-width:639px){main section .hero-right .hero-3d{margin-top:44px}}
/* Celular: el contador sube y queda más cerca del isotipo 3D */
@media(max-width:639px){main section .hero-right .hero-count{position:relative;z-index:2;margin-top:-48px}}
/* Celular: la sección de la experiencia sube y queda más cerca del inicio */
@media(max-width:639px){#pilares{padding-top:8px}}
/* Celular: tarjetas de entradas más compactas, con menos espacios vacíos */
@media(max-width:639px){
  #entradas article.rounded-3xl{padding:18px;gap:12px}
  #entradas article.rounded-3xl>[data-vt]{height:128px}
  #entradas article.rounded-3xl>.flex.flex-col.gap-1.border-t{padding-top:12px}
  #entradas article [class*="text-[40px]"]{font-size:32px}
  #entradas article .line-through{font-size:15px}
  #entradas article.rounded-3xl>.flex.flex-col.gap-3.flex-1{gap:8px}
  #entradas article ul.flex-col{gap:6px}
  #entradas article.rounded-3xl>a{padding-top:12px;padding-bottom:12px}
  #entradas article#viajero{gap:14px}
  #entradas article#viajero ul{gap:10px}
  #entradas article#viajero li{padding:12px}
  #entradas>.mb-10{margin-bottom:24px}
}
/* Celular: tarjeta "Postular un Side Event" más chica */
@media(max-width:639px){
  .rm-cta{padding:16px;gap:12px;border-radius:18px;margin-top:14px}
  .rm-cta-txt{gap:6px}
  .rm-cta-txt h3{font-size:19px;line-height:1.2}
  .rm-cta-txt p{font-size:13px;line-height:1.45}
  .rm-cta-btn{padding:10px 20px;font-size:14px}
}