html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;       /* evita scroll horizontal */
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;      /* asegura que todo respete el box-sizing */
}

    /* Contenedor pantalla completa */
    .pantalla {
      min-height: 100vh;      /* fallback */
      min-height: 100dvh;     /* mejor en móviles */
      width: 100%;
      display: grid;
      place-items: center;
      background: #f8f8f8;
      padding: 24px;          /* evita que pegue contra los bordes en pantallas chicas */
      box-sizing: border-box; /* padding cuenta dentro del ancho */
    }

    /* Contenido centrado */
    .centrado {
      max-width: 700px;       /* en lugar de width fijo */
      width: 100%;            /* que pueda encoger en móvil */
      padding: 24px;
      border-radius: 12px;
      box-shadow: 0 8px 24px rgba(0,0,0,.08);
      background: #f8f8f8;
      text-align: center;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      box-sizing: border-box;
    }

    a{
      text-decoration: none;
      color: #ff6225;
    }

    a:hover{
      color: #000000;
    }

    @media (max-width: 768px) {
      .pantalla {
        padding: 16px;        /* un poco menos de padding en móvil */
      }
      .centrado {
        padding: 0px;
        font-size: 0.95rem;
      }
    }