/* Slowine Inicio Temporal — portada "¡Estamos renovando nuestra web!"
   Diseño: docs/SITIO EN RE-CONTRUCCIÓN -.pdf (Canva, 1024 x 576 pt).
   En escritorio todas las medidas salen del PDF en pt, multiplicadas por --u
   (1pt del PDF = 1px a 1024px de ancho; escala con la ventana). */

@font-face {
  font-family: "Flatory Sans";
  src: url("../fonts/flatory-sans-400-semicond.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Flatory Sans";
  src: url("../fonts/flatory-sans-500-semicond.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

:root {
  --si-purple: #851965;
  --si-white: #fff;
  --si-flatory: "Flatory Sans", "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --si-poppins: "Poppins", Arial, sans-serif;
  --u: clamp(0.84px, calc(100vw / 1024), 1.35px);
}

*, *::before, *::after { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

/* El sitio inyecta en wp_head "h1,h2 {font-family: EdmunTexture !important}",
   "h3..h6 {font-family: Edmun !important}" y un fondo gris: acá lo anulamos. */
body.si-page h1, body.si-page h2, body.si-page h3,
body.si-page h4, body.si-page h5, body.si-page h6 {
  font-family: var(--si-flatory) !important;
}
body.si-page {
  background: var(--si-white) !important;
  color: var(--si-purple);
  font-family: var(--si-poppins);
  font-kerning: none; /* Canva no aplica kerning */
  -webkit-font-smoothing: antialiased;
}

img { display: block; max-width: 100%; height: auto; }

/* ---- Header -------------------------------------------------------------- */
.si-header {
  display: flex;
  align-items: center;
  height: calc(91.4 * var(--u));
  padding-inline: calc((100% - 1024 * var(--u)) / 2 + 58 * var(--u));
  background: var(--si-purple);
}
.si-logo {
  align-self: flex-start;
  flex: none;
  width: calc(57.6 * var(--u));
  margin-top: calc(23 * var(--u));
}
.si-logo img { width: 100%; }

.si-nav {
  display: flex;
  flex: 1;
  align-items: center;
  margin-left: calc(45.6 * var(--u));
  margin-top: calc(-2 * var(--u));
}
.si-nav__link {
  color: var(--si-white);
  font-family: var(--si-flatory);
  font-weight: 400;
  font-size: calc(16 * var(--u));
  line-height: 1;
  text-decoration: none;
}
.si-nav__link + .si-nav__link { margin-left: calc(30.8 * var(--u)); }
.si-nav__link--contacto { margin-left: auto !important; }
.si-nav__link:hover,
.si-nav__link:focus-visible { text-decoration: underline; text-underline-offset: 0.2em; }

.si-instagram {
  flex: none;
  width: calc(18 * var(--u));
  margin-left: calc(26.6 * var(--u));
}
.si-instagram img { width: 100%; }
.si-instagram:hover { opacity: 0.8; }

/* ---- Contenido ----------------------------------------------------------- */
.si-main {
  padding-bottom: calc(105 * var(--u));
  text-align: center;
}
.si-snail {
  width: calc(66.1 * var(--u));
  margin: calc(81.5 * var(--u)) auto 0;
}
.si-title,
.si-subtitle {
  margin: 0;
  color: var(--si-purple);
  line-height: 1;
  text-transform: none;
}
.si-title {
  position: relative;
  left: calc(-3 * var(--u)); /* en el PDF no está centrado exacto */
  margin-top: calc(17.3 * var(--u));
  /* el espaciado extra de Canva; el padding compensa el del último carácter */
  padding-left: 0.036em;
  font-weight: 500;
  font-size: calc(23 * var(--u));
  letter-spacing: 0.036em;
}
.si-text {
  margin: calc(22.15 * var(--u)) 0 0;
  font-weight: 400;
  font-size: calc(17 * var(--u));
  line-height: 1;
}
.si-text a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: calc(1.5 * var(--u));
  text-underline-offset: calc(1.5 * var(--u));
}
.si-subtitle {
  margin-top: calc(64.15 * var(--u));
  font-weight: 400;
  font-size: calc(22 * var(--u));
  letter-spacing: -0.005em;
}

/* ---- Próximos eventos: cada botón usa su "brochazo" exacto del PDF -------- */
.si-eventos {
  display: flex;
  align-items: flex-start;
  width: calc(1024 * var(--u));
  margin: calc(15.3 * var(--u)) auto 0;
  padding: 0 0 0 calc(48 * var(--u));
  list-style: none;
}
.si-evento a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--si-white);
  font-family: var(--si-poppins);
  font-weight: 600;
  font-size: calc(16 * var(--u));
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  background: center / 100% 100% no-repeat;
  transition: transform 0.2s ease;
}
.si-evento a:hover,
.si-evento a:focus-visible { transform: scale(1.03); }
.si-evento a[aria-disabled="true"] { cursor: default; }
.si-evento a[aria-disabled="true"]:hover { transform: none; }

.si-evento--buenosaires { margin-top: calc(7.78 * var(--u)); }
.si-evento--buenosaires a {
  width: calc(307 * var(--u));
  height: calc(64 * var(--u));
  padding: 0 calc(3.6 * var(--u)) calc(11.2 * var(--u)) 0;
  background-image: url("../img/btn-buenosaires.svg");
}
.si-evento--latamweek {
  margin-top: calc(2.46 * var(--u));
  margin-left: calc(16.66 * var(--u));
}
.si-evento--latamweek a {
  width: calc(278.68 * var(--u));
  height: calc(67.14 * var(--u));
  padding: 0 calc(6.4 * var(--u)) calc(3.7 * var(--u)) 0;
  background-image: url("../img/btn-latamweek.svg");
}
.si-evento--montevideo { margin-left: calc(28.75 * var(--u)); }
.si-evento--montevideo a {
  width: calc(291.69 * var(--u));
  height: calc(61.86 * var(--u));
  padding: calc(1.9 * var(--u)) 0 0 calc(1 * var(--u));
  background-image: url("../img/btn-montevideo.svg");
}

/* ---- Celulares y tablets chicas ------------------------------------------ */
@media (max-width: 860px) {
  :root { --u: 1px; }

  .si-header { height: 76px; padding: 0 24px; }
  .si-logo { align-self: center; width: 52px; margin-top: 0; }
  .si-nav { margin: 0 0 0 32px; }
  .si-nav__link { font-size: 17px; }
  .si-nav__link + .si-nav__link { margin-left: 26px; }
  .si-instagram { width: 22px; margin-left: 24px; }

  .si-main { padding: 0 16px 72px; }
  .si-snail { width: 62px; margin-top: 52px; }
  .si-title { left: 0; margin-top: 18px; font-size: 26px; line-height: 1.15; text-wrap: balance; }
  .si-text { margin-top: 16px; font-size: 16px; line-height: 1.5; }
  .si-text a { overflow-wrap: anywhere; }
  .si-subtitle { margin-top: 48px; font-size: 24px; }

  .si-eventos {
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: auto;
    margin-top: 18px;
    padding: 0;
  }
  .si-eventos .si-evento { width: 100%; max-width: 340px; margin: 0; }
  .si-eventos .si-evento a {
    width: 100%;
    height: 64px;
    padding: 0 12px 4px;
    font-size: 15px;
    white-space: normal;
  }
}

/* Celulares: el menú baja a una segunda fila */
@media (max-width: 560px) {
  .si-header {
    flex-wrap: wrap;
    height: auto;
    padding: 14px 16px 16px;
  }
  .si-instagram { order: 2; margin-left: auto; }
  .si-nav {
    order: 3;
    flex: 1 0 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 26px;
    margin: 14px 0 0;
  }
  .si-nav__link + .si-nav__link,
  .si-nav__link--contacto { margin-left: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .si-evento a { transition: none; }
}