/* --- FUENTES --- */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat+Brush&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Fuggles&family=Homemade+Apple&family=Orbitron:wght@700&family=Rajdhani:wght@400;600;700&family=Share+Tech+Mono&display=swap');

/* --- ESTILOS GENERALES DEL BODY Y BACKGROUND --- */
body {
background: url('assets/assets/Arlyn Ligeia Background.png') no-repeat center center fixed;
background-size: cover; 
font-family: 'Orbitron', sans-serif;
color: white;
margin: 0;
min-height: 100vh;
}

/* ======================================
   CONTENEDOR: SITIO WEB
====================================== */
.site {
position: relative;
top: 0;
left: 0;  
width: 100%;
box-sizing: border-box;
background: transparent !important;    
margin: 0;
padding: 20px 10px 10px 10px;
}

/* ======================================
   CONTENEDOR: ENCABEZADO
====================================== */
.site-header {
width: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
background: transparent !important;  
gap: 20px;
}

/* ======================================
   CONTENEDOR: TÍTULO PEQUEÑO PC
====================================== */
.site-header-title {
display: block;
width: auto;
box-sizing: border-box;
background: transparent !important;  
margin: 0;
padding: 0;
}
.site-header-title.hidden {
display: none !important;
}
.site-header-title-text {
font-family: 'Bebas Neue', cursive;
font-size: 3.5rem;
color: #00FFFF !important;
font-weight: 400;
line-height: 1;
margin: 0;
padding: 5px;
letter-spacing: 2px;
background: 
repeating-linear-gradient(
0deg,
rgba(0, 0, 0, 0.3) 0px,
rgba(0, 0, 0, 0.3) 2px,
transparent 2px,
transparent 4px
),
linear-gradient(#00FFFF, #00FFFF);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
@media (max-width: 768px) {
.site-header-title { display: none; }
.site-header-title-text { display: none; }
}

/* ======================================
   CONTENEDOR: MENÚ PC
====================================== */
nav {
display: inline-block;
text-align: center;
}
.site-header-menu {
list-style: none;
display: flex;
flex-wrap: nowrap;
justify-content: center;
box-sizing: border-box;
gap: 10px;
margin: 10px auto 10px auto;
padding: 0px;  
}
.site-header-menu li {
position: relative;
}
.site-header-menu-button {
position: relative;
display: block;
background: transparent !important;
border-radius: 8px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
text-decoration: none;
text-transform: uppercase;
margin: 10px auto 5px auto;
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
) !important;
/* ESTILO ÚNICO PARA TODOS LOS BOTONES - COLOR CELESTE/TURQUESA */
border: 2px solid #00FFFF !important;
color: #00FFFF !important;
box-shadow: 
0 0 5px #00FFFF,
inset 0 0 5px rgba(0, 255, 255, 0.3);
}
/* HOVER PARA TODOS LOS BOTONES */
.site-header-menu-button:hover {
background: rgba(0, 255, 255, 0.1) !important;
color: #00FFFF !important;
transform: translateY(-2px);
box-shadow: 
0 0 15px #00FFFF,
0 0 25px #00FFFF,
inset 0 0 10px rgba(0, 255, 255, 0.5);
text-shadow: 0 0 10px #00FFFF;
}
/* PUNTO LED PARA TODOS LOS BOTONES */
.site-header-menu-button::after {
content: '';
position: absolute;
top: 5px;
right: 5px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #00FFFF;
box-shadow: 0 0 5px #00FFFF;
transition: all 0.3s ease;
}
/* PUNTO LED EN HOVER */
.site-header-menu-button:hover::after {
box-shadow: 
0 0 10px #00FFFF,
0 0 20px #00FFFF;
}

/* ======================================
   CONTENEDOR: SUBMENUS PC
====================================== */
.site-header-menu-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;
}
.site-header-menu li:hover .site-header-menu-submenu {
display: block;
}
/* --- ELEMENTOS DEL SUBMENÚ --- */
.site-header-menu-submenu li {
position: relative;
overflow: hidden;
}
.site-header-menu-submenu-button {
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;
}
.site-header-menu-submenu-button:hover {
background: rgba(255, 20, 147, 0.2) !important;
color: white !important;
padding-left: 20px;
}
/* --- LÍNEA CELESTE AGUA ANIMADA --- */
.site-header-menu-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;
}
.site-header-menu-submenu li:hover::before {
transform: scaleX(1);
}
/* --- Separadores entre items --- */
.site-header-menu-submenu li:not(:last-child) {
border-bottom: 1px solid white !important;
}

