/* =====================================================================
   custom.css — UNION of all <style> blocks found across the 157 EXIA
   mockups (html/*.html). Generated by the shell extractor.
   Block order: most-reused first. Each block carries usage metadata.
   NOTE: this is a reference union. In the Razor port, the canonical shell
   blocks (EXIA RESPONSIVE SHELL / OMP-CANONICAL / material-symbols / fonts)
   belong in _Layout; page-specific blocks stay inline per page.
===================================================================== */

/* ---------------------------------------------------------------------
   [1] used by 146 file(s) — e.g. 001_exia an lisis comercial y upselling consolidado 1.html, 002_exia an lisis comercial y upselling consolidado 2.html, 003_exia an lisis de impacto de upselling.html
   first line: /* ===== EXIA RESPONSIVE SHELL (canonical) ===== */
--------------------------------------------------------------------- */
/* ===== EXIA RESPONSIVE SHELL (canonical) ===== */
main.exia-canvasless > div:not([class*="topo-bg"]):not([class*="absolute"]) { padding-left: 1rem; padding-right: 1rem; }
@media (min-width: 640px) {
  main.exia-canvasless > div:not([class*="topo-bg"]):not([class*="absolute"]) { padding-left: 1.5rem; padding-right: 1.5rem; }
}
@media (min-width: 1024px) {
  main.exia-canvasless > div:not([class*="topo-bg"]):not([class*="absolute"]) { padding-left: 2rem; padding-right: 2rem; }
}

.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { scrollbar-width: none; -ms-overflow-style: none; }
main { min-width: 0; }
main [class*="flex-1"] { min-width: 0; }
main [class*="col-span-"] { min-width: 0; }
body > div[class*='ml-64'], body > div[class*='pl-64'] { min-width: 0; }
img { max-width: 100%; }
main > div[class*="mx-auto"] { width: 100%; }

#exia-header { min-width: 0; }
#exia-header > div { min-width: 0; }
@media (max-width: 1023.98px) {
  #exia-sidebar { transform: translateX(-100%); width: 80%; max-width: 300px; box-shadow: none !important; }
  body.exia-sidebar-open #exia-sidebar { transform: translateX(0); box-shadow: 24px 0 60px rgba(0,0,0,.45) !important; }
  main, .exia-shell { margin-left: 0 !important; }
  body > div[class*='ml-64'] { margin-left: 0 !important; }
  body > div[class*='pl-64'] { padding-left: 1rem !important; }
  nav[class*='calc(100%-16rem)'] { width: 100% !important; }
  nav[class*='calc(100%-16rem)'] > div { min-width: 0; }


  .exia-sidebar-backdrop { position: fixed; inset: 0; z-index: 45; background: rgba(27,25,21,.55); opacity: 0; pointer-events: none; transition: opacity .25s ease; }
  body.exia-sidebar-open .exia-sidebar-backdrop { opacity: 1; pointer-events: auto; }
  #exia-header { padding-left: .5rem; padding-right: .5rem; }
  #exia-header > div:last-child { gap: .375rem; }
  #exia-avatar-btn > span:last-child { display: none; }
  main[class*='pl-64'] { padding-left: 1rem !important; }
  main[class*='overflow-hidden']:not([class*='overflow-y-auto']):not([class*='overflow-x']) { overflow-y: auto !important; }

}

/* ---------------------------------------------------------------------
   [2] used by 3 file(s): 001_exia an lisis comercial y upselling consolidado 1.html, 038_exia dashboard operativo 1.html, 041_exia detalle de coto los alerces.html
   first line: /* ===== OMP-CANONICAL ===== */
--------------------------------------------------------------------- */
/* ===== OMP-CANONICAL ===== */
html.sidebar-hidden #exia-sidebar { transform: translateX(-100%); }
html.sidebar-hidden main { margin-left: 0 !important; }

