/*
Theme Name: Volts360 – En construcción
Description: Página temporal "Página en construcción" para Volts360.
Version: 1.0
Requires at least: 5.0
Requires PHP: 7.0
Text Domain: volts360-construccion
*/

html, body { margin: 0; padding: 0; height: 100%; }

body {
  background: #027a72 url("assets/fondo.jpg") center center / cover no-repeat;
  /* Escala de la imagen con background-size: cover (imagen 2000×1058) */
  --s: max(100vw / 2000, 100vh / 1058);
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
}

.construccion {
  position: absolute;
  left: 0; right: 0;
  /* El logo está centrado en la imagen; bajamos ~120px (a escala de imagen) desde el centro */
  top: calc(50% + 120 * var(--s));
  margin: 0;
  text-align: center;
  font-family: "Raleway", "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: clamp(13px, calc(24 * var(--s)), 28px);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.9);
}

.screen-reader-text {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}