/* ======================================
   TÍTULO GRANDE PC
====================================== */
.site-title {
font-family: 'Bebas Neue', cursive;
font-size: 20rem; 
color: #ff00a9 !important;
text-align: center;
font-weight: 400;
line-height: 1; 
margin: 40px 0;
padding: 230px 20px 20px 20px;
background: 
repeating-linear-gradient(
0deg,
rgba(0, 0, 0, 0.3) 0px,
rgba(0, 0, 0, 0.3) 2px,
transparent 2px,
transparent 4px
),
linear-gradient(#ff00a9, #ff00a9);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.site-title.hidden {
display: none !important;
}
@media (max-width: 768px) {
.site-title { display: none; }
}

/* ======================================
   CONTENEDOR: MENÚ HAMBURGUESA MOBILE
====================================== */
.menuhamburger-mobile { display: none; }
.menuhamburger-button-mobile {
position: relative; /* Necesario para el punto LED */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 1001;
background: transparent !important;
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
) !important;
border: 2px solid #00FFFF !important;
box-shadow: 
0 0 5px #00FFFF,
inset 0 0 5px rgba(0, 255, 255, 0.3);
}
/* LAS RAYAS DEL BOTÓN EN COLOR TURQUESA */
.menuhamburger-button-mobile span {
display: block;
width: 25px;
height: 3px;
background: #00FFFF !important;
transition: all 0.3s ease;
}
/* HOVER - MISMO EFECTO QUE MENÚ PRINCIPAL */
.menuhamburger-button-mobile:hover {
background: rgba(0, 255, 255, 0.1) !important;
transform: translateY(-2px);
box-shadow: 
0 0 15px #00FFFF,
0 0 25px #00FFFF,
inset 0 0 10px rgba(0, 255, 255, 0.5);
}
/* PUNTO LED - ESQUINA SUPERIOR DERECHA */
.menuhamburger-button-mobile::after {
content: '';
position: absolute;
top: 5px;
right: 5px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #00FFFF;
box-shadow: 0 0 5px #00FFFF;
transition: all 0.3s ease;
}
/* PUNTO LED EN HOVER */
.menuhamburger-button-mobile:hover::after {
box-shadow: 
0 0 10px #00FFFF,
0 0 20px #00FFFF;
}
/* OVERLAY - MORADO */
.menuhamburger-overlay-mobile {
position: fixed;
z-index: 1000; 
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #2a0070 !important;
display: none;
}
.menuhamburger-overlay-mobile.active {
display: block;
}
.menuhamburger-overlay-mobile ul {
list-style: none;
padding: 0;
margin: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* Elementos del menú - SOLO TEXTO */
.menuhamburger-overlay-mobile li {
text-align: center;
border-bottom: 1px solid #FF66CC !important;
padding: 12px 0;
}
.menuhamburger-overlay-mobile li:last-child {
border-bottom: none !important;
}
.menuhamburger-overlay-mobile a {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
text-decoration: none; 
text-transform: uppercase;
padding: 0 20px;
display: block;
color: #00FFFF !important; 
}
/* --- MEDIA QUERY PARA MÓVIL --- */
@media (max-width: 768px) {
.menuhamburger-mobile {
display: block;
position: fixed;
top: 15px;
right: 15px;
z-index: 1000;
}
nav {
display: none !important;
}
}

/* ======================================
   CONTENEDOR: TÍTULO PEQUEÑO MOBILE
====================================== */
.title-small-mobile { display: none; }
@media (max-width: 768px) {
.title-small-mobile {
display: block;
position: relative;
width: auto;
box-sizing: border-box;
background: transparent !important;
text-align: center;
margin: 0px;
padding: 0px;
}
/* CLASE PARA OCULTAR EL TÍTULO PEQUEÑO MOBILE */
.title-small-mobile.hidden {
display: none !important;
}
.title-small-text-mobile {
font-family: 'Bebas Neue', cursive;
font-size: 3rem;
color: #00FFFF !important;   
text-align: center; 
font-weight: 400;
margin: 0px;
padding: 0px;
background: 
repeating-linear-gradient(
0deg,
rgba(0, 0, 0, 0.3) 0px,
rgba(0, 0, 0, 0.3) 2px,
transparent 2px,
transparent 4px
),
linear-gradient(#00FFFF, #00FFFF);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}  
nav {
display: none !important;
}
}

/* ======================================
   CONTENEDOR: TÍTULO GRANDE MOBILE
====================================== */
.title-big-mobile { display: none; }
@media (max-width: 768px) {  
.title-big-mobile { 
display: block;
position: relative;
top: 0;
left: 0;  
width: 100%;
box-sizing: border-box;
background: transparent !important;   
margin: 30px 0;
padding: 220px 10px 10px 10px;
}
.title-big-mobile.hidden {
display: none !important;
}
.title-big-text-mobile {
font-family: 'Bebas Neue', cursive;
font-size: 10rem; 
color: #ff00a9 !important;
text-align: center; 
font-weight: 400;
margin: 0px;
padding: 0px;
background: 
repeating-linear-gradient(
0deg,
rgba(0, 0, 0, 0.3) 0px,
rgba(0, 0, 0, 0.3) 2px,
transparent 2px,
transparent 4px
),
linear-gradient(#ff00a9, #ff00a9);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
nav {
display: none !important;
}
}

/* ======================================
   HOME
====================================== */
.home-container {
position: relative;
width: 800px;
box-sizing: border-box;   
background: transparent !important;
border-radius: 0px;
margin: 50px auto;
padding: 0px;
}
/* CONTENEDOR: COLUMNAS */
.home-columns {
position: relative;
z-index: 2;
box-sizing: border-box;
}
/* CONTENEDOR: GRID DE 2 */
.home-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
box-sizing: border-box;
gap: 0px;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.home-columns-grid-image {
width: 100%;
min-width: 0;
margin: 0px;
}
.home-columns-grid-image img {
width: 100%;
height: auto;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.home-columns-grid-information {
width: 100%;
box-sizing: border-box;   
min-width: 0;
margin: 0px;
padding: 0px;
}
.home-columns-grid-information-description {
width: 100%;
box-sizing: border-box;   
min-width: 0;
background: #3f00a8 !important;
margin: 0px;
padding: 40px;   
}
.home-columns-grid-information-description-title {
font-family: 'Bebas Neue', cursive;
font-size: 2.5rem;
color: #00FF00 !important;
text-decoration: none;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
word-break: break-word;
overflow-wrap: break-word;
}
.home-columns-grid-information-description-text,
.home-columns-grid-information-description-end {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
word-break: break-word;
overflow-wrap: break-word;
}
.home-columns-grid-information-description-end {
margin-bottom: 0px;
}
/* CONTROL */
.home-container { display:block ; }
.home-container-mobile { display: none; }  
/* ======================================
   MOVIL RESPONSIVE: HOME
====================================== */
@media (max-width: 768px) {
.home-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: transparent !important;
border-radius: 0px;
margin: 40px auto;
padding: 0px;
}
/* CONTENEDOR: IMAGEN */
.home-container-image-mobile {
width: 100%;
min-width: 0;
margin: 0px;
}
.home-container-image-poster-mobile {
width: 100%;
height: auto;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.home-information-mobile {
width: 100%;
box-sizing: border-box;
background: #3f00a8 !important;
margin: 0px;
padding: 30px;
}
.home-information-title-mobile {
font-family: 'Bebas Neue', cursive;
font-size: 1.5rem;
color: #00FF00 !important;
text-align: center;
font-weight: 400;
line-height: 1.2;
margin: 0 0 15px 0;
padding: 0;
letter-spacing: 2px;
}
.home-information-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0;
padding: 0;
word-break: break-word;
overflow-wrap: break-word;
}
/* CONTROL */
.home-container { display: none; }
.home-container-mobile { display: block; }
}



/* ======================================
   SOCIAL MEDIA CONTENT
====================================== */
.socialmediacontent-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border: 3px solid #b388ff; 
border-radius: 0px;
margin: 50px auto;  
padding: 30px;
}
.socialmediacontent-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px; 
background: #2a0070 !important;
border-radius: 0px;
}
.socialmediacontent-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.socialmediacontent-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: TABLA */
.socialmediacontent-table {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.socialmediacontent-table-wrapper {
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 10;
background-color: transparent;
}
.socialmediacontent-table-wrapper th:nth-child(1),
.socialmediacontent-table-wrapper td:nth-child(1) {
width: 20%;
}
.socialmediacontent-table-wrapper th:nth-child(2),
.socialmediacontent-table-wrapper td:nth-child(2) {
width: 45%;
}
.socialmediacontent-table-wrapper th:nth-child(3),
.socialmediacontent-table-wrapper td:nth-child(3) {
width: 35%;
}
/* TABLA: ENCABEZADOS */
.socialmediacontent-table-wrapper-head {
width: 100%;  
margin: 0px;
}
.socialmediacontent-table-wrapper-head-row {
vertical-align: middle;
}
.socialmediacontent-table-wrapper-head-row-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #ff00a9 !important;
text-decoration: none;
text-align: center;
text-transform: uppercase;
margin: 0px;     
padding: 0px;
}
/* DIVISOR */
.socialmediacontent-table-wrapper-divider td {
width: 100%;
height: 0; 
border-top: 3px solid #ff00a9 !important;
margin: 0 0 10px 0; 
}
/* TABLA: CUERPO */
.socialmediacontent-table-wrapper-body {
width: 100%;
margin: 0px;
}
.socialmediacontent-table-wrapper-body-row {
vertical-align: middle;
}
/* TABLA: CUERPO - BOTONES */
.socialmediacontent--table-wrapper-body-row-cell-button {
width: 100%;
box-sizing: border-box;   
display: flex;
justify-content: space-between;
align-items: center;
}
.socialmediacontent-table-wrapper-body-row-cell-button-tiktok,
.socialmediacontent-table-wrapper-body-row-cell-button-youtube {
width: 100%;
height: 40px;
box-sizing: border-box;     
display: flex;
justify-content: center;
align-items: center;
background: #ff00a9 !important;
border: 2px solid #ffffff;
border-radius: 6px;
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: transform 0.3s ease;    
}
.socialmediacontent-table-wrapper-body-row-cell-button-tiktok:hover,
.socialmediacontent-table-wrapper-body-row-cell-button-youtube:hover {
transform: scale(1.05);
}
/* CONTENEDOR: CUERPO - CAJAS */
.socialmediacontent-table-wrapper-body-row-cell-box  {
width: 100%;
height: 40px;
box-sizing: border-box;   
display: flex;
justify-content: center;
align-items: center;
background: #00FFFF !important;
border: 2px solid #000000;   
border-radius: 6px; 
margin: 0px;
padding: 10px;
}
.socialmediacontent-table-wrapper-body-row-cell-box-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: black !important;
text-decoration: none;
text-align: center;   
}
/* CONTROL */
.socialmediacontent-container { display: block; }
.socialmediacontent-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SOCIAL MEDIA CONTENT
====================================== */
@media (max-width: 768px) {
.socialmediacontent-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 30px auto;
padding: 20px;
}
.socialmediacontent-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #2a0070 !important;
border-radius: 0px;
}
.socialmediacontent-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-align: center;
margin: 0 0 10px 0; 
}
.socialmediacontent-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: CONTENIDO */
.socialmediacontent-content-mobile {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
/* CONTENEDOR: BOTON */
.socialmediacontent-content-button-mobile {
width: 100%;
display: block;
text-align: center;
margin: 0px;
}
.socialmediacontent-content-button-tiktok-mobile,
.socialmediacontent-content-button-youtube-mobile {
display: inline-block;
background: #ff00a9 !important;
border-radius: 6px; 
font-family: 'Orbitron', sans-serif;
font-size: 1rem; 
color: white !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;  
font-weight: bold;   
margin: 0 0 10px 0; 
padding: 10px 20px;   
border: none;
cursor: pointer; 
transition: all 0.3s ease;  
}
.socialmediacontent-content-button-tiktok-mobile:hover,
.socialmediacontent-content-button-youtube-mobile:hover {
transform: scale(1.05);
}     
/* CONTENEDOR: CAJAS */
.socialmediacontent-content-box-mobile {
width: 100%;
height: 40px;
box-sizing: border-box;      
display: inline-block;
background: #00FFFF !important;
border-radius: 6px;
text-align: center;
margin: 0 0 10px 0;  
padding: 10px;
border: none;
}
/* CONTENEDOR: TEXTO */
.socialmediacontent-content-box-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: black !important;
text-decoration: none;
text-align: center;
}   
/* DIVISOR */
.socialmediacontent-content-divider-mobile {
width: 100%;
height: 0; 
border-top: 3px solid #ff00a9 !important;
margin: 0 0 10px 0; 
}
 /* CONTROL */