/* ---------------------------------------------------------------------
   [3] used by 3 file(s): 053_exia detalle de usuario mar a l pez documentaci n.html, 054_exia detalle de usuario mar a l pez informaci n 1.html, 055_exia detalle de usuario mar a l pez informaci n 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        .topographic-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 70 0s60 10 90 0 40-20 70-20 60 10 90 10 50-10 80-10M0 320c30 0 50 10 80 10s50-10 90-10 60 20 90 20 50-20 80-20 40 10 60 10M0 260c20 5 40 5 70 0s60-10 90-10 40 20 70 20 60-10 90-10 50 10 80 10M0 200c30 0 50-10 80-10s50 10 90 10 60-20 90-20 50 20 80 20 40-10 60-10M0 140c20-5 40-5 70 0s60 10 90 10 40-20 70-20 60 10 90 10 50-10 80-10M0 80c30 0 50 10 80 10s50-10 90-10 60 20 90 20 50-20 80-20 40 10 60 10M0 20c20 5 40 5 70 0s60-10 90-10 40 20 70 20 60-10 90-10 50 10 80 10' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.1'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [4] used by 2 file(s): 051_exia detalle de usuario mar a l pez accesos recientes.html, 052_exia detalle de usuario mar a l pez actividad.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-pattern {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-20 100-20 150 0s100 20 150 0 100-20 150 0v20H0v-20zm0-40c50-20 100-20 150 0s100 20 150 0 100-20 150 0v20H0v-20zm0-40c50-20 100-20 150 0s100 20 150 0 100-20 150 0v20H0v-20zm0-40c50-20 100-20 150 0s100 20 150 0 100-20 150 0v20H0v-20zm0-40c50-20 100-20 150 0s100 20 150 0 100-20 150 0v20H0v-20z' fill='%23B9954F' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
        }
        .scrollbar-hide::-webkit-scrollbar { display: none; }

/* ---------------------------------------------------------------------
   [5] used by 2 file(s): 056_exia detalle de usuario mar a l pez roles y permisos 1.html, 057_exia detalle de usuario mar a l pez roles y permisos 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-10 40-10 60-5 40 15 60 15 40-5 60-10l20-5v20H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-5 60-10 40-10 60-5 40 15 60 15 40-5 60-10l20-5v20H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-5 60-10 40-10 60-5 40 15 60 15 40-5 60-10l20-5v20H0v-20z' fill='%23B9954F' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [6] used by 2 file(s): 091_exia liquidaciones operativas de staff 1.html, 093_exia liquidaciones operativas de staff 3.html
   first line: .font-display { font-family: 'Barlow Condensed', sans-serif; }
--------------------------------------------------------------------- */
.font-display { font-family: 'Barlow Condensed', sans-serif; }
        .font-headline { font-family: 'Public Sans', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        
        .parchment-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 Q 50 10 50 50 T 90 90' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M150 10 Q 190 50 150 90 T 110 130' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }

        .gold-glow {
            box-shadow: 0 0 15px rgba(185, 149, 79, 0.2);
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [7] used by 1 file(s): 001_exia an lisis comercial y upselling consolidado 1.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        body { font-family: 'Inter', sans-serif; background-color: #F8F3E7; }
        .font-condensed { font-family: 'Barlow Condensed', sans-serif; }
        
        /* Subtle Topographic Background */
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 Q 30 10 30 30 T 50 50 T 70 30 T 90 10' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.08'/%3E%3Cpath d='M0 50 Q 20 50 20 70 T 40 90 T 60 70 T 80 50 T 100 70' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E");
        }
        
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F44; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [8] used by 1 file(s): 002_exia an lisis comercial y upselling consolidado 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 60-15M0 340c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 60-15M0 300c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 60-15M0 260c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 60-15M0 220c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 60-15' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1.5'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F44; border-radius: 10px; }
        
        .gold-border-top { border-top: 2px solid #B9954F; }
        .gold-border-side { border-left: 1px solid rgba(185, 149, 79, 0.2); }

/* ---------------------------------------------------------------------
   [9] used by 1 file(s): 003_exia an lisis de impacto de upselling.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 340c25-10 50-10 75 0s50 25 75 25 50-10 75-25 50-25 75-25 50 10 75 25 50 25 25 20M0 300c30-15 60-15 90 0s60 35 90 35 60-15 90-35 60-35 90-35 60 15 40 30M0 260c35-20 70-20 105 0s70 45 105 45 70-20 105-45 70-45 105-45 70 20 20 40' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [10] used by 1 file(s): 004_exia an lisis de ocupaci n y rendimiento de lodges.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-10 100 0 150-20s100-60 150-60 100 20 100 20M0 300c40 10 80-20 120-20s80 40 120 40 80-30 120-30 40 10 40 10M0 200c60-20 120 10 180 10s120-50 180-50 40 20 40 20M0 100c30 20 60 0 90 0s60 40 90 40 60-30 90-30 90 20 130 20' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .bar-transition { transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1); }

/* ---------------------------------------------------------------------
   [11] used by 1 file(s): 005_exia an lisis de rendimiento comercial.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 324.5c4.8 1.4 10.3 2.5 16.5 3.1 27.2 2.7 54.4 5.3 81.6 8 40.5 4.1 81 8.2 121.5 12.3 20.2 2.1 40.4 4.2 60.6 6.3 33.3 3.5 66.6 7 99.8 10.5 6.6.7 13.3 1.4 20 2.1M0 244.5c45.5 4.6 91 9.2 136.5 13.8 24.2 2.4 48.4 4.9 72.6 7.3 30.3 3.1 60.6 6.1 90.9 9.2 33.3 3.4 66.6 6.8 99.8 10.2M0 164.5c45.5 4.6 91 9.2 136.5 13.8 60.6 6.1 121.2 12.3 181.8 18.4 27.2 2.7 54.4 5.5 81.6 8.2M0 84.5c60.6 6.1 121.2 12.2 181.8 18.4 45.5 4.6 91 9.2 136.5 13.8 27.3 2.7 54.5 5.5 81.7 8.2' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
        }
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #333025; }
        ::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [12] used by 1 file(s): 006_exia an lisis de rentabilidad por expedici n.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400C120 380 180 320 200 200C220 80 280 20 400 0' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 200C60 190 90 160 100 100C110 40 140 10 200 0' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M200 400C320 390 380 360 400 300' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
            background-repeat: repeat;
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F44; border-radius: 10px; }
        
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-5px); }
            100% { transform: translateY(0px); }
        }
        .kpi-animate { animation: float 4s ease-in-out infinite; }

/* ---------------------------------------------------------------------
   [13] used by 1 file(s): 006_exia an lisis de rentabilidad por expedici n.html
   first line: @keyframes spin {
--------------------------------------------------------------------- */
@keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

/* ---------------------------------------------------------------------
   [14] used by 1 file(s): 007_exia an lisis de vida til por activo.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q 50 150 100 200 T 200 200 T 300 200 T 400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3Cpath d='M0 300 Q 50 250 100 300 T 200 300 T 300 300 T 400 300' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
            background-size: 600px 600px;
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .gold-hairline {
            height: 1px;
            background: linear-gradient(90deg, transparent, #B9954F, transparent);
        }

/* ---------------------------------------------------------------------
   [15] used by 1 file(s): 008_exia an lisis financiero y proyecci n de cobros.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 200 Q 100 150 200 200 T 400 200' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 300 Q 100 250 200 300 T 400 300' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F44; border-radius: 10px; }
        
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-5px); }
            100% { transform: translateY(0px); }
        }
        .animate-float { animation: float 3s ease-in-out infinite; }

/* ---------------------------------------------------------------------
   [16] used by 1 file(s): 009_exia aprobaci n de facturas de proveedores.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 200 Q 100 150 200 200 T 400 200' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 300 Q 100 250 200 300 T 400 300' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
            background-color: #F8F3E7;
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(0,0,0,0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [17] used by 1 file(s): 010_exia auditor a y registro de actividad.html
   first line: body { font-family: 'Inter', sans-serif; }
--------------------------------------------------------------------- */
body { font-family: 'Inter', sans-serif; }
        .font-display { font-family: 'Barlow Condensed', sans-serif; }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400C50 350 100 380 150 350C200 320 250 350 300 320C350 290 400 320 400 320V400H0Z' fill='%23B9954F' fill-opacity='0.03'/%3E%3Cpath d='M0 300C60 250 120 280 180 250C240 220 300 250 360 220C420 190 480 220 480 220V300H0Z' fill='%23B9954F' fill-opacity='0.03'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; }
        
        /* Modal Overlay Animation */
        .modal-active { display: flex !important; }

/* ---------------------------------------------------------------------
   [18] used by 1 file(s): 011_exia cambiar contrase a.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        vertical-align: middle;
      }
      .font-headline { font-family: 'Barlow Condensed', sans-serif; }
      
      /* Subtle Topographic Background */
      .topo-bg {
        background-color: #F8F3E7;
        background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-10 60-15 40-5 60 0 40 15 60 15 40-10 60-15v20H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-10 60-15 40-5 60 0 40 15 60 15 40-10 60-15v20H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-10 60-15 40-5 60 0 40 15 60 15 40-10 60-15v20H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-10 60-15 40-5 60 0 40 15 60 15 40-10 60-15v20H0v-20z' fill='%23B9954F' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
      }
      
      .password-strength-bar {
        transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
      }

/* ---------------------------------------------------------------------
   [19] used by 1 file(s): 012_exia cambio de estado confirmar experiencia.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-10 70-10 40 0 60 20 100 20s70-30 110-30 80 15 120 10M0 340c30-10 60-5 90-5s50-15 90-15 80 20 120 20 70-10 100-15M0 300c40-5 70 10 110 10s60-20 100-20 80 15 120 10 50-10 70-15' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [20] used by 1 file(s): 013_exia cartograf a y gesti n de destinos.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q100 350 200 380 T400 350 M0 320 Q100 290 200 320 T400 290 M0 260 Q100 230 200 260 T400 230 M0 200 Q100 170 200 200 T400 170 M0 140 Q100 110 200 140 T400 110 M0 80 Q100 50 200 80 T400 50 M0 20 Q100 -10 200 20 T400 -10' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/felt.png");
        }
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* ---------------------------------------------------------------------
   [21] used by 1 file(s): 014_exia cat logo de servicios upselling 1.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q 50 350 100 380 T 200 380 T 300 350 T 400 380' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q 80 250 160 300 T 320 300 T 480 250' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 100 Q 100 150 200 100 T 400 150' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .sidebar-active {
            background-color: #4A463A;
            color: #B9954F;
            border-left: 4px solid #B9954F;
            font-weight: 700;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [22] used by 1 file(s): 015_exia cat logo de servicios upselling 2.html
   first line: .topo-bg {
--------------------------------------------------------------------- */
.topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100C50 120 100 80 150 100C200 120 250 80 300 100C350 120 400 80 450 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M-50 200C0 220 50 180 100 200C150 220 200 180 250 200C300 220 350 180 400 200' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M20 300C70 320 120 280 170 300C220 320 270 280 320 300C370 320 420 280 470 300' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-size: cover;
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #F8F3E7;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [23] used by 1 file(s): 016_exia central de soporte y ayuda 1.html
   first line: .topo-bg {
--------------------------------------------------------------------- */
.topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 150 Q 100 100 200 150 T 400 150' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 200 Q 100 150 200 200 T 400 200' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 250 Q 100 200 200 250 T 400 250' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-repeat: repeat;
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .sidebar-active {
            background-color: #4A463A;
            color: #B9954F;
            border-left: 4px solid #B9954F;
        }

/* ---------------------------------------------------------------------
   [24] used by 1 file(s): 017_exia central de soporte y ayuda 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .paper-texture {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .topo-lines {
            position: fixed;
            inset: 0;
            pointer-events: none;
            z-index: 0;
            opacity: 0.08;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100 M0 200 Q 100 150 200 200 T 400 200 M0 300 Q 100 250 200 300 T 400 300' fill='none' stroke='%23B9954F' stroke-width='1'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #333025; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [25] used by 1 file(s): 018_exia centro de conciliaci n y reembolsos.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 125 50 250 100 T 500 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 200 Q 125 150 250 200 T 500 200' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 300 Q 125 250 250 300 T 500 300' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 400 Q 125 350 250 400 T 500 400' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-attachment: fixed;
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

/* ---------------------------------------------------------------------
   [26] used by 1 file(s): 019_exia centro de notificaciones.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 C 20 80, 40 80, 50 100 M20 0 C 40 20, 60 20, 80 0 M0 50 C 30 30, 70 30, 100 50 M50 0 C 70 20, 70 80, 50 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-size: 400px 400px;
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

/* ---------------------------------------------------------------------
   [27] used by 1 file(s): 020_exia centro de soporte operativo.html
   first line: body { font-family: 'Inter', sans-serif; }
--------------------------------------------------------------------- */
body { font-family: 'Inter', sans-serif; }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.08'/%3E%3Cpath d='M0 200 Q 100 150 200 200 T 400 200' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.08'/%3E%3Cpath d='M0 300 Q 100 250 200 300 T 400 300' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            pointer-events: none;
            opacity: 0.03;
            z-index: 50;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #B9954F; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [28] used by 1 file(s): 021_exia check in y check out operativo.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .step-active::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            right: 0;
            height: 2px;
            background-color: #B9954F;
        }
        .topo-pattern {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 324.5c24-11.5 50-13.5 75-4.5 35 12.5 70 8.5 102-14 28-19.5 61-26.5 95-17.5 28 7.5 56 6.5 83-3.5 15-5.5 30-14.5 45-14.5M0 244.5c24-11.5 50-13.5 75-4.5 35 12.5 70 8.5 102-14 28-19.5 61-26.5 95-17.5 28 7.5 56 6.5 83-3.5 15-5.5 30-14.5 45-14.5M0 164.5c24-11.5 50-13.5 75-4.5 35 12.5 70 8.5 102-14 28-19.5 61-26.5 95-17.5 28 7.5 56 6.5 83-3.5 15-5.5 30-14.5 45-14.5M0 84.5c24-11.5 50-13.5 75-4.5 35 12.5 70 8.5 102-14 28-19.5 61-26.5 95-17.5 28 7.5 56 6.5 83-3.5 15-5.5 30-14.5 45-14.5' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [29] used by 1 file(s): 022_exia checklist de experiencia exp 2026 001 final.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .bg-topo {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-10 40-5 60 5s40 10 60 0 40-20 60-15 40 15 60 10 40-15 60-10 40 15 60 10 40-10 40-10V0H0v380z' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [30] used by 1 file(s): 023_exia cierre operativo de experiencia exp 2026 001.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q 50 150 100 200 T 200 200 T 300 200 T 400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q 50 250 100 300 T 200 300 T 300 300 T 400 300' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }

/* ---------------------------------------------------------------------
   [31] used by 1 file(s): 024_exia combinar contactos duplicados jos p rez 1.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 Q 30 5, 50 20 T 90 30' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.1'/%3E%3Cpath d='M0 40 Q 20 35, 40 50 T 80 60' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.1'/%3E%3Cpath d='M20 80 Q 40 75, 60 90 T 100 100' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.1'/%3E%3C/svg%3E");
        }
        .custom-radio:checked {
            background-color: #B9954F;
            border-color: #B9954F;
        }

/* ---------------------------------------------------------------------
   [32] used by 1 file(s): 025_exia combinar contactos duplicados jos p rez 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3Cpath d='M0 320c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3Cpath d='M0 260c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3C/svg%3E");
        }
        .custom-radio:checked {
            background-color: #B9954F;
            border-color: #B9954F;
        }

/* ---------------------------------------------------------------------
   [33] used by 1 file(s): 026_exia configuraci n de plantillas de respuesta.html
   first line: body {
--------------------------------------------------------------------- */
body {
            background-color: #F8F3E7;
            background-image: 
                linear-gradient(rgba(185, 149, 79, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(185, 149, 79, 0.03) 1px, transparent 1px);
            background-size: 40px 40px;
            font-family: 'Inter', sans-serif;
        }
        .topo-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0.08;
            pointer-events: none;
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(74, 70, 58, 0.1);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [34] used by 1 file(s): 027_exia configuraci n de protocolos de respuesta.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q 50 350 100 380 T 200 380 T 300 380 T 400 380' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q 100 250 200 300 T 400 300' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q 150 150 300 200 T 400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 100 Q 200 50 400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F44; border-radius: 10px; }
        .action-node::before {
            content: '';
            position: absolute;
            left: 27px;
            top: 56px;
            bottom: -24px;
            width: 2px;
            background: #B9954F44;
        }
        .action-node:last-child::before { display: none; }

/* ---------------------------------------------------------------------
   [35] used by 1 file(s): 028_exia configuraci n de servicio upselling.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q100 350 200 380 T400 380' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q150 250 300 300 T400 280' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q200 150 400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 100 Q100 50 200 100 T400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F33; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [36] used by 1 file(s): 029_exia configuraci n de tracking.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 200 Q 80 120 160 200 T 320 200 T 480 200' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 300 Q 120 220 240 300 T 480 300' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-attachment: fixed;
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            opacity: 0.02;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
            z-index: 100;
        }
        .custom-switch:checked {
            background-color: #B9954F;
        }
        .custom-switch:checked + span::before {
            transform: translateX(1.25rem);
        }

/* ---------------------------------------------------------------------
   [37] used by 1 file(s): 030_exia configuraci n del sistema.html
   first line: .font-headline { font-family: 'Barlow Condensed', sans-serif; }
--------------------------------------------------------------------- */
.font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .parchment-bg {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
            position: relative;
        }
        .topo-overlay {
            position: absolute;
            inset: 0;
            pointer-events: none;
            opacity: 0.08;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10Q50 10 50 50T90 90t40 40' stroke='%23B9954F' fill='none'/%3E%3Cpath d='M310 10Q350 10 350 50T390 90' stroke='%23B9954F' fill='none'/%3E%3Cpath d='M10 310Q50 310 50 350T90 390' stroke='%23B9954F' fill='none'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #4A463A; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [38] used by 1 file(s): 031_exia configuraci n voip dialpad.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .bg-topographic {
            background-image: url("data:image/svg+xml,%3Csvg width='800' height='800' viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 799c15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4l1.3-1.1c15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4 15.2-12.8 30.4-25.6 45.6-38.4' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
            background-size: 400px 400px;
        }
        .active-nav-border {
            border-left: 4px solid #B9954F;
        }
        input:focus, select:focus {
            outline: none;
            border-color: #B9954F !important;
            box-shadow: 0 0 0 1px #B9954F;
        }

/* ---------------------------------------------------------------------
   [39] used by 1 file(s): 032_exia configuraci n y cerebro ia rag.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400C50 350 100 380 150 330C200 280 250 300 300 250C350 200 400 220 400 170M0 300C50 250 100 280 150 230C200 180 250 200 300 150C350 100 400 120 400 70' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F44;
            border-radius: 2px;
        }
        .glass-panel {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(10px);
        }

/* ---------------------------------------------------------------------
   [40] used by 1 file(s): 033_exia configurar autenticaci n en dos pasos.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .qr-gradient {
            background: linear-gradient(135deg, #4A463A 0%, #2A2821 100%);
        }
        .otp-input:focus {
            border-color: #4A463A;
            box-shadow: 0 0 0 2px rgba(74, 70, 58, 0.2);
        }

/* ---------------------------------------------------------------------
   [41] used by 1 file(s): 034_exia control de calidad de equipamiento.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .bg-topographic {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-10 100-40 150-40s100 30 150 30 100-20 100-20M0 340c50-10 100-40 150-40s100 30 150 30 100-20 100-20M0 300c50-10 100-40 150-40s100 30 150 30 100-20 100-20M0 260c50-10 100-40 150-40s100 30 150 30 100-20 100-20M0 220c50-10 100-40 150-40s100 30 150 30 100-20 100-20' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [42] used by 1 file(s): 035_exia copiloto de ventas asistente ia.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50, 100 100 T 200 100 T 300 150 T 400 100 T 500 120' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 200 Q 100 150, 200 200 T 400 250 T 500 200' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 300 Q 150 350, 300 300 T 500 350' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #F8F3E7;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
            border-radius: 10px;
        }

/* ---------------------------------------------------------------------
   [43] used by 1 file(s): 036_exia dashboard de fidelizaci n y ltv.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 100c30-10 70 20 100 10s50-40 90-30 60 40 100 30 70-30 110-10M20 200c40 10 80-20 120 0s60 50 100 30 80-40 120-10 60 30 100 10M0 300c50-20 90 30 140 10s70-50 120-20 80 40 130 10 70-30 110 0M30 400c40 10 80-30 130-10s60 60 110 30 90-40 130 0 60 20 100-10' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
            background-attachment: fixed;
        }

        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/felt.png");
            z-index: 50;
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.1);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

        .chart-gradient {
            background: linear-gradient(to bottom, rgba(185, 149, 79, 0.2), transparent);
        }

/* ---------------------------------------------------------------------
   [44] used by 1 file(s): 037_exia dashboard de m tricas de soporte.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        body {
            background-color: #F8F3E7;
            font-family: "Public Sans", sans-serif;
        }
        .chart-bar {
            transition: height 1s ease-in-out;
        }
        .gauge-ring {
            stroke-dasharray: 283;
            stroke-dashoffset: 28; /* Represents ~90% */
            transition: stroke-dashoffset 1s ease-in-out;
        }

/* ---------------------------------------------------------------------
   [45] used by 1 file(s): 038_exia dashboard operativo 1.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        body {
            font-family: 'Inter', sans-serif;
            background-color: #F8F3E7;
            color: #2B2925;
        }
        .font-headline {
            font-family: 'Barlow Condensed', sans-serif;
        }
        /* Topographic pattern simulation via CSS */
        .topo-bg {
            background-image: radial-gradient(#B9954F 0.5px, transparent 0.5px);
            background-size: 24px 24px;
            opacity: 0.05;
        }

/* ---------------------------------------------------------------------
   [46] used by 1 file(s): 039_exia dashboard operativo 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-10 80-40 120-40s70 30 120 30 80-30 120-30 40 10 40 10M0 340c40-10 70-40 110-40s60 30 110 30 70-30 110-30 70 10 70 10M0 300c30-10 60-40 100-40s50 30 100 30 60-30 100-30 100 10 100 10' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F33; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [47] used by 1 file(s): 040_exia detalle de contacto jos p rez.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
            font-size: 20px;
        }
        .active-tab::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #B9954F;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15h40v20H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15h40v20H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15h40v20H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15h40v20H0v-20z' fill='%23B9954F' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [48] used by 1 file(s): 041_exia detalle de coto los alerces.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q100 350 200 380 T400 380' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.08'/%3E%3Cpath d='M0 340 Q100 310 200 340 T400 340' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q100 270 200 300 T400 300' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }

/* ---------------------------------------------------------------------
   [49] used by 1 file(s): 042_exia detalle de empresa pescasur s.a.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("https://www.transparenttextures.com/patterns/topography.png");
            opacity: 0.03;
        }
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #B9954F; border-radius: 10px; }
        .tab-active { border-bottom: 2px solid #B9954F; color: #4A463A; font-weight: 600; }
        .tab-inactive { color: #6B7280; }

/* ---------------------------------------------------------------------
   [50] used by 1 file(s): 043_exia detalle de experiencia financiero.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .active-fill {
            font-variation-settings: 'FILL' 1;
        }
        .topo-pattern {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' stroke='%23B9954F' stroke-opacity='0.05' fill='transparent'/%3E%3Cpath d='M0 200 Q 50 150 100 200 T 200 200 T 300 200 T 400 200' stroke='%23B9954F' stroke-opacity='0.05' fill='transparent'/%3E%3Cpath d='M0 300 Q 50 250 100 300 T 200 300 T 300 300 T 400 300' stroke='%23B9954F' stroke-opacity='0.05' fill='transparent'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [51] used by 1 file(s): 044_exia detalle de experiencia premium exp 2026 001.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .filled-icon {
            font-variation-settings: 'FILL' 1;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 320c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 260c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 200c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 140c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 80c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 20c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10' fill='none' stroke='%23B9954F' stroke-opacity='0.05' stroke-width='1'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F44; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [52] used by 1 file(s): 045_exia detalle de experiencia premium exp 2026 001 redise o.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        
        ::-webkit-scrollbar { width: 6px; height: 6px; }
        ::-webkit-scrollbar-track { background: #F8F3E7; }
        ::-webkit-scrollbar-thumb { background: #B9954F; border-radius: 3px; }

        .sticky-header {
            position: sticky;
            top: 0;
            z-index: 50;
            background-color: #F8F3E7;
            border-bottom: 1px solid rgba(185, 149, 79, 0.3);
        }
        
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* ---------------------------------------------------------------------
   [53] used by 1 file(s): 046_exia detalle de gu a sergio ram rez.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        
        body {
            background-color: #F8F3E7;
            background-image: 
                radial-gradient(circle at 2px 2px, rgba(185, 149, 79, 0.05) 1px, transparent 0);
            background-size: 24px 24px;
        }

        .topographic-bg {
            position: fixed;
            inset: 0;
            z-index: -1;
            opacity: 0.08;
            pointer-events: none;
        }

        /* Custom scrollbar for premium feel */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #B9954F; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [54] used by 1 file(s): 047_exia detalle de pasajero expediciones john miller.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 340c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 300c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 260c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 220c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 180c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [55] used by 1 file(s): 048_exia detalle de servicio alquiler de equipo mosca.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 200 Q 50 150 100 200 T 200 200 T 300 200 T 400 200' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 300 Q 50 250 100 300 T 200 300 T 300 300 T 400 300' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .active-nav-border { border-left: 4px solid #B9954F; }

/* ---------------------------------------------------------------------
   [56] used by 1 file(s): 049_exia detalle de servicio noches extra.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q 50 150 100 200 T 200 200 T 300 200 T 400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q 50 250 100 300 T 200 300 T 300 300 T 400 300' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #4A463A;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [57] used by 1 file(s): 049_exia detalle de servicio noches extra.html
   first line: @keyframes bounce-in {
--------------------------------------------------------------------- */
@keyframes bounce-in {
            0% { transform: translateX(100%); opacity: 0; }
            70% { transform: translateX(-10px); opacity: 1; }
            100% { transform: translateX(0); }
        }
        .animate-bounce-in {
            animation: bounce-in 0.4s ease-out forwards;
        }

/* ---------------------------------------------------------------------
   [58] used by 1 file(s): 050_exia detalle de ticket tkt 302.html
   first line: body {
--------------------------------------------------------------------- */
body {
            background-color: #F8F3E7;
            background-image: 
                url("https://www.transparenttextures.com/patterns/natural-paper.png");
            font-family: 'Inter', sans-serif;
        }

        .topo-bg {
            position: fixed;
            inset: 0;
            pointer-events: none;
            z-index: 0;
            opacity: 0.08;
            background-image: url("data:image/svg+xml,%3Csvg width='1000' height='1000' viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c100 50 200 0 300 50s200 150 300 100 200-50 300 0' stroke='%23B9954F' fill='none' stroke-width='1'/%3E%3Cpath d='M10 110c100 50 200 0 300 50s200 150 300 100 200-50 300 0' stroke='%23B9954F' fill='none' stroke-width='1'/%3E%3Cpath d='M10 210c100 50 200 0 300 50s200 150 300 100 200-50 300 0' stroke='%23B9954F' fill='none' stroke-width='1'/%3E%3Cpath d='M10 310c100 50 200 0 300 50s200 150 300 100 200-50 300 0' stroke='%23B9954F' fill='none' stroke-width='1'/%3E%3Cpath d='M10 410c100 50 200 0 300 50s200 150 300 100 200-50 300 0' stroke='%23B9954F' fill='none' stroke-width='1'/%3E%3C/svg%3E");
        }

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }

        .font-headline { font-family: 'Barlow Condensed', sans-serif; }

/* ---------------------------------------------------------------------
   [59] used by 1 file(s): 058_exia detalle de veh culo toyota hilux 04.html
   first line: .font-display { font-family: 'Barlow Condensed', sans-serif; }
--------------------------------------------------------------------- */
.font-display { font-family: 'Barlow Condensed', sans-serif; }
        .font-headline { font-family: 'Public Sans', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c20 0 20 20 40 20s20-20 40-20' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 30c20 0 20 20 40 20s20-20 40-20' stroke='%23B9954F' stroke-opacity='0.05' fill='none'/%3E%3C/svg%3E");
        }

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }

        .pulse-green {
            animation: pulse-animation 2s infinite;
        }

        @keyframes pulse-animation {
            0% { box-shadow: 0 0 0 0px rgba(34, 197, 94, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }
            100% { box-shadow: 0 0 0 0px rgba(34, 197, 94, 0); }
        }

        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [60] used by 1 file(s): 059_exia detalle financiero por lodge.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='1000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 250 50 500 100 T 1000 100' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 300 Q 250 250 500 300 T 1000 300' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 500 Q 250 450 500 500 T 1000 500' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 700 Q 250 650 500 700 T 1000 700' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 900 Q 250 850 500 900 T 1000 900' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #F8F3E7;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
            border-radius: 10px;
        }

/* ---------------------------------------------------------------------
   [61] used by 1 file(s): 060_exia duplicar experiencia exp 2026 001.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15v5H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15v5H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15v5H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15v5H0v-20zm0-40c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15v5H0v-20z' fill='%23B9954F' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
        }
        .custom-checkbox:checked {
            background-color: #4A463A;
            border-color: #B9954F;
        }

/* ---------------------------------------------------------------------
   [62] used by 1 file(s): 061_exia editar contacto jos p rez.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        
        /* Subtle Topographic Pattern */
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/cubes.png"); /* Fallback subtle texture */
            position: relative;
        }
        .topo-bg::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10C30 10 30 30 50 30S70 10 90 10S110 30 130 30S150 10 170 10S190 30 210 30' stroke='%234A463A' fill='none'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [63] used by 1 file(s): 062_exia editar empresa pescasur s.a.a.html
   first line: body {
--------------------------------------------------------------------- */
body {
            font-family: 'Inter', sans-serif;
            background-color: #F8F3E7;
            background-image: 
                radial-gradient(#B9954F 0.5px, transparent 0.5px),
                linear-gradient(to right, rgba(185, 149, 79, 0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(185, 149, 79, 0.03) 1px, transparent 1px);
            background-size: 20px 20px, 40px 40px, 40px 40px;
        }
        
        .topo-bg {
            position: fixed;
            inset: 0;
            z-index: -1;
            opacity: 0.08;
            pointer-events: none;
        }

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }

        .active-nav-border {
            border-left: 4px solid #B9954F;
        }
        
        input:focus, select:focus, textarea:focus {
            outline: none !important;
            border-color: #B9954F !important;
            ring: 2px solid #B9954F !important;
        }

/* ---------------------------------------------------------------------
   [64] used by 1 file(s): 063_exia editar empresa pescasur s.a.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.08'/%3E%3Cpath d='M0 200 Q 100 150 200 200 T 400 200' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.08'/%3E%3Cpath d='M0 300 Q 150 250 300 300 T 400 300' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E");
            background-repeat: repeat;
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }

/* ---------------------------------------------------------------------
   [65] used by 1 file(s): 064_exia editar experiencia exp 2026 001.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        
        /* Custom scrollbar for olive sidebar */
        .sidebar-scroll::-webkit-scrollbar { width: 4px; }
        .sidebar-scroll::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); }
        .sidebar-scroll::-webkit-scrollbar-thumb { background: #B9954F; }

        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10C30 10 30 30 50 30S70 50 90 50' stroke='%23B9954F' stroke-opacity='0.05' fill='none'/%3E%3Cpath d='M0 40C20 40 20 60 40 60S60 80 80 80' stroke='%23B9954F' stroke-opacity='0.05' fill='none'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [66] used by 1 file(s): 065_exia editar usuario mar a l pez.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      .bg-topographic {
        background-color: #F8F3E7;
        background-image: url("https://www.transparenttextures.com/patterns/topography.png");
        background-repeat: repeat;
      }
      .font-headline { font-family: 'Barlow Condensed', sans-serif; }
      .font-body { font-family: 'Inter', sans-serif; }
      
      input:focus, select:focus, textarea:focus {
        outline: none !important;
        border-color: #B9954F !important;
        ring: 1px !important;
        ring-color: #B9954F !important;
      }

