/*
  libraries.css
  ==========
  Este proyecto venía con referencias a librerías CSS (Bootstrap/Plugins) que NO estaban incluidas.
  Resultado: el home (index.html) se veía como HTML “crudo” (listas con viñetas, sin grid, etc.).

  Para que el sitio vuelva a verse bien SIN depender de archivos faltantes, cargamos Bootstrap 4.6
  desde CDN y añadimos un fallback mínimo por si el CDN fuese bloqueado.
*/

/* Bootstrap (CDN) */
@import url('https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css');

/* =============================
   Fallback mínimo (si el CDN falla)
   ============================= */
:root{--gsv-primary:#1a5e2a;--gsv-dark:#0b1a12;--gsv-text:#0f172a;--gsv-muted:#64748b;--gsv-border:rgba(15,23,42,.12)}

/* Reset básico */
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--gsv-text);background:#fff;line-height:1.45}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}

/* Utilidades tipo Bootstrap (solo lo esencial para que no “se rompa” el layout) */
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}
[class^="col-"], [class*=" col-"]{padding-left:12px;padding-right:12px}
.col-12{flex:0 0 100%;max-width:100%}
.d-flex{display:flex!important}
.d-none{display:none!important}
.flex-wrap{flex-wrap:wrap!important}
.align-items-center{align-items:center!important}
.justify-content-between{justify-content:space-between!important}
.ml-auto{margin-left:auto!important}
.mb-0{margin-bottom:0!important}
.mb-20{margin-bottom:20px!important}
.mb-30{margin-bottom:30px!important}
.mr-20{margin-right:20px!important}

.list-unstyled{padding-left:0;list-style:none;margin:0}

/* Navbar fallback */
.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.navbar-brand{display:inline-flex;align-items:center}
.navbar-toggler{background:transparent;border:1px solid var(--gsv-border);border-radius:10px;padding:8px 10px}

/* Dropdown fallback */
.dropdown-menu{display:none;position:absolute;min-width:220px;background:#fff;border:1px solid var(--gsv-border);border-radius:12px;padding:10px 0;box-shadow:0 12px 30px rgba(2,6,23,.12);z-index:1000}