.socialmediacontent-container { display: none; }
.socialmediacontent-container-mobile { display: block; }
}



/* ======================================
   UNIVERSE PC
====================================== */
.universe-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.universe-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.universe-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.universe-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.universe-information {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.universe-information-text,
.universe-information-text-end {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.universe-information-text-end {
text-align: right;
margin-bottom: 0px;
}
/* CONTROL */
.universe-container { display: block; }
.universe-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: UNIVERSE
====================================== */
@media (max-width: 768px) {
.universe-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;
padding: 20px;
}
.universe-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;
border-radius: 0px;
}
.universe-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.universe-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.universe-information-mobile {
width: 100%;
box-sizing: border-box; 
margin: 0px;
}
.universe-information-text-mobile,
.universe-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
.universe-information-text-end-mobile {
text-align: right;   
margin-bottom: 0px;
}
/* CONTROL */
.universe-container { display: none; }
.universe-container-mobile { display: block; }
}



/* ======================================
   ABOUT
====================================== */
.about-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.about-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.about-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.about-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.about-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.about-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.about-columns-grid-information {
width: 100%;
min-width: 0;
margin: 0px;
}
.about-columns-grid-information-text,
.about-columns-grid-information-text-end {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
word-break: break-word;
overflow-wrap: break-word;
}
.about-columns-grid-information-text-end {
margin-bottom: 0px;
}
/* CONTENEDOR: IMAGEN */
.about-columns-grid-image {
width: 100%;
min-width: 0;
margin: 0px;
}
.about-columns-grid-image img {
width: 100%;
height: auto;
display: block;
border-radius: 0px;
}
/* CONTROL */
.about-container { display: block; }
.about-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: ABOUT
====================================== */
@media (max-width: 768px) {
.about-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;
padding: 20px;
}
.about-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #2a0070 !important;
border-radius: 0px;
}
.about-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.about-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: IMAGEN */
.about-image-mobile {
width: 100%;
min-width: 0;
margin: 0 0 10px 0;
}
.about-image-mobile img {
width: 100%;
height: auto;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.about-information-text-mobile {
width: 100%;
box-sizing: border-box;    
margin: 0px;
}
.about-information-text-mobile,
.about-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
.about-information-text-description-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.about-container { display: none; }
.about-container-mobile { display: block; }
}