/* ---------------------------------------------------------------------
   [67] used by 1 file(s): 066_exia editor de plantilla de experiencia 1.html
   first line: body { font-family: 'Inter', sans-serif; background-color: #F8F3E7; }
--------------------------------------------------------------------- */
body { font-family: 'Inter', sans-serif; background-color: #F8F3E7; }
        .font-display { font-family: 'Public Sans', sans-serif; }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
        .paper-texture {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .topo-lines {
            position: absolute;
            inset: 0;
            z-index: 0;
            opacity: 0.08;
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100C50 120 150 80 200 100C250 120 350 120 400 100M0 200C100 180 150 250 250 200C350 150 450 200 400 250M0 300C80 280 180 320 280 300C380 280 400 350 400 300' fill='none' stroke='%23B9954F' stroke-width='1'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [68] used by 1 file(s): 067_exia editor de plantilla de experiencia 2.html
   first line: .font-display { font-family: 'Barlow Condensed', sans-serif; }
--------------------------------------------------------------------- */
.font-display { font-family: 'Barlow Condensed', sans-serif; }
        .font-headline { font-family: 'Public Sans', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
        
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='800' height='800' viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100C150 150 250 50 400 100C550 150 650 50 800 100V105C650 55 550 155 400 105C250 55 150 155 0 105V100Z' fill='%23B9954F' fill-opacity='0.08'/%3E%3Cpath d='M0 300C150 350 250 250 400 300C550 350 650 250 800 300V305C650 255 550 355 400 305C250 255 150 355 0 305V300Z' fill='%23B9954F' fill-opacity='0.08'/%3E%3Cpath d='M0 500C150 550 250 450 400 500C550 550 650 450 800 500V505C650 455 550 555 400 505C250 455 150 555 0 505V500Z' fill='%23B9954F' fill-opacity='0.08'/%3E%3Cpath d='M0 700C150 750 250 650 400 700C550 750 650 650 800 700V705C650 655 550 755 400 705C250 655 150 755 0 705V700Z' fill='%23B9954F' fill-opacity='0.08'/%3E%3C/svg%3E");
            background-attachment: fixed;
        }

        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.4;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        
        .custom-scrollbar::-webkit-scrollbar { width: 6px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F44; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [69] used by 1 file(s): 068_exia editor de plantilla de experiencia 3.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-20 100 10 150-10s80-60 130-50 70 40 120 20M-20 300c40 10 80-20 120 0s60 50 100 40 90-30 140-10M50 0c20 50-10 100 10 150s60 80 50 130-40 70-20 120M150-20c-10 40 20 80 0 120s-50 60-40 100 30 90 10 140M300 420c-30-50 20-100-10-150s-70-80-60-130 50-70 30-120' stroke='%23B9954F' stroke-width='0.8' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.1);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [70] used by 1 file(s): 069_exia editor de plantilla de experiencia 4.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .parchment-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 86c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm76-52c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm-3 46c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zM14 54c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1z' fill='%23B9954F' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
        }
        .topographic-lines {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 0;
            opacity: 0.08;
            stroke: #B9954F;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #333025;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [71] used by 1 file(s): 070_exia editor de plantilla de experiencia 5.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q100 350 200 380 T400 380 M0 300 Q100 270 200 300 T400 300 M0 220 Q100 190 200 220 T400 220 M0 140 Q100 110 200 140 T400 140 M0 60 Q100 30 200 60 T400 60' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-attachment: fixed;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(74, 70, 58, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [72] used by 1 file(s): 071_exia editor de plantilla de experiencia 6.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100 M0 200 Q 100 150 200 200 T 400 200 M0 300 Q 100 250 200 300 T 400 300' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.08'/%3E%3C/svg%3E");
            background-attachment: fixed;
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
        }
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #333025; }
        ::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [73] used by 1 file(s): 072_exia error 403 acceso denegado.html
   first line: .topographic-bg {
--------------------------------------------------------------------- */
.topographic-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='800' height='800' viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'%3E%3Cpath d='M80 120c40-20 80-20 120 0s80 60 120 60 80-40 120-40 80 20 120 20'/%3E%3Cpath d='M0 200c40-20 80-20 120 0s80 60 120 60 80-40 120-40 80 20 120 20 80 60 120 60'/%3E%3Cpath d='M40 300c40-20 80-20 120 0s80 60 120 60 80-40 120-40 80 20 120 20'/%3E%3Cpath d='M100 400c40-20 80-20 120 0s80 60 120 60 80-40 120-40 80 20 120 20'/%3E%3Cpath d='M0 500c40-20 80-20 120 0s80 60 120 60 80-40 120-40 80 20 120 20'/%3E%3C/g%3E%3C/svg%3E");
            background-size: cover;
        }
        
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }

        .letter-spacing-widest {
            letter-spacing: 0.25em;
        }

/* ---------------------------------------------------------------------
   [74] used by 1 file(s): 073_exia error 500 error interno.html
   first line: .topo-texture {
--------------------------------------------------------------------- */
.topo-texture {
            background-image: url("data:image/svg+xml,%3Csvg width='800' height='800' viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100c50-10 100 20 150 20s100-30 150-30 100 40 150 40 100-20 150-20 100 30 150 30M0 200c50 20 100-10 150-10s100 30 150 30 100-20 150-20 100 40 150 40 100-10 150-10M0 300c80-15 160 15 240 15s160-30 240-30 160 25 240 25 160-10 240-10M0 400c40 10 80 10 120 0s80-20 120-20 80 10 120 20 80 10 120 0 80-20 120-20 80 10 120 20M0 500c60-20 120 0 180 0s120-20 180-20 120 20 180 20 120-10 180-10M0 600c100 10 200-20 300-20s200 30 300 30 200-10 300-10M0 700c50 5 100-5 150-5s100 15 150 15 100-20 150-20 100 15 150 15 100-10 150-10' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.15'/%3E%3C/svg%3E");
            background-repeat: repeat;
        }
        
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }

        .btn-hover-effect {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

/* ---------------------------------------------------------------------
   [75] used by 1 file(s): 074_exia estad sticas de flota y eficiencia log stica.html
   first line: body { font-family: 'Inter', sans-serif; }
--------------------------------------------------------------------- */
body { font-family: 'Inter', sans-serif; }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
        
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 311.1c6.5-1.5 13.1-2.9 19.8-4.2 14.2-2.7 28.5-5 43-6.9 14.5-1.9 29-3.4 43.6-4.6 14.6-1.2 29.3-2.1 44.1-2.7 29.5-1.2 59.2-1.2 88.8-.1 14.8.6 29.5 1.5 44.2 2.7 14.6 1.2 29.2 2.7 43.7 4.5 14.4 1.9 28.8 4.1 43.1 6.8 6.7 1.3 13.3 2.7 19.8 4.2v1.5c-6.5-1.5-13.1-2.9-19.8-4.2-14.2-2.7-28.5-5-43-6.9-14.5-1.9-29-3.4-43.6-4.6-14.6-1.2-29.3-2.1-44.1-2.7-29.5-1.2-59.2-1.2-88.8-.1-14.8.6-29.5 1.5-44.2 2.7-14.6 1.2-29.2 2.7-43.7 4.5-14.4 1.9-28.8 4.1-43.1 6.8-6.7 1.3-13.3 2.7-19.8 4.2v-1.5zm0-44.4c6.5-1.5 13.1-2.9 19.8-4.2 14.2-2.7 28.5-5 43-6.9 14.5-1.9 29-3.4 43.6-4.6 14.6-1.2 29.3-2.1 44.1-2.7 29.5-1.2 59.2-1.2 88.8-.1 14.8.6 29.5 1.5 44.2 2.7 14.6 1.2 29.2 2.7 43.7 4.5 14.4 1.9 28.8 4.1 43.1 6.8 6.7 1.3 13.3 2.7 19.8 4.2v1.5c-6.5-1.5-13.1-2.9-19.8-4.2-14.2-2.7-28.5-5-43-6.9-14.5-1.9-29-3.4-43.6-4.6-14.6-1.2-29.3-2.1-44.1-2.7-29.5-1.2-59.2-1.2-88.8-.1-14.8.6-29.5 1.5-44.2 2.7-14.6 1.2-29.2 2.7-43.7 4.5-14.4 1.9-28.8 4.1-43.1 6.8-6.7 1.3-13.3 2.7-19.8 4.2v-1.5z' fill='%23B9954F' fill-opacity='0.08'/%3E%3C/svg%3E");
        }

        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }

