body {
    background-image: url("assets/ALCP. Fondo.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0;
    min-height: 100vh;
}
/* ======================================
   RESPONSIVE — FONDO
====================================== */
@media (max-width: 768px) {
    body {
        background-image: url("assets/ARLYN LIGEIA. Background MOBILE.png");
    }
}



/* ======================================
   MENÚ PC
====================================== */
.menu {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 30px 40px 0px 40px;
}
/* LOGO */
.menu-logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.menu-logo img {
    width: 150px;
    height: auto;
    display: block;
}
body.home .menu-logo {
    display: none;
}
body.is-section .menu-logo {
    display: flex;
}
/* BOTONES */
.menu-nav {
    display: inline-block;
    text-align: center;
}
.menu-nav ul {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.menu-nav li {
    position: relative;
}
.menu-nav a {
    position: relative;
    display: block;
    border-radius: 8px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    background:
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 2px,
            rgba(255, 255, 255, 0.05) 2px,
            rgba(255, 255, 255, 0.05) 4px
        );
    border: 2px solid #00FF41;
    color: #00FF41;
    box-shadow:
        0 0 5px #00FF41,
        inset 0 0 5px rgba(0, 255, 65, 0.3);
}
.menu-nav a:hover {
    background: rgba(0, 255, 65, 0.1);
    color: #00FF41;
    transform: translateY(-2px);
    box-shadow:
        0 0 15px #00FF41,
        0 0 25px #00FF41,
        inset 0 0 10px rgba(0, 255, 65, 0.5);
    text-shadow: 0 0 10px #00FF41;
}
.menu-nav a::after {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00FF41;
    box-shadow: 0 0 5px #00FF41;
    transition: all 0.3s ease;
}
.menu-nav a:hover::after {
    box-shadow:
        0 0 10px #00FF41,
        0 0 20px #00FF41;
}
/* ======================================
   RESPONSIVE — OCULTAR EN MOBILE
====================================== */
@media (max-width: 768px) {
    .menu {
        display: none;
    }
}


/* ======================================
   MENÚ MOBILE
====================================== */
.menu-mobile {
    display: none;
}
@media (max-width: 768px) {
    .menu-mobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        box-sizing: border-box;
    }
    /* BOTÓN HAMBURGUESA */
    .menu-mobile-toggle {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 1001;
        border-radius: 8px;
        padding: 12px 10px;
        gap: 5px;
        cursor: pointer;
        transition: all 0.3s ease;
        background:
            repeating-linear-gradient(
                45deg,
                transparent,
                transparent 2px,
                rgba(255, 255, 255, 0.05) 2px,
                rgba(255, 255, 255, 0.05) 4px
            );
        border: 2px solid #00FF41;
        box-shadow:
            0 0 5px #00FF41,
            inset 0 0 5px rgba(0, 255, 65, 0.3);
    }
    .menu-mobile-toggle span {
        display: block;
        width: 25px;
        height: 3px;
        background: #00FF41;
        transition: all 0.3s ease;
    }
    .menu-mobile-toggle:hover {
        background: rgba(0, 255, 65, 0.1);
        transform: translateY(-2px);
        box-shadow:
            0 0 15px #00FF41,
            0 0 25px #00FF41,
            inset 0 0 10px rgba(0, 255, 65, 0.5);
    }
    .menu-mobile-toggle::after {
        content: '';
        position: absolute;
        top: 5px;
        right: 5px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #00FF41;
        box-shadow: 0 0 5px #00FF41;
        transition: all 0.3s ease;
    }
    .menu-mobile-toggle:hover::after {
        box-shadow:
            0 0 10px #00FF41,
            0 0 20px #00FF41;
    }
    /* OVERLAY */
    .menu-mobile-nav {
        position: fixed;
        z-index: 1000;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #001a00;
        display: none;
    }
    .menu-mobile-nav.active {
        display: block;
    }
    .menu-mobile-nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .menu-mobile-nav li {
        text-align: center;
        border-bottom: 1px solid #00FF41;
        padding: 12px 0;
    }
    .menu-mobile-nav li:last-child {
        border-bottom: none;
    }
    .menu-mobile-nav a {
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        text-decoration: none;
        text-transform: uppercase;
        padding: 0 20px;
        display: block;
        color: #00FF41;
    }
    /* LOGO */
    .menu-mobile-logo {
        display: flex;
        align-items: center;
    }
    .menu-mobile-logo img {
        height: 50px;
        width: auto;
        display: block;
    }
}


/* ======================================
   SUBMENUS PC
====================================== */
.menu-nav .submenu {
    position: absolute;
    display: none;
    top: 40px;
    right: 0;
    list-style: none;
    background: #ff00ff !important;
    z-index: 1000;
    border: 2px solid #ff1493 !important;
    margin: 0;
    padding: 0;
    min-width: 100%;
}

/* Mostrar submenú al hacer hover sobre el <li> padre */
.menu-nav li:hover > .submenu {
    display: block;
}

/* --- ELEMENTOS DEL SUBMENÚ --- */
.menu-nav .submenu li {
    position: relative;
    overflow: hidden;
}

.menu-nav .submenu li a {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    color: white !important;
    padding: 12px 15px;
    font-size: 0.9rem;
    font-family: 'Rajdhani', sans-serif;
    text-transform: capitalize;
    white-space: nowrap;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 600;
}

.menu-nav .submenu li a:hover {
    background: rgba(255, 20, 147, 0.2) !important;
    color: white !important;
    padding-left: 20px;
}

/* --- LÍNEA CELESTE AGUA ANIMADA --- */
.menu-nav .submenu li::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #7ec0ee !important;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
    z-index: 1;
}

.menu-nav .submenu li:hover::before {
    transform: scaleX(1);
}

/* --- Separadores entre items --- */
.menu-nav .submenu li:not(:last-child) {
    border-bottom: 1px solid white !important;
}



/* ======================================
   LOGO PC
====================================== */
.logo { 
    background: transparent !important;
    display: block;
    text-align: center;
    margin: 50px 0;
    padding: 250px 20px 20px 20px;
}
.logo img {
    width: 50%;
    box-sizing: border-box;      
    max-width: none;
    height: auto;
    display: inline-block;
}
body.is-section .logo {
    display: none;
}
.logo.hidden {
    display: none !important;
}
/* ======================================
   RESPONSIVE — OCULTAR EN MOBILE
====================================== */
@media (max-width: 768px) {
    .logo { display: none; }
}







/* ======================================
   HOME - PC
====================================== */
.home-container {
    position: relative;
    width: 800px;
    box-sizing: border-box;    
    background: transparent !important;
    border: none;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.home-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    box-sizing: border-box;    
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    background: transparent !important;
    margin: 0px;
    padding: 0px;
}
.home-icon {
    position: relative;
    display: flex;    
    flex: 0 0 auto;
    flex-direction: column;
    width: 104px;
    height: 104px;
    box-sizing: border-box;  
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px dotted transparent;
    margin: 0px;
    padding: 0px;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.home-icon:hover {
    background: rgba(0, 255, 65, 0.15);
    border-color: #00FF41;
}
.home-link {
    display: block;
    background: transparent !important;    
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}
.home-link::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer;
}
/* DIBUJO DE CARPETA */
.home-folder {
    display: block;
    position: relative;
    width: 64px;
    height: 48px;
    background: #00B828;
    clip-path: polygon(0 4px, 4px 0, 24px 0, 28px 4px, 60px 4px, 64px 8px, 64px 48px, 0 48px);
    transition: filter 0.15s ease;
}
.home-folder::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #00FF41;
    clip-path: polygon(2px 5px, 4px 2px, 23px 2px, 27px 6px, 59px 6px, 62px 9px, 62px 46px, 2px 46px);
}
.home-folder::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 2px;
    width: 60px;
    height: 32px;
    box-sizing: border-box;
    background: #A8FFB8;
    border-top: 2px solid #00B828;
    box-shadow: inset 2px 2px 0 #FFFFFF, inset -2px -2px 0 #7FFF8A;
}
.home-link:hover .home-folder {
    filter: brightness(1.2);
}
/* TEXTO */
.home-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.8rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    white-space: nowrap;
    margin: 8px 0px 0px 0px;
    padding: 0px;
}
/* CONTROL */
.home-container { display: block; }
.home-container-mobile { display: none; }
/* ======================================
   HOME - MOBILE
====================================== */
@media (max-width: 768px) {
    .home-container-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;        
        background: transparent !important;
        border: none;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
      .home-icons-mobile {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        box-sizing: border-box;          
        justify-content: center;
        align-items: flex-end;
        gap: 5px;
        background: transparent !important;
        margin: 0px;
        padding: 0px;
    }
    .home-icon-mobile {
        position: relative;
        display: flex;       
        flex-direction: column;
        width: 80px;
        height: 80px;
        box-sizing: border-box;
        justify-content: center;       
        align-items: center;
        background: transparent;
        border: 1px dotted transparent;
        margin: 0px;
        padding: 0px;
        transition: background 0.15s ease, border-color 0.15s ease;
    }
    .home-icon-mobile:hover {
        background: rgba(0, 255, 65, 0.15);
        border-color: #00FF41;
    }
    .home-link-mobile {
        display: block;
        background: transparent !important;
        text-decoration: none;
        margin: 0px;
        padding: 0px;
    }
    .home-link-mobile::after {
        content: "";
        position: absolute;
        inset: 0;
        cursor: pointer;
    }
     .home-folder-mobile {
        display: block;
        position: relative;
        width: 64px;
        height: 48px;
        background: #00B828;       
        margin: -6px -8px;
        clip-path: polygon(0 4px, 4px 0, 24px 0, 28px 4px, 60px 4px, 64px 8px, 64px 48px, 0 48px);
        transform: scale(0.75);
        transition: filter 0.15s ease;
    }
    .home-folder-mobile::before {
        content: "";
        position: absolute;
        inset: 0;
        background: #00FF41;
        clip-path: polygon(2px 5px, 4px 2px, 23px 2px, 27px 6px, 59px 6px, 62px 9px, 62px 46px, 2px 46px);
    }
    .home-folder-mobile::after {
        content: "";
        position: absolute;
        top: 14px;
        left: 2px;
        width: 60px;
        height: 32px;
        box-sizing: border-box;
        background: #A8FFB8;
        border-top: 2px solid #00B828;
        box-shadow: inset 2px 2px 0 #FFFFFF, inset -2px -2px 0 #7FFF8A;
    }
    .home-link-mobile:hover .home-folder-mobile {
        filter: brightness(1.2);
    }
    .home-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 0.6rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        white-space: nowrap;
        margin: 5px 0px 0px 0px;
        padding: 0px;
    }
    /* CONTROL */
    .home-container { display: none; }
    .home-container-mobile { display: block; }
}


/* ======================================
   UPCOMINGRELEASE - PC
====================================== */
.upcomingrelease-container-1 {
    position: relative;
    width: 850px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.upcomingrelease-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.upcomingrelease-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.upcomingrelease-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #7D29E9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0;
}
.upcomingrelease-title a {
    color: #7D29E9 !important;
    text-decoration: none;
}
/* BOTÓN - CERRAR */
.upcomingrelease-button-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.upcomingrelease-button-1:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.upcomingrelease-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.upcomingrelease-button-2:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.upcomingrelease-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.upcomingrelease-button-text:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.upcomingrelease-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.upcomingrelease-container-4 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* COLUMNAS */
.upcomingrelease-columns {
    position: relative;
    z-index: 2;
}
/* GRID DE 2 */
.upcomingrelease-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 0px;
}
/* COLUMNA 1 - IMAGEN */
.upcomingrelease-image {
    width: 100%;
    min-width: 0;
    margin: 0px;
}
.upcomingrelease-image img {
    width: 100%;
    height: auto;
    display: block;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
}
/* COLUMNA 2 - TEXTO */
.upcomingrelease-information {
    width: 100%;
    min-width: 0;
    margin: 0px;
}
.upcomingrelease-subtitle-1 {
    display: block;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.upcomingrelease-subtitle-2 {
    display: block;
    font-family: 'Doto', sans-serif;
    font-size: 1.4rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.upcomingrelease-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0px;
    word-break: break-word;
    overflow-wrap: break-word;
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.upcomingrelease-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.upcomingrelease-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.upcomingrelease-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.upcomingrelease-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.upcomingrelease-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.upcomingrelease-notification-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.upcomingrelease-notification-3 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.upcomingrelease-notification-4 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - INFROMACIÓN */
.upcomingrelease-notification-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
/* NOTIFICACIÓN - TEXTO */
.upcomingrelease-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.upcomingrelease-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.upcomingrelease-notification-button-1:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.upcomingrelease-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.upcomingrelease-notification-button-2:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.upcomingrelease-notification-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.upcomingrelease-notification-button-text:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.upcomingrelease-container-1 { display: block; }
.upcomingrelease-container-3 { display: block; }
.upcomingrelease-container-4 { display: block; }
.upcomingrelease-container-1-mobile { display: none; }
.upcomingrelease-notification-bar-mobile { display: none; }
.upcomingrelease-notification-4-mobile { display: none; }
/* ======================================
   RESPONSIVE: UPCOMINGRELEASE
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.upcomingrelease-container-1 {
    width: 90%;
}
}
@media (max-width: 834px) {
.upcomingrelease-title { font-size: 2.3rem; }
.upcomingrelease-text { font-size: 1.05rem; }
}
@media (max-width: 768px) {
    .upcomingrelease-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 40px auto 40px auto;
        padding: 0px;
    }
    .upcomingrelease-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .upcomingrelease-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .upcomingrelease-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #7D29E9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0;
    }
    .upcomingrelease-title-mobile a {
        color: #7D29E9 !important;
        text-decoration: none;
    }
       /* BOTÓN CERRAR */
    .upcomingrelease-button-1-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .upcomingrelease-button-1-mobile:hover {
        border-top-color:    #00B82E;
        border-left-color:   #00B82E;
        border-right-color:  #DFFFE4;
        border-bottom-color: #DFFFE4;
    }
    .upcomingrelease-button-2-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .upcomingrelease-button-2-mobile:hover {
        border-top-color:    #33FF66;
        border-left-color:   #33FF66;
        border-right-color:  #A8FFB8;
        border-bottom-color: #A8FFB8;
    }
    .upcomingrelease-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .upcomingrelease-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO */
    .upcomingrelease-container-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .upcomingrelease-container-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }   
    /* IMAGEN */
    .upcomingrelease-image-mobile {
        width: 100%;
        min-width: 0;
        margin: 0 0 10px 0;
    }
    .upcomingrelease-image-mobile img {
        width: 100%;
        height: auto;
        display: block;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
    }   
    /* INFORMACIÓN */
    .upcomingrelease-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .upcomingrelease-subtitle-1-mobile {
        display: block;
        font-family: 'Share Tech Mono', monospace;
        font-size: 1.3rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    .upcomingrelease-subtitle-2-mobile {
        display: block;
        font-family: 'Doto', sans-serif;
        font-size: 1.2rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    .upcomingrelease-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0px;
    }
  /* ======================================
       NOTIFICACIÓN MOBILE (ROJO)
    ====================================== */
    .upcomingrelease-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .upcomingrelease-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .upcomingrelease-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* NOTIFICACIÓN - BARRA */
    .upcomingrelease-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .upcomingrelease-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }
    .upcomingrelease-notification-title-mobile a {
        color: #FF0033 !important;
        text-decoration: none;
    }
    /* NOTIFICACIÓN - CONTENIDO */
    .upcomingrelease-notification-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .upcomingrelease-notification-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #B3001F;
        border-left:   2px solid #B3001F;
        border-right:  2px solid #FFE0E0;
        border-bottom: 2px solid #FFE0E0;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* NOTIFICACIÓN - INFORMACIÓN */
    .upcomingrelease-notification-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    /* NOTIFICACIÓN - TEXTO */
    .upcomingrelease-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
       /* BOTÓN PERMANECER */
    .upcomingrelease-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .upcomingrelease-notification-button-1-mobile:hover {
        border-top-color:    #B3001F;
        border-left-color:   #B3001F;
        border-right-color:  #FFE0E0;
        border-bottom-color: #FFE0E0;
    }
    .upcomingrelease-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .upcomingrelease-notification-button-2-mobile:hover {
        border-top-color:    #FF3333;
        border-left-color:   #FF3333;
        border-right-color:  #FFB8B8;
        border-bottom-color: #FFB8B8;
    }
    .upcomingrelease-notification-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .upcomingrelease-notification-button-text-mobile:hover {
        filter: brightness(1.1);
    }
/* ======================================
   CONTROL
====================================== */
    .upcomingrelease-container-1 { display: none; }
    .upcomingrelease-container-3 { display: none; }
    .upcomingrelease-container-4 { display: none; }
    .upcomingrelease-container-1-mobile { display: block; }
    .upcomingrelease-notification-bar-mobile { display: block; }
    .upcomingrelease-notification-4-mobile { display: block; }
}
@media (max-width: 360px) {
.upcomingrelease-title-mobile { font-size: 1.5rem; }
.upcomingrelease-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
.upcomingrelease-title-mobile { font-size: 1.3rem; }
.upcomingrelease-text-mobile { font-size: 0.8rem; }
}