/* ======================================
   FILM
====================================== */
.film-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.film-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.film-title {
position: relative;
z-index: 2;
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 0 16px 0;  
}
.film-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.film-information {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.film-information-text,
.film-information-text-end {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.film-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.film-container { display: block; }
.film-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: FILM
====================================== */
@media (max-width: 768px) {
.film-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;
padding: 20px;
}
.film-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;
border-radius: 0px;
}
.film-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.film-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.film-information-mobile {
width: 100%;
box-sizing: border-box; 
margin: 0px;
}
.film-information-text-mobile,
.film-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.film-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.film-container { display: none; }
.film-container-mobile { display: block; }
}

/* ======================================
   FEATURE FILM
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.featurefilm-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 40px auto;
padding: 30px;
}
.featurefilm-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.featurefilm-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.featurefilm-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.featurefilm-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.featurefilm-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 0px;
}
/* CONTENEDOR: TARJETAS */
.featurefilm-columns-grid-card {
position: relative;
overflow: hidden;   
display: block;
text-decoration: none;
}
.featurefilm-columns-grid-card img {
width: 100%;
height: auto;
object-fit: contain;
transition: transform 0.3s ease;
}
.featurefilm-columns-grid-card img:hover { 
transform: scale(1.1);
}
/* CONTROL */
.featurefilm-container { display: block; }
.featurefilm-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: FEATURE FILM
====================================== */
@media (max-width: 768px) {
.featurefilm-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 30px auto;
padding: 20px;
}
.featurefilm-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;
border-radius: 0px;
}
.featurefilm-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase; 
text-align: center;
margin: 0 0 10px 0; 
}
.featurefilm-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: TARJETAS */
.featurefilm-cards-mobile {
position: relative;
z-index: 2;
}
.featurefilm-cards-card-mobile {
position: relative;
overflow: hidden;   
display: block;
text-decoration: none;
margin-bottom: 0px;
}
.featurefilm-cards-card-mobile img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.featurefilm-cards-card-mobile img:hover { 
transform: scale(1.1);
}
/* CONTROL */
.featurefilm-container { display: none; }
.featurefilm-container-mobile { display: block; }
}

/* ======================================
   ALONE
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.alone-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.alone-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.alone-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.alone-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.alone-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.alone-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 0 0 15px 0;
}
/* CONTENEDOR: IMAGEN */
.alone-columns-grid-image {
width: 100%;
min-width: 0;
margin: 0px;
}
.alone-columns-grid-image img {
width: 100%;
height: auto;
display: block;
}
/* CONTENEDOR: INFORMACIÓN */
.alone-columns-grid-information {
width: 100%;
min-height: 100%;   
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0px;
}
.alone-columns-grid-information-subtitle-1,
.alone-columns-grid-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FF00 !important;
text-decoration: none;
text-align: center;   
line-height: 1.5;
margin: 0px;
word-break: break-word;
overflow-wrap: break-word;
}
.alone-columns-grid-information-subtitle-2 {
color: #00FFFF !important;
text-align: justify;
}
.alone-columns-grid-information-text-1,
.alone-columns-grid-information-text-2 {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0px;
word-break: break-word;
overflow-wrap: break-word;
}
.alone-columns-grid-information-text-1 {
margin-bottom: 30px;
}
.alone-columns-grid-information-text-2 {
color: #00FFFF !important;
}
/* CONTENEDOR: INFORMACIÓN */
.alone-information {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.alone-information-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.alone-information-text,
.alone-information-text-end {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.alone-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.alone-container { display: block; }
.alone-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: ALONE
====================================== */
@media (max-width: 768px) {
.alone-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;
padding: 20px;
}
.alone-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;
border-radius: 0px;
}
.alone-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase; 
text-align: center;
margin: 0 0 10px 0; 
}
.alone-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: IMAGEN */
.alone-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.alone-image-mobile img {
width: 100%;
height: auto;
display: block;
}
/* CONTENEDOR: INFORMACIÓN */
.alone-information-mobile {
width: 100%;
box-sizing: border-box;    
margin: 0 0 10px 0;
}
.alone-information-subtitle-1-mobile,
.alone-information-subtitle-2-mobile,
.alone-information-subtitle-3-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.alone-information-subtitle-2-mobile {
color: #00FFFF !important;
}
.alone-information-text-1-mobile,
.alone-information-text-2-mobile,
.alone-information-text-mobile,
.alone-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color:  #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.alone-information-text-2-mobile {
color: #00FFFF !important;
}
.alone-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.alone-container { display: none; }
.alone-container-mobile { display: block; }
}