/* ---------------------------------------------------------------------
   [76] used by 1 file(s): 075_exia etiquetas de contactos 1.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topographic-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400C50 380 100 390 150 370C200 350 250 320 300 330C350 340 400 310 450 320' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3Cpath d='M0 350C60 330 110 340 160 320C210 300 260 270 310 280C360 290 410 260 460 270' fill='none' stroke='%23B9954F' stroke-opacity='0.03'/%3E%3Cpath d='M0 300C70 280 120 290 170 270C220 250 270 220 320 230C370 240 420 210 470 220' fill='none' stroke='%23B9954F' stroke-opacity='0.04'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [77] used by 1 file(s): 076_exia etiquetas de contactos 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .bg-topographic {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-5 60 0 40 15 60 15 40-5 60-15M0 300c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-5 60 0 40 15 60 15 40-5 60-15M0 220c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-5 60 0 40 15 60 15 40-5 60-15M0 140c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-5 60 0 40 15 60 15 40-5 60-15M0 60c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-5 60 0 40 15 60 15 40-5 60-15' fill='none' stroke='%23B9954F' stroke-opacity='0.05' stroke-width='1'/%3E%3C/svg%3E");
        }
        .modal-blur {
            backdrop-filter: blur(4px);
        }

/* ---------------------------------------------------------------------
   [78] used by 1 file(s): 077_exia facturaci n y gesti n de cobros 1.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 40C30 50 40 10 70 30S100 50 130 20s40-30 80-10 60 40 100 10 50-30 90-10 50 50 90 20' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M-10 100C20 120 50 80 90 110s70 40 110 0 80-60 140-10 100 50 160 10' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-attachment: fixed;
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: fixed;
            inset: 0;
            opacity: 0.03;
            pointer-events: none;
            background-image: url('https://www.transparenttextures.com/patterns/natural-paper.png');
            z-index: 10;
        }

/* ---------------------------------------------------------------------
   [79] used by 1 file(s): 078_exia facturaci n y gesti n de cobros 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100 M0 200 Q 100 150 200 200 T 400 200 M0 300 Q 100 250 200 300 T 400 300' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(74, 70, 58, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [80] used by 1 file(s): 079_exia gesti n de empresas.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topographic-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100 M0 200 Q 100 150 200 200 T 400 200 M0 300 Q 100 250 200 300 T 400 300' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3C/svg%3E");
        }
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* ---------------------------------------------------------------------
   [81] used by 1 file(s): 080_exia gesti n de gu as y personal de campo.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      .font-headline { font-family: 'Barlow Condensed', sans-serif; }
      body { font-family: 'Inter', sans-serif; background-color: #F8F3E7; }
      
      /* Subtle topographic background effect */
      .topo-bg {
        background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q 100 150 200 200 T 400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q 100 250 200 300 T 400 300' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
      }

/* ---------------------------------------------------------------------
   [82] used by 1 file(s): 081_exia gesti n de inventario de armer a.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 200 Q 100 150 200 200 T 400 200' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 300 Q 100 250 200 300 T 400 300' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.03;
            pointer-events: none;
            background-image: url('https://www.transparenttextures.com/patterns/natural-paper.png');
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }

/* ---------------------------------------------------------------------
   [83] used by 1 file(s): 082_exia gesti n de inventario global.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400C100 350 200 450 300 400C400 350 450 250 400 150C350 50 250 100 150 50C50 0 0 100 0 150V400Z' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.08'/%3E%3Cpath d='M400 0C300 50 200 -50 100 0C0 50 -50 150 0 250C50 350 150 300 250 350C350 400 400 300 400 250V0Z' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [84] used by 1 file(s): 083_exia gesti n de reservas profesional.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 320c40-10 80-5 120 10s80 30 120 20 80-40 120-50 40 10 40 10v90H0v-80z' fill='%23B9954F' fill-opacity='0.04'/%3E%3Cpath d='M0 120c40 10 80 5 120-10s80-30 120-20 80 40 120 50 40-10 40-10v200H0V120z' fill='%23B9954F' fill-opacity='0.03'/%3E%3C/svg%3E");
            background-repeat: repeat;
        }
        .paper-texture {
            background-color: #F8F3E7;
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.4;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(74, 70, 58, 0.1);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [85] used by 1 file(s): 084_exia gesti n de usuarios.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        
        /* Subtle topographic background pattern */
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 340c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 300c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 260c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 220c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 180c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 140c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 100c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 60c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 20c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.1'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [86] used by 1 file(s): 084_exia gesti n de usuarios.html
   first line: /* Ripple effect */
