/*
 Theme Name: Twenty Twenty-Five Child
 Theme URI: https://academia.powerelite.studio
 Description: Child theme para Academia PES
 Author: Power Elite Studio
 Template: twentytwentyfive
 Version: 0.1.0
 Text Domain: twentytwentyfive-child
*/

/* CSS extra opcional (no es obligatorio en block themes) */

/* === Eliminar marco y franja superior de TT5 en todas las páginas === */

/* 0) Asegura fondo dark global (por encima del theme) */
html,
body {
  height: 100%;
  margin: 0 !important;
  background: #232323 !important;
  /* mismo fondo que el login */
  color-scheme: dark;
  /* FORCE DARK MODE FOR FORM CONTROLS */
}

/* 1) Quita paddings/márgenes del wrapper y del “Global Padding” */
.wp-site-blocks {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.has-global-padding {
  padding: 0 !important;
}

/* 2) Elimina el margin-top inline que WordPress inyecta en <main> */
.wp-site-blocks>main[style],
.wp-site-blocks>main#wp--skip-link--target {
  margin-top: 0 !important;
}

/* 3) Neutraliza variables raíz que TT5 usa para el “site frame” */
:root {
  --wp--style--root--padding-top: 0 !important;
  --wp--style--root--padding-right: 0 !important;
  --wp--style--root--padding-bottom: 0 !important;
  --wp--style--root--padding-left: 0 !important;
  --wp--style--root--border-radius: 0 !important;
  --wp--style--root--box-shadow: none !important;
}

/* 4) Por si el core mete márgenes por block gap, asegúrate de que el primer hijo no se empuje */
:where(.wp-site-blocks)> :first-child {
  margin-block-start: 0 !important;
}

/* 5) (Opcional) Limitar estos resets SOLO a /login
body.page-id-23 .wp-site-blocks{ margin:0 !important; padding:0 !important; background:transparent !important; }
body.page-id-23 .wp-site-blocks > main[style]{ margin-top:0 !important; }
*/

/* — LOGIN: elimina el gap que TT5 aplica a cada hijo del wrapper — */
body.page-id-23 .wp-site-blocks>* {
  margin-block-start: 0 !important;
}

/* — LOGIN: centrado perfecto en pantallas grandes (sin “respiro” extra) — */
@media (min-width: 1200px) and (min-height: 700px) {
  body.page-id-23 .pes-login {
    min-height: 100dvh;
    /* altura real de viewport */
    padding-top: 0;
    padding-bottom: 0;
  }
}