/* ======================================
   MEDIUM LENGTH FILM
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.mediumlengthfilm-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 40px auto;
padding: 30px;
}
.mediumlengthfilm-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.mediumlengthfilm-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.mediumlengthfilm-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.mediumlengthfilm-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.mediumlengthfilm-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 0px;
}
/* CONTENEDOR: TARJETAS */
.mediumlengthfilm-columns-grid-card {
position: relative;
overflow: hidden;   
display: block;
text-decoration: none;
}
.mediumlengthfilm-columns-grid-card img {
width: 100%;
height: auto;
object-fit: contain;
transition: transform 0.3s ease;
}
.mediumlengthfilm-columns-grid-card img:hover { 
transform: scale(1.1);
}
/* CONTROL */
.mediumlengthfilm-container { display: block; }
.mediumlengthfilm-container-mobile { display: none; }

/* ======================================
   MOVIL RESPONSIVE: MEDIUM LENGTH FILM
====================================== */
@media (max-width: 768px) {
.mediumlengthfilm-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 30px auto;
padding: 20px;
}
.mediumlengthfilm-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;
border-radius: 0px;
}
.mediumlengthfilm-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase; 
text-align: center;
margin: 0 0 10px 0; 
}
.mediumlengthfilm-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: TARJETAS */
.mediumlengthfilm-cards-mobile {
position: relative;
z-index: 2;
}
.mediumlengthfilm-cards-card-mobile {
position: relative;
overflow: hidden;   
display: block;
text-decoration: none;
margin-bottom: 0px;
}
.mediumlengthfilm-cards-card-mobile img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.mediumlengthfilm-cards-card-mobile img:hover { 
transform: scale(1.1);
}
/* CONTROL */
.mediumlengthfilm-container { display: none; }
.mediumlengthfilm-container-mobile { display: block; }
}

/* ======================================
   ANECHOIC CHAMBER 57
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.anechoicchamber57-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.anechoicchamber57-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.anechoicchamber57-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.anechoicchamber57-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.anechoicchamber57-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.anechoicchamber57-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 0 0 15px 0;
}
/* CONTENEDOR: IMAGEN */
.anechoicchamber57-columns-grid-image {
width: 100%;
min-width: 0;
margin: 0px;
}
.anechoicchamber57-columns-grid-image img {
width: 100%;
height: auto;
display: block;
}
/* CONTENEDOR: INFORMACIÓN */
.anechoicchamber57-columns-grid-information {
width: 100%;
min-height: 100%;   
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0px;
}
.anechoicchamber57-columns-grid-information-subtitle-1,
.anechoicchamber57-columns-grid-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FF00 !important;
text-decoration: none;
text-align: center;   
line-height: 1.5;
margin: 0px;
word-break: break-word;
overflow-wrap: break-word;
}
.anechoicchamber57-columns-grid-information-subtitle-2 {
color: #00FFFF !important;
text-align: justify;
}
.anechoicchamber57-columns-grid-information-text-1,
.anechoicchamber57-columns-grid-information-text-2 {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0px;
word-break: break-word;
overflow-wrap: break-word;
}
.anechoicchamber57-columns-grid-information-text-1 {
margin-bottom: 30px;
}
.anechoicchamber57-columns-grid-information-text-2 {
color: #00FFFF !important;
}
/* CONTENEDOR: INFORMACIÓN */
.anechoicchamber57-information {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.anechoicchamber57-information-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.anechoicchamber57-information-text,
.anechoicchamber57-information-text-end {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.anechoicchamber57-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.anechoicchamber57-container { display: block; }
.anechoicchamber57-container-mobile { display: none; }

/* ======================================
   MOVIL RESPONSIVE: ANECHOIC CHAMBER 57
====================================== */
@media (max-width: 768px) {
.anechoicchamber57-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;
padding: 20px;
}
.anechoicchamber57-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;
border-radius: 0px;
}
.anechoicchamber57-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase; 
text-align: center;
margin: 0 0 10px 0; 
}
.anechoicchamber57-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: IMAGEN */
.anechoicchamber57-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.anechoicchamber57-image-mobile img {
width: 100%;
height: auto;
display: block;
}
/* CONTENEDOR: INFORMACIÓN */
.anechoicchamber57-information-mobile {
width: 100%;
box-sizing: border-box;    
margin: 0 0 10px 0;
}
.anechoicchamber57-information-subtitle-1-mobile,
.anechoicchamber57-information-subtitle-2-mobile,
.anechoicchamber57-information-subtitle-3-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.anechoicchamber57-information-subtitle-2-mobile {
color: #00FFFF !important;
}
.anechoicchamber57-information-text-1-mobile,
.anechoicchamber57-information-text-2-mobile,
.anechoicchamber57-information-text-mobile,
.anechoicchamber57-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color:  #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.anechoicchamber57-information-text-2-mobile {
color: #00FFFF !important;
}
.anechoicchamber57-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.anechoicchamber57-container { display: none; }
.anechoicchamber57-container-mobile { display: block; }
}

