/* Basic Style */
*{
  margin: 0;
  padding: 0;
  outline: none;
}
html {
  overflow-x: hidden;
}
body{
  margin:0;
  padding:0;
  -ms-word-wrap:break-word;
  word-wrap:break-word;
  position:relative;
  background-color: #021526 !important;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
  font-family: 'Montserrat', sans-serif;
}

img{
  margin:0;
  padding:0;
  border:none;
  max-width:100%;
  height:auto;
}
section img{
  max-width:100%;
}
h1, h2, h3, h4, h5, h6{
  color: #1E407C;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
p {
  color: #ffffff;
  font-size: 15px;
}
a{
  text-decoration:none;
  color: #FF640A;
  cursor: pointer;
}
a:hover{
  text-decoration:none;
  color:#FF640A;
}


/* Efecto Esmerilado para sidebar Nodevix */
.nodevix-sidebar {
    background-color: rgba(255, 255, 255, 0.03) !important; /* Fondo casi transparente */
    backdrop-filter: blur(15px) saturate(150%); /* El desenfoque y viveza de color */
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    border-right: 1px solid rgba(255, 255, 255, 0.1); /* Línea sutil lateral */
    border-radius: 0px 20px 20px 0px; /* Opcional: redondeado en las esquinas derechas */
}

/* Ajuste de los iconos para que resalten sobre el cristal */
.nodevix-sidebar i, .nodevix-sidebar svg {
    filter: drop-shadow(0px 0px 5px rgba(0, 210, 255, 0.3));
}

/* Forzamos el efecto en el contenedor de Nodevix */
.nodevix-sidebar, 
.nodevix-sidebar > .elementor-widget-wrap,
.nodevix-sidebar > .elementor-column-wrap {
    background-color: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}



/* Efecto Esmerilado para Nodevix */
.esmerilado {
    background-color: rgba(255, 255, 255, 0.03) !important; /* Fondo casi transparente */
    backdrop-filter: blur(15px) saturate(150%); /* El desenfoque y viveza de color */
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    border-right: 1px solid rgba(255, 255, 255, 0.1); /* Línea sutil lateral */
    border-radius: 0px 20px 20px 0px; /* Opcional: redondeado en las esquinas derechas */
}

/* Ajuste de los iconos para que resalten sobre el cristal */
.esmerilado i, .esmerilado svg {
    filter: drop-shadow(0px 0px 5px rgba(0, 210, 255, 0.3));
}

/* Forzamos el efecto en el contenedor de Nodevix */
.esmerilado, 
.esmerilado > .elementor-widget-wrap,
.esmerilado > .elementor-column-wrap {
    background-color: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}


/* ============================================================
   SOLUCIÓN DEFINITIVA RESPONSIVE - NODEVIX
   ============================================================ */

/* Botón Hamburguesa */
#nodevix-hamburger {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 45px;
    height: 40px;
    z-index: 100000;
    cursor: pointer;
    background: #0b141a;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #00FFC2;
}

#nodevix-hamburger .bar {
    width: 100%;
    height: 3px;
    background-color: #00FFC2;
    margin: 5px 0;
    transition: 0.4s;
}

/* --- AJUSTES PARA PANTALLAS < 1060px --- */
@media (max-width: 1060px) {
    
    #nodevix-hamburger {
        display: block !important;
    }

    /* 1. RESET DE ALTURA (El problema que viste en el inspector) */
    .elementor-element-01b5f14, 
    .elementor-container,
    .elementor-widget-wrap,
    .hero-dense-wrapper {
        --min-height: 0px !important;
        min-height: 0px !important;
        height: auto !important;
    }

    /* 2. SIDEBAR: Quitarlo totalmente del flujo visual */
    .nodevix-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: -320px !important;
        width: 300px !important;
        height: 100vh !important;
        background: #0b141a !important;
        z-index: 99999 !important;
        transition: transform 0.3s ease-in-out !important;
        display: block !important;
    }

    .nodevix-sidebar.is-open {
        transform: translateX(320px) !important;
    }

    /* 3. CONTENT: Forzar 100% y eliminar el espacio del 19% */
    .nodevix-content,
    .elementor-column.elementor-col-81, 
    .elementor-column.elementor-col-100 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important; /* Esto rompe el 81% de Elementor */
        margin: 0 !important;
        padding: 0 !important;
        left: 0 !important;
        position: relative !important;
        display: block !important;
    }

    /* Forzar al contenedor padre a ser un bloque vertical */
    .elementor-container {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
    }

    /* Estilo del botón abierto */
    .open-toggle .bar:nth-child(1) { transform: rotate(-45deg) translate(-7px, 6px); }
    .open-toggle .bar:nth-child(2) { opacity: 0; }
    .open-toggle .bar:nth-child(3) { transform: rotate(45deg) translate(-7px, -6px); }
}