/* ======================================
   COLLABORATIONS - PC
====================================== */
.collaborations-container-1 {
    position: relative;
    width: 500px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00FF41;
    border-bottom: 2px solid #00FF41;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.collaborations-container-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.collaborations-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #00FF41;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.collaborations-container-4 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00FF41;
    border-left:   2px solid #00FF41;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* TÍTULO */
.collaborations-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #7D29E9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
/* INFORMACIÓN */
.collaborations-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.collaborations-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: center;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}
/* BOTÓN */
.collaborations-button-1 {
    display: block;
    width: fit-content;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #B57CFF;
    border-left:   2px solid #B57CFF;
    border-right:  2px solid #7D29E9;
    border-bottom: 2px solid #7D29E9;
    border-radius: 0px;
    margin: 0px auto;  
    padding: 0px;
    transition: border-color 0.15s ease;
}
.collaborations-button-1:hover {
    border-top-color:    #7D29E9;
    border-left-color:   #7D29E9;
    border-right-color:  #B57CFF;
    border-bottom-color: #B57CFF;
}
.collaborations-button-2 {
    display: block;
    width: fit-content;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #D9B8FF;
    border-left:   2px solid #D9B8FF;
    border-right:  2px solid #A855F7;
    border-bottom: 2px solid #A855F7;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.collaborations-button-2:hover {
    border-top-color:    #A855F7;
    border-left-color:   #A855F7;
    border-right-color:  #D9B8FF;
    border-bottom-color: #D9B8FF;
}
.collaborations-button-text {
    display: block;
    width: auto;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border: none;
    border-radius: 0px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #7D29E9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin: 0px;
    padding: 10px 20px;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.collaborations-button-text:hover {
    filter: brightness(1.1);
}
/* CONTROL */
.collaborations-container-1 { display: block; }
.collaborations-container-1-mobile { display: none; }
/* ======================================
   COLLABORATIONS - MOBILE
====================================== */
@media (max-width: 768px) {
    .collaborations-container-1-mobile {
        position: relative;
        width: 90%;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00FF41;
        border-bottom: 2px solid #00FF41;
        border-radius: 0px;
        margin: 40px auto 40px auto;
        padding: 0px;
    }
    .collaborations-container-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .collaborations-container-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #00FF41;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .collaborations-container-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00FF41;
        border-left:   2px solid #00FF41;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TÍTULO */
    .collaborations-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1.5rem;
        color: #7D29E9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }
    /* INFORMACIÓN */
    .collaborations-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }
    .collaborations-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1.05rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-align: center;
        line-height: 1.5;
        margin: 0px;
        padding: 0px;
    }
    /* BOTÓN */
    .collaborations-button-1-mobile {
        display: block;
        width: fit-content;
        box-sizing: border-box;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #B57CFF;
        border-left:   2px solid #B57CFF;
        border-right:  2px solid #7D29E9;
        border-bottom: 2px solid #7D29E9;
        border-radius: 0px;
        margin: 0px auto;
        padding: 0px;
        transition: border-color 0.15s ease;
    }
    .collaborations-button-1-mobile:hover {
        border-top-color:    #7D29E9;
        border-left-color:   #7D29E9;
        border-right-color:  #B57CFF;
        border-bottom-color: #B57CFF;
    }
    .collaborations-button-2-mobile {
        display: block;
        width: fit-content;
        box-sizing: border-box;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #D9B8FF;
        border-left:   2px solid #D9B8FF;
        border-right:  2px solid #A855F7;
        border-bottom: 2px solid #A855F7;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
        transition: border-color 0.15s ease;
    }
    .collaborations-button-2-mobile:hover {
        border-top-color:    #A855F7;
        border-left-color:   #A855F7;
        border-right-color:  #D9B8FF;
        border-bottom-color: #D9B8FF;
    }
    .collaborations-button-text-mobile {
        display: block;
        width: auto;
        box-sizing: border-box;
        align-items: center;
        background: transparent !important;
        border: none;
        border-radius: 0px;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #7D29E9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        margin: 0px;
        padding: 10px 20px;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .collaborations-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .collaborations-container-1 { display: none; }
    .collaborations-container-1-mobile { display: block; }
}
@media (max-width: 360px) {
    .collaborations-title-mobile { font-size: 1.5rem; }
    .collaborations-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
    .collaborations-title-mobile { font-size: 1.3rem; }
    .collaborations-text-mobile { font-size: 0.8rem; }
}


/* ======================================
   TIKTOK HIGHTLIGHTS
====================================== */


/* ======================================
   YOUTUBE HIGHTLIGHTS
====================================== */


/* ======================================
   NEWSLETTER - PC
====================================== */
.newsletter-container-1 {
    position: relative;
    width: 500px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00FF41;
    border-bottom: 2px solid #00FF41;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.newsletter-container-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.newsletter-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #00FF41;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.newsletter-container-4 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00FF41;
    border-left:   2px solid #00FF41;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* TÍTULO */
.newsletter-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #7D29E9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
/* INFORMACIÓN */
.newsletter-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.newsletter-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: center;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}
/* BOTÓN */
.newsletter-button-1 {
    display: block;
    width: fit-content;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #B57CFF;
    border-left:   2px solid #B57CFF;
    border-right:  2px solid #7D29E9;
    border-bottom: 2px solid #7D29E9;
    border-radius: 0px;
    margin: 0px auto;  
    padding: 0px;
    transition: border-color 0.15s ease;
}
.newsletter-button-1:hover {
    border-top-color:    #7D29E9;
    border-left-color:   #7D29E9;
    border-right-color:  #B57CFF;
    border-bottom-color: #B57CFF;
}
.newsletter-button-2 {
    display: block;
    width: fit-content;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #D9B8FF;
    border-left:   2px solid #D9B8FF;
    border-right:  2px solid #A855F7;
    border-bottom: 2px solid #A855F7;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.newsletter-button-2:hover {
    border-top-color:    #A855F7;
    border-left-color:   #A855F7;
    border-right-color:  #D9B8FF;
    border-bottom-color: #D9B8FF;
}
.newsletter-button-text {
    display: block;
    width: auto;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border: none;
    border-radius: 0px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #7D29E9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin: 0px;
    padding: 10px 20px;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.newsletter-button-text:hover {
    filter: brightness(1.1);
}
/* CONTROL */
.newsletter-container-1 { display: block; }
.newsletter-container-1-mobile { display: none; }
/* ======================================
   NEWSLETTER - MOBILE
====================================== */
@media (max-width: 768px) {
    .newsletter-container-1-mobile {
        position: relative;
        width: 90%;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00FF41;
        border-bottom: 2px solid #00FF41;
        border-radius: 0px;
        margin: 40px auto 40px auto;
        padding: 0px;
    }
    .newsletter-container-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .newsletter-container-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #00FF41;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .newsletter-container-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00FF41;
        border-left:   2px solid #00FF41;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TÍTULO */
    .newsletter-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1.5rem;
        color: #7D29E9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }
    /* INFORMACIÓN */
    .newsletter-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }
    .newsletter-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1.05rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-align: center;
        line-height: 1.5;
        margin: 0px;
        padding: 0px;
    }
    /* BOTÓN */
    .newsletter-button-1-mobile {
        display: block;
        width: fit-content;
        box-sizing: border-box;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #B57CFF;
        border-left:   2px solid #B57CFF;
        border-right:  2px solid #7D29E9;
        border-bottom: 2px solid #7D29E9;
        border-radius: 0px;
        margin: 0px auto;
        padding: 0px;
        transition: border-color 0.15s ease;
    }
    .newsletter-button-1-mobile:hover {
        border-top-color:    #7D29E9;
        border-left-color:   #7D29E9;
        border-right-color:  #B57CFF;
        border-bottom-color: #B57CFF;
    }
    .newsletter-button-2-mobile {
        display: block;
        width: fit-content;
        box-sizing: border-box;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #D9B8FF;
        border-left:   2px solid #D9B8FF;
        border-right:  2px solid #A855F7;
        border-bottom: 2px solid #A855F7;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
        transition: border-color 0.15s ease;
    }
    .newsletter-button-2-mobile:hover {
        border-top-color:    #A855F7;
        border-left-color:   #A855F7;
        border-right-color:  #D9B8FF;
        border-bottom-color: #D9B8FF;
    }
    .newsletter-button-text-mobile {
        display: block;
        width: auto;
        box-sizing: border-box;
        align-items: center;
        background: transparent !important;
        border: none;
        border-radius: 0px;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #7D29E9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        margin: 0px;
        padding: 10px 20px;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .newsletter-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .newsletter-container-1 { display: none; }
    .newsletter-container-1-mobile { display: block; }
}
@media (max-width: 360px) {
    .newsletter-title-mobile { font-size: 1.5rem; }
    .newsletter-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
    .newsletter-title-mobile { font-size: 1.3rem; }
    .newsletter-text-mobile { font-size: 0.8rem; }
}


/* ======================================
   WEBSITECREDITS - PC
====================================== */
.websitecredits-container-1 {
    position: relative;
    width: 550px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.websitecredits-container-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.websitecredits-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.websitecredits-container-4 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* TÍTULO */
.websitecredits-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #7D29E9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
/* INFORMACIÓN */
.websitecredits-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.websitecredits-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.websitecredits-text {
    margin-bottom: 0px;
}
/* CONTROL */
.websitecredits-container-1 { display: block; }
.websitecredits-container-1-mobile { display: none; }
/* ======================================
   WEBSITECREDITS - MOBILE
====================================== */
@media (max-width: 768px) {
    .websitecredits-container-1-mobile {
        position: relative;
        width: 90%;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 40px auto 40px auto;
        padding: 0px;
    }
    .websitecredits-container-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .websitecredits-container-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .websitecredits-container-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TÍTULO */
    .websitecredits-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1.5rem;
        color: #7D29E9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }
    /* INFORMACIÓN */
    .websitecredits-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }
    .websitecredits-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1.05rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-align: center;
        line-height: 1.5;
        margin: 0px;
        padding: 0px;
    }
    .websitecredits-text-mobile {
        margin-bottom: 0px;
    }
    /* CONTROL */
    .websitecredits-container-1 { display: none; }
    .websitecredits-container-1-mobile { display: block; }
}
@media (max-width: 360px) {
    .websitecredits-title-mobile { font-size: 1.5rem; }
    .websitecredits-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
    .websitecredits-title-mobile { font-size: 1.3rem; }
    .websitecredits-text-mobile { font-size: 0.8rem; }
}






