/* ======================================
   SHORT FILM
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.shortfilm-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.shortfilm-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 20px 20px 0 0;
}
.shortfilm-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.shortfilm-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: VIDEO */
.shortfilm-video {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.shortfilm-video-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.shortfilm-video iframe {
width: 100%;
height: 400px;   
border-radius: 0px;
margin: 0px;
}
/* CONTROL */
.shortfilm-container { display: block; }
.shortfilm-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SHORT FILM
====================================== */
@media (max-width: 768px) {
.shortfilm-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;
padding: 20px;
}
.shortfilm-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;
border-radius: 20px 20px 0 0;
}
.shortfilm-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase; 
text-align: center;
margin: 0 0 10px 0; 
}
.shortfilm-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: VIDEO */
.shortfilm-video-mobile {
width: 100%;
box-sizing: border-box;     
margin: 0px;
}
.shortfilm-video-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.shortfilm-video-mobile iframe {
width: 100%;
height: 200px;   
border-radius: 0px;
margin: 0px; 
}
/* CONTROL */
.shortfilm-container { display: none; }
.shortfilm-container-mobile { display: block; }
}































/* ======================================
   MUSIC
====================================== */
.music-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.music-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.music-title {
position: relative;
z-index: 2;
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 0 16px 0;  
}
.music-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.music-information {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.music-information-text,
.music-information-text-end {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.music-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.music-container { display: block; }
.music-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: MUSIC
====================================== */
@media (max-width: 768px) {
.music-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;
padding: 20px;
}
.music-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;
border-radius: 0px;
}
.music-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.music-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.music-information-mobile {
width: 100%;
box-sizing: border-box; 
margin: 0px;
}
.music-information-text-mobile,
.music-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.music-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.music-container { display: none; }
.music-container-mobile { display: block; }
}

/* ======================================
   FASHION
====================================== */
.fashion-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.fashion-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.fashion-title {
position: relative;
z-index: 2;
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 0 16px 0;  
}
.fashion-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.fashion-information {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.fashion-information-text,
.fashion-information-text-end {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.fashion-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.fashion-container { display: block; }
.fashion-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: FASHION
====================================== */
@media (max-width: 768px) {
.fashion-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;
padding: 20px;
}
.fashion-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;
border-radius: 0px;
}
.fashion-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.fashion-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.fashion-information-mobile {
width: 100%;
box-sizing: border-box; 
margin: 0px;
}
.fashion-information-text-mobile,
.fashion-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.fashion-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.fashion-container { display: none; }
.fashion-container-mobile { display: block; }
}

/* ======================================
   SCIENCE
====================================== */
.science-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.science-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.science-title {
position: relative;
z-index: 2;
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 0 16px 0;  
}
.science-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.science-information {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.science-information-text,
.science-information-text-end {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.science-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.science-container { display: block; }
.science-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SCIENCE
====================================== */
@media (max-width: 768px) {
.science-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;
padding: 20px;
}
.science-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;
border-radius: 0px;
}
.science-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.science-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.science-information-mobile {
width: 100%;
box-sizing: border-box; 
margin: 0px;
}
.science-information-text-mobile,
.science-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.science-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.science-container { display: none; }
.science-container-mobile { display: block; }
}






























/* ======================================
   BE MY PATRON
====================================== */
.bemypatron-container {
position: relative;
width: 800px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.bemypatron-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.bemypatron-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.bemypatron-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.bemypatron-information {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.bemypatron-information-text,
.bemypatron-information-text-end {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.bemypatron-information-text-end {
text-align: right; 
margin-bottom: 0px;
}  
/* CONTROL */
.bemypatron-container { display: block; }
.bemypatron-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: BE MYPATRONWELCOME
====================================== */
@media (max-width: 768px) {
.bemypatron-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;
padding: 20px;
}
.bemypatron-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #2a0070 !important;  
border-radius: 0px;
}
.bemypatron-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.bemypatron-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.bemypatron-information-mobile {
width: 100%;
box-sizing: border-box; 
margin: 0px;
}
.bemypatron-information-text-mobile,
.bemypatron-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-align: justify;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.bemypatron-information-text-end-mobile {
text-align: right; 
margin-bottom: 0px;
}
/* CONTROL */
.bemypatron-container { display: none; }
.bemypatron-container-mobile { display: block; }
}





/* ======================================
   CONTACT
====================================== */
.contact-container {
position: relative;
width: 550px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 50px auto;
padding: 30px;
}
.contact-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.contact-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.contact-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: FORMULARIO */
.contact-form-column {
width: 100%;
box-sizing: border-box;   
display: block;   
margin: 0px;
}
/* CONTENEDOR: TEXTOS SOBRE LAS CAJAS */
.contact-form-label {
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FF00 !important;
text-decoration: none;   
margin: 0 0 5px 0;
}
/* CONTENEDOR: CAJAS CON TEXTOS */
.contact-form-input,
.contact-form-textarea {
width: 100%;
height: 40px;   
box-sizing: border-box;   
background: #00FFFF !important;
border-radius: 6px;
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: black !important;
text-decoration: none;
text-align: left;
margin: 0 0 15px 0;
padding: 10px;
border: none;
}
.contact-form-textarea {
height: 150px;
resize: vertical;
margin-bottom: 20px;
}
/* CONTENEDOR: BOTÓN */
.contact-button {
width: 100%;
box-sizing: border-box;   
display: flex;
justify-content: center;
margin: 0px;
}
.contact-button-submit {
display: flex;
justify-content: center;
background: #ff1493 !important;
border-radius: 6px; 
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;  
margin: 0px;  
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.contact-button-submit:hover {
transform: scale(1.05);
}
/* CONTROL DISPLAY ESCRITORIO/MÓVIL */
.contact-container { display: block; }
.contact-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: CONTACT
====================================== */
@media (max-width: 768px) {
.contact-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 0px auto 30px auto;  
padding: 20px;
}
.contact-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #2a0070 !important;
border-radius: 0px;
}
.contact-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase;     
text-align: center;
margin: 0 0 10px 0; 
}
.contact-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: FORMULARIO */
.contact-form-mobile {
width: 100%;
box-sizing: border-box;   
display: block;   
margin: 0px;
}
/* CONTENEDOR: TEXTOS SOBRE LAS CAJAS */
.contact-form-label-mobile {
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;   
margin: 0 0 5px 0;
}
/* CONTENEDOR: CAJAS CON TEXTOS */
.contact-form-input-mobile,
.contact-form-textarea-mobile {
width: 100%;
height: 40px;
box-sizing: border-box;
background: #00FFFF !important;
border-radius: 6px;
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: black !important;
text-decoration: none;
text-align: left;
margin: 0 0 15px 0;   
padding: 10px;
border: none;
}
.contact-form-textarea-mobile {
height: 150px;
resize: vertical;
margin-bottom: 20px;
}   
/* CONTENEDOR: BOTÓN */
.contact-button-mobile {
width: 100%;
box-sizing: border-box;   
display: block;
text-align: center;
margin: 0px;
}
.contact-button-submit-mobile {
display: inline-block;   
background-color: #ff1493 !important;
border-radius: 6px; 
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
text-align: center;
margin: 0px;   
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.contact-button-submit-mobile:hover {
transform: scale(1.05);
}
/* CONTROL DISPLAY ESCRITORIO/MÓVIL */
.contact-container { display: none; }
.contact-container-mobile { display: block; }
}