--------------------------------------------------------------------- */
/* Ripple effect */
        .ripple {
            position: absolute;
            border-radius: 50%;
            background-color: rgba(185, 149, 79, 0.2);
            transform: scale(0);
            animation: ripple-animation 0.6s linear;
            pointer-events: none;
        }

        @keyframes ripple-animation {
            to {
                transform: scale(4);
                opacity: 0;
            }
        }

/* ---------------------------------------------------------------------
   [87] used by 1 file(s): 085_exia historial de fallas cr ticas.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q100 350 200 380 T400 380 M0 300 Q150 250 300 300 T500 300 M-100 200 Q100 150 300 200 T700 200 M0 100 Q200 50 400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-color: #F8F3E7;
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #F8F3E7;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [88] used by 1 file(s): 086_exia historial de mantenimiento de armer a.html
   first line: body {
--------------------------------------------------------------------- */
body {
            background-color: #F8F3E7;
            background-image: 
                radial-gradient(#B9954F 0.5px, transparent 0.5px),
                linear-gradient(to right, rgba(185, 149, 79, 0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(185, 149, 79, 0.05) 1px, transparent 1px);
            background-size: 40px 40px, 100px 100px, 100px 100px;
            font-family: 'Inter', sans-serif;
        }

        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        
        .topo-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0.08;
            pointer-events: none;
        }

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.1);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

        .glass-panel {
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(8px);
        }

/* ---------------------------------------------------------------------
   [89] used by 1 file(s): 087_exia historial de movimientos de stock.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400c100-20 200-80 400-80M0 320c150-40 250-100 400-100M0 240c120-60 220-140 400-140M0 160C80 120 180 40 400 40' fill='none' stroke='%23B9954F' stroke-width='1' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
            border-radius: 2px;
        }

/* ---------------------------------------------------------------------
   [90] used by 1 file(s): 088_exia historial de rutas de veh culo toyota hilux 04.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q 50 150 100 200 T 200 200 T 300 200 T 400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q 50 250 100 300 T 200 300 T 300 300 T 400 300' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 6px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F40; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [91] used by 1 file(s): 089_exia ingreso con c digo mfa.html
   first line: .topographic-bg {
--------------------------------------------------------------------- */
.topographic-bg {
        background-color: #F8F3E7;
        background-image: url("https://www.transparenttextures.com/patterns/topography.png"); /* Simple topographic pattern */
        background-blend-mode: multiply;
      }
      
      .otp-input:focus {
        border-color: #B9954F;
        box-shadow: 0 0 0 2px rgba(185, 149, 79, 0.2);
        outline: none;
      }

      /* Chrome, Safari, Edge, Opera */
      input::-webkit-outer-spin-button,
      input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }

      /* Firefox */
      input[type=number] {
        -moz-appearance: textfield;
      }

      .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        display: inline-block;
        vertical-align: middle;
      }

/* ---------------------------------------------------------------------
   [92] used by 1 file(s): 090_exia inventario de repuestos y suministros.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .bg-topo {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 5 60 0M0 340c20-10 40-10 60 0s40 20 60 20 40-10 60-20 40-20 60-20 40 10 60 20 40 10 60 0M0 300c20-15 40-15 60 0s40 25 60 25 40-15 60-25 40-25 60-25 40 15 60 25 40 15 60 0' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }
        .status-badge-confirmed { background: #e8f5e9; color: #2e7d32; }
        .status-badge-pending { background: #fff8e1; color: #f57f17; }
        .status-badge-cancelled { background: #ffebee; color: #c62828; }

/* ---------------------------------------------------------------------
   [93] used by 1 file(s): 092_exia liquidaciones operativas de staff 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: radial-gradient(#B9954F 0.5px, transparent 0.5px);
            background-size: 24px 24px;
            background-color: #F8F3E7;
            position: relative;
        }
        .topo-bg::before {
            content: "";
            position: absolute;
            inset: 0;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
            opacity: 0.4;
            pointer-events: none;
        }
        /* Custom scrollbar for premium look */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #333025; }
        ::-webkit-scrollbar-thumb { background: #B9954F; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [94] used by 1 file(s): 094_exia lista de contactos.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-texture {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3Cpath d='M0 200 Q 80 150 160 200 T 320 200 T 400 200' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3Cpath d='M0 300 Q 30 250 60 300 T 120 300 T 180 300 T 240 300 T 300 300 T 360 300 T 400 300' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.1'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [95] used by 1 file(s): 095_exia listado de expediciones profesional.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        vertical-align: middle;
      }
      .custom-scrollbar::-webkit-scrollbar {
        width: 4px;
      }
      .custom-scrollbar::-webkit-scrollbar-track {
        background: #F8F3E7;
      }
      .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #B9954F;
      }
      .topo-pattern {
        background-color: #F8F3E7;
        background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q100 350 200 380 T400 380' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 320 Q100 290 200 320 T400 320' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 260 Q100 230 200 260 T400 260' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q100 170 200 200 T400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 140 Q100 110 200 140 T400 140' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 80 Q100 50 200 80 T400 80' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
      }