/* ======================================
   ABOUT LIGEIA - PC
====================================== */
.aboutligeia-container-1 {
    position: relative;
    width: 850px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.aboutligeia-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.aboutligeia-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.aboutligeia-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0;
}
.aboutligeia-title a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN CERRAR */
.aboutligeia-button-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.aboutligeia-button-1:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.aboutligeia-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.aboutligeia-button-2:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.aboutligeia-close {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.aboutligeia-close:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.aboutligeia-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.aboutligeia-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.aboutligeia-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
.aboutligeia-text,
.aboutligeia-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.aboutligeia-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.aboutligeia-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.aboutligeia-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.aboutligeia-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.aboutligeia-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.aboutligeia-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.aboutligeia-notification-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.aboutligeia-notification-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.aboutligeia-notification-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - TEXTO */
.aboutligeia-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.aboutligeia-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.aboutligeia-notification-button-1:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.aboutligeia-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.aboutligeia-notification-button-2:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.aboutligeia-notification-stay {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.aboutligeia-notification-stay:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.aboutligeia-container-1 { display: block; }
.aboutligeia-content-2 { display: block; }
.aboutligeia-container-1-mobile { display: none; }
.aboutligeia-notification-bar-mobile { display: none; }
.aboutligeia-notification-content-2-mobile { display: none; }
/* ======================================
   ABOUT LIGEIA - RESPONSIVE
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.aboutligeia-container-1 {
    width: 90%;
}
}
@media (max-width: 834px) {
.aboutligeia-title { font-size: 2.3rem; }
.aboutligeia-text { font-size: 1.05rem; }
}
@media (max-width: 768px) {
    .aboutligeia-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
    .aboutligeia-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .aboutligeia-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .aboutligeia-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0;
    }
    .aboutligeia-title-mobile a {
        color: #00FF41 !important;
        text-decoration: none;
    }
       /* BOTÓN CERRAR */
    .aboutligeia-button-1-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .aboutligeia-button-1-mobile:hover {
        border-top-color:    #00B82E;
        border-left-color:   #00B82E;
        border-right-color:  #DFFFE4;
        border-bottom-color: #DFFFE4;
    }
    .aboutligeia-button-2-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .aboutligeia-button-2-mobile:hover {
        border-top-color:    #33FF66;
        border-left-color:   #33FF66;
        border-right-color:  #A8FFB8;
        border-bottom-color: #A8FFB8;
    }
    .aboutligeia-close-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .aboutligeia-close-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO 1 */
    .aboutligeia-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* CONTENIDO 2 */
    .aboutligeia-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .aboutligeia-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .aboutligeia-text-mobile,
    .aboutligeia-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .aboutligeia-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN MOBILE (ROJO)
    ====================================== */
    .aboutligeia-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .aboutligeia-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .aboutligeia-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .aboutligeia-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .aboutligeia-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }
    .aboutligeia-notification-title-mobile a {
        color: #FF0033 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .aboutligeia-notification-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .aboutligeia-notification-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #B3001F;
        border-left:   2px solid #B3001F;
        border-right:  2px solid #FFE0E0;
        border-bottom: 2px solid #FFE0E0;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TEXTO */
    .aboutligeia-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
       /* BOTÓN PERMANECER */
    .aboutligeia-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .aboutligeia-notification-button-1-mobile:hover {
        border-top-color:    #B3001F;
        border-left-color:   #B3001F;
        border-right-color:  #FFE0E0;
        border-bottom-color: #FFE0E0;
    }
    .aboutligeia-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .aboutligeia-notification-button-2-mobile:hover {
        border-top-color:    #FF3333;
        border-left-color:   #FF3333;
        border-right-color:  #FFB8B8;
        border-bottom-color: #FFB8B8;
    }
    .aboutligeia-notification-stay-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .aboutligeia-notification-stay-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .aboutligeia-container-1 { display: none; }
    .aboutligeia-content-2 { display: none; }
    .aboutligeia-container-1-mobile { display: block; }
    .aboutligeia-notification-bar-mobile { display: block; }
    .aboutligeia-notification-content-2-mobile { display: block; }
}
@media (max-width: 360px) {
.aboutligeia-title-mobile { font-size: 1.5rem; }
.aboutligeia-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
.aboutligeia-title-mobile { font-size: 1.3rem; }
.aboutligeia-text-mobile { font-size: 0.8rem; }
}

/* ======================================
   PURPOSE - PC
====================================== */
.purpose-container-1 {
    position: relative;
    width: 850px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.purpose-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.purpose-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.purpose-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0;
}
.purpose-title a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN CERRAR */
.purpose-button-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.purpose-button-1:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.purpose-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.purpose-button-2:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.purpose-close {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.purpose-close:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.purpose-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.purpose-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.purpose-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
.purpose-text,
.purpose-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.purpose-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.purpose-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.purpose-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.purpose-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.purpose-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.purpose-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.purpose-notification-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.purpose-notification-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.purpose-notification-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - TEXTO */
.purpose-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.purpose-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.purpose-notification-button-1:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.purpose-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.purpose-notification-button-2:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.purpose-notification-stay {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.purpose-notification-stay:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.purpose-container-1 { display: block; }
.purpose-content-2 { display: block; }
.purpose-container-1-mobile { display: none; }
.purpose-notification-bar-mobile { display: none; }
.purpose-notification-content-2-mobile { display: none; }
/* ======================================
   PURPOSE - RESPONSIVE
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.purpose-container-1 {
    width: 90%;
}
}
@media (max-width: 834px) {
.purpose-title { font-size: 2.3rem; }
.purpose-text { font-size: 1.05rem; }
}
@media (max-width: 768px) {
    .purpose-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 40px auto 40px auto;
        padding: 0px;
    }
    .purpose-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .purpose-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .purpose-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0;
    }
    .purpose-title-mobile a {
        color: #00FF41 !important;
        text-decoration: none;
    }
       /* BOTÓN CERRAR */
    .purpose-button-1-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .purpose-button-1-mobile:hover {
        border-top-color:    #00B82E;
        border-left-color:   #00B82E;
        border-right-color:  #DFFFE4;
        border-bottom-color: #DFFFE4;
    }
    .purpose-button-2-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .purpose-button-2-mobile:hover {
        border-top-color:    #33FF66;
        border-left-color:   #33FF66;
        border-right-color:  #A8FFB8;
        border-bottom-color: #A8FFB8;
    }
    .purpose-close-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .purpose-close-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO 1 */
    .purpose-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* CONTENIDO 2 */
    .purpose-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .purpose-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .purpose-text-mobile,
    .purpose-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .purpose-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN MOBILE (ROJO)
    ====================================== */
    .purpose-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .purpose-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .purpose-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .purpose-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .purpose-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }
    .purpose-notification-title-mobile a {
        color: #FF0033 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .purpose-notification-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .purpose-notification-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #B3001F;
        border-left:   2px solid #B3001F;
        border-right:  2px solid #FFE0E0;
        border-bottom: 2px solid #FFE0E0;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TEXTO */
    .purpose-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
       /* BOTÓN PERMANECER */
    .purpose-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .purpose-notification-button-1-mobile:hover {
        border-top-color:    #B3001F;
        border-left-color:   #B3001F;
        border-right-color:  #FFE0E0;
        border-bottom-color: #FFE0E0;
    }
    .purpose-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .purpose-notification-button-2-mobile:hover {
        border-top-color:    #FF3333;
        border-left-color:   #FF3333;
        border-right-color:  #FFB8B8;
        border-bottom-color: #FFB8B8;
    }
    .purpose-notification-stay-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .purpose-notification-stay-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .purpose-container-1 { display: none; }
    .purpose-content-2 { display: none; }
    .purpose-container-1-mobile { display: block; }
    .purpose-notification-bar-mobile { display: block; }
    .purpose-notification-content-2-mobile { display: block; }
}
@media (max-width: 360px) {
.purpose-title-mobile { font-size: 1.5rem; }
.purpose-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
.purpose-title-mobile { font-size: 1.3rem; }
.purpose-text-mobile { font-size: 0.8rem; }
}


/* ======================================
   MISSION - PC
====================================== */
.mission-container-1 {
    position: relative;
    width: 850px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.mission-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.mission-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.mission-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0;
}
.mission-title a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN CERRAR */
.mission-button-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.mission-button-1:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.mission-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.mission-button-2:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.mission-close {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.mission-close:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.mission-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.mission-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.mission-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
.mission-text,
.mission-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.mission-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.mission-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.mission-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.mission-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.mission-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.mission-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.mission-notification-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.mission-notification-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.mission-notification-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - TEXTO */
.mission-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.mission-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.mission-notification-button-1:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.mission-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.mission-notification-button-2:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.mission-notification-stay {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.mission-notification-stay:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.mission-container-1 { display: block; }
.mission-content-2 { display: block; }
.mission-container-1-mobile { display: none; }
.mission-notification-bar-mobile { display: none; }
.mission-notification-content-2-mobile { display: none; }
/* ======================================
   MISSION - RESPONSIVE
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.mission-container-1 {
    width: 90%;
}
}
@media (max-width: 834px) {
.mission-title { font-size: 2.3rem; }
.mission-text { font-size: 1.05rem; }
}
@media (max-width: 768px) {
    .mission-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 40px auto 40px auto;
        padding: 0px;
    }
    .mission-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .mission-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .mission-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0;
    }
    .mission-title-mobile a {
        color: #00FF41 !important;
        text-decoration: none;
    }
       /* BOTÓN CERRAR */
    .mission-button-1-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .mission-button-1-mobile:hover {
        border-top-color:    #00B82E;
        border-left-color:   #00B82E;
        border-right-color:  #DFFFE4;
        border-bottom-color: #DFFFE4;
    }
    .mission-button-2-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .mission-button-2-mobile:hover {
        border-top-color:    #33FF66;
        border-left-color:   #33FF66;
        border-right-color:  #A8FFB8;
        border-bottom-color: #A8FFB8;
    }
    .mission-close-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .mission-close-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO 1 */
    .mission-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* CONTENIDO 2 */
    .mission-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .mission-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .mission-text-mobile,
    .mission-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .mission-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN MOBILE (ROJO)
    ====================================== */
    .mission-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .mission-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .mission-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .mission-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .mission-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }
    .mission-notification-title-mobile a {
        color: #FF0033 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .mission-notification-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .mission-notification-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #B3001F;
        border-left:   2px solid #B3001F;
        border-right:  2px solid #FFE0E0;
        border-bottom: 2px solid #FFE0E0;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TEXTO */
    .mission-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
       /* BOTÓN PERMANECER */
    .mission-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .mission-notification-button-1-mobile:hover {
        border-top-color:    #B3001F;
        border-left-color:   #B3001F;
        border-right-color:  #FFE0E0;
        border-bottom-color: #FFE0E0;
    }
    .mission-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .mission-notification-button-2-mobile:hover {
        border-top-color:    #FF3333;
        border-left-color:   #FF3333;
        border-right-color:  #FFB8B8;
        border-bottom-color: #FFB8B8;
    }
    .mission-notification-stay-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .mission-notification-stay-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .mission-container-1 { display: none; }
    .mission-content-2 { display: none; }
    .mission-container-1-mobile { display: block; }
    .mission-notification-bar-mobile { display: block; }
    .mission-notification-content-2-mobile { display: block; }
}
@media (max-width: 360px) {
.mission-title-mobile { font-size: 1.5rem; }
.mission-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
.mission-title-mobile { font-size: 1.3rem; }
.mission-text-mobile { font-size: 0.8rem; }
}


/* ======================================
   VISION - PC
====================================== */
.vision-container-1 {
    position: relative;
    width: 850px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.vision-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.vision-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.vision-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0;
}
.vision-title a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN CERRAR */
.vision-button-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.vision-button-1:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.vision-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.vision-button-2:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.vision-close {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.vision-close:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.vision-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.vision-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.vision-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
.vision-text,
.vision-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.vision-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.vision-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.vision-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.vision-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.vision-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.vision-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.vision-notification-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.vision-notification-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.vision-notification-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - TEXTO */
.vision-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.vision-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.vision-notification-button-1:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.vision-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.vision-notification-button-2:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.vision-notification-stay {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.vision-notification-stay:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.vision-container-1 { display: block; }
.vision-content-2 { display: block; }
.vision-container-1-mobile { display: none; }
.vision-notification-bar-mobile { display: none; }
.vision-notification-content-2-mobile { display: none; }
/* ======================================
   VISION - RESPONSIVE
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.vision-container-1 {
    width: 90%;
}
}
@media (max-width: 834px) {
.vision-title { font-size: 2.3rem; }
.vision-text { font-size: 1.05rem; }
}
@media (max-width: 768px) {
    .vision-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 40px auto 40px auto;
        padding: 0px;
    }
    .vision-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .vision-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .vision-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0;
    }
    .vision-title-mobile a {
        color: #00FF41 !important;
        text-decoration: none;
    }
       /* BOTÓN CERRAR */
    .vision-button-1-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .vision-button-1-mobile:hover {
        border-top-color:    #00B82E;
        border-left-color:   #00B82E;
        border-right-color:  #DFFFE4;
        border-bottom-color: #DFFFE4;
    }
    .vision-button-2-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .vision-button-2-mobile:hover {
        border-top-color:    #33FF66;
        border-left-color:   #33FF66;
        border-right-color:  #A8FFB8;
        border-bottom-color: #A8FFB8;
    }
    .vision-close-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .vision-close-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO 1 */
    .vision-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* CONTENIDO 2 */
    .vision-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .vision-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .vision-text-mobile,
    .vision-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .vision-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN MOBILE (ROJO)
    ====================================== */
    .vision-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .vision-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .vision-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .vision-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .vision-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }
    .vision-notification-title-mobile a {
        color: #FF0033 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .vision-notification-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .vision-notification-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #B3001F;
        border-left:   2px solid #B3001F;
        border-right:  2px solid #FFE0E0;
        border-bottom: 2px solid #FFE0E0;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TEXTO */
    .vision-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
       /* BOTÓN PERMANECER */
    .vision-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .vision-notification-button-1-mobile:hover {
        border-top-color:    #B3001F;
        border-left-color:   #B3001F;
        border-right-color:  #FFE0E0;
        border-bottom-color: #FFE0E0;
    }
    .vision-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .vision-notification-button-2-mobile:hover {
        border-top-color:    #FF3333;
        border-left-color:   #FF3333;
        border-right-color:  #FFB8B8;
        border-bottom-color: #FFB8B8;
    }
    .vision-notification-stay-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .vision-notification-stay-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .vision-container-1 { display: none; }
    .vision-content-2 { display: none; }
    .vision-container-1-mobile { display: block; }
    .vision-notification-bar-mobile { display: block; }
    .vision-notification-content-2-mobile { display: block; }
}
@media (max-width: 360px) {
.vision-title-mobile { font-size: 1.5rem; }
.vision-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
.vision-title-mobile { font-size: 1.3rem; }
.vision-text-mobile { font-size: 0.8rem; }
}


/* ======================================
   LEGALDATA - PC
====================================== */
.legaldata-container-1 {
    position: relative;
    width: 550px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.legaldata-container-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.legaldata-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.legaldata-container-4 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* TÍTULO */
.legaldata-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}
/* INFORMACIÓN */
.legaldata-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.legaldata-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: center;
    line-height: 1.5;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.legaldata-text {
    margin-bottom: 0px;
}
/* CONTROL */
.legaldata-container-1 { display: block; }
.legaldata-container-1-mobile { display: none; }
/* ======================================
   LEGALDATA - MOBILE
====================================== */
@media (max-width: 768px) {
    .legaldata-container-1-mobile {
        position: relative;
        width: 90%;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 40px auto 40px auto;
        padding: 0px;
    }
    .legaldata-container-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .legaldata-container-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .legaldata-container-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TÍTULO */
    .legaldata-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1.5rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }
    /* INFORMACIÓN */
    .legaldata-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px 0px 10px 0px;
        padding: 0px;
    }
    .legaldata-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1.05rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-align: center;
        line-height: 1.5;
        margin: 0px;
        padding: 0px;
    }
    .legaldata-text-mobile {
        margin-bottom: 0px;
    }
    /* CONTROL */
    .legaldata-container-1 { display: none; }
    .legaldata-container-1-mobile { display: block; }
}
@media (max-width: 360px) {
    .legaldata-title-mobile { font-size: 1.5rem; }
    .legaldata-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
    .legaldata-title-mobile { font-size: 1.3rem; }
    .legaldata-text-mobile { font-size: 0.8rem; }
}


/* ======================================
   FOUNDER - PC
====================================== */
.founder-container-1 {
    position: relative;
    width: 850px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.founder-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.founder-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.founder-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0;
}
.founder-title a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN CERRAR */
.founder-button-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.founder-button-1:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.founder-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.founder-button-2:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.founder-close {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.founder-close:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.founder-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.founder-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* CONTENEDOR: COLUMNAS */
.founder-columns {
    position: relative;
    z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.founder-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.founder-information {
    width: 100%;
    min-width: 0;
    margin: 0px;
}
.founder-subtitle {
    position: relative;
    z-index: 2;
    display: block;
    font-family: 'Doto', sans-serif;
    font-size: 1.4rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.founder-text,
.founder-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
    word-break: break-word;
    overflow-wrap: break-word;
}
.founder-text-end {
    margin-bottom: 0px;
}
/* CONTENEDOR: IMAGEN */
.founder-image {
    width: 100%;
    min-width: 0;
    margin: 0px;
}
.founder-image img {
    display: block;    
    width: 100%;
    height: auto;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.founder-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.founder-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.founder-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.founder-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.founder-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.founder-notification-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.founder-notification-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.founder-notification-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - TEXTO */
.founder-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.founder-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.founder-notification-button-1:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.founder-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.founder-notification-button-2:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.founder-notification-stay {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.founder-notification-stay:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.founder-container-1 { display: block; }
.founder-content-2 { display: block; }
.founder-container-1-mobile { display: none; }
.founder-notification-bar-mobile { display: none; }
.founder-notification-content-2-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: FOUNDER
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.founder-container-1 {
    width: 90%;
}
}
@media (max-width: 834px) {
.founder-title { font-size: 2.3rem; }
.founder-text { font-size: 1.05rem; }
}
@media (max-width: 768px) {
 .founder-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
    .founder-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .founder-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .founder-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0;
    }
    .founder-title-mobile a {
        color: #00FF41 !important;
        text-decoration: none;
    }
       /* BOTÓN CERRAR */
    .founder-button-1-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .founder-button-1-mobile:hover {
        border-top-color:    #00B82E;
        border-left-color:   #00B82E;
        border-right-color:  #DFFFE4;
        border-bottom-color: #DFFFE4;
    }
    .founder-button-2-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .founder-button-2-mobile:hover {
        border-top-color:    #33FF66;
        border-left-color:   #33FF66;
        border-right-color:  #A8FFB8;
        border-bottom-color: #A8FFB8;
    }
    .founder-close-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .founder-close-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO 1 */
    .founder-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* CONTENIDO 2 */
    .founder-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }    
    /* CONTENEDOR: IMAGEN */
    .founder-image-mobile {
        width: 100%;
        min-width: 0;
        margin: 0 0 10px 0;
    }
    .founder-image-mobile img {
        display: block;
        width: 100%;
        height: auto;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
    }   
    /* CONTENEDOR: INFORMACIÓN */
    .founder-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .founder-subtitle-mobile {
        position: relative;
        z-index: 2;
        display: block;
        font-family: 'Doto', sans-serif;
        font-size: 1.2rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: justify;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    .founder-text-mobile,
    .founder-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .founder-text-end-mobile {
        margin-bottom: 0px;
    }
 /* ======================================
       NOTIFICACIÓN MOBILE (ROJO)
    ====================================== */
    .founder-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .founder-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .founder-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .founder-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .founder-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }
    .founder-notification-title-mobile a {
        color: #FF0033 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .founder-notification-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .founder-notification-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #B3001F;
        border-left:   2px solid #B3001F;
        border-right:  2px solid #FFE0E0;
        border-bottom: 2px solid #FFE0E0;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TEXTO */
    .founder-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
       /* BOTÓN PERMANECER */
    .founder-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .founder-notification-button-1-mobile:hover {
        border-top-color:    #B3001F;
        border-left-color:   #B3001F;
        border-right-color:  #FFE0E0;
        border-bottom-color: #FFE0E0;
    }
    .founder-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .founder-notification-button-2-mobile:hover {
        border-top-color:    #FF3333;
        border-left-color:   #FF3333;
        border-right-color:  #FFB8B8;
        border-bottom-color: #FFB8B8;
    }
    .founder-notification-stay-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .founder-notification-stay-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .founder-container-1 { display: none; }
    .founder-content-2 { display: none; }
    .founder-container-1-mobile { display: block; }
    .founder-notification-bar-mobile { display: block; }
    .founder-notification-content-2-mobile { display: block; }
}
@media (max-width: 360px) {
.founder-title-mobile { font-size: 1.5rem; }
.founder-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
.founder-title-mobile { font-size: 1.3rem; }
.founder-text-mobile { font-size: 0.8rem; }
}











/* ======================================
   VALUES - PC
====================================== */
.values-container-1 {
    position: relative;
    width: 850px;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.values-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.values-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #2a0070 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.values-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #ff00a9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0;
}
.values-title a {
    color: #ff00a9 !important;
    text-decoration: none;
}
/* BOTÓN CERRAR */
.values-button-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.values-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.values-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.values-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.values-close {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.values-close:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.values-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.values-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #3f00a8 !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* CAJAS */
.values-box-1 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0 0 30px;
    padding: 0px;
}
.values-box-2 {
    display: block;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* INFORMACIÓN */
.values-information {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
.values-subtitle {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.5rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;
    margin: 0;
}
.values-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: black !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0;
}
/* ======================================
   NOTIFICACIÓN - PC
====================================== */
.values-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.values-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.values-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.values-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #ff00a9 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.values-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.values-notification-title a {
    color: #2a0070 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.values-notification-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.values-notification-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #00FFFF !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - TEXTO */
.values-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: black !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.values-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.values-notification-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.values-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #d0aaff !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.values-notification-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.values-notification-stay {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #2a0070 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.values-notification-stay:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.values-container-1 { display: block; }
.values-content-2 { display: block; }
.values-container-1-mobile { display: none; }
.values-notification-bar-mobile { display: none; }
.values-notification-content-2-mobile { display: none; }
/* ======================================
   RESPONSIVE: VALUES
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.values-container-1 { width: 90%; }
}
@media (max-width: 834px) {
.values-title { font-size: 2.3rem; }
.values-text { font-size: 1.05rem; }
}
@media (max-width: 768px) {
    .values-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 40px auto 40px auto;
        padding: 0px;
    }
    .values-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .values-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #2a0070 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .values-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #ff00a9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0;
    }
    .values-title-mobile a {
        color: #ff00a9 !important;
        text-decoration: none;
    }
    /* BOTÓN CERRAR */
    .values-button-1-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .values-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .values-button-2-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: #d0aaff;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .values-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .values-close-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .values-close-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO 1 */
    .values-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* CONTENIDO 2 */
    .values-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #3f00a8 !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* CAJAS */
    .values-box-1-mobile {
        display: block;
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0 0 30px;
        padding: 0px;
    }
    .values-box-2-mobile {
        display: block;
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #d0aaff !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 15px;
    }
    /* INFORMACIÓN */
    .values-information-mobile {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .values-subtitle-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1.2rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.6;
        margin: 0;
    }
    .values-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1.05rem;
        color: black !important;
        text-decoration: none;
        text-align: left;
        line-height: 1.5;
        margin: 0;
    }
    /* ======================================
       NOTIFICACIÓN
    ====================================== */
    .values-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .values-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .values-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .values-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #ff00a9 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .values-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }
    .values-notification-title-mobile a {
        color: #2a0070 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .values-notification-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .values-notification-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #00FFFF !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TEXTO */
    .values-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: black !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
    /* BOTÓN PERMANECER */
    .values-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .values-notification-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .values-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: #d0aaff !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .values-notification-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .values-notification-stay-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .values-notification-stay-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .values-container-1 { display: none; }
    .values-content-2 { display: none; }
    .values-container-1-mobile { display: block; }
    .values-notification-bar-mobile { display: block; }
    .values-notification-content-2-mobile { display: block; }
}
@media (max-width: 360px) {
.values-title-mobile { font-size: 1.5rem; }
.values-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
.values-title-mobile { font-size: 1.3rem; }
.values-text-mobile { font-size: 0.8rem; }
}

















/* ======================================
   CREATIVE WORLDS - PC
====================================== */
.creativeworlds-framecontainer {
    position: relative;
    width: 1100px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.creativeworlds-framecontainer-container {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}

/* BARRA */
.creativeworlds-framecontainer-container-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.creativeworlds-framecontainer-container-bar-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0px;
    padding: 0px;
}
.creativeworlds-framecontainer-container-bar-title a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN CERRAR */
.creativeworlds-framecontainer-container-bar-framebutton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.creativeworlds-framecontainer-container-bar-framebutton:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.creativeworlds-framecontainer-container-bar-framebutton-button {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.creativeworlds-framecontainer-container-bar-framebutton-button:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.creativeworlds-framecontainer-container-bar-framebutton-button-close {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.creativeworlds-framecontainer-container-bar-framebutton-button-close:hover {
    filter: brightness(1.1);
}

/* CONTENIDO */
.creativeworlds-framecontainer-container-framecontent {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E !important;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.creativeworlds-framecontainer-container-framecontent-content {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}

/* COLUMNAS 1 */
.creativeworlds-framecontainer-container-framecontent-content-columns {
    position: relative;
    z-index: 2;
    margin: 0px;
}
/* GRID DE 3 */
.creativeworlds-framecontainer-container-framecontent-content-columns-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0px;
}
/* COLUMNA 1 */
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E !important;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
/* IMAGEN */
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-image {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 10px 0;
    padding: 0;
}
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-image img {
    display: block;
    width: 100px;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border: none;
    border-radius: 0px;
    margin: 0 auto;
}
/* BOTONES FASHION / JEWELRY / ART */
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-framebutton {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #B57CFF;
    border-left:   2px solid #B57CFF;
    border-right:  2px solid #7D29E9;
    border-bottom: 2px solid #7D29E9;
    border-radius: 0px;
    margin: 0px auto 10px auto;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-framebutton:hover {
    border-top-color:    #7D29E9;
    border-left-color:   #7D29E9;
    border-right-color:  #B57CFF;
    border-bottom-color: #B57CFF;
}
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-framebutton-button {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #D9B8FF;
    border-left:   2px solid #D9B8FF;
    border-right:  2px solid #A855F7;
    border-bottom: 2px solid #A855F7;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-framebutton-button:hover {
    border-top-color:    #A855F7;
    border-left-color:   #A855F7;
    border-right-color:  #D9B8FF;
    border-bottom-color: #D9B8FF;
}
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-framebutton-button-film,
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-framebutton-button-music,
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-framebutton-button-fashion {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border: none;
    border-radius: 0px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #7D29E9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin: 0px;
    padding: 10px 20px;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-framebutton-button-film:hover,
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-framebutton-button-music:hover,
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-framebutton-button-fashion:hover {
    filter: brightness(1.1);
}
/* NOTA */
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-note {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
.creativeworlds-framecontainer-container-framecontent-content-columns-grid-framebox-box-frameinformation-information-note-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: center;
    line-height: 1.5;
    margin: 0;
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.creativeworlds-framecontainer-container-framenotification {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.creativeworlds-framecontainer-container-framenotification.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.creativeworlds-framecontainer-container-framenotification-notification {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.creativeworlds-framecontainer-container-framenotification-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.creativeworlds-framecontainer-container-framenotification-notification-bar-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.creativeworlds-framecontainer-container-framenotification-notification-bar-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.creativeworlds-framecontainer-container-framenotification-notification-framecontent {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.creativeworlds-framecontainer-container-framenotification-notification-framecontent-content {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - TEXTO */
.creativeworlds-framecontainer-container-framenotification-notification-framecontent-content-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.creativeworlds-framecontainer-container-framenotification-notification-framecontent-content-framebutton {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.creativeworlds-framecontainer-container-framenotification-notification-framecontent-content-framebutton:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.creativeworlds-framecontainer-container-framenotification-notification-framecontent-content-framebutton-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.creativeworlds-framecontainer-container-framenotification-notification-framecontent-content-framebutton-button:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.creativeworlds-framecontainer-container-framenotification-notification-framecontent-content-framebutton-button-stay {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.creativeworlds-framecontainer-container-framenotification-notification-framecontent-content-framebutton-button-stay:hover {
    filter: brightness(1.1);
}

/* ======================================
   CONTROL
====================================== */
.creativeworlds-framecontainer { display: block; }
.creativeworlds-framecontainer-container-framecontent-content { display: block; }
.creativeworlds-container1-mobile { display: none; }
.creativeworlds-notificationbar-mobile { display: none; }
.creativeworlds-notificationcontent-mobile { display: none; }
/* ======================================
   CREATIVE WORLDS - MOBILE
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.creativeworlds-container-1 {
    position: relative;
    width: 90%;
}
}
@media (max-width: 834px) {
.creativeworlds-title { font-size: 2.3rem; }
}

@media (max-width: 768px) {
.creativeworlds-container1-mobile {
    position: relative;
    width: 90%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 80px auto 40px auto;
    padding: 0px;    
}
.creativeworlds-container2-container-mobile {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;   
}    
/* BARRA */
.creativeworlds-bar-mobile {
    display: flex; 
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 10px;   
}   
.creativeworlds-title-mobile {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.3;
    margin: 0px;
    padding: 0px;    
}
.creativeworlds-title-mobile a {
    color: #00FF41 !important;
    text-decoration: none;
}    
/* BOTÓN - CERRAR */
.creativeworlds-buttonclose1-mobile {
    position: relative;
    display: flex;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: border-color 0.15s ease;    
}
.creativeworlds-buttonclose1-mobile:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}    
.creativeworlds-buttonclose2-mobile {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 10px;
    transition: border-color 0.15s ease;   
}
.creativeworlds-buttonclose2-mobile:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}   
.creativeworlds-buttonclosetext-mobile {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    transition: filter 0.15s ease;    
}
.creativeworlds-buttonclosetext-mobile:hover {
    filter: brightness(1.1);
}    
/* CONTENIDO */
.creativeworlds-content1-mobile {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E !important;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}    
.creativeworlds-content2-mobile {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
} 
/* CAJAS */
.creativeworlds-box1-mobile {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
.creativeworlds-box1-mobile:last-child {
    margin-bottom: 0px;
}
.creativeworlds-box2-mobile {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}    
.creativeworlds-box3-mobile {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E !important;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}    
.creativeworlds-box4-mobile {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 10px;
}    
/* IMAGEN */
.creativeworlds-image-mobile {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    margin: 0 0 10px 0;
    padding: 0px;
}
.creativeworlds-image-mobile img {
    display: block;
    width: 100%;
    max-width: 100px;
    height: auto;
    object-fit: cover;
    border: none;
    border-radius: 0px;
    margin: 0px auto;
}   
/* BOTONES FASHION / JEWELRY / ART */
.creativeworlds-button1-mobile {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #B57CFF;
    border-left:   2px solid #B57CFF;
    border-right:  2px solid #7D29E9;
    border-bottom: 2px solid #7D29E9;
    border-radius: 0px;
    margin: 0px auto 10px auto;
    padding: 0px;
    transition: border-color 0.15s ease;
}   
.creativeworlds-button1-mobile:hover {
    border-top-color:    #7D29E9;
    border-left-color:   #7D29E9;
    border-right-color:  #B57CFF;
    border-bottom-color: #B57CFF;
}
.creativeworlds-button2-mobile {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #D9B8FF;
    border-left:   2px solid #D9B8FF;
    border-right:  2px solid #A855F7;
    border-bottom: 2px solid #A855F7;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.creativeworlds-button2-mobile:hover {
    border-top-color:    #A855F7;
    border-left-color:   #A855F7;
    border-right-color:  #D9B8FF;
    border-bottom-color: #D9B8FF;
}
.creativeworlds-buttontex-mobile,
.creativeworlds-buttontext-mobile {
    display: flex;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border: none;
    border-radius: 0px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #7D29E9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin: 0px;
    padding: 10px 20px;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.creativeworlds-buttontex-mobile:hover,
.creativeworlds-buttontext-mobile:hover {
    filter: brightness(1.1);
}   
/* NOTA */
.creativeworlds-note-mobile {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
.creativeworlds-notetext-mobile {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.05rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: center;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}   
/* ======================================
   NOTIFICACIÓN - MOBILE (ROJO)
====================================== */
.creativeworlds-notification1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;    
}
.creativeworlds-notification1-mobile.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.creativeworlds-notification2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
}
.creativeworlds-notificationbar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
}
.creativeworlds-notificationtitle-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
}
.creativeworlds-notificationcontent1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
}
.creativeworlds-notificationcontent2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #B3001F;
        border-left:   2px solid #B3001F;
        border-right:  2px solid #FFE0E0;
        border-bottom: 2px solid #FFE0E0;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
}
.creativeworlds-notificationtext-mobile {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.8rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.creativeworlds-notificationbutton1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
}
.creativeworlds-notificationbutton1-mobile:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.creativeworlds-notificationbutton2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
}
.creativeworlds-notificationbutton2-mobile:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.creativeworlds-notificationbuttontext-mobile {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.creativeworlds-notificationbuttontext-mobile:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL DE VISIBILIDAD
====================================== */
.creativeworlds-framecontainer { display: none; }
.creativeworlds-framecontainer-container-framecontent-content { display: none; }
.creativeworlds-container1-mobile { display: block; }
.creativeworlds-notificationbar-mobile { display: block; }
.creativeworlds-notificationcontent-mobile { display: block; }
}










/* ======================================
   WORK IN PROGRESS - PC
====================================== */
.workinprogress-container-1 {
    position: relative;
    width: 850px;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.workinprogress-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.workinprogress-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #2a0070 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
/* TÍTULO */
.workinprogress-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #ff00a9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}
.workinprogress-title a {
    color: #ff00a9 !important;
    text-decoration: none;
}
/* BOTÓN - CERRAR */
.workinprogress-button-1 {
    display: flex;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.workinprogress-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.workinprogress-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.workinprogress-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.workinprogress-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.workinprogress-button-text:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.workinprogress-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.workinprogress-container-4 {
    width: 100%;
    height: 550px;
    box-sizing: border-box;
    background: #3f00a8 !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* CAJAS */
.workinprogress-item-1 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
.workinprogress-item-1:last-child {
    margin-bottom: 0px;
}
.workinprogress-item-2 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.workinprogress-item-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.workinprogress-item-4 {
    width: 100%;
    box-sizing: border-box;
    background: #00FFFF !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* CONTENEDOR: COLUMNAS */
.workinprogress-columns {
    position: relative;
    z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.workinprogress-grid {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 10px;
    margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.workinprogress-image {
    width: 100%;
    min-width: 0;
    margin: 0px;
}
.workinprogress-image img {
    display: block;
    width: 120px;
    height: auto;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.workinprogress-information {
    width: 100%;
    min-width: 0;
    margin: 0px;
}
.workinprogress-date {
    position: relative;
    z-index: 2;
    display: block;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: black !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    font-weight: bold;
    line-height: 1.5;
    margin: 0px;
}
.workinprogress-name {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.5rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0px;
}
.workinprogress-type,
.workinprogress-stage {
    display: block;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: black !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0px;
}
.workinprogress-stage {
    margin-bottom: 10px;
}
/* BOTÓN VIEW */
.workinprogress-button2-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.workinprogress-button2-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.workinprogress-button2-2 {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.workinprogress-button2-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.workinprogress-button2-text {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ff00a9 !important;
    border: none;
    border-radius: 0px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: white !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin: 0px;
    padding: 10px 20px;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.workinprogress-button2-text:hover {
    filter: brightness(1.1);
}
/* BARRA DE SCROLL */
.workinprogress-container-4 {
    scrollbar-width: thin;
    scrollbar-color: #8a55f0 #e6ccff;
}
.workinprogress-container-4::-webkit-scrollbar {
    width: 18px;
}
.workinprogress-container-4::-webkit-scrollbar-track {
    background: #e6ccff;
    border-left: 1px solid #b388ff;
}
.workinprogress-container-4::-webkit-scrollbar-thumb {
    background: #8a55f0;
    border: 2px solid #e6ccff;
    border-radius: 10px;
}
.workinprogress-container-4::-webkit-scrollbar-thumb:hover {
    background: #b388ff;
}
/* ======================================
   NOTIFICACIÓN - PC
====================================== */
.workinprogress-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.workinprogress-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.workinprogress-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.workinprogress-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #ff00a9 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.workinprogress-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.workinprogress-notification-title a {
    color: #2a0070 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.workinprogress-notification-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.workinprogress-notification-4 {
    width: 100%;
    box-sizing: border-box;
    background: #00FFFF !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - INFORMACIÓN */
.workinprogress-notification-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
/* NOTIFICACIÓN - TEXTO */
.workinprogress-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: black !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.workinprogress-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.workinprogress-notification-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.workinprogress-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: #d0aaff !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.workinprogress-notification-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.workinprogress-notification-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #2a0070 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.workinprogress-notification-button-text:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.workinprogress-container-1 { display: block; }
.workinprogress-container-1-mobile { display: none; }

.workinprogress-notification-1 { display: block; }
.workinprogress-notification-1-mobile { display: none; }
/* ======================================
   WORK IN PROGRESS - MOBILE
====================================== */
@media (max-width: 768px) {
    .workinprogress-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
    .workinprogress-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .workinprogress-bar-mobile {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        justify-content: space-between;
        align-items: center;
        background: #2a0070 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .workinprogress-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #ff00a9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
        padding: 0px;
    }
    .workinprogress-title-mobile a {
        color: #ff00a9 !important;
        text-decoration: none;
    }
    /* BOTÓN - CERRAR */
    .workinprogress-button-1-mobile {
        position: relative;
        display: flex;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
        transition: border-color 0.15s ease;
    }
    .workinprogress-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .workinprogress-button-2-mobile {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #d0aaff !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .workinprogress-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .workinprogress-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .workinprogress-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO */
    .workinprogress-container-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff !important;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .workinprogress-container-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #3f00a8 !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* CAJAS - 1 / 2 / 3 / 4 */
    .workinprogress-item-1-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0px 0px 20px 0px;
        padding: 0px;
    }
    .workinprogress-item-1-mobile:last-child {
        margin-bottom: 0px;
    }
    .workinprogress-item-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .workinprogress-item-3-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff !important;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .workinprogress-item-4-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #00FFFF !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    /* IMAGEN */
    .workinprogress-image-mobile {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        margin: 0 0 10px 0;
        padding: 0px;
    }
    .workinprogress-image-mobile img {
        display: block;
        width: 100%;
        max-width: 100px;
        height: auto;
        object-fit: cover;
        border: none;
        border-radius: 0px;
        margin: 0px auto;
    }
    /* INFORMACIÓN */
    .workinprogress-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    .workinprogress-date-mobile {
        display: block;
        font-family: 'Share Tech Mono', monospace;
        font-size: 1.05rem;
        color: black !important;
        text-decoration: none;
        text-align: center;
        font-weight: bold;
        line-height: 1.5;
        margin: 0px;
        padding: 0px;
    }
    .workinprogress-name-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1.2rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-align: center;
        line-height: 1.5;
        margin: 0px;
    }
    .workinprogress-type-mobile,
    .workinprogress-stage-mobile {
        display: block;
        font-family: 'Share Tech Mono', monospace;
        font-size: 1.05rem;
        color: black !important;
        text-decoration: none;
        text-align: center;
        line-height: 1.5;
        margin: 0px;
    }
    .workinprogress-stage-mobile {
        margin-bottom: 10px;
    }
    /* BOTONES - VIEW */
    .workinprogress-button2-1-mobile {
        display: flex;
        width: fit-content;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0px auto 10px auto;
        padding: 0px;
        transition: border-color 0.15s ease;
    }
    .workinprogress-button2-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .workinprogress-button2-2-mobile {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
        transition: border-color 0.15s ease;
    }
    .workinprogress-button2-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .workinprogress-button2-text-mobile {
        display: flex;
        width: 100%;
        height: 40px;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #ff00a9 !important;
        border: none;
        border-radius: 0px;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: white !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        margin: 0px;
        padding: 10px 20px;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .workinprogress-button2-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* ======================================
       NOTIFICACIÓN - MOBILE
    ====================================== */
    .workinprogress-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .workinprogress-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .workinprogress-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .workinprogress-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #ff00a9 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .workinprogress-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
    }
    .workinprogress-notification-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .workinprogress-notification-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #00FFFF !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .workinprogress-notification-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .workinprogress-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: black !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    .workinprogress-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .workinprogress-notification-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .workinprogress-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: #d0aaff !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .workinprogress-notification-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .workinprogress-notification-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .workinprogress-notification-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .workinprogress-container-1 { display: none; }
    .workinprogress-container-1-mobile { display: block; }
    .workinprogress-notification-1 { display: none; }
    .workinprogress-notification-1-mobile { display: block; }
}





/* ======================================
   FILM - PC
====================================== */
.film-container-1 {
    position: relative;
    width: 850px;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.film-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.film-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #2a0070 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
/* TÍTULO */
.film-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #ff00a9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}
.film-title a {
    color: #ff00a9 !important;
    text-decoration: none;
}
/* BOTÓN - CERRAR */
.film-button-1 {
    display: flex;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.film-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.film-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.film-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.film-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.film-button-text:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.film-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.film-container-4 {
    width: 100%;
    box-sizing: border-box;
    background: #3f00a8 !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.film-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
.film-text,
.film-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF00 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.film-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC
====================================== */
.film-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.film-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.film-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.film-notification-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #ff00a9 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
/* NOTIFICACIÓN - TÍTULO */
.film-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.3;
    margin: 0px;
    padding: 0px;
}
.film-notification-title a {
    color: #2a0070 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.film-notification-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.film-notification-4 {
    width: 100%;
    box-sizing: border-box;
    background: #00FFFF !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - INFORMACIÓN */
.film-notification-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - TEXTO */
.film-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: black !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.film-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.film-notification-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.film-notification-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.film-notification-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.film-notification-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #2a0070 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.film-notification-button-text:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.film-container-1 { display: block; }
.film-container-1-mobile { display: none; }

.film-notification-1 { display: block; }
.film-notification-1-mobile { display: none; }
/* ======================================
   FILM - RESPONSIVE
====================================== */
@media (max-width: 768px) {
    .film-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
    .film-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .film-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #2a0070 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    /* TÍTULO */
    .film-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #ff00a9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
        padding: 0px;
    }
    .film-title-mobile a {
        color: #ff00a9 !important;
        text-decoration: none;
    }
    /* BOTÓN - CERRAR */
    .film-button-1-mobile {
        position: relative;
        display: flex;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .film-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .film-button-2-mobile {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #d0aaff;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .film-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .film-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .film-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO */
    .film-container-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .film-container-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #3f00a8 !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .film-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    .film-text-mobile,
    .film-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF00 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .film-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN
    ====================================== */
    .film-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .film-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .film-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* NOTIFICACIÓN - BARRA */
    .film-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #ff00a9 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    /* NOTIFICACIÓN - TÍTULO */
    .film-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
        padding: 0px;
    }
    .film-notification-title-mobile a {
        color: #2a0070 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .film-notification-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .film-notification-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #00FFFF !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }   
    /* NOTIFICACIÓN - INFORMACIÓN */
    .film-notification-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    /* TEXTO */
    .film-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: black !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    /* BOTÓN - PERMANECER */
    .film-notification-button-1-mobile {
        display: flex;
        width: fit-content;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .film-notification-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .film-notification-button-2-mobile {
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #d0aaff !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .film-notification-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .film-notification-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .film-notification-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .film-container-1 { display: none; }
    .film-container-1-mobile { display: block; }
    
    .film-notification-1 { display: none; }
    .film-notification-1-mobile { display: block; }
}


/* ======================================
   MUSIC - PC
====================================== */
.music-container-1 {
    position: relative;
    width: 850px;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.music-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.music-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #2a0070 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
/* TÍTULO */
.music-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #ff00a9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}
.music-title a {
    color: #ff00a9 !important;
    text-decoration: none;
}
/* BOTÓN - CERRAR */
.music-button-1 {
    display: flex;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.music-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.music-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.music-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.music-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.music-button-text:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.music-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.music-container-4 {
    width: 100%;
    box-sizing: border-box;
    background: #3f00a8 !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.music-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
.music-text,
.music-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF00 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.music-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC
====================================== */
.music-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.music-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.music-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.music-notification-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #ff00a9 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
/* NOTIFICACIÓN - TÍTULO */
.music-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.3;
    margin: 0px;
    padding: 0px;
}
.music-notification-title a {
    color: #2a0070 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.music-notification-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.music-notification-4 {
    width: 100%;
    box-sizing: border-box;
    background: #00FFFF !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - INFORMACIÓN */
.music-notification-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - TEXTO */
.music-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: black !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.music-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.music-notification-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.music-notification-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.music-notification-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.music-notification-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #2a0070 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.music-notification-button-text:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.music-container-1 { display: block; }
.music-container-1-mobile { display: none; }

.music-notification-1 { display: block; }
.music-notification-1-mobile { display: none; }



/* ======================================
   MUSIC - RESPONSIVE
====================================== */
@media (max-width: 768px) {
    .music-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
    .music-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .music-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #2a0070 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    /* TÍTULO */
    .music-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #ff00a9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
        padding: 0px;
    }
    .music-title-mobile a {
        color: #ff00a9 !important;
        text-decoration: none;
    }
    /* BOTÓN - CERRAR */
    .music-button-1-mobile {
        position: relative;
        display: flex;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .music-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .music-button-2-mobile {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #d0aaff;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .music-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .music-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .music-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO */
    .music-container-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .music-container-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #3f00a8 !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .music-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    .music-text-mobile,
    .music-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF00 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .music-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN
    ====================================== */
    .music-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .music-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .music-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* NOTIFICACIÓN - BARRA */
    .music-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #ff00a9 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    /* NOTIFICACIÓN - TÍTULO */
    .music-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
        padding: 0px;
    }
    .music-notification-title-mobile a {
        color: #2a0070 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .music-notification-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .music-notification-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #00FFFF !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }

    
    /* NOTIFICACIÓN - INFORMACIÓN */
    .music-notification-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    /* TEXTO */
    .music-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: black !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    /* BOTÓN - PERMANECER */
    .music-notification-button-1-mobile {
        display: flex;
        width: fit-content;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .music-notification-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .music-notification-button-2-mobile {
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #d0aaff !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .music-notification-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .music-notification-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .music-notification-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .music-container-1 { display: none; }
    .music-container-1-mobile { display: block; }
    
    .music-notification-1 { display: none; }
    .music-notification-1-mobile { display: block; }
}


/* ======================================
   FASHION - PC
====================================== */
.fashion-container-1 {
    position: relative;
    width: 850px;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.fashion-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.fashion-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #2a0070 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
/* TÍTULO */
.fashion-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #ff00a9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}
.fashion-title a {
    color: #ff00a9 !important;
    text-decoration: none;
}
/* BOTÓN - CERRAR */
.fashion-button-1 {
    display: flex;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.fashion-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.fashion-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.fashion-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.fashion-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.fashion-button-text:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.fashion-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.fashion-container-4 {
    width: 100%;
    box-sizing: border-box;
    background: #3f00a8 !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.fashion-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
.fashion-text,
.fashion-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF00 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.fashion-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC
====================================== */
.fashion-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.fashion-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.fashion-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.fashion-notification-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #ff00a9 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
/* NOTIFICACIÓN - TÍTULO */
.fashion-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.3;
    margin: 0px;
    padding: 0px;
}
.fashion-notification-title a {
    color: #2a0070 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.fashion-notification-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.fashion-notification-4 {
    width: 100%;
    box-sizing: border-box;
    background: #00FFFF !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - INFORMACIÓN */
.fashion-notification-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - TEXTO */
.fashion-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: black !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.fashion-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.fashion-notification-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.fashion-notification-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.fashion-notification-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.fashion-notification-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #2a0070 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.fashion-notification-button-text:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.fashion-container-1 { display: block; }
.fashion-container-1-mobile { display: none; }

.fashion-notification-1 { display: block; }
.fashion-notification-1-mobile { display: none; }
/* ======================================
   FASHION - RESPONSIVE
====================================== */
@media (max-width: 768px) {
    .fashion-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
    .fashion-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .fashion-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #2a0070 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    /* TÍTULO */
    .fashion-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #ff00a9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
        padding: 0px;
    }
    .fashion-title-mobile a {
        color: #ff00a9 !important;
        text-decoration: none;
    }
    /* BOTÓN - CERRAR */
    .fashion-button-1-mobile {
        position: relative;
        display: flex;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .fashion-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .fashion-button-2-mobile {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #d0aaff;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .fashion-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .fashion-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .fashion-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO */
    .fashion-container-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .fashion-container-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #3f00a8 !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .fashion-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    .fashion-text-mobile,
    .fashion-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF00 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .fashion-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN
    ====================================== */
    .fashion-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .fashion-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .fashion-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* NOTIFICACIÓN - BARRA */
    .fashion-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #ff00a9 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    /* NOTIFICACIÓN - TÍTULO */
    .fashion-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
        padding: 0px;
    }
    .fashion-notification-title-mobile a {
        color: #2a0070 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .fashion-notification-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .fashion-notification-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #00FFFF !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }

    
    /* NOTIFICACIÓN - INFORMACIÓN */
    .fashion-notification-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    /* TEXTO */
    .fashion-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: black !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    /* BOTÓN - PERMANECER */
    .fashion-notification-button-1-mobile {
        display: flex;
        width: fit-content;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .fashion-notification-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .fashion-notification-button-2-mobile {
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #d0aaff !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .fashion-notification-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .fashion-notification-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .fashion-notification-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .fashion-container-1 { display: none; }
    .fashion-container-1-mobile { display: block; }
    
    .fashion-notification-1 { display: none; }
    .fashion-notification-1-mobile { display: block; }
}












/* ======================================
   STORE - PC
====================================== */
.store-container {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: none;
    border-radius: 0px;
    margin: 50px auto 0px auto;
    padding: 0px;
}
/* TÍTULO */
.store-title {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.store-title-1,
.store-title-2 {
    font-family: 'Combo', cursive;
    font-size: 6rem;
    color: white !important;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    margin: 0px;
    padding: 0px;
}
.store-title-2 {
    font-size: 12rem;
    font-weight: bold;
    margin-bottom: 0px;
}
.store-word-the {
    color: #00FFFF !important;
}
.store-word-store {
    color: #ff00a9 !important;
}
/* SEPARADOR */
.store-divider {
    display: flex;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;    
    justify-content: center;
    align-items: center;
    gap: 15px; 
    margin: 0px auto 10px auto;
    padding: 0px;
}
.store-divider::before,
.store-divider::after {
    content: "";
    flex: 1;
    height: 2px;
    border-radius: 2px;
}
.store-divider::before {
    background: linear-gradient(90deg, transparent, #00ffff);
    box-shadow: 0 0 8px rgba(0, 255, 255, .6);
}
.store-divider::after {
    background: linear-gradient(90deg, #ff00a9, transparent);
    box-shadow: 0 0 8px rgba(255, 0, 169, .6);
}
/* ESTRELLA */
.store-star {
    position: relative;
    flex: 0 0 auto;
    width: 35px;
    height: 35px;
    filter: drop-shadow(0 0 6px #00ffff) drop-shadow(0 0 10px #ff00a9);
}
.store-star::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #fff;
    clip-path: polygon(50% 0%, 59% 41%, 100% 50%, 59% 59%, 50% 100%, 41% 59%, 0% 50%, 41% 41%);
}
/* INFORMACIÓN */
.store-information {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: none;
    border-radius: 0px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
.store-text {
    width: 100%;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    color: #00FF00 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
/* STORE - BARRA DE CARGA INFINITA (SEGMENTOS) */
.store-loading {
    position: relative;
    width: 800px;
    max-width: 100%;
    height: 18px;
    box-sizing: border-box;
    background: transparent !important;
    border: 2px solid #00FF00;
    border-radius: 0px;
    margin: 0px auto 20px auto;
    padding: 2px;
    overflow: hidden;
}
.store-loading-bar {
    position: absolute;
    top: 2px;
    left: 0;
    width: 0;
    height: calc(100% - 4px);
    background-image: repeating-linear-gradient(
        90deg,
        #00FF00 0px,
        #00FF00 8px,
        transparent 8px,
        transparent 12px
    );
    background-repeat: repeat;
    background-size: 12px 100%;
    animation: store-loading-fill 5s linear infinite;
}

@keyframes store-loading-fill {
    0%   { width: 0; }
    100% { width: 100%; }
}
/* CONTROL */
.store-container { display: block; }
.store-container-mobile { display: none; }
/* ======================================
   STORE - MOBILE
====================================== */
@media (max-width: 768px) {
    .store-container-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: transparent !important;
        border: none;
        border-radius: 0px;
        margin: 80px auto 0px auto;
        padding: 0px;
    }
    /* INFORMACIÓN */
    .store-information-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }
    /* TÍTULO */
    .store-title-1-mobile,
    .store-title-2-mobile {
        font-family: 'Combo', cursive;
        font-size: 4rem;
        color: white !important;
        text-decoration: none;
        text-align: center;
        line-height: 1;
        margin: 0px;
        padding: 0px;
    }
    .store-title-2-mobile {
        font-size: 8rem;
        font-weight: bold;
        margin-bottom: 0px;
    }
    /* PALABRAS CON COLOR */
    .store-word-the-mobile {
        color: #00FFFF !important;
    }
    .store-word-store-mobile {
        color: #ff00a9 !important;
    }
    /* SEPARADOR */
    .store-divider-mobile {
        display: flex;
        width: 100%;
        max-width: 1200px;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin: 0px auto 10px auto;
        padding: 0px;
    }
    .store-divider-mobile::before,
    .store-divider-mobile::after {
        content: "";
        flex: 1;
        height: 2px;
        border-radius: 2px;
    }
    .store-divider-mobile::before {
        background: linear-gradient(90deg, transparent, #00ffff);
        box-shadow: 0 0 8px rgba(0, 255, 255, .6);
    }
    .store-divider-mobile::after {
        background: linear-gradient(90deg, #ff00a9, transparent);
        box-shadow: 0 0 8px rgba(255, 0, 169, .6);
    }
    /* ESTRELLA */
    .store-star-mobile {
        position: relative;
        flex: 0 0 auto;
        width: 35px;
        height: 35px;
        filter: drop-shadow(0 0 6px #00ffff) drop-shadow(0 0 10px #ff00a9);
    }
    .store-star-mobile::before {
        content: "";
        position: absolute;
        inset: 0;
        background: #fff;
        clip-path: polygon(50% 0%, 59% 41%, 100% 50%, 59% 59%, 50% 100%, 41% 59%, 0% 50%, 41% 41%);
    }
        /* INFORMACIÓN */
    .store-information-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: none;
        border-radius: 0px;
        margin: 0px 0px 20px 0px;
        padding: 0px;
    }
    .store-text-mobile {
        width: 100%;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        font-weight: bold;
        color: #00FF00 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        margin: 0px;
        padding: 0px;
    }
    /* STORE - BARRA DE CARGA INFINITA (SEGMENTOS) */
    .store-loading-mobile {
        position: relative;
        width: 90%;
        max-width: 100%;
        height: 18px;
        box-sizing: border-box;
        background: transparent !important;
        border: 2px solid #00FF00;
        border-radius: 0px;
        margin: 0px auto 20px auto;
        padding: 2px;
        overflow: hidden;
    }
    .store-loading-bar-mobile {
        position: absolute;
        top: 2px;
        left: 0;
        width: 0;
        height: calc(100% - 4px);
        background-image: repeating-linear-gradient(
            90deg,
            #00FF00 0px,
            #00FF00 8px,
            transparent 8px,
            transparent 12px
        );
        background-repeat: repeat;
        background-size: 12px 100%;
        animation: store-loading-fill 5s linear infinite;
    }
    @keyframes store-loading-fill {
        0%   { width: 0; }
        100% { width: 100%; }
    }
     /* CONTROL */
    .store-container { display: none; }
    .store-container-mobile { display: block; }
}


/* ======================================
   STORES - PC
====================================== */
.stores-container {
    position: relative;
    width: 800px;
    box-sizing: border-box;
    background: transparent !important;
    border: none;
    border-radius: 0px;
    margin: 0px auto 50px auto;
    padding: 0px;
}
.stores-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    background: transparent !important;
    margin: 0px;
    padding: 0px;
}
.stores-icon {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    width: 104px;
    height: 104px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px dotted transparent;
    margin: 0px;
    padding: 0px;
    transition: background 0.15s ease, border-color 0.15s ease;
}
.stores-icon:hover {
    background: rgba(0, 255, 255, 0.15);
    border-color: #00FFFF;
}
.stores-link {
    display: block;
    background: transparent !important;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}
.stores-link::after {
    content: "";
    position: absolute;
    inset: 0;
    cursor: pointer;
}
/* DIBUJO DE CARPETA */
.stores-folder {
    display: block;
    position: relative;
    width: 64px;
    height: 48px;
    background: #00B8B8;
    clip-path: polygon(0 4px, 4px 0, 24px 0, 28px 4px, 60px 4px, 64px 8px, 64px 48px, 0 48px);
    transition: filter 0.15s ease;
}
.stores-folder::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #00FFFF;
    clip-path: polygon(2px 5px, 4px 2px, 23px 2px, 27px 6px, 59px 6px, 62px 9px, 62px 46px, 2px 46px);
}
.stores-folder::after {
    content: "";
    position: absolute;
    top: 14px;
    left: 2px;
    width: 60px;
    height: 32px;
    box-sizing: border-box;
    background: #A8FFFF;
    border-top: 2px solid #00B8B8;
    box-shadow: inset 2px 2px 0 #FFFFFF, inset -2px -2px 0 #7FFFD4;
}
.stores-link:hover .stores-folder {
    filter: brightness(1.2);
}
/* TEXTO */
.stores-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 0.8rem;
    color: #00FFFF !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    white-space: nowrap;
    margin: 8px 0px 0px 0px;
    padding: 0px;
}
/* CONTROL */
.stores-container { display: block; }
.stores-container-mobile { display: none; }
/* ======================================
   STORES - MOBILE
====================================== */
@media (max-width: 768px) {
    .stores-container-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: transparent !important;
        border: none;
        border-radius: 0px;
        margin: 0px auto 40px auto;
        padding: 0px;
    }
    .stores-icons-mobile {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        gap: 5px;
        background: transparent !important;
        margin: 0px;
        padding: 0px;
    }
    .stores-icon-mobile {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 80px;
        height: 80px;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent;
        border: 1px dotted transparent;
        margin: 0px;
        padding: 0px;
        transition: background 0.15s ease, border-color 0.15s ease;
    }
    .stores-icon-mobile:hover {
        background: rgba(0, 255, 255, 0.15);
        border-color: #00FFFF;
    }
    .stores-link-mobile {
        display: block;
        background: transparent !important;
        text-decoration: none;
        margin: 0px;
        padding: 0px;
    }
    .stores-link-mobile::after {
        content: "";
        position: absolute;
        inset: 0;
        cursor: pointer;
    }
    .stores-folder-mobile {
        display: block;
        position: relative;
        width: 64px;
        height: 48px;
        background: #00B8B8;
        margin: -6px -8px;
        clip-path: polygon(0 4px, 4px 0, 24px 0, 28px 4px, 60px 4px, 64px 8px, 64px 48px, 0 48px);
        transform: scale(0.75);
        transition: filter 0.15s ease;
    }
    .stores-folder-mobile::before {
        content: "";
        position: absolute;
        inset: 0;
        background: #00FFFF;
        clip-path: polygon(2px 5px, 4px 2px, 23px 2px, 27px 6px, 59px 6px, 62px 9px, 62px 46px, 2px 46px);
    }
    .stores-folder-mobile::after {
        content: "";
        position: absolute;
        top: 14px;
        left: 2px;
        width: 60px;
        height: 32px;
        box-sizing: border-box;
        background: #A8FFFF;
        border-top: 2px solid #00B8B8;
        box-shadow: inset 2px 2px 0 #FFFFFF, inset -2px -2px 0 #7FFFD4;
    }
    .stores-link-mobile:hover .stores-folder-mobile {
        filter: brightness(1.2);
    }
    .stores-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 0.6rem;
        color: #00FFFF !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        white-space: nowrap;
        margin: 5px 0px 0px 0px;
        padding: 0px;
    }
    /* CONTROL */
    .stores-container { display: none; }
    .stores-container-mobile { display: block; }
}





































/* ======================================
   BEMYPATRON - PC
====================================== */
.bemypatron-container-1 {
    position: relative;
    width: 850px;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.bemypatron-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.bemypatron-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #2a0070 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
/* TÍTULO */
.bemypatron-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #ff00a9 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}
.bemypatron-title a {
    color: #ff00a9 !important;
    text-decoration: none;
}
/* BOTÓN - CERRAR */
.bemypatron-button-1 {
    display: flex;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.bemypatron-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.bemypatron-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.bemypatron-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.bemypatron-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.bemypatron-button-text:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.bemypatron-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.bemypatron-container-4 {
    width: 100%;
    box-sizing: border-box;
    background: #3f00a8 !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.bemypatron-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
.bemypatron-text,
.bemypatron-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF00 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.bemypatron-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC
====================================== */
.bemypatron-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.bemypatron-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.bemypatron-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.bemypatron-notification-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #ff00a9 !important;
    border: 4px solid #d0aaff;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
/* NOTIFICACIÓN - TÍTULO */
.bemypatron-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #2a0070 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.3;
    margin: 0px;
    padding: 0px;
}
.bemypatron-notification-title a {
    color: #2a0070 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.bemypatron-notification-3 {
    width: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border: 4px solid #d0aaff;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.bemypatron-notification-4 {
    width: 100%;
    box-sizing: border-box;
    background: #00FFFF !important;
    border-top:    2px solid #8a55f0;
    border-left:   2px solid #8a55f0;
    border-right:  2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - INFORMACIÓN */
.bemypatron-notification-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - TEXTO */
.bemypatron-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: black !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.bemypatron-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #ffffff;
    border-left:   2px solid #ffffff;
    border-right:  2px solid #8a55f0;
    border-bottom: 2px solid #8a55f0;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.bemypatron-notification-button-1:hover {
    border-top-color:    #8a55f0;
    border-left-color:   #8a55f0;
    border-right-color:  #ffffff;
    border-bottom-color: #ffffff;
}
.bemypatron-notification-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: #d0aaff !important;
    border-top:    2px solid #e6ccff;
    border-left:   2px solid #e6ccff;
    border-right:  2px solid #b388ff;
    border-bottom: 2px solid #b388ff;
    border-radius: 0px;
    margin: 0px;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.bemypatron-notification-button-2:hover {
    border-top-color:    #b388ff;
    border-left-color:   #b388ff;
    border-right-color:  #e6ccff;
    border-bottom-color: #e6ccff;
}
.bemypatron-notification-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #2a0070 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.bemypatron-notification-button-text:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.bemypatron-container-1 { display: block; }
.bemypatron-container-1-mobile { display: none; }

.bemypatron-notification-1 { display: block; }
.bemypatron-notification-1-mobile { display: none; }



/* ======================================
   BEMYPATRON - RESPONSIVE
====================================== */
@media (max-width: 768px) {
    .bemypatron-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
    .bemypatron-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .bemypatron-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #2a0070 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    /* TÍTULO */
    .bemypatron-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #ff00a9 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
        padding: 0px;
    }
    .bemypatron-title-mobile a {
        color: #ff00a9 !important;
        text-decoration: none;
    }
    /* BOTÓN - CERRAR */
    .bemypatron-button-1-mobile {
        position: relative;
        display: flex;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .bemypatron-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .bemypatron-button-2-mobile {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #d0aaff;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .bemypatron-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .bemypatron-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .bemypatron-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO */
    .bemypatron-container-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .bemypatron-container-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #3f00a8 !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .bemypatron-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    .bemypatron-text-mobile,
    .bemypatron-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF00 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .bemypatron-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN
    ====================================== */
    .bemypatron-notification-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .bemypatron-notification-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .bemypatron-notification-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* NOTIFICACIÓN - BARRA */
    .bemypatron-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #ff00a9 !important;
        border: 4px solid #d0aaff;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    /* NOTIFICACIÓN - TÍTULO */
    .bemypatron-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0px;
        padding: 0px;
    }
    .bemypatron-notification-title-mobile a {
        color: #2a0070 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .bemypatron-notification-3-mobile {
        width: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border: 4px solid #d0aaff;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .bemypatron-notification-4-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #00FFFF !important;
        border-top:    2px solid #8a55f0;
        border-left:   2px solid #8a55f0;
        border-right:  2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }

    
    /* NOTIFICACIÓN - INFORMACIÓN */
    .bemypatron-notification-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
        padding: 0px;
    }
    /* TEXTO */
    .bemypatron-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: black !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    /* BOTÓN - PERMANECER */
    .bemypatron-notification-button-1-mobile {
        display: flex;
        width: fit-content;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: transparent !important;
        border-top:    2px solid #ffffff;
        border-left:   2px solid #ffffff;
        border-right:  2px solid #8a55f0;
        border-bottom: 2px solid #8a55f0;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .bemypatron-notification-button-1-mobile:hover {
        border-top-color:    #8a55f0;
        border-left-color:   #8a55f0;
        border-right-color:  #ffffff;
        border-bottom-color: #ffffff;
    }
    .bemypatron-notification-button-2-mobile {
        display: flex;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        background: #d0aaff !important;
        border-top:    2px solid #e6ccff;
        border-left:   2px solid #e6ccff;
        border-right:  2px solid #b388ff;
        border-bottom: 2px solid #b388ff;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .bemypatron-notification-button-2-mobile:hover {
        border-top-color:    #b388ff;
        border-left-color:   #b388ff;
        border-right-color:  #e6ccff;
        border-bottom-color: #e6ccff;
    }
    .bemypatron-notification-button-text-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #2a0070 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .bemypatron-notification-button-text-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .bemypatron-container-1 { display: none; }
    .bemypatron-container-1-mobile { display: block; }
    
    .bemypatron-notification-1 { display: none; }
    .bemypatron-notification-1-mobile { display: block; }
}






















 












































































































































































/* ======================================
   CONTACT
====================================== */
.contact-container-1 {
    position: relative;
    width: 600px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.contact-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.contact-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
/* TÍTULO */
.contact-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}
.contact-title a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN - CERRAR */
.contact-button-1 {
    display: flex;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.contact-button-1:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.contact-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.contact-button-2:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.contact-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.contact-button-text:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.contact-container-3 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.contact-container-4 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* FORMULARIO */
.contact-form {
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin: 0px;
}
/* TEXTOS SOBRE LAS CAJAS */
.contact-label {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    margin: 0 0 5px 0;
}
/* CAJAS */
.contact-box {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
.contact-box:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
/* CAJAS CON TEXTOS */
.contact-input,
.contact-textarea {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    margin: 0px;
    padding: 10px;
}
.contact-input:hover,
.contact-textarea:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.contact-textarea {
    height: 150px;
    resize: vertical;
}
/* CASILLA TOPIC */
.contact-topic {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    display: none !important;
}
.contact-topic.is-visible {
    display: block !important;
}
/* BOTONES TIKTOK / YOUTUBE */
.contact-button2-1 {
    display: block;
    width: fit-content;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0A8;
    border-left:   2px solid #FFE0A8;
    border-right:  2px solid #FFB000;
    border-bottom: 2px solid #FFB000;
    border-radius: 0px;
    margin: 0px auto 0px auto;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.contact-button2-1:hover {
    border-top-color:    #FFB000;
    border-left-color:   #FFB000;
    border-right-color:  #FFE0A8;
    border-bottom-color: #FFE0A8;
}
.contact-button2-2 {
    display: block;
    width: fit-content;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFD98A;
    border-left:   2px solid #FFD98A;
    border-right:  2px solid #E69500;
    border-bottom: 2px solid #E69500;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.contact-button2-2:hover {
    border-top-color:    #E69500;
    border-left-color:   #E69500;
    border-right-color:  #FFD98A;
    border-bottom-color: #FFD98A;
}
.contact-button2-text {
    display: block;
    width: auto;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border: none;
    border-radius: 0px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FFB000 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.contact-button2-text:hover {
    filter: brightness(1.1);
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.contact-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.contact-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.contact-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.contact-notification-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
/* NOTIFICACIÓN - TÍTULO */
.contact-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.3;
    margin: 0px;
    padding: 0px;
}
.contact-notification-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.contact-notification-3 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.contact-notification-4 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - INFORMACIÓN */
.contact-notification-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - TEXTO */
.contact-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.contact-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.contact-notification-button-1:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.contact-notification-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.contact-notification-button-2:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.contact-notification-button-text {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.contact-notification-button-text:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.contact-container-1 { display: block; }
.contact-container-1-mobile { display: none; }

.contact-notification-1 { display: block; }
.contact-notification-1-mobile { display: none; }
/* ======================================
   CONTACT - MOBILE
====================================== */
@media (max-width: 768px) {
/* CONTENEDOR */
.contact-container-1-mobile {
    position: relative;
    width: 90%;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 80px auto 40px auto;
    padding: 0px;
}
.contact-container-2-mobile {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.contact-bar-mobile {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 10px;
}
/* TÍTULO */
.contact-title-mobile {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
}
.contact-title-mobile a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN - CERRAR */
.contact-button-1-mobile {
    display: flex;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.contact-button-1-mobile:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.contact-button-2-mobile {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.contact-button-2-mobile:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.contact-button-text-mobile {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.contact-button-text-mobile:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.contact-container-3-mobile {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.contact-container-4-mobile {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* FORMULARIO */
.contact-form-mobile {
    display: block;    
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}    
/* TEXTOS SOBRE LAS CAJAS */
.contact-label-mobile {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    margin: 0 0 5px 0;
}
/* CAJAS */
.contact-box-mobile {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
.contact-box-mobile:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
/* CAJAS CON TEXTOS */
.contact-input-mobile,
.contact-textarea-mobile {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    margin: 0px;
    padding: 10px;
}
.contact-input-mobile:hover,
.contact-textarea-mobile:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.contact-textarea-mobile {
    height: 150px;
    resize: vertical;
}
/* CASILLA TOPIC */
.contact-topic-mobile {
    display: none !important;    
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
.contact-topic-mobile.is-visible {
    display: block !important;
}   
/* BOTON SUMMIT */
.contact-button2-1-mobile {
    display: block;
    width: fit-content;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0A8;
    border-left:   2px solid #FFE0A8;
    border-right:  2px solid #FFB000;
    border-bottom: 2px solid #FFB000;
    border-radius: 0px;
    margin: 0px auto 0px auto;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.contact-button2-1-mobile:hover {
    border-top-color:    #FFB000;
    border-left-color:   #FFB000;
    border-right-color:  #FFE0A8;
    border-bottom-color: #FFE0A8;
}
.contact-button2-2-mobile {
    display: block;
    width: fit-content;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFD98A;
    border-left:   2px solid #FFD98A;
    border-right:  2px solid #E69500;
    border-bottom: 2px solid #E69500;
    border-radius: 0px;
    margin: 0px auto;
    padding: 0px;
    transition: border-color 0.15s ease;
}
.contact-button2-2-mobile:hover {
    border-top-color:    #E69500;
    border-left-color:   #E69500;
    border-right-color:  #FFD98A;
    border-bottom-color: #FFD98A;
}
.contact-button2-text-mobile {
    display: block;
    width: auto;
    box-sizing: border-box;
    align-items: center;
    background: transparent !important;
    border: none;
    border-radius: 0px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FFB000 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    margin: 0px;
    padding: 10px 20px;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.contact-button2-text-mobile:hover {
    filter: brightness(1.1);
}   
/* ======================================
   NOTIFICACIÓN - MOBILE (ROJO)
====================================== */
.contact-notification-1-mobile {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.contact-notification-1-mobile.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.contact-notification-2-mobile {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.contact-notification-bar-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.contact-notification-title-mobile {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.contact-notification-title-mobile a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* CONTENIDO */
.contact-notification-3-mobile {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.contact-notification-4-mobile {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - INFORMACIÓN */
.contact-notification-information-mobile {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
/* TEXTO */
.contact-notification-text-mobile {
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.8rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* BOTÓN PERMANECER */
.contact-notification-button-1-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.contact-notification-button-1-mobile:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.contact-notification-button-2-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.contact-notification-button-2-mobile:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.contact-notification-button-text-mobile {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.contact-notification-button-text-mobile:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.contact-container-1 { display: none; }
.contact-container-1-mobile { display: block; }

.contact-notification-1 { display: none; }
.contact-notification-1-mobile { display: block; }
}

/* ======================================
   TERMS AND CONDITIONS - PC
====================================== */
.termsandconditions-container-1 {
    position: relative;
    width: 850px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.termsandconditions-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.termsandconditions-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.termsandconditions-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0;
}
.termsandconditions-title a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN CERRAR */
.termsandconditions-button-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.termsandconditions-button-1:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.termsandconditions-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.termsandconditions-button-2:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.termsandconditions-close {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.termsandconditions-close:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.termsandconditions-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.termsandconditions-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.termsandconditions-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
.termsandconditions-text,
.termsandconditions-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.termsandconditions-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.termsandconditions-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.termsandconditions-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.termsandconditions-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.termsandconditions-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.termsandconditions-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.termsandconditions-notification-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.termsandconditions-notification-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.termsandconditions-notification-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - TEXTO */
.termsandconditions-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.termsandconditions-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.termsandconditions-notification-button-1:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.termsandconditions-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.termsandconditions-notification-button-2:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.termsandconditions-notification-stay {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.termsandconditions-notification-stay:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.termsandconditions-container-1 { display: block; }
.termsandconditions-content-2 { display: block; }
.termsandconditions-container-1-mobile { display: none; }
.termsandconditions-notification-bar-mobile { display: none; }
.termsandconditions-notification-content-2-mobile { display: none; }
/* ======================================
   TERMS AND CONDITIONS - RESPONSIVE
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.termsandconditions-container-1 {
    width: 90%;
}
}
@media (max-width: 834px) {
.termsandconditions-title { font-size: 2.3rem; }
.termsandconditions-text { font-size: 1.05rem; }
}
@media (max-width: 768px) {
    .termsandconditions-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
    .termsandconditions-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .termsandconditions-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .termsandconditions-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0;
    }
    .termsandconditions-title-mobile a {
        color: #00FF41 !important;
        text-decoration: none;
    }
       /* BOTÓN CERRAR */
    .termsandconditions-button-1-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .termsandconditions-button-1-mobile:hover {
        border-top-color:    #00B82E;
        border-left-color:   #00B82E;
        border-right-color:  #DFFFE4;
        border-bottom-color: #DFFFE4;
    }
    .termsandconditions-button-2-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .termsandconditions-button-2-mobile:hover {
        border-top-color:    #33FF66;
        border-left-color:   #33FF66;
        border-right-color:  #A8FFB8;
        border-bottom-color: #A8FFB8;
    }
    .termsandconditions-close-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .termsandconditions-close-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO 1 */
    .termsandconditions-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* CONTENIDO 2 */
    .termsandconditions-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .termsandconditions-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .termsandconditions-text-mobile,
    .termsandconditions-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .termsandconditions-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN MOBILE (ROJO)
    ====================================== */
    .termsandconditions-notification-container-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .termsandconditions-notification-container-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .termsandconditions-notification-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .termsandconditions-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .termsandconditions-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }
    .termsandconditions-notification-title-mobile a {
        color: #FF0033 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .termsandconditions-notification-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .termsandconditions-notification-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #B3001F;
        border-left:   2px solid #B3001F;
        border-right:  2px solid #FFE0E0;
        border-bottom: 2px solid #FFE0E0;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TEXTO */
    .termsandconditions-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
       /* BOTÓN PERMANECER */
    .termsandconditions-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .termsandconditions-notification-button-1-mobile:hover {
        border-top-color:    #B3001F;
        border-left-color:   #B3001F;
        border-right-color:  #FFE0E0;
        border-bottom-color: #FFE0E0;
    }
    .termsandconditions-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .termsandconditions-notification-button-2-mobile:hover {
        border-top-color:    #FF3333;
        border-left-color:   #FF3333;
        border-right-color:  #FFB8B8;
        border-bottom-color: #FFB8B8;
    }
    .termsandconditions-notification-stay-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .termsandconditions-notification-stay-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .termsandconditions-container-1 { display: none; }
    .termsandconditions-content-2 { display: none; }
    .termsandconditions-container-1-mobile { display: block; }
    .termsandconditions-notification-bar-mobile { display: block; }
    .termsandconditions-notification-content-2-mobile { display: block; }
}
@media (max-width: 360px) {
.termsandconditions-title-mobile { font-size: 1.5rem; }
.termsandconditions-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
.termsandconditions-title-mobile { font-size: 1.3rem; }
.termsandconditions-text-mobile { font-size: 0.8rem; }
}


/* ======================================
   PRIVACY POLICY - PC
====================================== */
.privacypolicy-container-1 {
    position: relative;
    width: 850px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.privacypolicy-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.privacypolicy-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.privacypolicy-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0;
}
.privacypolicy-title a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN CERRAR */
.privacypolicy-button-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.privacypolicy-button-1:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.privacypolicy-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.privacypolicy-button-2:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.privacypolicy-close {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.privacypolicy-close:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.privacypolicy-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.privacypolicy-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.privacypolicy-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
.privacypolicy-text,
.privacypolicy-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.privacypolicy-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.privacypolicy-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.privacypolicy-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.privacypolicy-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.privacypolicy-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.privacypolicy-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.privacypolicy-notification-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.privacypolicy-notification-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.privacypolicy-notification-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - TEXTO */
.privacypolicy-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.privacypolicy-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.privacypolicy-notification-button-1:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.privacypolicy-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.privacypolicy-notification-button-2:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.privacypolicy-notification-stay {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.privacypolicy-notification-stay:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.privacypolicy-container-1 { display: block; }
.privacypolicy-content-2 { display: block; }
.privacypolicy-container-1-mobile { display: none; }
.privacypolicy-notification-bar-mobile { display: none; }
.privacypolicy-notification-content-2-mobile { display: none; }
/* ======================================
   PRIVACY POLICY - RESPONSIVE
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.privacypolicy-container-1 {
    width: 90%;
}
}
@media (max-width: 834px) {
.privacypolicy-title { font-size: 2.3rem; }
.privacypolicy-text { font-size: 1.05rem; }
}
@media (max-width: 768px) {
    .privacypolicy-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
    .privacypolicy-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .privacypolicy-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .privacypolicy-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0;
    }
    .privacypolicy-title-mobile a {
        color: #00FF41 !important;
        text-decoration: none;
    }
       /* BOTÓN CERRAR */
    .privacypolicy-button-1-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .privacypolicy-button-1-mobile:hover {
        border-top-color:    #00B82E;
        border-left-color:   #00B82E;
        border-right-color:  #DFFFE4;
        border-bottom-color: #DFFFE4;
    }
    .privacypolicy-button-2-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .privacypolicy-button-2-mobile:hover {
        border-top-color:    #33FF66;
        border-left-color:   #33FF66;
        border-right-color:  #A8FFB8;
        border-bottom-color: #A8FFB8;
    }
    .privacypolicy-close-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .privacypolicy-close-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO 1 */
    .privacypolicy-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* CONTENIDO 2 */
    .privacypolicy-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .privacypolicy-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .privacypolicy-text-mobile,
    .privacypolicy-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .privacypolicy-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN MOBILE (ROJO)
    ====================================== */
    .privacypolicy-notification-container-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .privacypolicy-notification-container-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .privacypolicy-notification-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .privacypolicy-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .privacypolicy-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }
    .privacypolicy-notification-title-mobile a {
        color: #FF0033 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .privacypolicy-notification-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .privacypolicy-notification-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #B3001F;
        border-left:   2px solid #B3001F;
        border-right:  2px solid #FFE0E0;
        border-bottom: 2px solid #FFE0E0;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TEXTO */
    .privacypolicy-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
       /* BOTÓN PERMANECER */
    .privacypolicy-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .privacypolicy-notification-button-1-mobile:hover {
        border-top-color:    #B3001F;
        border-left-color:   #B3001F;
        border-right-color:  #FFE0E0;
        border-bottom-color: #FFE0E0;
    }
    .privacypolicy-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .privacypolicy-notification-button-2-mobile:hover {
        border-top-color:    #FF3333;
        border-left-color:   #FF3333;
        border-right-color:  #FFB8B8;
        border-bottom-color: #FFB8B8;
    }
    .privacypolicy-notification-stay-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .privacypolicy-notification-stay-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .privacypolicy-container-1 { display: none; }
    .privacypolicy-content-2 { display: none; }
    .privacypolicy-container-1-mobile { display: block; }
    .privacypolicy-notification-bar-mobile { display: block; }
    .privacypolicy-notification-content-2-mobile { display: block; }
}
@media (max-width: 360px) {
.privacypolicy-title-mobile { font-size: 1.5rem; }
.privacypolicy-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
.privacypolicy-title-mobile { font-size: 1.3rem; }
.privacypolicy-text-mobile { font-size: 0.8rem; }
}


/* ======================================
   COOKIE POLICY - PC
====================================== */
.cookiepolicy-container-1 {
    position: relative;
    width: 850px;
    background: #000000 !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 50px auto 50px auto;
    padding: 0px;
}
.cookiepolicy-container-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* BARRA */
.cookiepolicy-bar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-radius: 0px;
    margin: 0px;
    padding: 15px;
}
.cookiepolicy-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.6;
    margin: 0;
}
.cookiepolicy-title a {
    color: #00FF41 !important;
    text-decoration: none;
}
/* BOTÓN CERRAR */
.cookiepolicy-button-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #DFFFE4;
    border-left:   2px solid #DFFFE4;
    border-right:  2px solid #00B82E;
    border-bottom: 2px solid #00B82E;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    transition: border-color 0.15s ease;
}
.cookiepolicy-button-1:hover {
    border-top-color:    #00B82E;
    border-left-color:   #00B82E;
    border-right-color:  #DFFFE4;
    border-bottom-color: #DFFFE4;
}
.cookiepolicy-button-2 {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #A8FFB8;
    border-left:   2px solid #A8FFB8;
    border-right:  2px solid #33FF66;
    border-bottom: 2px solid #33FF66;
    border-radius: 0px;
    margin: 0;
    padding: 10px;
    transition: border-color 0.15s ease;
}
.cookiepolicy-button-2:hover {
    border-top-color:    #33FF66;
    border-left-color:   #33FF66;
    border-right-color:  #A8FFB8;
    border-bottom-color: #A8FFB8;
}
.cookiepolicy-close {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.cookiepolicy-close:hover {
    filter: brightness(1.1);
}
/* CONTENIDO */
.cookiepolicy-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #7CFF9E;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.cookiepolicy-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #00B82E;
    border-left:   2px solid #00B82E;
    border-right:  2px solid #DFFFE4;
    border-bottom: 2px solid #DFFFE4;
    border-radius: 0px;
    margin: 0px;
    padding: 30px;
}
/* INFORMACIÓN */
.cookiepolicy-information {
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
}
.cookiepolicy-text,
.cookiepolicy-text-end {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1.25rem;
    color: #00FF41 !important;
    text-decoration: none;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
.cookiepolicy-text-end {
    margin-bottom: 0px;
}
/* ======================================
   NOTIFICACIÓN - PC (ROJO)
====================================== */
.cookiepolicy-notification-1 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    z-index: 9999;
    width: 90%;
    max-width: 400px;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    padding: 0px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.cookiepolicy-notification-1.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
}
.cookiepolicy-notification-2 {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
/* NOTIFICACIÓN - BARRA */
.cookiepolicy-notification-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-radius: 0px;
    margin: 0px;
    padding: 4px 12px;
}
.cookiepolicy-notification-title {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    color: #FF0033 !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
}
.cookiepolicy-notification-title a {
    color: #FF0033 !important;
    text-decoration: none;
}
/* NOTIFICACIÓN - CONTENIDO */
.cookiepolicy-notification-content-1 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border: 4px solid #FF8A8A;
    border-top: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
}
.cookiepolicy-notification-content-2 {
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    border-top:    2px solid #B3001F;
    border-left:   2px solid #B3001F;
    border-right:  2px solid #FFE0E0;
    border-bottom: 2px solid #FFE0E0;
    border-radius: 0px;
    margin: 0px;
    padding: 20px;
}
/* NOTIFICACIÓN - TEXTO */
.cookiepolicy-notification-text {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 15px 0;
}
/* NOTIFICACIÓN - BOTÓN PERMANECER */
.cookiepolicy-notification-button-1 {
    display: flex;
    width: fit-content;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    border-top:    2px solid #FFE0E0;
    border-left:   2px solid #FFE0E0;
    border-right:  2px solid #B3001F;
    border-bottom: 2px solid #B3001F;
    border-radius: 0px;
    margin: 0 auto;
    padding: 0;
    transition: border-color 0.15s ease;
}
.cookiepolicy-notification-button-1:hover {
    border-top-color:    #B3001F;
    border-left-color:   #B3001F;
    border-right-color:  #FFE0E0;
    border-bottom-color: #FFE0E0;
}
.cookiepolicy-notification-button-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: transparent !important;
    border-top:    2px solid #FFB8B8;
    border-left:   2px solid #FFB8B8;
    border-right:  2px solid #FF3333;
    border-bottom: 2px solid #FF3333;
    border-radius: 0px;
    margin: 0;
    padding: 10px 20px;
    transition: border-color 0.15s ease;
}
.cookiepolicy-notification-button-2:hover {
    border-top-color:    #FF3333;
    border-left-color:   #FF3333;
    border-right-color:  #FFB8B8;
    border-bottom-color: #FFB8B8;
}
.cookiepolicy-notification-stay {
    display: block;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #FF0033 !important;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    transition: filter 0.15s ease;
}
.cookiepolicy-notification-stay:hover {
    filter: brightness(1.1);
}
/* ======================================
   CONTROL
====================================== */
.cookiepolicy-container-1 { display: block; }
.cookiepolicy-content-2 { display: block; }
.cookiepolicy-container-1-mobile { display: none; }
.cookiepolicy-notification-bar-mobile { display: none; }
.cookiepolicy-notification-content-2-mobile { display: none; }
/* ======================================
   COOKIE POLICY - RESPONSIVE
====================================== */
@media (min-width: 800px) and (max-width: 1024px) {
.cookiepolicy-container-1 {
    width: 90%;
}
}
@media (max-width: 834px) {
.cookiepolicy-title { font-size: 2.3rem; }
.cookiepolicy-text { font-size: 1.05rem; }
}
@media (max-width: 768px) {
    .cookiepolicy-container-1-mobile {
        position: relative;
        width: 90%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 80px auto 40px auto;
        padding: 0px;
    }
    .cookiepolicy-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .cookiepolicy-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-radius: 0px;
        margin: 0px;
        padding: 10px;
    }
    .cookiepolicy-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 2rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.3;
        margin: 0;
    }
    .cookiepolicy-title-mobile a {
        color: #00FF41 !important;
        text-decoration: none;
    }
       /* BOTÓN CERRAR */
    .cookiepolicy-button-1-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #DFFFE4;
        border-left:   2px solid #DFFFE4;
        border-right:  2px solid #00B82E;
        border-bottom: 2px solid #00B82E;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .cookiepolicy-button-1-mobile:hover {
        border-top-color:    #00B82E;
        border-left-color:   #00B82E;
        border-right-color:  #DFFFE4;
        border-bottom-color: #DFFFE4;
    }
    .cookiepolicy-button-2-mobile {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #A8FFB8;
        border-left:   2px solid #A8FFB8;
        border-right:  2px solid #33FF66;
        border-bottom: 2px solid #33FF66;
        border-radius: 0px;
        margin: 0;
        padding: 10px;
        transition: border-color 0.15s ease;
    }
    .cookiepolicy-button-2-mobile:hover {
        border-top-color:    #33FF66;
        border-left-color:   #33FF66;
        border-right-color:  #A8FFB8;
        border-bottom-color: #A8FFB8;
    }
    .cookiepolicy-close-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1;
        transition: filter 0.15s ease;
    }
    .cookiepolicy-close-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTENIDO 1 */
    .cookiepolicy-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #7CFF9E;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* CONTENIDO 2 */
    .cookiepolicy-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #00B82E;
        border-left:   2px solid #00B82E;
        border-right:  2px solid #DFFFE4;
        border-bottom: 2px solid #DFFFE4;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* INFORMACIÓN */
    .cookiepolicy-information-mobile {
        width: 100%;
        box-sizing: border-box;
        margin: 0px;
    }
    .cookiepolicy-text-mobile,
    .cookiepolicy-text-end-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 1rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        text-align: left;
        margin: 0 0 10px 0;
    }
    .cookiepolicy-text-end-mobile {
        margin-bottom: 0px;
    }
    /* ======================================
       NOTIFICACIÓN MOBILE (ROJO)
    ====================================== */
    .cookiepolicy-notification-container-1-mobile {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.9);
        z-index: 9999;
        width: 90%;
        max-width: 400px;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        padding: 0px;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
    .cookiepolicy-notification-container-1-mobile.show {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        pointer-events: auto;
    }
    .cookiepolicy-notification-container-2-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    /* BARRA */
    .cookiepolicy-notification-bar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-radius: 0px;
        margin: 0px;
        padding: 4px 12px;
    }
    .cookiepolicy-notification-title-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-decoration: none;
        text-transform: uppercase;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }
    .cookiepolicy-notification-title-mobile a {
        color: #FF0033 !important;
        text-decoration: none;
    }
    /* CONTENIDO */
    .cookiepolicy-notification-content-1-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border: 4px solid #FF8A8A;
        border-top: none;
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
    }
    .cookiepolicy-notification-content-2-mobile {
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        border-top:    2px solid #B3001F;
        border-left:   2px solid #B3001F;
        border-right:  2px solid #FFE0E0;
        border-bottom: 2px solid #FFE0E0;
        border-radius: 0px;
        margin: 0px;
        padding: 20px;
    }
    /* TEXTO */
    .cookiepolicy-notification-text-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        text-align: center;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }
       /* BOTÓN PERMANECER */
    .cookiepolicy-notification-button-1-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFE0E0;
        border-left:   2px solid #FFE0E0;
        border-right:  2px solid #B3001F;
        border-bottom: 2px solid #B3001F;
        border-radius: 0px;
        margin: 0 auto;
        padding: 0;
        transition: border-color 0.15s ease;
    }
    .cookiepolicy-notification-button-1-mobile:hover {
        border-top-color:    #B3001F;
        border-left-color:   #B3001F;
        border-right-color:  #FFE0E0;
        border-bottom-color: #FFE0E0;
    }
    .cookiepolicy-notification-button-2-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background: transparent !important;
        border-top:    2px solid #FFB8B8;
        border-left:   2px solid #FFB8B8;
        border-right:  2px solid #FF3333;
        border-bottom: 2px solid #FF3333;
        border-radius: 0px;
        margin: 0;
        padding: 10px 20px;
        transition: border-color 0.15s ease;
    }
    .cookiepolicy-notification-button-2-mobile:hover {
        border-top-color:    #FF3333;
        border-left-color:   #FF3333;
        border-right-color:  #FFB8B8;
        border-bottom-color: #FFB8B8;
    }
    .cookiepolicy-notification-stay-mobile {
        display: block;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        color: #FF0033 !important;
        text-transform: uppercase;
        line-height: 1;
        cursor: pointer;
        transition: filter 0.15s ease;
    }
    .cookiepolicy-notification-stay-mobile:hover {
        filter: brightness(1.1);
    }
    /* CONTROL */
    .cookiepolicy-container-1 { display: none; }
    .cookiepolicy-content-2 { display: none; }
    .cookiepolicy-container-1-mobile { display: block; }
    .cookiepolicy-notification-bar-mobile { display: block; }
    .cookiepolicy-notification-content-2-mobile { display: block; }
}
@media (max-width: 360px) {
.cookiepolicy-title-mobile { font-size: 1.5rem; }
.cookiepolicy-text-mobile { font-size: 1rem; }
}
@media (max-width: 320px) {
.cookiepolicy-title-mobile { font-size: 1.3rem; }
.cookiepolicy-text-mobile { font-size: 0.8rem; }
}

/* ======================================
   FOOTER PC
====================================== */
.footer {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background: #000000 !important;
    margin-top: auto;
    padding: 30px;
}
/* LOGO Y COPYRIGHT */
.footer-brand {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-brand-logo {
    display: block;
    text-align: center;
    background: transparent !important;
    -webkit-background-clip: unset;
    background-clip: unset;
    -webkit-text-fill-color: unset;
    margin: 20px;
    padding: 0;
}
.footer-brand-logo img {
    max-width: 100%;
    box-sizing: border-box;
    width: 350px;
    height: auto;
    display: inline-block;
}
.footer-brand-allrightreserved {
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #00FF41 !important;
    text-decoration: none;
    line-height: 1.5;
    margin: 20px 0 10px 0;
}
/* LINKS */
.footer-link {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 10px 0;
}
.footer-link-termsandconditions a,
.footer-link-privacypolicy a,
.footer-link-cookiepolicy a {
    position: relative;
    z-index: 1;
    font-family: 'Share Tech Mono', monospace;
    font-size: 1rem;
    color: #00FF41 !important;
    text-decoration: none;
    line-height: 1.5;
    margin: 0 0 10px 0;
    transition: all 0.3s ease;
}
.footer-link-termsandconditions a:hover::after,
.footer-link-privacypolicy a:hover::after,
.footer-link-cookiepolicy a:hover::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #00FF41 !important;
    transform: translateY(-50%);
    animation: strike 0.3s ease forwards;
}
@keyframes strike {
    from { width: 0%; }
    to { width: 100%; }
}
/* REDES SOCIALES */
.footer-socialmedia {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px 0;
}
.footer-socialmedia-icon {
    width: 25px;
    height: 25px;
    color: #00FF41 !important;
    transition: all 0.3s ease;
}
.footer-socialmedia-icon:hover {
    transform: scale(1.2);
}
/* BOTÓN SCROLL TOP */
.footer-button {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0px;
}
.footer-button-scrolltop {
    position: relative;
    display: flex;
    justify-content: space-between;
    background: transparent !important;
    border-radius: 8px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    color: #00FF41 !important;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
    padding: 10px 20px;
    border: 2px solid #00FF41 !important;
    cursor: pointer;
    transition: all 0.3s ease;
    background:
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 2px,
            rgba(0, 255, 65, 0.05) 2px,
            rgba(0, 255, 65, 0.05) 4px
        ) !important;
    box-shadow:
        0 0 5px #00FF41,
        inset 0 0 5px rgba(0, 255, 65, 0.3);
}
.footer-button-scrolltop:hover {
    background: rgba(0, 255, 65, 0.1) !important;
    color: #00FF41 !important;
    transform: translateY(-2px);
    box-shadow:
        0 0 15px #00FF41,
        0 0 25px #00FF41,
        inset 0 0 10px rgba(0, 255, 65, 0.5);
    text-shadow: 0 0 10px #00FF41;
}
.footer-button-scrolltop::after {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00FF41;
    box-shadow: 0 0 5px #00FF41;
    transition: all 0.3s ease;
}
.footer-button-scrolltop:hover::after {
    box-shadow:
        0 0 10px #00FF41,
        0 0 20px #00FF41;
}
/* CONTROL */
.footer { display: block; }
.footer-mobile { display: none; }
/* ======================================
   RESPONSIVE: FOOTER
====================================== */
@media (max-width: 768px) {
    .footer-mobile {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        background: #000000 !important;
        padding: 20px;
        margin-top: auto;
    }
    /* LOGO Y COPYRIGHT */
    .footer-brand-mobile {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-brand-logo-mobile {
        display: block;
        text-align: center;
        background: transparent !important;
        margin: 20px;
        padding: 0;
    }
    .footer-brand-logo-mobile img {
        max-width: 100%;
        box-sizing: border-box;
        width: 150px;
        height: auto;
        display: inline-block;
    }
    .footer-brand-allrightreserved-mobile {
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }
    /* LINKS */
    .footer-link-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 0 10px 0;
    }
    .footer-link-termsandconditions-mobile a,
    .footer-link-privacypolicy-mobile a,
    .footer-link-cookiepolicy-mobile a {
        position: relative;
        z-index: 1;
        font-family: 'Share Tech Mono', monospace;
        font-size: 0.8rem;
        color: #00FF41 !important;
        text-decoration: none;
        line-height: 1.5;
        margin: 0 0 10px 0;
        transition: all 0.3s ease;
    }
    /* REDES SOCIALES */
    .footer-socialmedia-mobile {
        position: relative;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin: 0 0 10px 0;
    }
    .footer-socialmedia-icon-mobile {
        width: 20px;
        height: 20px;
        color: #00FF41 !important;
        transition: all 0.3s ease;
    }
    .footer-socialmedia-icon-mobile:hover {
        transform: scale(1.2);
    }
    /* BOTÓN SCROLL TOP */
    .footer-button-mobile {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin: 0px;
    }
    .footer-button-scrolltop-mobile {
        position: relative;
        display: flex;
        justify-content: space-between;
        border-radius: 6px;
        font-family: 'Orbitron', sans-serif;
        font-size: 1rem;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        margin: 0px;
        padding: 10px 20px;
        background: transparent !important;
        color: #00FF41 !important;
        text-decoration: none;
        border: 2px solid #00FF41 !important;
        cursor: pointer;
        transition: all 0.3s ease;
        background:
            repeating-linear-gradient(
                45deg,
                transparent,
                transparent 2px,
                rgba(0, 255, 65, 0.05) 2px,
                rgba(0, 255, 65, 0.05) 4px
            ) !important;
        box-shadow:
            0 0 5px #00FF41,
            inset 0 0 5px rgba(0, 255, 65, 0.3);
    }
    .footer-button-scrolltop-mobile:hover {
        background: rgba(0, 255, 65, 0.1) !important;
        color: #00FF41 !important;
        transform: translateY(-2px);
        box-shadow:
            0 0 15px #00FF41,
            0 0 25px #00FF41,
            inset 0 0 10px rgba(0, 255, 65, 0.5);
        text-shadow: 0 0 10px #00FF41;
    }
    .footer-button-scrolltop-mobile::after {
        content: '';
        position: absolute;
        top: 5px;
        right: 5px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #00FF41;
        box-shadow: 0 0 5px #00FF41;
        transition: all 0.3s ease;
    }
    .footer-button-scrolltop-mobile:hover::after {
        box-shadow:
            0 0 10px #00FF41,
            0 0 20px #00FF41;
    }
    /* CONTROL */
    .footer { display: none; }
    .footer-mobile { display: block; }
}