• https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
• https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Share+Tech+Mono&display=swap

/* MIXED CSS PACK */
/* Template: sistema-bar-salas/index.php */
/* Template mtime: 2025-07-19 20:44:29 */

/* external link (no embedded): https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css */
/* external link (no embedded): https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Share+Tech+Mono&display=swap */

/* ===== INLINE <style> BLOCK #1 ===== */
:root {
      --dark-bg: #0f0f1a;
      --darker-bg: #080810;
      --panel-bg: rgba(15, 15, 30, 0.8);
      --neon-blue: #00f0ff;
      --neon-pink: #ff00f0;
      --neon-purple: #b300ff;
      --text-primary: #e0e0ff;
      --text-secondary: #a0a0c0;
      --panel-glow: rgba(0, 240, 255, 0.2);
      --danger-red: #ff3864;
      --success-green: #00ffa3;
      --warning-orange: #ff9e00;
      --scanline: rgba(0, 240, 255, 0.03);
    }

    body {
      font-family: 'Share Tech Mono', monospace;
      background-color: var(--dark-bg);
      background-image: 
        linear-gradient(var(--scanline) 1px, transparent 1px),
        linear-gradient(90deg, var(--scanline) 1px, transparent 1px);
      background-size: 20px 20px;
      color: var(--text-primary);
      margin: 0;
      padding: 0;
      overflow-x: hidden;
      letter-spacing: 0.5px;
    }

    /* CRT screen effect */
    body::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(
        rgba(18, 16, 16, 0) 50%, 
        rgba(0, 0, 0, 0.25) 50%
      );
      background-size: 100% 4px;
      pointer-events: none;
      z-index: 1000;
    }

    /* VHS distortion effect */
    body::after {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: 
        linear-gradient(0deg, rgba(0, 240, 255, 0.03) 0%, transparent 100%),
        linear-gradient(90deg, rgba(255, 0, 240, 0.03) 0%, transparent 100%);
      pointer-events: none;
      z-index: 1000;
      animation: vhs-flicker 0.1s infinite;
    }

    @keyframes vhs-flicker {
      0% { opacity: 0.9; }
      50% { opacity: 1; }
      100% { opacity: 0.8; }
    }

    /* Typography */
    h1, h2, h3, h4, h5, h6 {
      font-family: 'Orbitron', sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      color: var(--neon-blue);
      text-shadow: 0 0 10px var(--panel-glow);
    }

    /* Main layout */
    #caja-panel {
      position: fixed;
      left: 0;
      top: 0;
      height: 100vh;
      width: 280px;
      background: var(--panel-bg);
      border-right: 1px solid var(--neon-blue);
      padding: 25px;
      z-index: 10000;
      box-shadow: 0 0 30px var(--panel-glow);
      transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
      overflow-y: auto;
      backdrop-filter: blur(5px);
    }

    #toggle-caja {
  left: 100%;
  margin-left: 5px;
  position: absolute;

      position: absolute;
      top: 20px;
      right: -45px;
      background: var(--neon-blue);
      color: var(--dark-bg);
      border-radius: 50%;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 0 15px var(--panel-glow);
      font-size: 18px;
      transition: all 0.3s ease;
      border: none;
      z-index: 10001;
    }

    #toggle-caja:hover {
      transform: scale(1.1) rotate(90deg);
      box-shadow: 0 0 25px var(--neon-pink);
      background: var(--neon-pink);
    }

    #main-content {
      margin-left: 280px;
      padding: 30px;
      transition: all 0.4s ease;
      background: transparent;
    }

    /* Futuristic Cards */
    .card {
      background: var(--panel-bg);
      border: 1px solid var(--neon-blue);
      border-radius: 0;
      margin-bottom: 25px;
      box-shadow: 0 5px     /* ...cortado... agregá ?full=1 para ver todo ... */
      

{
    "template": "sistema-bar-salas/index.php",
    "template_mtime": 1752957869,
    "template_mtime_human": "2025-07-19T20:44:29+00:00",
    "css_links_found": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Share+Tech+Mono&display=swap"
    ],
    "css_links_external": [
        "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
        "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Share+Tech+Mono&display=swap"
    ],
    "css_links_embedded": [],
    "inline_style_blocks": 1,
    "inline_imports_external": [],
    "inline_imports_embedded": [],
    "missing_css_files": []
}