/* ======================================
   CONTACT FOR FANS
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.contactforfans-container {
position: relative;
width: 550px;
background: #3f00a8 !important;
border-radius: 0px;
margin: 50px auto;
padding: 30px;
}
.contactforfans-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #2a0070 !important;
border-radius: 0px;
}
.contactforfans-title {
position: relative;
z-index: 2;
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 0 16px 0;
}
.contactforfans-title a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: FORMULARIO */
.contactforfans-form-column {
width: 100%;
box-sizing: border-box;   
display: block;   
margin: 0px;
}
/* CONTENEDOR: TEXTOS SOBRE LAS CAJAS */
.contactforfans-form-label {
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FF00 !important;
text-decoration: none;   
margin: 0 0 5px 0;
}
/* CONTENEDOR: CAJAS CON TEXTOS */
.contactforfans-form-input,
.contactforfans-form-textarea {
width: 100%;
height: 40px;   
box-sizing: border-box;   
background: #00FFFF !important;
border-radius: 6px;
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: black !important;
text-decoration: none;
text-align: left;
margin: 0 0 15px 0;
padding: 10px;
border: none;
}
.contactforfans-form-textarea {
height: 150px;
resize: vertical;
margin-bottom: 20px;
}
/* CONTENEDOR: BOTÓN */
.contactforfans-button {
width: 100%;
box-sizing: border-box;   
display: flex;
justify-content: center;
margin: 0px;
}
.contactforfans-button-submit {
display: flex;
justify-content: center;
background: #ff1493 !important;
border-radius: 6px; 
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;  
margin: 0px;  
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.contactforfans-button-submit:hover {
transform: scale(1.05);
}
/* CONTROL */
.contactforfans-container { display: block; }
.contactforfans-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: CONTACT FOR FANS
====================================== */
@media (max-width: 768px) {
.contactforfans-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3f00a8 !important;
border-radius: 0px;
margin: 30px auto;   
padding: 20px;
}
.contactforfans-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #2a0070 !important;
border-radius: 0px ;
}
.contactforfans-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #ff00a9 !important;
text-decoration: none;
text-transform: uppercase;     
text-align: center;
margin: 0 0 10px 0; 
}
.contactforfans-title-mobile a {
color: #ff00a9 !important;
text-decoration: none;
}
/* CONTENEDOR: FORMULARIO */
.contactforfans-form-mobile {
width: 100%;
box-sizing: border-box;   
display: block;   
margin: 0px;
}
/* CONTENEDOR: TEXTOS SOBRE LAS CAJAS */
.contactforfans-form-label-mobile {
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;   
margin: 0 0 5px 0;
}
/* CONTENEDOR: CAJAS CON TEXTOS */
.contactforfans-form-input-mobile,
.contactforfans-form-textarea-mobile {
width: 100%;
height: 40px;
box-sizing: border-box;
background: #00FFFF !important;
border-radius: 6px;
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: black !important;
text-decoration: none;
text-align: left;
margin: 0 0 15px 0;   
padding: 10px;
border: none;
}
.contactforfans-form-textarea-mobile {
height: 150px;
resize: vertical;
margin-bottom: 20px;
}   
/* CONTENEDOR: BOTÓN */
.contactforfans-button-mobile {
width: 100%;
box-sizing: border-box;   
display: block;
text-align: center;
margin: 0px;
}
.contactforfans-button-submit-mobile {
display: inline-block;   
background-color: #ff1493 !important;
border-radius: 6px; 
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
text-align: center;
margin: 0px;   
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.contactforfans-button-submit-mobile:hover {
transform: scale(1.05);
}
/* CONTROL DISPLAY ESCRITORIO/MÓVIL */
.contactforfans-container { display: none; }
.contactforfans-container-mobile { display: block; }
}

























