:root{--cp-franja:2.5rem}
body{padding-top:var(--cp-franja)}
.cp-entorno-pruebas{position:fixed;inset:0 0 auto;z-index:1000;min-height:var(--cp-franja);display:flex;align-items:center;justify-content:center;gap:1rem;background:#f6cf69;color:#17212c;padding:.45rem 1rem;font:500 .78rem/1.35 system-ui,sans-serif}
.cp-entorno-pruebas strong{font-size:.72rem;letter-spacing:.09em}
.cp-entorno-pruebas a{color:#17212c;text-underline-offset:3px}
#aplicacion>.barra{top:var(--cp-franja)}
#aplicacion .nav-secciones{top:calc(var(--panel-alto-barra) + var(--cp-franja))}
.entrada,#aplicacion{min-height:calc(100dvh - var(--cp-franja))}
@media(max-width:600px){.cp-entorno-pruebas{gap:.5rem;padding-inline:.5rem}.cp-entorno-pruebas span{display:none}}