/*!

  SISTEMA PROTEGIDO - NUCLEO OFIMATICO EDUCATIVO © 2026
  Dominio Oficial: https://www.nucleoofimaticoeducativo.com

  ADVERTENCIA LEGAL - PROPIEDAD INTELECTUAL PRIVADA:

  Este archivo CSS, su sistema de diseño, variables, animaciones, responsive,
  prefijos aislados (np-, emb-, chry5-, dec6-, cf7-, fa8-, vn9-) y estructura
  visual es OBRA ORIGINAL y REGISTRADA de NUCLEO OFIMATICO EDUCATIVO.

    - PROHIBIDA SU EXTRACCIÓN, COPIA O REUTILIZACIÓN. Este diseño no es una 
    plantilla pública. Cada clase fue desarrollada de forma artesanal para 
    NEGOPALÍN®.

    - PROTECCIÓN LEGAL: Este código está amparado por los Derechos de Autor.
    Toda copia detectada en otros sitios será reportada por infracción de 
    Copyright ante Google, Vercel, GitHub y autoridades de dominio con 
    solicitud de BAJA INMEDIATA.

    - PROPIETARIO LEGÍTIMO: NUCLEO OFIMATICO EDUCATIVO
    - SITIO OFICIAL: https://www.nucleoofimaticoeducativo.com
    - TODOS LOS DERECHOS RESERVADOS. PIRATERÍA = DELITO.

  Si ves este código en otro sitio que no sea NEGOPALÍN® o NUCLEO OFIMATICO,
  es una COPIA ILEGAL.

*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}

body {
  padding-top: 80px;
}

@media (max-width: 768px) {
  .header-container {
    flex-direction: column;
    height: auto;
    padding: 10px;
  }

  #main-header {
    height: auto;
    position: relative;
  }

  body {
    padding-top: 0;
  }

  .main-nav {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15px;
  }

  .submenu {
    position: static;
    box-shadow: none;
    border: none;
    padding-left: 20px;
    margin-top: 10px;
  }
  
  .submenu-link::after {
    display: none;
  }
}