/* ======================================
   FOOTER PC
====================================== */
.footer {
position: relative;
width: 100%;
box-sizing: border-box; 
background: #2a0070 !important;
margin-top: auto;   
padding: 30px;
}
/* CONTENEDOR: NOMBRE Y COPYRIGHT */
.footer-brand {
width: 100%;
box-sizing: border-box;    
display: flex;
flex-direction: column;
align-items: center;
}
.footer-brand-name {
font-family: 'Bebas Neue', cursive;
font-size: 5rem;
color: #ff00a9 !important;
text-decoration: none;
text-align: center;
margin: 0 0 5px 0;
display: inline-block;
position: relative;
background: 
repeating-linear-gradient(
0deg,
rgba(0, 0, 0, 0.3) 0px,
rgba(0, 0, 0, 0.3) 2px,
transparent 2px,
transparent 4px
),
linear-gradient(#ff00a9, #ff00a9);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.footer-brand-allrightreserved {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
margin: 0 0 10px 0;   
}
/* CONTENEDOR: LINK */
.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: #00FFFF !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: #00FFFF !important;
transform: translateY(-50%);
animation: strike 0.3s ease forwards;
}
@keyframes strike {
from { width: 0%; }
to { width: 100%; }
}
/* CONTENEDOR: 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: #ff00a9 !important;
transition: all 0.3s ease;
}
.footer-socialmedia-icon:hover {
transform: scale(1.2);
}
/* CONTENEDOR: BOTÓN SCROLL TOP */
.footer-button {
width: 100%;
box-sizing: border-box;   
display: flex;
justify-content: flex-end;
align-items: center;
margin: 0px;
}
/* BOTÓN SCROLL TOP - MISMO ESTILO QUE MENÚ */
.footer-button-scrolltop {
position: relative;
display: flex;
justify-content: space-between;
background: transparent !important; /* Cambiado de #ff1493 */
border-radius: 8px; /* Mismo radio que menú */
font-family: 'Orbitron', sans-serif;
font-size: 1rem; /* Mismo tamaño que menú */
color: #00FFFF !important; /* Color turquesa */
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 0px;
padding: 10px 20px;
border: 2px solid #00FFFF !important; /* Borde turquesa */
cursor: pointer;
transition: all 0.3s ease; /* Transición completa como menú */
background: 
repeating-linear-gradient(
45deg,
transparent,
transparent 2px,
rgba(255, 255, 255, 0.05) 2px,
rgba(255, 255, 255, 0.05) 4px
) !important;
box-shadow: 
0 0 5px #00FFFF,
inset 0 0 5px rgba(0, 255, 255, 0.3);
}
/* HOVER - MISMO EFECTO QUE MENÚ */
.footer-button-scrolltop:hover {
background: rgba(0, 255, 255, 0.1) !important;
color: #00FFFF !important;
transform: translateY(-2px); /* Mismo efecto de elevación */
box-shadow: 
0 0 15px #00FFFF,
0 0 25px #00FFFF,
inset 0 0 10px rgba(0, 255, 255, 0.5);
text-shadow: 0 0 10px #00FFFF;
}
/* PUNTO LED - MISMO QUE MENÚ */
.footer-button-scrolltop::after {
content: '';
position: absolute;
top: 5px;
right: 5px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #00FFFF;
box-shadow: 0 0 5px #00FFFF;
transition: all 0.3s ease;
}
/* PUNTO LED EN HOVER */
.footer-button-scrolltop:hover::after {
box-shadow: 
0 0 10px #00FFFF,
0 0 20px #00FFFF;
}
/* CONTROL */
.footer { display: block; }
.footer-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: FOOTER
====================================== */
@media (max-width: 768px) {
.footer-mobile {
position: relative;
width: 100%;
box-sizing: border-box; 
background: #2a0070 !important;
padding: 20px;   
margin-top: auto;
}
.footer-brand-mobile {
display: flex;
flex-direction: column;
align-items: center;
}
.footer-brand-name-mobile {
font-family: 'Bebas Neue', cursive;
font-size: 2.5rem;
color: #ff00a9 !important;
text-decoration: none;
text-align: center;
margin: 0 0 5px 0;
display: inline-block;
position: relative;
background: 
repeating-linear-gradient(
0deg,
rgba(0, 0, 0, 0.3) 0px,
rgba(0, 0, 0, 0.3) 2px,
transparent 2px,
transparent 4px
),
linear-gradient(#ff00a9, #ff00a9);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}   
.footer-brand-allrightreserved-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 0.8rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
margin: 0 0 10px 0;   
}
/* CONTENEDOR: LINK */
.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: #00FFFF !important;
text-decoration: none;
line-height: 1.5;  
margin: 0 0 10px 0;
transition: all 0.3s ease;
}
/* CONTENEDOR: 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: #ff00a9 !important;
transition: all 0.3s ease;
}
.footer-socialmedia-icon-mobile:hover {
transform: scale(1.2);
}
/* CONTENEDOR: BOTÓN SCROLL TOP MOBILE */
.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; /* Original del mobile, no 8px */
font-family: 'Orbitron', sans-serif;
font-size: 1rem; /* Original del mobile */
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin: 0px;
padding: 10px 20px; /* Original del mobile */
background: transparent !important;
color: #00FFFF !important; /* Color turquesa */
text-decoration: none;
border: 2px solid #00FFFF !important; /* Borde turquesa */
cursor: pointer;
transition: all 0.3s ease; /* Transición completa */
background: 
repeating-linear-gradient(
45deg,
transparent,
transparent 2px,
rgba(255, 255, 255, 0.05) 2px,
rgba(255, 255, 255, 0.05) 4px
) !important;
box-shadow: 
0 0 5px #00FFFF,
inset 0 0 5px rgba(0, 255, 255, 0.3);
}
.footer-button-scrolltop-mobile:hover {
background: rgba(0, 255, 255, 0.1) !important;
color: #00FFFF !important;
transform: translateY(-2px); /* Elevación como PC, no scale(1.05) */
box-shadow: 
0 0 15px #00FFFF,
0 0 25px #00FFFF,
inset 0 0 10px rgba(0, 255, 255, 0.5);
text-shadow: 0 0 10px #00FFFF;
}
/* PUNTO LED - MISMO QUE PC */
.footer-button-scrolltop-mobile::after {
content: '';
position: absolute;
top: 5px;
right: 5px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #00FFFF;
box-shadow: 0 0 5px #00FFFF;
transition: all 0.3s ease;
}
.footer-button-scrolltop-mobile:hover::after {
box-shadow: 
0 0 10px #00FFFF,
0 0 20px #00FFFF;
}   
/* CONTROL */
.footer { display: none; }
.footer-mobile { display: block; }
}