/* Raíz nicosejas.ar — opción F (ver diseno/diseno-raiz/diseno-raiz.md) */
* { box-sizing: border-box; }
html, body { margin: 0; background: #f5f7fb; color: #1f2345; font-family: 'Karla', system-ui, sans-serif; color-scheme: light; }

.raiz {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 1.57vw + 7.9px, 28px);
  padding: clamp(18px, 2.02vw + 10.1px, 36px) clamp(14px, 3.82vw - 0.9px, 48px) clamp(16px, 1.8vw + 9px, 32px);
}

.raiz-dominio { font-family: 'Fraunces', Georgia, serif; font-size: clamp(40px, 1.8vw + 33px, 56px); line-height: 1; font-weight: 600; letter-spacing: -0.02em; margin: 0; padding: 8px 8px 4px; }

.raiz-columnas { flex-grow: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 1.12vw + 5.6px, 20px); min-height: 380px; }

.raiz-col { --tam-guazu: clamp(40px, 10.34vw - 0.3px, 132px); display: flex; flex-direction: column; justify-content: space-between; gap: 24px; padding: clamp(20px, 2.25vw + 11.2px, 40px) clamp(16px, 3.15vw + 3.7px, 44px); text-decoration: none; }
.raiz-col.guazu { background: #3f51b5; color: #fff; border-radius: 20px 6px 16px 5px; }
.raiz-col.vds { background: #eef0ff; color: #2b3675; border: 1.5px solid #adb8eb; border-radius: 6px 18px 5px 14px; }

.raiz-titulo { font-family: 'Fraunces', Georgia, serif; }
.guazu .raiz-titulo { font-size: var(--tam-guazu); line-height: 0.95; font-weight: 600; letter-spacing: -0.02em; }
.vds .raiz-titulo { font-size: clamp(24px, 4.5vw + 6.5px, 64px); line-height: 1.05; font-weight: 700; letter-spacing: 0.08em; }
.vds .raiz-titulo .linea { display: block; }

.raiz-abajo { display: flex; flex-direction: column; gap: 14px; }
.raiz-frase { line-height: 1.3; }
.guazu .raiz-frase { font-size: clamp(18px, 0.9vw + 14.5px, 26px); color: #eef0ff; }
.vds .raiz-frase { font-family: 'Newsreader', Georgia, serif; font-style: italic; font-size: clamp(19px, 1.01vw + 15px, 28px); color: #32407a; }
.raiz-flecha { font-size: clamp(28px, 1.8vw + 21px, 44px); line-height: 1; }
.vds .raiz-flecha { color: #44378e; }

.raiz-pie { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 4px 0; }
.raiz-pie .datos { font-size: clamp(14px, 0.22vw + 13.1px, 16px); color: #5c6680; }
.raiz-pie .datos a { color: #2b3675; font-weight: 700; }
.raiz-wa { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 18px; border-radius: 12px; background: #1f9b5a; color: #fff; font-weight: 700; text-decoration: none; }
.raiz-wa:hover { color: #fff; }

/* Computadora: frase y flecha en una línea; VIENTO.DATA.SUR en horizontal, a la altura del medio de "Guazú" */
@media (min-width: 900px) {
  .raiz-dominio { padding: 0; }
  /* Opción G1: dos cuadrados centrados. Lado = lo que entre a lo alto o a lo ancho, lo que sea menor */
  .raiz-columnas { --lado: min(calc(100svh - 232px), calc((100vw - 2 * clamp(14px, 3.82vw - 0.9px, 48px) - 20px) / 2)); display: flex; justify-content: center; align-items: center; min-height: 0; }
  .raiz-col { width: max(var(--lado), 360px); height: max(var(--lado), 360px); flex-shrink: 0; }
  .raiz-col.guazu { border-radius: 34px 10px 28px 8px; }
  .raiz-col.vds { border-width: 2px; border-radius: 10px 30px 8px 24px; }
  .guazu .raiz-titulo { line-height: 0.9; letter-spacing: -0.03em; }
  .vds .raiz-titulo { height: calc(var(--tam-guazu) * 0.9); display: flex; align-items: center; font-size: min(36px, 2.75vw); white-space: nowrap; }
  .vds .raiz-titulo .linea { display: inline; }
  .raiz-abajo { flex-direction: row; justify-content: space-between; align-items: flex-end; gap: 32px; }
  .guazu .raiz-frase { max-width: 360px; }
  .vds .raiz-frase { max-width: 380px; }
  .raiz-pie { padding: 0; }
  .raiz-wa { min-height: 52px; padding: 0 24px; font-size: 17px; gap: 10px; }
}

/* Pantalla muy baja (celular acostado): se permite scroll */
@media (max-height: 480px) { .raiz { min-height: auto; } }