/* ---------------------------------------------------------------------
   [96] used by 1 file(s): 096_exia listado de experiencias.html
   first line: .font-headline { font-family: 'Barlow Condensed', sans-serif; }
--------------------------------------------------------------------- */
.font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        .font-label { font-family: 'Inter', sans-serif; }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        /* Custom scrollbar for premium look */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #F8F3E7; }
        ::-webkit-scrollbar-thumb { background: #B9954F40; border-radius: 3px; }
        ::-webkit-scrollbar-thumb:hover { background: #B9954F; }
        
        .topo-texture {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q 50 350 100 380 T 200 380 T 300 380 T 400 380 M0 340 Q 50 310 100 340 T 200 340 T 300 340 T 400 340 M0 300 Q 50 270 100 300 T 200 300 T 300 300 T 400 300 M0 260 Q 50 230 100 260 T 200 260 T 300 260 T 400 260' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [97] used by 1 file(s): 097_exia listado de pasajeros profesional.html
   first line: body {
--------------------------------------------------------------------- */
body {
            font-family: 'Inter', sans-serif;
            background-color: #F8F3E7;
            background-image: radial-gradient(#B9954F 0.5px, transparent 0.5px);
            background-size: 24px 24px;
            background-color: #F8F3E7;
        }
        .topo-bg {
            position: fixed;
            inset: 0;
            z-index: -1;
            opacity: 0.08;
            pointer-events: none;
            background-image: url("data:image/svg+xml,%3Csvg width='800' height='800' viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 200c100 0 100-50 200-50s100 50 200 50 100-50 200-50 100 50 200 50M0 400c100 0 100-50 200-50s100 50 200 50 100-50 200-50 100 50 200 50M0 600c100 0 100-50 200-50s100 50 200 50 100-50 200-50 100 50 200 50' fill='none' stroke='%23B9954F' stroke-width='1'/%3E%3C/svg%3E");
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .progress-bar { transition: width 1s ease-in-out; }

/* ---------------------------------------------------------------------
   [98] used by 1 file(s): 098_exia log stica de transfers y traslados.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50, 100 100 T 200 100 T 300 100 T 400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q 50 150, 100 200 T 200 200 T 300 200 T 400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q 50 250, 100 300 T 200 300 T 300 300 T 400 300' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
            background-color: #F8F3E7;
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 6px;
            width: 6px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
            border-radius: 10px;
        }

/* ---------------------------------------------------------------------
   [99] used by 1 file(s): 099_exia login access.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .bg-overlay {
            background-color: rgba(74, 70, 58, 0.65);
            backdrop-filter: blur(2px);
        }
        .topographic-pattern {
            background-image: url("https://www.transparenttextures.com/patterns/topography.png");
            opacity: 0.05;
        }

/* ---------------------------------------------------------------------
   [100] used by 1 file(s): 100_exia m tricas de eficiencia operativa.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 Q 50 40 90 10 T 170 10 T 250 10 T 330 10 T 410 10' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M10 50 Q 60 90 110 50 T 210 50 T 310 50 T 410 50' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M10 100 Q 70 140 130 100 T 250 100 T 370 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* ---------------------------------------------------------------------
   [101] used by 1 file(s): 101_exia mapa del ecosistema.html
   first line: body {
--------------------------------------------------------------------- */
body {
            background-color: #F8F3E7;
            background-image: 
                linear-gradient(rgba(185, 149, 79, 0.03) 1px, transparent 1px),
                linear-gradient(90px, rgba(185, 149, 79, 0.03) 1px, transparent 1px);
            background-size: 40px 40px;
            font-family: 'Inter', sans-serif;
            color: #333025;
        }

        .topo-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0.08;
            pointer-events: none;
        }

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }

        .premium-card {
            background: white;
            border: 1px solid rgba(185, 149, 79, 0.2);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .premium-card:hover {
            border-color: #B9954F;
            transform: translateY(-2px);
            box-shadow: 0 10px 30px -10px rgba(74, 70, 58, 0.15);
        }

        .nav-item-active {
            background-color: #4A463A;
            color: #B9954F;
            border-left: 4px solid #B9954F;
        }

        .section-header {
            font-family: 'Barlow Condensed', sans-serif;
            letter-spacing: 0.1em;
        }

        .glass-header {
            background: rgba(74, 70, 58, 0.85);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid #B9954F;
        }
        
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: transparent;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
            border-radius: 10px;
        }

/* ---------------------------------------------------------------------
   [102] used by 1 file(s): 102_exia mi perfil.html
   first line: body {
--------------------------------------------------------------------- */
body {
            background-color: #F8F3E7;
            color: #2B2925;
            font-family: 'Inter', sans-serif;
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .font-headline {
            font-family: 'Barlow Condensed', sans-serif;
            letter-spacing: 0.05em;
        }
        .bg-topo {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c40-10 80-30 120-20s80 40 120 30 80-50 120-40' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3Cpath d='M0 320c50 20 100 0 150-10s100 30 150 10 100-40 100-40' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [103] used by 1 file(s): 103_exia monitoreo de flota en tiempo real.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-20 100-20 150-10s100 30 150 10 100-50 100-50M0 300c50-10 100 10 150 0s100-40 150-20 100 30 100 30M0 200c80-30 150 20 250 0s150-50 150-50M0 100c100-20 200 30 300 0s100-60 100-60' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F44; border-radius: 10px; }
        .asset-active { border-left: 4px solid #B9954F; }

/* ---------------------------------------------------------------------
   [104] used by 1 file(s): 104_exia nueva empresa.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      .custom-scrollbar::-webkit-scrollbar {
        width: 4px;
      }
      .custom-scrollbar::-webkit-scrollbar-track {
        background: transparent;
      }
      .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #B9954F33;
        border-radius: 10px;
      }
      .topo-bg {
        background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 340c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 300c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 260c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 220c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10' fill='none' stroke='%23B9954F' stroke-opacity='0.05' stroke-width='1'/%3E%3C/svg%3E");
      }

/* ---------------------------------------------------------------------
   [105] used by 1 file(s): 105_exia nueva expedici n itinerario y log stica.html
   first line: .parchment-texture {
--------------------------------------------------------------------- */
.parchment-texture {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .topo-svg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 0;
            opacity: 0.08;
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        .timeline-line::before {
            content: '';
            position: absolute;
            left: 27px;
            top: 0;
            bottom: 0;
            width: 2px;
            background-color: #B9954F;
            opacity: 0.3;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.1);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [106] used by 1 file(s): 106_exia nueva expedici n recursos y equipo.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-20 100-10 150-30s100-60 150-60 100 20 150 10' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 320c40 10 80 0 120-20s80-40 120-40 80 10 120 10' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 260c30 5 60-5 90-15s60-30 90-30 60 5 90 5' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F44; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [107] used by 1 file(s): 107_exia nueva expedici n resumen y confirmaci n.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topographic-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400C150 350 250 450 400 400M0 300C100 250 200 350 400 300M0 200C150 150 250 250 400 200M0 100C100 50 200 150 400 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-color: #F8F3E7;
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.1);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [108] used by 1 file(s): 108_exia nueva experiencia paso 1.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .step-active { color: #B9954F; font-weight: 700; }
        .form-input-focus:focus { border-color: #B9954F; outline: none; ring: 1px solid #B9954F; }
        .topographic-bg {
            background-image: url("https://www.transparenttextures.com/patterns/topography.png");
            opacity: 0.05;
        }

/* ---------------------------------------------------------------------
   [109] used by 1 file(s): 109_exia nueva orden de reposici n.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q100 350 200 380 T400 380' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 320 Q100 290 200 320 T400 320' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 260 Q100 230 200 260 T400 260' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q100 170 200 200 T400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 140 Q100 110 200 140 T400 140' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 80 Q100 50 200 80 T400 80' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [110] used by 1 file(s): 110_exia nueva reserva localizaci n y fechas paso 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-lines {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-10 100-30 150-30s100 20 150 20 100-20 100-20M0 340c50-10 100-40 150-40s100 30 150 30 100-30 100-30M0 300c50-10 100-50 150-50s100 40 150 40 100-40 100-40M0 260c50-10 100-60 150-60s100 50 150 50 100-50 100-50M0 220c50-10 100-70 150-70s100 60 150 60 100-60 100-60M0 180c50-10 100-80 150-80s100 70 150 70 100-70 100-70M0 140c50-10 100-90 150-90s100 80 150 80 100-80 100-80M0 100c50-10 100-100 150-100s100 90 150 90 100-90 100-90' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
        }
        .step-completed { @apply bg-olive text-primary; }
        .step-active { @apply border-2 border-primary text-olive font-bold; }
        .step-inactive { @apply border border-gray-300 text-gray-400; }
        
        /* Custom Scrollbar for side panel */
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [111] used by 1 file(s): 111_exia nueva reserva recursos y equipamiento paso 3.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100' stroke='%23B9954F' fill='none' opacity='0.08'/%3E%3Cpath d='M0 200 Q 100 150 200 200 T 400 200' stroke='%23B9954F' fill='none' opacity='0.08'/%3E%3Cpath d='M0 300 Q 100 250 200 300 T 400 300' stroke='%23B9954F' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-color: #F8F3E7;
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #333025; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [112] used by 1 file(s): 112_exia nuevo contacto.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        body { font-family: 'Inter', sans-serif; background-color: #F8F3E7; }
        
        /* Custom scrollbar for olive sidebar */
        .sidebar-scroll::-webkit-scrollbar { width: 4px; }
        .sidebar-scroll::-webkit-scrollbar-track { background: rgba(185, 149, 79, 0.05); }
        .sidebar-scroll::-webkit-scrollbar-thumb { background: rgba(185, 149, 79, 0.2); }

        /* Topographic Background Pattern */
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 250c50-20 100-20 150 0s100 20 150 0 100-20 150 0v1H0v-1zm0 50c50-20 100-20 150 0s100 20 150 0 100-20 150 0v1H0v-1zm0 50c50-20 100-20 150 0s100 20 150 0 100-20 150 0v1H0v-1zm0 50c50-20 100-20 150 0s100 20 150 0 100-20 150 0v1H0v-1zm0 50c50-20 100-20 150 0s100 20 150 0 100-20 150 0v1H0v-1z' fill='%23B9954F' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [113] used by 1 file(s): 112_exia nuevo contacto.html
   first line: .swal2-popup {
--------------------------------------------------------------------- */
.swal2-popup {
            border-radius: 4px !important;
            font-family: 'Inter', sans-serif !important;
            background: #F8F3E7 !important;
            border: 1px solid rgba(185, 149, 79, 0.3) !important;
        }
        .swal2-title {
            font-family: 'Barlow Condensed', sans-serif !important;
            font-weight: 800 !important;
            text-transform: uppercase !important;
            letter-spacing: 0.05em !important;
            color: #4A463A !important;
        }
        .swal2-styled.swal2-confirm {
            background-color: #4A463A !important;
            border-radius: 2px !important;
            font-family: 'Barlow Condensed', sans-serif !important;
            font-weight: bold !important;
            text-transform: uppercase !important;
            letter-spacing: 0.1em !important;
        }
        .swal2-styled.swal2-cancel {
            background-color: transparent !important;
            color: #4A463A !important;
            border: 1px solid #4A463A !important;
            border-radius: 2px !important;
            font-family: 'Barlow Condensed', sans-serif !important;
            font-weight: bold !important;
            text-transform: uppercase !important;
            letter-spacing: 0.1em !important;
        }
        .swal2-icon.swal2-warning {
            border-color: #B9954F !important;
            color: #B9954F !important;
        }

/* ---------------------------------------------------------------------
   [114] used by 1 file(s): 113_exia nuevo contacto alerta duplicado.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .bg-topographic {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/topography.png");
            background-attachment: fixed;
        }
        /* Custom accessibility focus */
        input:focus, select:focus, textarea:focus {
            outline: 2px solid #B9954F;
            outline-offset: 1px;
            border-color: transparent !important;
        }

/* ---------------------------------------------------------------------
   [115] used by 1 file(s): 114_exia nuevo pasajero profesional.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c20 5 40 10 60 5s40-20 60-15 40 30 60 25 40-15 60-10' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 50c30-5 60-10 90-5s60 25 90 20 60-15 90-10 60 30 90 25' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-repeat: repeat;
        }
        .paper-texture {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .step-active { border-color: #B9954F; color: #B9954F; }
        .step-pending { border-color: #e5e7eb; color: #9ca3af; }

/* ---------------------------------------------------------------------
   [116] used by 1 file(s): 115_exia nuevo servicio de upselling.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q 50 150 100 200 T 200 200 T 300 200 T 400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q 50 250 100 300 T 200 300 T 300 300 T 400 300' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
        }
        input:focus, textarea:focus, select:focus {
            outline: none !important;
            border-color: #B9954F !important;
            box-shadow: 0 0 0 2px rgba(185, 149, 79, 0.2) !important;
        }

/* ---------------------------------------------------------------------
   [117] used by 1 file(s): 116_exia nuevo ticket de soporte.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100 M0 200 Q 100 150 200 200 T 400 200 M0 300 Q 100 250 200 300 T 400 300' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .active-priority-low { border-color: #10B981; background-color: #ECFDF5; color: #065F46; }
        .active-priority-medium { border-color: #F59E0B; background-color: #FFFBEB; color: #92400E; }
        .active-priority-high { border-color: #EF4444; background-color: #FEF2F2; color: #991B1B; }
        .active-priority-urgent { border-color: #7F1D1D; background-color: #450A0A; color: #FFFFFF; }

/* ---------------------------------------------------------------------
   [118] used by 1 file(s): 117_exia nuevo usuario.html
   first line: .font-headline { font-family: 'Barlow Condensed', sans-serif; }
--------------------------------------------------------------------- */
.font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        /* Custom scrollbar for sidebar */
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(185, 149, 79, 0.3); border-radius: 10px; }
        
        .topographic-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 340c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 300c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10M0 260c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 40-10' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.1'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [119] used by 1 file(s): 118_exia operativa de lodge gesti n diaria 1.html
   first line: body {
--------------------------------------------------------------------- */
body {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 86c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zm76-52c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm-3-11c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zM10 5c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm2 80c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm95 88c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm-3-45c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm-10-10c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm-7-2c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm-28 28c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1zm-2 7c.552 0 1-.448 1-1s-.448-1-1-1-1 .448-1 1 .448 1 1 1z' fill='%23B9954F' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
            border-radius: 10px;
        }
        .topographic-lines {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg width='1000' height='1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 250 50 500 100 T 1000 100 M0 200 Q 250 150 500 200 T 1000 200 M0 300 Q 250 250 500 300 T 1000 300' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
            pointer-events: none;
            z-index: 0;
        }

/* ---------------------------------------------------------------------
   [120] used by 1 file(s): 119_exia operativa de lodge gesti n diaria 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .bg-topographic {
            background-image: url("data:image/svg+xml,%3Csvg width='800' height='800' viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 200 50 400 100 T 800 100 M0 200 Q 150 150 300 200 T 600 250 T 800 200 M0 300 Q 250 350 500 300 T 800 350 M0 450 Q 200 400 400 450 T 800 400 M0 600 Q 300 650 600 600 T 800 650 M0 750 Q 400 700 800 750' stroke='%23B9954F' stroke-width='1' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-size: cover;
        }
        .font-display { font-family: 'Barlow Condensed', sans-serif; }
        .sidebar-item-active { background-color: #4A463A; color: #B9954F; border-left: 4px solid #B9954F; }

/* ---------------------------------------------------------------------
   [121] used by 1 file(s): 120_exia p gina no encontrada 404.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
      }
      .topo-bg {
        background-color: #F8F3E7;
        background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q 50 350 100 380 T 200 380 T 300 380 T 400 380 M0 330 Q 50 300 100 330 T 200 330 T 300 330 T 400 330 M0 280 Q 50 250 100 280 T 200 280 T 300 280 T 400 280 M0 230 Q 50 200 100 230 T 200 230 T 300 230 T 400 230 M0 180 Q 50 150 100 180 T 200 180 T 300 180 T 400 180 M0 130 Q 50 100 100 130 T 200 130 T 300 130 T 400 130 M0 80 Q 50 50 100 80 T 200 80 T 300 80 T 400 80 M0 30 Q 50 0 100 30 T 200 30 T 300 30 T 400 30' fill='none' stroke='%23B9954F' stroke-width='0.5' opacity='0.2'/%3E%3C/svg%3E");
      }
      .tracking-widest-xl {
        letter-spacing: 0.25em;
      }

/* ---------------------------------------------------------------------
   [122] used by 1 file(s): 121_exia panel de actividad de llamadas voip.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        
        /* Subtle Topographic Background Pattern */
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 C 20 0 50 0 100 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.1);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
            border-radius: 10px;
        }

        /* Hover effect for clickable rows */
        .table-row-hover:hover {
            background-color: rgba(185, 149, 79, 0.03);
        }

/* ---------------------------------------------------------------------
   [123] used by 1 file(s): 122_exia panel de alertas de seguridad.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C40 10 60 40 90 30S140 10 170 20s50 40 80 30 50-20 80-10 40 40 70 30' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M10 60C40 50 60 80 90 70s50-20 80-10 50 40 80 30 50-20 80-10 40 40 70 30' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [124] used by 1 file(s): 123_exia panel de control hangfire gesti n de jobs 1.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400C100 400 150 350 200 350C250 350 300 400 400 400M0 300C50 300 100 250 150 250C250 250 300 300 400 300M0 200C100 200 150 150 200 150C250 150 300 200 400 200M0 100C50 100 100 50 150 50C250 50 300 100 400 100' stroke='%23B9954F' fill='none' stroke-opacity='0.08'/%3E%3C/svg%3E");
            background-color: #F8F3E7;
        }
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }
        .status-pill {
            padding: 2px 8px;
            font-size: 10px;
            font-weight: 700;
            text-transform: uppercase;
            border-radius: 2px;
        }

/* ---------------------------------------------------------------------
   [125] used by 1 file(s): 124_exia panel de control hangfire gesti n de jobs 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
            line-height: 1;
        }
        .topo-bg {
            background-image: 
                linear-gradient(rgba(248, 243, 231, 0.97), rgba(248, 243, 231, 0.97)),
                url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 310c50-20 100 10 150 0s100-50 150-30 100 20 150 0M0 210c50-20 100 10 150 0s100-50 150-30 100 20 150 0M0 110c50-20 100 10 150 0s100-50 150-30 100 20 150 0M0 10c50-20 100 10 150 0s100-50 150-30 100 20 150 0' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-repeat: repeat;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(0,0,0,0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [126] used by 1 file(s): 125_exia par metros generales.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .font-body { font-family: 'Inter', sans-serif; }
        
        /* Subtle topographic background pattern */
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/pinstripe.png"); /* Using a subtle fallback texture instead of complex SVG data-uri */
            background-opacity: 0.05;
        }

        /* Custom scrollbar for olive sidebar */
        .sidebar-scroll::-webkit-scrollbar { width: 4px; }
        .sidebar-scroll::-webkit-scrollbar-track { background: #4A463A; }
        .sidebar-scroll::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [127] used by 1 file(s): 126_exia plantillas de email.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .syntax-placeholder {
            color: #B9954F;
            font-weight: 600;
            background: rgba(185, 149, 79, 0.1);
            padding: 0 2px;
            border-radius: 2px;
        }
        .topographic-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-10 80-40 120-40s70 30 120 30 80-30 120-30 40 20 40 20M0 320c40-10 70-30 110-30s80 40 130 40 70-20 110-20 50 10 50 10M0 260c60-20 90-10 140-10s60 30 110 30 90-40 150-40M0 200c40-10 80-10 120-10s70 20 120 20 80-20 160-20M0 140c50-10 90 20 140 20s80-30 130-30 90 10 130 10M0 80c40 10 80-20 130-20s70 30 120 30 80-10 150-10M0 20c60 10 90-10 140-10s70 20 120 20 90-10 140-10' fill='none' stroke='%23B9954F' stroke-width='0.5' stroke-opacity='0.1'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [128] used by 1 file(s): 127_exia plantillas de experiencias.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      .font-headline { font-family: 'Barlow Condensed', sans-serif; }
      .font-body { font-family: 'Inter', sans-serif; }
      
      /* Subtle Topographic Background */
      .topo-bg {
        background-color: #F8F3E7;
        background-image: url("https://www.transparenttextures.com/patterns/cubes.png"); /* Simple texture fallback as I cannot use SVG data URIs */
        background-blend-mode: multiply;
      }

      /* Custom scrollbar */
      ::-webkit-scrollbar { width: 6px; }
      ::-webkit-scrollbar-track { background: #F8F3E7; }
      ::-webkit-scrollbar-thumb { background: #B9954F50; border-radius: 10px; }
      ::-webkit-scrollbar-thumb:hover { background: #B9954F; }

/* ---------------------------------------------------------------------
   [129] used by 1 file(s): 128_exia portal b2b agencias y operadores.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='500' height='500' viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 80 100 100 T 200 100 T 300 100 T 400 100 T 500 100' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 200 Q 50 180 100 200 T 200 200 T 300 200 T 400 200 T 500 200' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 300 Q 50 280 100 300 T 200 300 T 300 300 T 400 300 T 500 300' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M0 400 Q 50 380 100 400 T 200 400 T 300 400 T 400 400 T 500 400' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
            background-repeat: repeat;
        }
        .paper-texture {
            background-color: #F8F3E7;
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            inset: 0;
            opacity: 0.4;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
            pointer-events: none;
        }
        .sidebar-active {
            background-color: #4A463A;
            color: #B9954F;
            border-left: 4px solid #B9954F;
            font-weight: 700;
        }

/* ---------------------------------------------------------------------
   [130] used by 1 file(s): 129_exia portal del pasajero bienvenida.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        .text-shadow-premium {
            text-shadow: 0 4px 12px rgba(0,0,0,0.5);
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q 50 360 100 380 T 200 380 T 300 380 T 400 380 M0 340 Q 50 320 100 340 T 200 340 T 300 340 T 400 340 M0 300 Q 50 280 100 300 T 200 300 T 300 300 T 400 300 M0 260 Q 50 240 100 260 T 200 260 T 300 260 T 400 260 M0 220 Q 50 200 100 220 T 200 220 T 300 220 T 400 220' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [131] used by 1 file(s): 130_exia recepci n de mercader a.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 60-15M0 300c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 60-15M0 220c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 60-15M0 140c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 60-15M0 60c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-15 60-15 40 5 60 15 40 15 60 15 40-5 60-15' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }

/* ---------------------------------------------------------------------
   [132] used by 1 file(s): 131_exia recuperar contrase a.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .bg-overlay {
            background-color: rgba(74, 70, 58, 0.65);
            backdrop-filter: blur(2px);
        }
        .topographic-texture {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c40-10 70-40 100-40s60 30 100 30 70-30 100-30 60 20 100 20M0 340c40-10 70-40 100-40s60 30 100 30 70-30 100-30 60 20 100 20M0 300c40-10 70-40 100-40s60 30 100 30 70-30 100-30 60 20 100 20M0 260c40-10 70-40 100-40s60 30 100 30 70-30 100-30 60 20 100 20M0 220c40-10 70-40 100-40s60 30 100 30 70-30 100-30 60 20 100 20' fill='none' stroke='%23B9954F' stroke-opacity='0.05'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [133] used by 1 file(s): 132_exia registrar falla cr tica.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380 Q 50 350 100 380 T 200 380 T 300 380 T 400 380' stroke='%23B9954F' stroke-opacity='0.08' fill='transparent'/%3E%3Cpath d='M0 320 Q 80 280 160 320 T 320 320 T 480 320' stroke='%23B9954F' stroke-opacity='0.08' fill='transparent'/%3E%3Cpath d='M0 260 Q 40 220 80 260 T 160 260 T 240 260 T 320 260 T 400 260' stroke='%23B9954F' stroke-opacity='0.08' fill='transparent'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        input:focus, select:focus, textarea:focus {
            outline: none !important;
            border-color: #B9954F !important;
            box-shadow: 0 0 0 2px rgba(185, 149, 79, 0.2) !important;
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #F8F3E7;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [134] used by 1 file(s): 133_exia registrar intervenci n t cnica.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10c20 0 20 20 40 20s20-20 40-20 20 20 40 20 20-20 40-20M10 50c20 0 20 20 40 20s20-20 40-20 20 20 40 20 20-20 40-20M10 90c20 0 20 20 40 20s20-20 40-20 20 20 40 20 20-20 40-20M10 130c20 0 20 20 40 20s20-20 40-20 20 20 40 20 20-20 40-20M10 170c20 0 20 20 40 20s20-20 40-20 20 20 40 20 20-20 40-20' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [135] used by 1 file(s): 134_exia registrar mantenimiento de activo.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-15 60-15s40 10 60 10 40-20 60-20 40 15 60 15 40-10 60-10 40 20 60 20v20H0v-20zm0-40c20-5 40-15 60-15s40 10 60 10 40-20 60-20 40 15 60 15 40-10 60-10 40 20 60 20v20H0v-20zm0-40c20-5 40-15 60-15s40 10 60 10 40-20 60-20 40 15 60 15 40-10 60-10 40 20 60 20v20H0v-20zm0-40c20-5 40-15 60-15s40 10 60 10 40-20 60-20 40 15 60 15 40-10 60-10 40 20 60 20v20H0v-20z' fill='%23B9954F' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; }

/* ---------------------------------------------------------------------
   [136] used by 1 file(s): 135_exia registro de accesos.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topographic-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-10 100-50 150-40s100 60 250 20M0 300c80 20 160-20 240 10s80 50 160 30M0 220c40-30 120-10 180-20s120-40 220 10M0 140c60 10 120 40 180 10s120-60 220-20M0 60c100-20 200 40 400 0' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(74, 70, 58, 0.1);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
            border-radius: 2px;
        }

/* ---------------------------------------------------------------------
   [137] used by 1 file(s): 136_exia registro de consumos y cargos.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400c100-20 150-100 200-100s100 80 200 100M0 300c100-20 150-100 200-100s100 80 200 100M0 200c100-20 150-100 200-100s100 80 200 100M0 100c100-20 150-100 200-100s100 80 200 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .sidebar-active {
            background-color: #4A463A;
            color: #B9954F;
            border-left: 4px solid #B9954F;
        }

/* ---------------------------------------------------------------------
   [138] used by 1 file(s): 137_exia registro de nuevo partner b2b.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c40-10 80 10 120 0s80-40 120-20 80 40 120 20 40-20 40-20M0 320c40-10 80 10 120 0s80-40 120-20 80 40 120 20 40-20 40-20M0 260c40-10 80 10 120 0s80-40 120-20 80 40 120 20 40-20 40-20M0 200c40-10 80 10 120 0s80-40 120-20 80 40 120 20 40-20 40-20M0 140c40-10 80 10 120 0s80-40 120-20 80 40 120 20 40-20 40-20' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #333025; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F; }
        
        input:focus, select:focus, textarea:focus {
            outline: none;
            ring: 2px;
            ring-color: #B9954F;
            border-color: #B9954F;
        }

/* ---------------------------------------------------------------------
   [139] used by 1 file(s): 138_exia registro de personal expedition force.html
   first line: body {
--------------------------------------------------------------------- */
body {
            background-color: #F8F3E7;
            background-image: 
                radial-gradient(#B9954F15 1px, transparent 1px),
                linear-gradient(to bottom, #F8F3E7, #F2EBDC);
            background-size: 40px 40px, 100% 100%;
            font-family: 'Inter', sans-serif;
        }
        .topo-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            opacity: 0.05;
            z-index: 0;
            background-image: url("data:image/svg+xml,%3Csvg width='1000' height='1000' viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 500c100-50 200-50 300 0s200 150 300 150 200-100 400-100' fill='none' stroke='%23B9954F' stroke-width='2'/%3E%3Cpath d='M0 300c150-100 300 50 450 50s300-100 550-50' fill='none' stroke='%23B9954F' stroke-width='2'/%3E%3Cpath d='M0 700c200 100 400-50 600 0s200 150 400 50' fill='none' stroke='%23B9954F' stroke-width='2'/%3E%3C/svg%3E");
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }

/* ---------------------------------------------------------------------
   [140] used by 1 file(s): 139_exia reporte de auditor a de incidentes.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: radial-gradient(#B9954F 0.5px, transparent 0.5px);
            background-size: 24px 24px;
            background-color: #F8F3E7;
        }
        /* Custom scrollbar for premium look */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #F8F3E7; }
        ::-webkit-scrollbar-thumb { background: #B9954F; border-radius: 3px; }
        
        .bar-grow {
            transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
        }

/* ---------------------------------------------------------------------
   [141] used by 1 file(s): 140_exia reporte de c maras ia.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50, 100 100 T 200 100 T 300 100 T 400 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 200 Q 50 150, 100 200 T 200 200 T 300 200 T 400 200' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 300 Q 50 250, 100 300 T 200 300 T 300 300 T 400 300' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }
        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #B9954F44; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [142] used by 1 file(s): 141_exia reporte de costos de mantenimiento por categor a.html
   first line: body {
--------------------------------------------------------------------- */
body {
            background-color: #F8F3E7;
            background-image: 
                radial-gradient(circle at 2px 2px, rgba(185, 149, 79, 0.05) 1px, transparent 0);
            background-size: 40px 40px;
            font-family: 'Inter', sans-serif;
        }
        
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }

        .topo-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0.08;
            pointer-events: none;
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

        .kpi-card-hover {
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .kpi-card-hover:hover {
            transform: translateY(-4px);
        }

/* ---------------------------------------------------------------------
   [143] used by 1 file(s): 142_exia reporte de incidencia operativa.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 50 50 100 100 T 200 100 T 300 100 T 400 100' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 200 Q 50 150 100 200 T 200 200 T 300 200 T 400 200' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3Cpath d='M0 300 Q 50 250 100 300 T 200 300 T 300 300 T 400 300' fill='none' stroke='%23B9954F' stroke-opacity='0.08'/%3E%3C/svg%3E");
            background-repeat: repeat;
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.1);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [144] used by 1 file(s): 143_exia reporte de rendimiento de proveedores.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10C50 20 60 50 100 50C140 50 150 20 190 20C230 20 240 50 280 50C320 50 330 20 370 20' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3Cpath d='M10 60C50 70 60 100 100 100C140 100 150 70 190 70C230 70 240 100 280 100C320 100 330 70 370 70' stroke='%23B9954F' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .custom-scrollbar::-webkit-scrollbar {
            width: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: rgba(185, 149, 79, 0.05);
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F;
        }

/* ---------------------------------------------------------------------
   [145] used by 1 file(s): 144_exia reporte de rendimiento de staff y gu as.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 400C50 350 100 380 150 330C200 280 250 300 300 250C350 200 400 230 400 180M0 320C40 280 80 300 120 260C160 220 200 240 240 200C280 160 320 180 360 140M0 240C30 210 60 225 90 195C120 165 150 180 180 150C210 120 240 135 270 105M0 160C20 140 40 150 60 130C80 110 100 120 120 100C140 80 160 90 180 70' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
            background-attachment: fixed;
        }
        .paper-texture {
            position: relative;
        }
        .paper-texture::before {
            content: "";
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            opacity: 0.03;
            pointer-events: none;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }

/* ---------------------------------------------------------------------
   [146] used by 1 file(s): 145_exia reportes anal ticos profesionales.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .parchment-texture {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .topo-svg {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            opacity: 0.08;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100c50 0 50-20 100-20s50 20 100 20 50-20 100-20 50 20 100 20M0 200c50 0 50-20 100-20s50 20 100 20 50-20 100-20 50 20 100 20M0 300c50 0 50-20 100-20s50 20 100 20 50-20 100-20 50 20 100 20' stroke='%23B9954F' fill='none' stroke-width='1'/%3E%3C/svg%3E");
        }
        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .chart-container { position: relative; height: 300px; width: 100%; }
        .kpi-gradient { background: linear-gradient(to bottom right, #ffffff, #fcfaf5); }

/* ---------------------------------------------------------------------
   [147] used by 1 file(s): 146_exia restablecer contrase a.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      
      /* Subtle Topographic Background Pattern */
      .topo-pattern {
        background-color: #F8F3E7;
        background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 162.15c43.43 1.95 86.86-13.62 130.29-2.58 43.43 11.04 86.86 52.88 130.29 44.8 43.43-8.08 86.86-66.16 130.29-62.15M0 262.15c43.43 1.95 86.86-13.62 130.29-2.58 43.43 11.04 86.86 52.88 130.29 44.8 43.43-8.08 86.86-66.16 130.29-62.15M0 62.15c43.43 1.95 86.86-13.62 130.29-2.58 43.43 11.04 86.86 52.88 130.29 44.8 43.43-8.08 86.86-66.16 130.29-62.15M0 362.15c43.43 1.95 86.86-13.62 130.29-2.58 43.43 11.04 86.86 52.88 130.29 44.8 43.43-8.08 86.86-66.16 130.29-62.15' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
      }

      .password-strength-segment {
        transition: background-color 0.3s ease;
      }
      
      .focus-ring:focus {
        outline: none;
        box-shadow: 0 0 0 2px #B9954F;
      }

/* ---------------------------------------------------------------------
   [148] used by 1 file(s): 147_exia roles y permisos.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
            line-height: 1;
        }
        .custom-scrollbar::-webkit-scrollbar {
            height: 8px;
            width: 8px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #F8F3E7;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #B9954F66;
            border-radius: 4px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #B9954F;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 30 Q 50 10 90 30 T 170 30 T 250 30 T 330 30 T 410 30' stroke='%23B9954F' stroke-opacity='0.05' fill='none'/%3E%3Cpath d='M10 70 Q 50 50 90 70 T 170 70 T 250 70 T 330 70 T 410 70' stroke='%23B9954F' stroke-opacity='0.05' fill='none'/%3E%3Cpath d='M10 110 Q 50 90 90 110 T 170 110 T 250 110 T 330 110 T 410 110' stroke='%23B9954F' stroke-opacity='0.05' fill='none'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [149] used by 1 file(s): 148_exia seguimiento de incidentes activos.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-10 100-30 150-30s100 20 150 20 100-20 150-20M0 300c50-20 100-10 150-10s100 30 150 30 100-40 150-40M0 220c50 10 100 20 150 20s100-50 150-50 100 30 150 30M0 140c50-30 100 0 150 0s100-10 150-10 100 40 150 40M0 60c50 10 100-20 150-20s100 40 150 40 100-30 150-30' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
        }
        .scanline {
            width: 100%;
            height: 2px;
            background: rgba(185, 149, 79, 0.2);
            position: absolute;
            animation: scan 3s linear infinite;
        }
        @keyframes scan {
            from { top: 0; }
            to { top: 100%; }
        }
        .pulse-red {
            box-shadow: 0 0 0 0 rgba(211, 47, 47, 0.7);
            animation: pulse-red 2s infinite;
        }
        @keyframes pulse-red {
            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(211, 47, 47, 0.7); }
            70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(211, 47, 47, 0); }
            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(211, 47, 47, 0); }
        }

/* ---------------------------------------------------------------------
   [150] used by 1 file(s): 149_exia sesi n finalizada.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        vertical-align: middle;
      }
      .font-headline { font-family: 'Barlow Condensed', sans-serif; }
      .font-body { font-family: 'Inter', sans-serif; }
      
      /* Subtle topographic texture pattern via CSS */
      .bg-topo {
        background-color: #F8F3E7;
        background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23b9954f' fill-opacity='0.05'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.446 9.998c-1.513-1.888-2.323-4.082-2.446-6.416V12c0-4.418-3.582-8-8-8-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 1.513 1.888 2.323 4.082 2.446 6.416V22c0 4.418 3.582 8 8 8 3.314 0 6-2.686 6-6h-2c0 2.21-1.79 4-4 4-3.314 0-6-2.686-6-6zm1.054-13.35c1.472 1.93 2.263 4.195 2.38 6.572V14c0 4.418 3.582 8 8 8 3.314 0 6 2.686 6 6h-2c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-1.472-1.93-2.263-4.195-2.38-6.572V4c0-4.418 3.582-8-8-8-3.314 0-6 2.686-6 6h2c0-2.21 1.79-4 4-4 3.314 0 6 2.686 6 6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
      }

/* ---------------------------------------------------------------------
   [151] used by 1 file(s): 150_exia sin conexi n.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
      }
      .font-headline { font-family: 'Barlow Condensed', sans-serif; }
      .font-body { font-family: 'Inter', sans-serif; }
      
      /* Subtle topographic texture using SVG pattern */
      .bg-topo {
        background-color: #F8F3E7;
        background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 43.12C50 35 100 55 150 50C200 45 250 25 300 30C350 35 400 15 450 20M0 93.12C50 85 100 105 150 100C200 95 250 75 300 80C350 85 400 65 450 70M0 143.12C50 135 100 155 150 150C200 145 250 125 300 130C350 135 400 115 450 120M0 193.12C50 185 100 205 150 200C200 195 250 175 300 180C350 185 400 165 450 170M0 243.12C50 235 100 255 150 250C200 245 250 225 300 230C350 235 400 215 450 220' fill='none' stroke='%23B9954F' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
      }

      .btn-hover-effect:active {
        opacity: 0.8;
      }

/* ---------------------------------------------------------------------
   [152] used by 1 file(s): 151_exia sincronizaci n de datos en progreso.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-color: #F8F3E7;
            background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10Q20 0 30 10T50 10T70 10T90 10' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 30Q10 20 20 30T40 30T60 30T80 30T100 30' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M10 50Q20 40 30 50T50 50T70 50T90 50' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 70Q10 60 20 70T40 70T60 70T80 70T100 70' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M10 90Q20 80 30 90T50 90T70 90T90 90' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-attachment: fixed;
        }
        .progress-shimmer {
            background: linear-gradient(90deg, #B9954F 0%, #d4b882 50%, #B9954F 100%);
            background-size: 200% 100%;
            animation: shimmer 2s infinite linear;
        }
        @keyframes shimmer {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }
        .pulsing-dot {
            animation: pulse-green 2s infinite;
        }
        @keyframes pulse-green {
            0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }
            100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
        }

/* ---------------------------------------------------------------------
   [153] used by 1 file(s): 152_exia sugerencia de upselling.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c50-10 100-30 150-30s100 20 150 20 100-40 100-40v70H0v-30zm0-100c50-10 100-30 150-30s100 20 150 20 100-40 100-40v30H0v-20zm0-100c50-10 100-30 150-30s100 20 150 20 100-40 100-40v30H0v-20z' fill='%23B9954F' fill-opacity='0.05'/%3E%3C/svg%3E");
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }

/* ---------------------------------------------------------------------
   [154] used by 1 file(s): 153_exia unidades de negocio 1.html
   first line: body { font-family: 'Inter', sans-serif; background-color: #F8F3E7; co
--------------------------------------------------------------------- */
body { font-family: 'Inter', sans-serif; background-color: #F8F3E7; color: #2B2925; }
        .font-headline { font-family: 'Barlow Condensed', sans-serif; }
        .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; vertical-align: middle; }
        .topographic-bg {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/cubes.png"); /* Placeholder for subtle texture */
            background-attachment: fixed;
        }

/* ---------------------------------------------------------------------
   [155] used by 1 file(s): 154_exia unidades de negocio 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            vertical-align: middle;
        }
        .bg-topographic {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 380c20-5 40-5 60 0s40 15 60 15 40-5 60-15 40-25 60-25 40 5 60 15 40 15 60 10 40-20 40-20v20H0v-20z' fill='%23B9954F' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [156] used by 1 file(s): 155_exia vista maestra de facturaci n por grupo exp 2026 001 1.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .topo-bg {
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 100 50 200 100 T 400 100' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 200 Q 100 150 200 200 T 400 200' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3Cpath d='M0 300 Q 100 250 200 300 T 400 300' stroke='%23B9954F' stroke-width='0.5' fill='none' opacity='0.08'/%3E%3C/svg%3E");
            background-repeat: repeat;
        }
        .paper-texture {
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }

/* ---------------------------------------------------------------------
   [157] used by 1 file(s): 156_exia vista maestra de facturaci n por grupo exp 2026 001 2.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
      }
      .bg-paper-texture {
        background-color: #F8F3E7;
        background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
      }
      .topo-lines {
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        opacity: 0.08;
        background-image: url("data:image/svg+xml,%3Csvg width='800' height='800' viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100 Q 200 50 400 100 T 800 100' fill='none' stroke='%23B9954F' stroke-width='1'/%3E%3Cpath d='M0 200 Q 150 150 300 200 T 600 250 T 800 200' fill='none' stroke='%23B9954F' stroke-width='1'/%3E%3Cpath d='M0 300 Q 250 250 500 300 T 800 300' fill='none' stroke='%23B9954F' stroke-width='1'/%3E%3Cpath d='M0 400 Q 200 350 400 400 T 800 450' fill='none' stroke='%23B9954F' stroke-width='1'/%3E%3Cpath d='M0 500 Q 300 550 600 500 T 800 550' fill='none' stroke='%23B9954F' stroke-width='1'/%3E%3Cpath d='M0 600 Q 200 650 400 600 T 800 600' fill='none' stroke='%23B9954F' stroke-width='1'/%3E%3C/svg%3E");
      }
      ::-webkit-scrollbar { width: 6px; }
      ::-webkit-scrollbar-track { background: transparent; }
      ::-webkit-scrollbar-thumb { background: #B9954F; border-radius: 10px; }

/* ---------------------------------------------------------------------
   [158] used by 1 file(s): 157_exia xito reservaci n confirmada.html
   first line: .material-symbols-outlined {
--------------------------------------------------------------------- */
.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .parchment-texture {
            background-color: #F8F3E7;
            background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
        }
        .topo-lines {
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            opacity: 0.08;
            background-image: url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 100C50 120 80 80 150 110C220 140 250 80 300 100C350 120 400 100 400 100M0 200C50 220 80 180 150 210C220 240 250 180 300 200C350 220 400 200 400 200M0 300C50 320 80 280 150 310C220 340 250 280 300 300C350 320 400 300 400 300' fill='none' stroke='%23B9954F' stroke-width='1'/%3E%3C/svg%3E");
        }

/* ---------------------------------------------------------------------
   [159] used by 1 file(s): 157_exia xito reservaci n confirmada.html
   first line: @keyframes bounce-subtle {
--------------------------------------------------------------------- */
@keyframes bounce-subtle {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-5px); }
        }
        .animate-bounce-subtle {
            animation: bounce-subtle 3s ease-in-out infinite;
        }
/* ---------------------------------------------------------------------
   A11y contrast utilities (P2 accessibility audit, 2026-08)
   Accessible gold for text on light backgrounds: same hue as the brand
   gold (#B9954F) darkened to reach WCAG AA (>= 4.5:1) on the app's
   parchment/white surfaces. Class-level fix; no layout changes.
--------------------------------------------------------------------- */
.text-gold-strong {
    color: #786030;
}

/* Variante hover accesible (mismo dorado oscuro) — el build estático de Tailwind
   no incluye hover:text-gold-strong; se define junto al token base. */
.hover\:text-gold-strong:hover {
    color: #786030;
}