/* --- FUENTES --- */
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&family=Comforter+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/AL Background.png') no-repeat center center fixed;
background-size: cover; 
font-family: 'Orbitron', sans-serif;
color: white;
margin: 0;
}

/* ======================================
   CONTENEDOR DEL TÍTULO Y MENÚ PC
====================================== */
.site-container {
position: relative;
top: 0;
left: 0;  
width: 100%;
box-sizing: border-box;
background: #320046 !important;    
margin: 0;
padding: 30px 10px 10px 10px;
}
/* --- TÍTULO --- */
.site-title {
font-family: 'Comforter Brush', cursive;
font-size: 5rem; 
color: #FF66CC !important;
text-align: center;
font-weight: 500;
line-height: 1; 
margin: 0px;
padding: 0px;
}
.site-container { display: block; }
.site-container-mobile { display: none; }
.site-title { display: block; }
.site-title-mobile { display: none; }
/* ======================================
   TÍTULO DE LA PÁGINA MÓVIL
====================================== */
@media (max-width: 768px) {
.site-container-mobile { 
position: relative;
top: 0;
left: 0;  
width: 100%;
box-sizing: border-box;
background: #320046 !important;    
margin: 0;
padding: 20px 10px 10px 10px;
}
.site-title-mobile {
font-family: 'Comforter Brush', cursive;
font-size: 3rem; 
color: #FF66CC !important;
text-align: center; 
font-weight: 500;
margin: 0px;
padding: 0px;
}
.site-container { display: none; }
.site-container-mobile { display: block; }   
.site-title { display: none; }
.site-title-mobile { display: block; }
}

/* ======================================
   MENÚ Y SUBMENUS PC
====================================== */
nav {
text-align: center;
}
.menu {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 10px auto 10px auto;
padding: 0px;
}
.menu li {
position: relative;
}
/* --- BOTONES --- */
.menu-button,
.cart-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 */
.menu-button:hover,
.cart-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 */
.menu-button::after,
.cart-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 */
.menu-button:hover::after,
.cart-button:hover::after {
box-shadow: 
0 0 10px #00FFFF,
0 0 20px #00FFFF;
}





/* --- SUBMENÚS DESPLEGABLES --- */
.submenu {
position: absolute; 
display: none;
top: 40px;
left: 0;
list-style: none;
background: #ff00ff !important;
z-index: 1000;
border: 2px solid #ff1493 !important;
margin: 0;
padding: 0;
}
.menu li:hover .submenu {
display: block;
}
/* --- ELEMENTOS DEL SUBMENÚ --- */
.submenu li {
position: relative;
overflow: hidden;
}
.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;
}
.submenu-button:hover {
background: rgba(255, 20, 147, 0.2) !important;
color: white !important;
padding-left: 20px;
}
/* --- LÍNEA CELESTE AGUA ANIMADA --- */
.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;
}
.submenu li:hover::before {
transform: scaleX(1);
}
/* --- Separadores entre items --- */
.submenu li:not(:last-child) {
border-bottom: 1px solid white !important;
}




/* ======================================
   MENÚ HAMBURGUESA MOVIL
====================================== */
.menu-mobile { display: none; }
.menu-mobile-hamburger-button {
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 */
.menu-mobile-hamburger-button span {
display: block;
width: 25px;
height: 3px;
background: #00FFFF !important; /* Cambiado a turquesa */
transition: all 0.3s ease;
}
/* HOVER - MISMO EFECTO QUE MENÚ PRINCIPAL */
.menu-mobile-hamburger-button: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 */
.menu-mobile-hamburger-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 */
.menu-mobile-hamburger-button:hover::after {
box-shadow: 
0 0 10px #00FFFF,
0 0 20px #00FFFF;
}
/* OVERLAY - MORADO */
.menu-mobile-hamburger-overlay {
position: fixed;
z-index: 1000; 
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #320046 !important;
display: none;
}
.menu-mobile-hamburger-overlay.active {
display: block;
}
.menu-mobile-hamburger-overlay 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 */
.menu-mobile-hamburger-overlay li {
text-align: center;
border-bottom: 1px solid #FF66CC !important;
padding: 12px 0;
}
.menu-mobile-hamburger-overlay li:last-child {
border-bottom: none !important;
}
.menu-mobile-hamburger-overlay 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) {
.menu-mobile {
display: block;
position: fixed;
top: 15px;
right: 15px;
z-index: 1000;
}
nav {
display: none !important;
}
}

/* ======================================
    HOME PC
====================================== */
.home-container {
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;   
margin: 700px auto 40px auto;
}
/* INFORMACIÓN */
.home-information {
width: 100%;
box-sizing: border-box;
background:#3A0052 !important;   
padding: 30px;
}
.home-information-text,
.home-information-text-end {
font-family: 'Fuggles', cursive;
font-size: 7rem;
color: #00FF00 !important;
text-decoration: none;
text-align: center;   
line-height: 1;
margin: 0 0 10px 0;
}
.home-information-text-end {
font-size: 3rem;
margin: 0px;
}   
/* CARRUSEL*/
.home-carousel {
position: relative;
width: 100%;
height: calc(100vh - 220px);
box-sizing: border-box;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background: #000000;
}
.home-carousel-image {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
background: #000000;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.home-carousel-image.active {
opacity: 1;
}
/* MARQUEE */
.home-marquee {
width: 100%;
box-sizing: border-box;  
background: #320046 !important;
padding: 20px;
overflow: hidden;
white-space: nowrap; 
position: relative;
display: block;
text-decoration: none !important;
}
.home-marquee::after {
content: "Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!";
display: inline-block;
padding-left: 100%;
animation: marquee 30s linear infinite;
font-family: 'Fuggles', cursive;
font-size: 3rem;
color: #00FF00 !important;
}
/* ANIMACIÓN */
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
/* CONTROL */
.home-container { display: flex; }
.home-carousel { display: flex; }
.home-container-mobile { display: none; }   
.home-carousel-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: HOME
====================================== */
@media (max-width: 768px) {
.home-container-mobile {
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;   
margin: 600px auto 30px auto;
}
/* INFORMACIÓN */
.home-information-mobile {
width: 100%;
box-sizing: border-box;
background:#3A0052 !important;   
padding: 20px;
}
.home-information-text-mobile,
.home-information-text-end-mobile {
font-family: 'Fuggles', cursive;
font-size: 5rem;
color: #00FF00 !important;
text-decoration: none;
text-align: center;   
line-height: 1;
margin: 0 0 10px 0;
}
.home-information-text-end-mobile {
font-size: 2rem;
margin: 0px;
}
/* CARRUSEL*/   
.home-carousel-mobile {
position: relative;
width: 100%;
height: 500px;
box-sizing: border-box;   
overflow: hidden;  
display: flex;
justify-content: center;
align-items: center;   
background: #000000 !important;
}
.home-carousel-image-mobile {
position: absolute;  
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;   
opacity: 0;
transition: opacity 1s ease-in-out;
}
.home-carousel-image-mobile.active {
opacity: 1;
}
/* MARQUEE */
.home-marquee-mobile {
width: 100%;
box-sizing: border-box;  
background: #320046 !important;
padding: 10px;
overflow: hidden;
white-space: nowrap; 
position: relative;
display: block;
text-decoration: none !important;
}
.home-marquee-mobile::after {
content: "Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!";
display: inline-block;
padding-left: 100%;
animation: marquee 30s linear infinite;
font-family: 'Fuggles', cursive;
font-size: 2rem;
color: #00FF00 !important;
}
/* ANIMACIÓN */
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}  
/* CONTROL */
.home-container { display: none; }
.home-carousel { display: none; }
.home-container-mobile { display: flex; }   
.home-carousel-mobile { display: flex; }
}

/* ======================================
   SOCIAL MEDIA CONTENT
====================================== */
.socialmediacontent-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;  
padding: 30px;
}
.socialmediacontent-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.socialmediacontent-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.socialmediacontent-title a {
color: #FF66CC !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: #FF6B00 !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 #FF6B00 !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: #ff1493 !important;
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;
border: none;
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-radius: 6px; 
margin: 0px;
padding: 10px;
border: none;  
}
.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: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.socialmediacontent-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.socialmediacontent-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-align: center;
margin: 0 0 10px 0; 
}
.socialmediacontent-title-mobile a {
color: #FF66CC !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: #ff1493 !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 #FF6B00 !important;
margin: 0 0 10px 0; 
}
 /* CONTROL */
.socialmediacontent-container { display: none; }
.socialmediacontent-container-mobile { display: block; }
}

/* ======================================
   YOUTUBE HIGHLIGHT
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.youtubehighlight-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;   
padding: 30px; 
}
.youtubehighlight-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
background: #320046 !important;
border-radius: 20px 20px 0 0;
height: 90px;
}
/* TÍTULO Y BOTÓN */
.youtubehighlight-header {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 16px 0;
}
/* TÍTULO */
.youtubehighlight-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0; 
}
.youtubehighlight-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* BOTÓN: FOLLOW */
.youtubehighlight-button-follow {
z-index: 2;
display: inline-block;
background-color: #ff1493 !important;
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: 0 0 16px 0;    
padding: 10px 20px; 
border: none;
cursor: pointer; 
transition: transform 0.3s ease, background-color 0.3s ease;  
}
.youtubehighlight-button-follow:hover {
transform: scale(1.05);
}
/* CONTENEDOR: COLUMNAS */
.youtubehighlight-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.youtubehighlight-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 250px;
gap: 20px;
margin: 0px; 
}
/* CONTENEDOR: VIDEO */
.youtubehighlight-columns-grid-video {
position: relative;
overflow: hidden;
margin: 0px; 
}
.youtubehighlight-columns-grid-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0px;
border: none;
}
/* CONTROL */
.youtubehighlight-container { display: block; }
.youtubehighlight-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: YOUTUBE HIGHLIGHT
====================================== */
@media (max-width: 768px) {
.youtubehighlight-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
 .youtubehighlight-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.youtubehighlight-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.youtubehighlight-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: BOTÓN FOLLOW */
.youtubehighlight-button-mobile {
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
}
.youtubehighlight-button-follow-mobile {
display: inline-block;
background: #ff1493 !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;  
}
.youtubehighlight-button-follow-mobile:hover {
transform: scale(1.05);
}
/* CONTENEDOR: VIDEOS */
.youtubehighlight-content-mobile {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.youtubehighlight-content-video-mobile {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;  
margin: 0 0 10px 0;
}
.youtubehighlight-content-video-mobile:last-child {
margin-bottom: 0PX;
}
.youtubehighlight-content-video-mobile iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0px;
border: none;
}
/* CONTROL */
.youtubehighlight-container { display: none; }
.youtubehighlight-container-mobile { display: block; }
}

/* ======================================
   SOCIAL LINKS
====================================== */
.sociallinks-container {
position: relative;
width: 500px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;  
padding: 30px;
}
.sociallinks-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.sociallinks-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.sociallinks-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: CONTENIDO */
.sociallinks-content {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
/* CONTENEDOR: BOTON */
.sociallinks-content-button {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.sociallinks-content-button-tiktok,
.sociallinks-content-button-tiktok-2,
.sociallinks-content-button-instagram,
.sociallinks-content-button-facebook,
.sociallinks-content-button-facebook-2,
.sociallinks-content-button-threads,
.sociallinks-content-button-x,
.sociallinks-content-button-tumblr,
.sociallinks-content-button-reddit,
.sociallinks-content-button-pinterest,
.sociallinks-content-button-youtube,
.sociallinks-content-button-vimeo,
.sociallinks-content-button-academia {
display: block;
background: #ff1493 !important;
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: 0 0 20px 0; 
padding: 10px 20px;   
border: none;
cursor: pointer; 
transition: all 0.3s ease;  
}
.sociallinks-content-button-tiktok-2,
.sociallinks-content-button-facebook,
.sociallinks-content-button-threads,
.sociallinks-content-button-tumblr,
.sociallinks-content-button-pinterest,
.sociallinks-content-button-vimeo {
background: #00FFFF !important;
color: black !important;
}
.sociallinks-content-button-academia {
margin-bottom: 0; 
}
.sociallinks-content-button-tiktok:hover,
.sociallinks-content-button-tiktok-2:hover,
.sociallinks-content-button-instagram:hover,
.sociallinks-content-button-facebook:hover,
.sociallinks-content-button-facebook-2:hover,
.sociallinks-content-button-threads:hover,
.sociallinks-content-button-x:hover,
.sociallinks-content-button-tumblr:hover,
.sociallinks-content-button-reddit:hover,
.sociallinks-content-button-pinterest:hover,
.sociallinks-content-button-youtube:hover,
.sociallinks-content-button-vimeo:hover,
.sociallinks-content-button-academia:hover {
transform: scale(1.05);
}     
/* CONTROL */
.sociallinks-container { display: block; }
.sociallinks-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SOCIAL MEDIA CONTENT
====================================== */
@media (max-width: 768px) {
.sociallinks-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.sociallinks-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.sociallinks-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-align: center;
margin: 0 0 10px 0; 
}
.sociallinks-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: CONTENIDO */
.sociallinks-content-mobile {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
/* CONTENEDOR: BOTON */
.sociallinks-content-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.sociallinks-content-button-tiktok-mobile,
.sociallinks-content-button-tiktok-2-mobile,
.sociallinks-content-button-instagram-mobile,
.sociallinks-content-button-facebook-mobile,
.sociallinks-content-button-facebook-2-mobile,   
.sociallinks-content-button-threads-mobile,
.sociallinks-content-button-x-mobile,
.sociallinks-content-button-tumblr-mobile,
.sociallinks-content-button-reddit-mobile,
.sociallinks-content-button-pinterest-mobile,
.sociallinks-content-button-youtube-mobile,
.sociallinks-content-button-vimeo-mobile,   
.sociallinks-content-button-academia-mobile {
display: block;
background: #ff1493 !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;  
}
.sociallinks-content-button-tiktok-2-mobile,
.sociallinks-content-button-facebook-mobile,
.sociallinks-content-button-threads-mobile,
.sociallinks-content-button-tumblr-mobile,
.sociallinks-content-button-pinterest-mobile,
.sociallinks-content-button-vimeo-mobile {
background: #00FFFF !important;
color: black !important;
}
.sociallinks-content-button-academia-mobile {
margin-bottom: 0px; 
}
.sociallinks-content-button-tiktok-mobile:hover,
.sociallinks-content-button-tiktok-2-mobile:hover,
.sociallinks-content-button-instagram-mobile:hover,
.sociallinks-content-button-facebook-mobile:hover,
.sociallinks-content-button-facebook-2-mobile:hover,   
.sociallinks-content-button-threads-mobile:hover,
.sociallinks-content-button-x-mobile:hover,
.sociallinks-content-button-tumblr-mobile:hover,
.sociallinks-content-button-reddit-mobile:hover,
.sociallinks-content-button-pinterest-mobile:hover,
.sociallinks-content-button-youtube-mobile:hover,
.sociallinks-content-button-vimeo-mobile:hover,   
.sociallinks-content-button-academia-mobile:hover {
transform: scale(1.05);
}
/* CONTROL */
.sociallinks-container { display: none; }
.sociallinks-container-mobile { display: block; }
}

/* ======================================
   UNIVERSE
====================================== */
.universe-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.universe-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.universe-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.universe-title a {
color: #FF66CC !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: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.universe-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.universe-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.universe-title-mobile a {
color: #FF66CC !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: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.about-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.about-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.about-title a {
color: #FF66CC !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: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.about-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.about-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.about-title-mobile a {
color: #FF66CC !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 BANNER PC
====================================== */
.film-banner {
position: relative;
z-index: 1;   
width: 100%;
box-sizing: border-box;
height: calc(100vh - 220px);
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background: #000000 !important;
border: 3px solid #A855F7 !important;
margin: 40px auto !important; 
}
.film-banner img {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;
}
/* CONTROL */
.film-banner { display: flex; }
.film-banner-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: FILM
====================================== */
@media (max-width: 768px) {  
.film-banner-mobile {
position: relative;
z-index: 1; 
width: 100%;
height: 500px;
box-sizing: border-box;   
overflow: hidden;  
display: flex;
justify-content: center;
align-items: center;   
background: #000000 !important;
border: 3px solid #A855F7 !important;
margin: 30px auto;
}
.film-banner-mobile img {
position: absolute;
z-index: 1;    
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;   
}
/* CONTROL */
.film-banner { display: none; }
.film-banner-mobile { display: flex; }
}

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

/* ======================================
   FEATURE FILM
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.featurefilm-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.featurefilm-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.featurefilm-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.featurefilm-title a {
color: #FF66CC !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: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.featurefilm-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.featurefilm-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase; 
text-align: center;
margin: 0 0 10px 0; 
}
.featurefilm-title-mobile a {
color: #FF66CC !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: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.alone-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.alone-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.alone-title a {
color: #FF66CC !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: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.alone-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.alone-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase; 
text-align: center;
margin: 0 0 10px 0; 
}
.alone-title-mobile a {
color: #FF66CC !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; }
}

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

/* ======================================
   MUSIC BANNER PC
====================================== */
.music-banner {
position: relative;
z-index: 1;   
width: 100%;
box-sizing: border-box;
height: calc(100vh - 220px);
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background: #000000 !important;
border: 3px solid #A855F7 !important;
margin: 40px auto !important; 
}
.music-banner img {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;
}
/* CONTROL */
.music-banner { display: flex; }
.music-banner-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: MUSIC
====================================== */
@media (max-width: 768px) {  
.music-banner-mobile {
position: relative;
z-index: 1; 
width: 100%;
height: 500px;
box-sizing: border-box;   
overflow: hidden;  
display: flex;
justify-content: center;
align-items: center;   
background: #000000 !important;
border: 3px solid #A855F7 !important;
margin: 30px auto;
}
.music-banner-mobile img {
position: absolute;
z-index: 1;    
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;   
}
/* CONTROL */
.music-banner { display: none; }
.music-banner-mobile { display: flex; }
}

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

/* ======================================
   ALBUM PC
====================================== */
.album-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.album-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.album-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.album-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.album-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.album-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 0px;
}
/* CONTENEDOR: TARJETA */
.album-columns-grid-card {
position: relative;
overflow: hidden;   
display: block;
text-decoration: none;
}
.album-columns-grid-card img {
width: 100%;
height: auto;
object-fit: contain;
transition: transform 0.3s ease;
}
.album-columns-grid-card img:hover { 
transform: scale(1.1);
}
/* CONTROL DISPLAY ESCRITORIO/MÓVIL */
.album-container { display: block; }
.album-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: ALBUM
====================================== */
@media (max-width: 768px) {
.album-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.album-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.album-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;  
text-decoration: none;
text-transform: uppercase; 
text-align: center;
margin: 0 0 10px 0; 
}
.album-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: TARJETAS */
.album-cards-mobile {
position: relative;
z-index: 2;
}
/* CONTENEDOR: TARJETA */
.album-cards-card-mobile {
position: relative;
overflow: hidden;   
display: block;
text-decoration: none;
margin-bottom: 0px;
}   
.album-cards-card-mobile img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.album-cards-card-mobile img:hover { 
transform: scale(1.1);
}
/* CONTROL DISPLAY MÓVIL */
.album-container { display: none; }
.album-container-mobile { display: block; }
}

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

/* ======================================
   FASHION BANNER PC
====================================== */
.fashion-banner {
position: relative;
z-index: 1;   
width: 100%;
box-sizing: border-box;
height: calc(100vh - 220px);
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background: #000000 !important;
border: 3px solid #A855F7 !important;
margin: 40px auto !important; 
}
.fashion-banner img {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;
}
/* CONTROL */
.fashion-banner { display: flex; }
.fashion-banner-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: FASHION
====================================== */
@media (max-width: 768px) {  
.fashion-banner-mobile {
position: relative;
z-index: 1; 
width: 100%;
height: 500px;
box-sizing: border-box;   
overflow: hidden;  
display: flex;
justify-content: center;
align-items: center;   
background: #000000 !important;
border: 3px solid #A855F7 !important;
margin: 30px auto;
}
.fashion-banner-mobile img {
position: absolute;
z-index: 1;    
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;   
}
/* CONTROL */
.fashion-banner { display: none; }
.fashion-banner-mobile { display: flex; }
}

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

/* ======================================
   SS COLLECTION
====================================== */
.sscollection-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.sscollection-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.sscollection-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.sscollection-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.sscollection-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.sscollection-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 250px;
gap: 20px;
margin: 0px;
}
/* CONTENEDOR: TARJETAS */
.sscollection-columns-grid-card {
position: relative;
overflow: hidden;
display: block;
text-decoration: none;
}
.sscollection-columns-grid-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.sscollection-columns-grid-card img:hover { 
transform: scale(1.1);
}
/* CONTROL */
.sscollection-container { display: block; }
.sscollection-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SSCOLLECTION
====================================== */
@media (max-width: 768px) {
.sscollection-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.sscollection-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.sscollection-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;   
text-align: center;
margin: 0 0 10px 0; 
}
.sscollection-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: TARJETAS */
.sscollection-cards-mobile {
position: relative;
z-index: 2;
}
/* CONTENEDOR: TARJETA */   
.sscollection-cards-card-mobile {
position: relative;
overflow: hidden;   
display: block;
margin-bottom: 0px;
}
.sscollection-cards-card-mobile img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.sscollection-cards-card-mobile img:hover { 
transform: scale(1.1);
}
/* CONTROL DISPLAY MÓVIL */
.sscollection-container { display: none; }
.sscollection-container-mobile { display: block; }
}

/* ======================================
   SS27
====================================== */
.ss27-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.ss27-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.ss27-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.ss27-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: IMAGEN */
.ss27-image {
width: 100%;
box-sizing: border-box;
margin: 0 0 15px 0;
}
.ss27-image img {
width: 100%;
height: auto;
display: block;
margin: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.ss27-information {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.ss27-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: 0px;
}
.ss27-information-text,
.ss27-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;
}
.ss27-information-text-end {
margin-bottom: 0px;
}
/* CONTROL DISPLAY ESCRITORIO/MÓVIL */
.ss27-container { display: block; }
.ss27-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SS27
====================================== */
@media (max-width: 768px) {
.ss27-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;   
padding: 20px;
}
.ss27-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.ss27-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;      
text-align: center;
margin: 0 0 10px 0; 
}
.ss27-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: IMAGEN */
.ss27-image-mobile {
width: 100%;
box-sizing: border-box;  
margin: 0 0 20px 0;
}
.ss27-image-mobile img {
width: 100%;
height: auto;
display: block;
}
/* CONTENEDOR: INFORMACIÓN */
.ss27-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.ss27-information-subtitle-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;
}
.ss27-information-text-mobile,
.ss27-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;
}
.ss27-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL DISPLAY MÓVIL */
.ss27-container { display: none; }
.ss27-container-mobile { display: block; }
}

/* ======================================
   ART BANNER PC
====================================== */
.art-banner {
position: relative;
z-index: 1;   
width: 100%;
box-sizing: border-box;
height: calc(100vh - 220px);
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background: #000000 !important;
border: 3px solid #A855F7 !important;
margin: 40px auto !important; 
}
.art-banner img {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;
}
/* CONTROL */
.art-banner { display: flex; }
.art-banner-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: ART
====================================== */
@media (max-width: 768px) {  
.art-banner-mobile {
position: relative;
z-index: 1; 
width: 100%;
height: 500px;
box-sizing: border-box;   
overflow: hidden;  
display: flex;
justify-content: center;
align-items: center;   
background: #000000 !important;
border: 3px solid #A855F7 !important;
margin: 30px auto;
}
.art-banner-mobile img {
position: absolute;
z-index: 1;    
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;   
}
/* CONTROL */
.art-banner { display: none; }
.art-banner-mobile { display: flex; }
}

/* ======================================
   SCIENCE BANNER PC
====================================== */
.science-banner {
position: relative;
z-index: 1;   
width: 100%;
box-sizing: border-box;
height: calc(100vh - 220px);
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background: #000000 !important;
border: 3px solid #A855F7 !important;
margin: 40px auto !important; 
}
.science-banner img {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;
}
/* CONTROL */
.science-banner { display: flex; }
.science-banner-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SCIENCE
====================================== */
@media (max-width: 768px) {  
.science-banner-mobile {
position: relative;
z-index: 1; 
width: 100%;
height: 500px;
box-sizing: border-box;   
overflow: hidden;  
display: flex;
justify-content: center;
align-items: center;   
background: #000000 !important;
border: 3px solid #A855F7 !important;
margin: 30px auto;
}
.science-banner-mobile img {
position: absolute;
z-index: 1;    
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;   
}
/* CONTROL */
.science-banner { display: none; }
.science-banner-mobile { display: flex; }
}

/* ======================================
   RESEARCH ARTICLE
====================================== */
.researcharticle-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.researcharticle-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
/* CONTENEDOR TÍTULO + BOTÓN */
.researcharticle-header {
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0px;
}
.researcharticle-header-title {
position: relative;
z-index: 2;
display: block;  
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0; 
}
.researcharticle-header-title a {
color: #FF66CC !important;
text-decoration: none;
}
.researcharticle-header-button {
z-index: 2; 
display: inline-block;
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;
text-align: center;
margin: 0 0 16px 0; 
padding: 10px 20px;  
border: none;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;  
}
.researcharticle-header-button:hover {
transform: scale(1.05);
}
/* CONTENEDOR: INFORMACIÓN */
.researcharticle-information {
width: 100%;
box-sizing: border-box;     
margin: 0px;
}
.researcharticle-information-text,
.researcharticle-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;
}
.researcharticle-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.researcharticle-container { display: block; }
.researcharticle-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: RESEARCH ARTICLE
====================================== */
@media (max-width: 768px) {
.researcharticle-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;   
padding: 20px;
}
 .researcharticle-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
 /* TÍTULO */
.researcharticle-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;   
font-weight: bold;   
text-align: center;
margin: 0 0 10px 0; 
}
.researcharticle-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: BOTÓN */
.researcharticle-button-mobile {
display: flex;
justify-content: center;
}
/* BOTÓN FOLLOW */
.researcharticle-button-orcid-mobile {
display: inline-block;
background: #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: 0 0 10px 0;    
padding: 10px 20px;
border: none;
cursor: pointer; 
transition: all 0.3s ease;  
}
.researcharticle-button-orcid-mobile:hover {
transform: scale(1.05);
}
/* CONTENEDOR: INFORMACIÓN */
.researcharticle-information-mobile {
width: 100%;
box-sizing: border-box;   
margin: 0px;
}
.researcharticle-information-text-mobile,
.researcharticle-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
.researcharticle-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.researcharticle-container { display: none; }
.researcharticle-container-mobile { display: block; }
}

/* ======================================
   PSYCHOLOGY
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.psychology-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.psychology-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.psychology-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.psychology-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: BOTONES */
.psychology-buttons {
width: 100%;
display: block;
text-align: center;
margin: 0px;    
}
.psychology-button,
.psychology-button-end {
display: block;
width: 100%;
box-sizing: border-box;   
background: #ff1493 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;      
text-align: center;
margin: 0 0 20px 0;      
padding: 20px; 
border: none;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
} 
.psychology-button-end {
margin-bottom: 0px;
}
.psychology-button:hover,
.psychology-button-end:hover {
transform: scale(1.05);
}
/* CONTROL */
.psychology-container { display: block; }
.psychology-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: PSYCHOLOGY
====================================== */
@media (max-width: 768px) {
.psychology-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background:  #3A0052 !important;
border-radius: 20px;
margin: 30px auto;   
padding: 20px;
}
.psychology-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.psychology-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;     
text-align: center;
margin: 0 0 10px 0; 
}
.psychology-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: BOTONES */
.psychology-buttons-mobile {
width: 100%;
display: block;
text-align: center;
margin: 0px;    
}
.psychology-button-mobile,
.psychology-button-end-mobile {
display: inline-block;
box-sizing: border-box;
background: #ff1493 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;    
text-align: center;
margin: 0 0 15px 0;      
padding: 15px;
border: none;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
} 
.psychology-button-end-mobile {
margin-bottom: 0px;
}  
.psychology-button-mobile:hover,
.psychology-button-end-mobile:hover {
transform: scale(1.05);
}
/* CONTROL */
.psychology-container { display: none; }
.psychology-container-mobile { display: block; }
}

/* ======================================
   BE MY PATRON
====================================== */
.bemypatron-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.bemypatron-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.bemypatron-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.bemypatron-title a {
color: #FF66CC !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: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.bemypatron-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #320046 !important;  
border-radius: 20px 20px 0 0;
}
.bemypatron-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.bemypatron-title-mobile a {
color: #FF66CC !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; }
}

/* ======================================
   SUPPORT MY WORK
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.supportmywork-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.supportmywork-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.supportmywork-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.supportmywork-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.supportmywork-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.supportmywork-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 0 0 15px 0;
}
/* CONTENEDOR: IMAGEN */
.supportmywork-columns-grid-image {
width: 100%;
min-width: 0;   
margin: 0px;
}
.supportmywork-columns-grid-image img {
width: 100%;
height: auto;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: IMAGEN */
.supportmywork-columns-grid-image-2 {
width: 100%;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
margin: 0px;
}
.supportmywork-columns-grid-image-2 img {
width: 100%;
height: auto;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.supportmywork-information {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.supportmywork-information-text {
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;
}
/* CONTENEDOR: BOTÓN */
.supportmywork-button {
width: 100%;
box-sizing: border-box;   
display: flex;
justify-content: center;
margin: 0px;
}
.supportmywork-button-donatewithpaypal {
display: flex;
justify-content: center;   
background-color: #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, background-color 0.3s ease;
}
.supportmywork-button-donatewithpaypal:hover {
transform: scale(1.05);
}
/* CONTROL */
.supportmywork-container { display: block; }
.supportmywork-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SUPPORT MY WORK
====================================== */
@media (max-width: 768px) {
.supportmywork-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.supportmywork-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;  
border-radius: 20px 20px 0 0;
}
.supportmywork-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.supportmywork-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: IMAGEN */
.supportmywork-image-mobile,
.supportmywork-image-2-mobile,
.supportmywork-image-3-mobile {
width: 100%;
box-sizing: border-box;   
margin: 0 0 20px 0;
}
.supportmywork-image-mobile img,
.supportmywork-image-2-mobile img,
.supportmywork-image-3-mobile img {
width: 100%;
height: auto;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.supportmywork-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.supportmywork-information-text-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;
}
/* CONTENEDOR: BOTÓN */
.supportmywork-button-mobile {
width: 100%;
box-sizing: border-box;     
display: block;
text-align: center; 
margin: 0px;
}
.supportmywork-button-donatewithpaypal-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;
margin: 0px; 
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.supportmywork-button-donatewithpaypal-mobile:hover {
transform: scale(1.05);
} 
/* CONTROL */
.supportmywork-container { display: none; }
.supportmywork-container-mobile { display: block; }
}

/* ======================================
   SUPPORT MY STUDIES
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.supportmystudies-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.supportmystudies-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.supportmystudies-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.supportmystudies-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: IMAGEN */
.supportmystudies-image {
width: 100%;
box-sizing: border-box;
margin: 0 0 15px 0;
}
.supportmystudies-image img {
width: 100%;
height: auto;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.supportmystudies-information {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.supportmystudies-information-text {
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;
}
/* CONTENEDOR: BOTÓN */
.supportmystudies-button {
width: 100%;
box-sizing: border-box;   
display: flex;
justify-content: center;
margin: 0px;
}
.supportmystudies-button-donatewithpaypal {
display: flex;
justify-content: center;   
background-color: #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, background-color 0.3s ease;
}
.supportmystudies-button-donatewithpaypal:hover {
transform: scale(1.05);
}
/* CONTROL */
.supportmystudies-container { display: block; }
.supportmystudies-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SUPPORT MY STUDIES
====================================== */
@media (max-width: 768px) {
.supportmystudies-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.supportmystudies-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;  
border-radius: 20px 20px 0 0;
}
.supportmystudies-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.supportmystudies-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: IMAGEN */
.supportmystudies-image-mobile {
width: 100%;
box-sizing: border-box;   
margin: 0 0 20px 0;
}
.supportmystudies-image-mobile img {
width: 100%;
height: auto;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.supportmystudies-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.supportmystudies-information-text-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;
}
/* CONTENEDOR: BOTÓN */
.supportmystudies-button-mobile {
width: 100%;
box-sizing: border-box;     
display: block;
text-align: center; 
margin: 0px;
}
.supportmystudies-button-donatewithpaypal-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;
margin: 0px; 
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.supportmystudies-button-donatewithpaypal-mobile:hover {
transform: scale(1.05);
} 
/* CONTROL */
.supportmystudies-container { display: none; }
.supportmystudies-container-mobile { display: block; }
}

/* ======================================
   GIFTS
====================================== */
/* CONTENEDOR, FRANJA Y TÍTULO */
.gifts-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.gifts-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.gifts-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.gifts-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: IMAGEN */
.gifts-image {
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
margin: 0 0 15px 0;
}
.gifts-image img {
width: 70%;
max-width: 500px;
height: auto;
display: block;
border-radius: 0px;
margin: 0 auto;    
}
/* CONTENEDOR: INFORMACIÓN */
.gifts-information {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.gifts-information-text {
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;
}
/* CONTENEDOR: BOTÓN */
.gifts-button {
width: 100%;
box-sizing: border-box;   
display: flex;
justify-content: center;
margin: 0px;
}
.gifts-button-donatewithpaypal {
display: flex;
justify-content: center;   
background-color: #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, background-color 0.3s ease;
}
.gifts-button-donatewithpaypal:hover {
transform: scale(1.05);
}
/* CONTROL */
.gifts-container { display: block; }
.gifts-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: GIFTS
====================================== */
@media (max-width: 768px) {
.gifts-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.gifts-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #320046 !important;  
border-radius: 20px 20px 0 0;
}
.gifts-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.gifts-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: IMAGEN */
.gifts-image-mobile {
width: 100%;
box-sizing: border-box;   
margin: 0 0 20px 0;
}
.gifts-image-mobile img {
width: 100%;
height: auto;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: INFORMACIÓN */
.gifts-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.gifts-information-text-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;
}
/* CONTENEDOR: BOTÓN */
.gifts-button-mobile {
width: 100%;
box-sizing: border-box;     
display: block;
text-align: center; 
margin: 0px;
}
.gifts-button-donatewithpaypal-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;
margin: 0px; 
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.gifts-button-donatewithpaypal-mobile:hover {
transform: scale(1.05);
} 
/* CONTROL */
.gifts-container { display: none; }
.gifts-container-mobile { display: block; }
}

/* ======================================
   CONTACT
====================================== */
.contact-container {
position: relative;
width: 550px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.contact-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.contact-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.contact-title a {
color: #FF66CC !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: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;   
padding: 20px;
}
.contact-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.contact-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;     
text-align: center;
margin: 0 0 10px 0; 
}
.contact-title-mobile a {
color: #FF66CC !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: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.contactforfans-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.contactforfans-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.contactforfans-title a {
color: #FF66CC !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 DISPLAY ESCRITORIO/MÓVIL */
.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: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;   
padding: 20px;
}
.contactforfans-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.contactforfans-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;     
text-align: center;
margin: 0 0 10px 0; 
}
.contactforfans-title-mobile a {
color: #FF66CC !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; }
}

/* ======================================
    SHOP PC
====================================== */
.shop-container {
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;   
margin: 40px auto;
}
/* INFORMACIÓN */
.shop-information {
width: 100%;
box-sizing: border-box;
background:#3A0052 !important;   
padding: 30px;
}
.shop-information-text {
font-family: 'Fuggles', cursive;
font-size: 7rem;
color: #00FF00 !important;
text-decoration: none;
text-align: center;   
line-height: 1;
margin: 0;
}
/* BANNER */
.shop-banner {
position: relative;
z-index: 1;   
width: 100%;
box-sizing: border-box;
height: calc(100vh - 220px);
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background: #3A0052 !important;
}
.shop-banner img {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;
}
/* MARQUEE */
.shop-marquee {
width: 100%;
box-sizing: border-box;  
background: #320046 !important;
padding: 20px;
overflow: hidden;
white-space: nowrap; 
position: relative;
display: block;
text-decoration: none !important;
}
.shop-marquee::after {
content: "Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!";
display: inline-block;
padding-left: 100%;
animation: marquee 30s linear infinite;
font-family: 'Fuggles', cursive;
font-size: 3rem;
color: #00FF00 !important;
}
/* ANIMACIÓN */
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
/* CONTROL */
.shop-container { display: flex; }
.shop-banner { display: flex; }
.shop-container-mobile { display: none; }   
.shop-banner-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SHOP
====================================== */
@media (max-width: 768px) {
.shop-container-mobile {
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;   
margin: 30px auto;
}
/* INFORMACIÓN */
.shop-information-mobile {
width: 100%;
box-sizing: border-box;
background:#3A0052 !important;   
padding: 20px;
}
.shop-information-text-mobile {
font-family: 'Fuggles', cursive;
font-size: 5rem;
color: #00FF00 !important;
text-decoration: none;
text-align: center;   
line-height: 1;
margin: 0;
}
/* BANNER */   
.shop-banner-mobile {
position: relative;
z-index: 1; 
width: 100%;
height: 500px;
box-sizing: border-box;   
overflow: hidden;  
display: flex;
justify-content: center;
align-items: center;   
background: #3A0052 !important;
}
.shop-banner-mobile img {
position: absolute;
z-index: 1;    
width: 100%;
height: 100%;
object-fit: cover;
background: #000000 !important;   
}  
/* MARQUEE */
.shop-marquee-mobile {
width: 100%;
box-sizing: border-box;  
background: #320046 !important;
padding: 10px;
overflow: hidden;
white-space: nowrap; 
position: relative;
display: block;
text-decoration: none !important;
}
.shop-marquee-mobile::after {
content: "Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!   Be a part of Alone!";
display: inline-block;
padding-left: 100%;
animation: marquee 30s linear infinite;
font-family: 'Fuggles', cursive;
font-size: 2rem;
color: #00FF00 !important;
}
/* ANIMACIÓN */
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}  
/* CONTROL */
.shop-container { display: none; }
.shop-banner { display: none; }
.shop-container-mobile { display: flex; }   
.shop-banner-mobile { display: flex; }
}

/* ======================================
   DIGITAL PRODUCTS
====================================== */
.digitalproducts-container {
position: relative;
width: 90%;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.digitalproducts-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.digitalproducts-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;
line-height: 1.6;
margin: 0 0 16px 0;
}
.digitalproducts-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.digitalproducts-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.digitalproducts-columns-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 250px;
gap: 20px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - TARJETAS */
.digitalproducts-columns-grid-card {
position: relative;
height: 100%; 
overflow: hidden;   
display: block;
border: 3px solid #00FFFF !important;
text-decoration: none;
}
.digitalproducts-columns-grid-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.digitalproducts-columns-grid-card img:hover {
transform: scale(1.1);
}
/* CONTENEDOR: GRID DE 3 - TARJETAS - ETIQUETAS */
.digitalproducts-columns-grid-card-label {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
height: 65px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;   
background: #ff1493 !important;
transform: translateY(-50%);
}
.digitalproducts-columns-grid-card-label-text {
font-family: 'Orbitron', sans-serif;
font-size: 1.5rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
line-height: 0.5;
}
/* CONTENEDOR: TARJETAS CERRADAS/OPACAS */
.digitalproducts-columns-grid-card.closed {
opacity: 0.5;
text-decoration: none;
cursor: not-allowed;
pointer-events: none;
}
.digitalproducts-columns-grid-card:not(.closed) .digitalproducts-columns-grid-card-label-text:last-child {
color: #00ff00 !important;
}
.digitalproducts-columns-grid-card.closed .digitalproducts-columns-grid-card-label-text:last-child {
color: #ff0000 !important;
}
/* CONTROL */
.digitalproducts-container { display: block; }
.digitalproducts-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: DIGITAL PRODUCTS
====================================== */
@media (max-width: 768px) {
.digitalproducts-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.digitalproducts-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.digitalproducts-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;     
text-align: center;
margin: 0 0 10px 0; 
}
.digitalproducts-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: TARJETAS */
.digitalproducts-cards-mobile {
position: relative;
z-index: 2;
margin: 0px; 
}
/* CONTENEDOR: TARJETAS - TARJETA */
.digitalproducts-cards-card-mobile {
position: relative;
width: 100%;
height: 200px;
box-sizing: border-box;      
overflow: hidden;
display: block; 
border: 3px solid #00FFFF !important;
text-decoration: none;
margin: 0 0 20px 0;
}
.digitalproducts-cards-card-mobile:last-child {
margin-bottom: 0px;
}
.digitalproducts-cards-card-mobile img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.digitalproducts-cards-card-mobile img:hover { 
transform: scale(1.1);
}
/* CONTENEDOR: TARJETAS - TARJETA -ETIQUETAS */
.digitalproducts-cards-card-label-mobile {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
height: 50px;
display: flex;
flex-direction: column;
justify-content: center;      
align-items: center;
background: #ff1493 !important;
transform: translateY(-50%);
}
.digitalproducts-cards-card-label-text-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
line-height: 0.5;
}
/* CONTENEDOR: TARJETAS CERRADAS/OPACAS */
.digitalproducts-cards-card-mobile.closed {
opacity: 0.5;
text-decoration: none;
cursor: not-allowed;
pointer-events: none;    
}
.digitalproducts-cards-card-mobile:not(.closed) .digitalproducts-cards-card-label-text-mobile:last-child {
color: #00ff00 !important;
}
.digitalproducts-cards-card-mobile.closed .digitalproducts-cards-card-label-text-mobile:last-child {
color: #ff0000 !important;
}
/* CONTROL */
.digitalproducts-container { display: none; }
.digitalproducts-container-mobile { display: block; }
}

/* ======================================
   PHYSICAL PRODUCTS
====================================== */
.physicalproducts-container {
position: relative;
width: 90%;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.physicalproducts-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.physicalproducts-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;
line-height: 1.6;
margin: 0 0 16px 0;
}
.physicalproducts-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.physicalproducts-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.physicalproducts-columns-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 250px;
gap: 20px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - TARJETAS */
.physicalproducts-columns-grid-card {
position: relative;
height: 100%; 
overflow: hidden;   
display: block;
border: 3px solid #00FFFF !important;
text-decoration: none;
}
.physicalproducts-columns-grid-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.physicalproducts-columns-grid-card img:hover {
transform: scale(1.1);
}
/* CONTENEDOR: GRID DE 3 - TARJETAS - ETIQUETAS */
.physicalproducts-columns-grid-card-label {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
height: 65px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;   
background: #ff1493 !important;
transform: translateY(-50%);
}
.physicalproducts-columns-grid-card-label-text {
font-family: 'Orbitron', sans-serif;
font-size: 1.5rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
line-height: 0.5;
}
/* CONTENEDOR: TARJETAS CERRADAS/OPACAS */
.physicalproducts-columns-grid-card.closed {
opacity: 0.5;
text-decoration: none;
cursor: not-allowed;
pointer-events: none;
}
.physicalproducts-columns-grid-card:not(.closed) .physicalproducts-columns-grid-card-label-text:last-child {
color: #00ff00 !important;
}
.physicalproducts-columns-grid-card.closed .physicalproducts-columns-grid-card-label-text:last-child {
color: #ff0000 !important;
}
/* CONTROL */
.physicalproducts-container { display: block; }
.physicalproducts-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: PHYSICAL PRODUCTS
====================================== */
@media (max-width: 768px) {
.physicalproducts-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.physicalproducts-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.physicalproducts-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;     
text-align: center;
margin: 0 0 10px 0; 
}
.physicalproducts-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: TARJETAS */
.physicalproducts-cards-mobile {
position: relative;
z-index: 2;
margin: 0px; 
}
.physicalproducts-cards-card-mobile {
position: relative;
width: 100%;
height: 200px;
box-sizing: border-box;
overflow: hidden;   
display: block; 
border: 3px solid #00FFFF !important;
text-decoration: none;
margin: 0 0 20px 0;
}
.physicalproducts-cards-card-mobile:last-child {
margin-bottom: 0px;
}
.physicalproducts-cards-card-mobile img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.physicalproducts-cards-card-mobile img:hover { 
transform: scale(1.1);
}
/* CONTENEDOR: TARJETAS - TARJETA - ETIQUETAS */
.physicalproducts-cards-card-label-mobile {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
height: 50px;
display: flex;
flex-direction: column;
justify-content: center;      
align-items: center;
background: #ff1493 !important;
transform: translateY(-50%);
}
.physicalproducts-cards-card-label-text-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
line-height: 0.5;
}
/* CONTENEDOR: TARJETAS CERRADAS/OPACAS */
.physicalproducts-cards-card-mobile.closed {
opacity: 0.5;
text-decoration: none;
cursor: not-allowed;
pointer-events: none;    
}
.physicalproducts-cards-card-mobile:not(.closed) .physicalproducts-cards-card-label-text-mobile:last-child {
color: #00ff00 !important;
}
.physicalproducts-cards-card-mobile.closed .physicalproducts-cards-card-label-text-mobile:last-child {
color: #ff0000 !important;
}
/* CONTROL */
.physicalproducts-container { display: none; }
.physicalproducts-container-mobile { display: block; }
}

/* ======================================
    GO TO SHOPIFY
====================================== */
.gotoshopify-container {
position: relative;
width: 500px;
background: #3A0052 !important;
border-radius: 0px;
margin: 40px auto;   
padding: 30px;
}
.gotoshopify-text {
display: block;
font-family: 'Fuggles', cursive;
font-size: 7rem;
color: #00FF00 !important;
text-decoration: none;
text-align: center;   
line-height: 1;
margin: 0;
}
/* CONTROL */
.gotoshopify-container { display: block; }
.gotoshopify-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SHOP
====================================== */
@media (max-width: 768px) {
.gotoshopify-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 0px;
margin: 30px auto;
padding: 20px;
}
.gotoshopify-text-mobile {
display: block;
font-family: 'Fuggles', cursive;
font-size: 5rem;
color: #00FF00 !important;
text-decoration: none;
text-align: center;   
line-height: 1;
margin: 0;
}
/* CONTROL */
.gotoshopify-container { display: none; }
.gotoshopify-container-mobile { display: block; }
}

/* ======================================
   SHOP INFORMATION PC 
====================================== */
.shopinformation-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;   
padding: 30px;
}
.shopinformation-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.shopinformation-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;   
text-align: left;
line-height: 1.6;
margin: 0 0 16px 0;
}
.shopinformation-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: TABLA */
.shopinformation-table {
width: 100%;
box-sizing: border-box;  
margin: 0 0 15px 0;
}
.shopinformation-table-wrapper {
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 10;
background-color: transparent;
}
.shopinformation-table-wrapper th:nth-child(1),
.shopinformation-table-wrapper td:nth-child(1) {
width: 50%;
}
.shopinformation-table-wrapper th:nth-child(2),
.shopinformation-table-wrapper td:nth-child(2) {
width: 50%;
}
/* TABLA: ENCABEZADOS */
.shopinformation-table-wrapper-head {
width: 100%;  
margin: 0px;
}
.shopinformation-table-wrapper-head-row {
vertical-align: middle;
}
.shopinformation-table-wrapper-head-row-title {
font-family: 'Orbitron', sans-serif;
font-size: 1.5rem;
color: #FF6B00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0px;    
padding: 0px;
}
.shopinformation-table-wrapper-head-row-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #FF6B00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0px;    
padding: 0px; 
}
/* TABLA: DIVISOR */
.shopinformation-table-wrapper-divider td {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 10px 0; 
}
/* TABLA: CUERPO */
.shopinformation-table-wrapper-body {
width: 100%;
margin: 0px;
}
.shopinformation-table-wrapper-body-row {
vertical-align: middle;
}
/* TABLA: CUERPO - CAJAS */
.shopinformation-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-radius: 6px;
margin: 0px;
padding: 10px;
border: none;  
}
.shopinformation-table-wrapper-body-row-cell:first-child .shopinformation-table-wrapper-body-row-cell-box {
background: #FF66CC !important;
}
.shopinformation-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;  
}
/* CONTENEDOR: INFORMACIÓN */
.shopinformation-information {
width: 100%;
box-sizing: border-box;     
background: #3A0052 !important;
border-radius: 15px;
border: 3px solid #FF6B00 !important;
margin: 0px; 
padding: 15px;
}
.shopinformation-information-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;   
text-align: justify;
line-height: 1.5;
margin: 0 0 10px 0;
}
.shopinformation-information-text {
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;
}
/* CONTROL */
.shopinformation-container { display: block; }
.shopinformation-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SHOP INFORMATION
====================================== */
@media (max-width: 768px) {
.shopinformation-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.shopinformation-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.shopinformation-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;    
text-align: center;
margin: 0 0 10px 0; 
}
.shopinformation-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: CONTENIDO */
.shopinformation-content-mobile {
width: 100%;
box-sizing: border-box;   
display: block;
margin: 0px;
}
.shopinformation-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #FF6B00 !important;
text-decoration: none;
text-transform: uppercase;    
text-align: center;
margin: 0 0 10px 0; 
}
/* CONTENEDOR: CAJAS */
.shopinformation-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;
}
.shopinformation-content-mobile > div:nth-child(2),
.shopinformation-content-mobile > div:nth-child(5),
.shopinformation-content-mobile > div:nth-child(8) {
background: #FF66CC !important;
}
.shopinformation-content-mobile > div:nth-child(3),
.shopinformation-content-mobile > div:nth-child(6),
.shopinformation-content-mobile > div:nth-child(9) {
height: 60px !important;
}
.shopinformation-content-box-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: black !important;
text-decoration: none;
text-align: center;  
}
/* DIVISOR */
.shopinformation-content-divider-mobile {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
}
/* CONTENEDOR: INFORMACIÓN */
.shopinformation-information-mobile {
width: 100%;
box-sizing: border-box; 
background: #3A0052 !important;
border-radius: 15px;
border: 3px solid #FF6B00 !important;
margin: 0px; 
padding: 10px;
}
.shopinformation-information-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;   
text-align: justify;
line-height: 1.5;
margin: 0 0 10px 0;
}
.shopinformation-information-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-align: left; 
line-height: 1.5;
margin: 0px;
}
/* CONTROL */
.shopinformation-container { display: none; }
.shopinformation-container-mobile { display: block; }
}

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

/* ======================================
   SHIPPING AND DELIVERY POLICIES PC 
====================================== */
.shippinganddeliverypolicies-container {
position: relative;
width: 90%;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;   
padding: 30px;
}
.shippinganddeliverypolicies-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.shippinganddeliverypolicies-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;   
text-align: left;
line-height: 1.6;
margin: 0 0 16px 0;
}
.shippinganddeliverypolicies-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: TABLA */
.shippinganddeliverypolicies-table {
width: 100%;
box-sizing: border-box;  
margin: 0 0 15px 0;
}
.shippinganddeliverypolicies-table-wrapper {
width: 100%;
table-layout: fixed;
border-collapse: separate;
border-spacing: 10;
background-color: transparent;
}
.shippinganddeliverypolicies-table-wrapper th:nth-child(1),
.shippinganddeliverypolicies-table-wrapper td:nth-child(1) {
width: 25%;
}
.shippinganddeliverypolicies-table-wrapper th:nth-child(2),
.shippinganddeliverypolicies-table-wrapper td:nth-child(2) {
width: 15%;
}
.shippinganddeliverypolicies-table-wrapper th:nth-child(3),
.shippinganddeliverypolicies-table-wrapper td:nth-child(3) {
width: 30%;
}
.shippinganddeliverypolicies-table-wrapper th:nth-child(4),
.shippinganddeliverypolicies-table-wrapper td:nth-child(4) {
width: 30%;
}
/* TABLA: ENCABEZADOS */
.shippinganddeliverypolicies-table-wrapper-head {
width: 100%;  
margin: 0px;
}
.shippinganddeliverypolicies-table-wrapper-head-row {
vertical-align: middle;
}
.shippinganddeliverypolicies-table-wrapper-head-row-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #FF6B00 !important;
text-decoration: none;
text-align: center;
text-transform: uppercase;
margin: 0px;    
padding: 0px; 
}
/* TABLA: DIVISOR */
.shippinganddeliverypolicies-table-wrapper-divider td {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 10px 0; 
}
/* TABLA: CUERPO */
.shippinganddeliverypolicies-table-wrapper-body {
width: 100%;
margin: 0px;
}
.shippinganddeliverypolicies-table-wrapper-body-row {
vertical-align: middle;
}
/* TABLA: CUERPO - CAJAS */
.shippinganddeliverypolicies-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-radius: 6px;
margin: 0px;
padding: 10px;
border: none;  
}
.shippinganddeliverypolicies-table-wrapper-body-row:first-child .shippinganddeliverypolicies-table-wrapper-body-row-cell:nth-child(2) .shippinganddeliverypolicies-table-wrapper-body-row-cell-box {
background: #FF66CC !important;
}
.shippinganddeliverypolicies-table-wrapper-body-row:nth-child(2) .shippinganddeliverypolicies-table-wrapper-body-row-cell:nth-child(2) .shippinganddeliverypolicies-table-wrapper-body-row-cell-box {
background: #FF66CC !important;
}
.shippinganddeliverypolicies-table-wrapper-body-row:last-child .shippinganddeliverypolicies-table-wrapper-body-row-cell:nth-child(2) .shippinganddeliverypolicies-table-wrapper-body-row-cell-box {
background: #FF66CC !important;
}
.shippinganddeliverypolicies-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;  
}
/* CONTENEDOR: INFORMACIÓN */
.shippinganddeliverypolicies-information {
width: 100%;
box-sizing: border-box;     
background: #3A0052 !important;
border-radius: 15px;
border: 3px solid #FF6B00 !important;
margin: 0px; 
padding: 15px;
}
.shippinganddeliverypolicies-information-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;   
text-align: justify;
line-height: 1.5;
margin: 0 0 10px 0;
}
.shippinganddeliverypolicies-information-text,
.shippinganddeliverypolicies-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;
}
.shippinganddeliverypolicies-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.shippinganddeliverypolicies-container { display: block; }
.shippinganddeliverypolicies-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: SHIPPING AND DELIVERY POLICIES
====================================== */
@media (max-width: 768px) {
.shippinganddeliverypolicies-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.shippinganddeliverypolicies-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 140px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.shippinganddeliverypolicies-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;    
text-align: center;
margin: 0 0 10px 0; 
}
.shippinganddeliverypolicies-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: CONTENIDO */
.shippinganddeliverypolicies-content-mobile {
width: 100%;
box-sizing: border-box;   
display: block;
margin: 0px;
}
/* CONTENEDOR: CAJAS */
.shippinganddeliverypolicies-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;
}
.shippinganddeliverypolicies-content-mobile > div:nth-child(2),
.shippinganddeliverypolicies-content-mobile > div:nth-child(7),
.shippinganddeliverypolicies-content-mobile > div:nth-child(12) {
background: #FF66CC !important;
}
.shippinganddeliverypolicies-content-mobile > div:nth-child(4),
.shippinganddeliverypolicies-content-mobile > div:nth-child(9),
.shippinganddeliverypolicies-content-mobile > div:nth-child(14) {
height: 60px !important;
}
.shippinganddeliverypolicies-content-box-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: black !important;
text-decoration: none;
text-align: center;  
}
/* DIVISOR */
.shippinganddeliverypolicies-content-divider-mobile {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
}
/* CONTENEDOR: INFORMACIÓN */
.shippinganddeliverypolicies-information-mobile {
width: 100%;
box-sizing: border-box; 
background: #3A0052 !important;
border-radius: 15px;
border: 3px solid #FF6B00 !important;
margin: 0px; 
padding: 10px;
}
.shippinganddeliverypolicies-information-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;   
text-align: justify;
line-height: 1.5;
margin: 0 0 10px 0;
}
.shippinganddeliverypolicies-information-text-mobile,
.shippinganddeliverypolicies-information-text-end-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-align: left; 
line-height: 1.5;
margin: 0 0 10px 0;
}
.shippinganddeliverypolicies-information-text-end-mobile {
margin-bottom: 0px;
}  
/* CONTROL */
.shippinganddeliverypolicies-container { display: none; }
.shippinganddeliverypolicies-container-mobile { display: block; }
}

/* ======================================
   CONTACT & SUPPORT PC 
====================================== */
.contactsupport-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;   
padding: 30px;
}
.contactsupport-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.contactsupport-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;   
text-align: left;
line-height: 1.6;
margin: 0 0 16px 0;
}
.contactsupport-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.contactsupport-information {
width: 100%;
box-sizing: border-box;     
background: #3A0052 !important;
border-radius: 15px;
border: 3px solid #FF6B00 !important;
margin: 0px; 
padding: 15px;
}
.contactsupport-information-text {
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;
}
/* CONTROL */
.contactsupport-container { display: block; }
.contactsupport-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: CONTACT & SUPPORT
====================================== */
@media (max-width: 768px) {
.contactsupport-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.contactsupport-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.contactsupport-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;    
text-align: center;
margin: 0 0 10px 0; 
}
.contactsupport-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.contactsupport-information-mobile {
width: 100%;
box-sizing: border-box; 
background: #3A0052 !important;
border-radius: 15px;
border: 3px solid #FF6B00 !important;
margin: 0px; 
padding: 10px;
}
.contactsupport-information-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-align: left; 
line-height: 1.5;
margin: 0px;
}
/* CONTROL */
.contactsupport-container { display: none; }
.contactsupport-container-mobile { display: block; }
}

/* ======================================
   DIGITAL FILM PC
====================================== */
.digitalfilm-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.digitalfilm-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.digitalfilm-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.digitalfilm-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.digitalfilm-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.digitalfilm-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 250px;
gap: 20px;
margin: 0 0 30px 0;
}
/* CONTENEDOR: GRID DE 2 - TARJETAS */
.digitalfilm-columns-grid-card {
position: relative;
height: 100%;
overflow: hidden;  
display: block; 
border: 3px solid #00FFFF !important;
text-decoration: none;
}
.digitalfilm-columns-grid-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.digitalfilm-columns-grid-card img:hover { 
transform: scale(1.1);
}
/* CONTENEDOR: GRID DE 2 - TARJETAS - ETIQUETAS */
.digitalfilm-columns-grid-card-label {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
height: 60px;
display: flex;
justify-content: center;   
align-items: center;
background: #ff1493 !important;
transform: translateY(-50%);
}
.digitalfilm-columns-grid-card-label-text {
font-family: 'Orbitron', sans-serif;
font-size: 1.5rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;   
text-align: center;
}
/* CONTENEDOR: BOTONES FINALES */
.digitalfilm-button {
width: 100%;
box-sizing: border-box;   
display: flex;
justify-content: space-between;
margin: 0px;
}
.digitalfilm-button-back,
.digitalfilm-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;   
text-align: center;   
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.digitalfilm-button-back:hover,
.digitalfilm-button-continueshopping:hover {
transform: scale(1.05);
}
/* CONTENEDOR: TARJETAS CERRADAS/OPACAS */
.digitalfilm-columns-grid-card.closed {
opacity: 0.5;
text-decoration: none;
cursor: not-allowed;
pointer-events: none;    
}
/* CONTROL */
.digitalfilm-container { display: block; }
.digitalfilm-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: DIGITAL FILM
====================================== */
@media (max-width: 768px) {
.digitalfilm-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.digitalfilm-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.digitalfilm-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;     
text-align: center;
margin: 0 0 10px 0; 
}
.digitalfilm-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: TARJETAS */
.digitalfilm-cards-mobile {
position: relative;
z-index: 2;
margin: 0px; 
}
/* CONTENEDOR: TARJETAS - TARJETA */
.digitalfilm-cards-card-mobile{
position: relative;
width: 100%;
height: 200px;
box-sizing: border-box;   
overflow: hidden;
display: block; 
border: 3px solid #00FFFF !important;
text-decoration: none;  
margin: 0 0 20px 0;
}
.digitalfilm-cards-card-mobile img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.digitalfilm-card-mobile img:hover { 
transform: scale(1.1);
}
/* CONTENEDOR: TARJETAS - TARJETA - ETIQUETA */
.digitalfilm-cards-card-label-mobile {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;   
background: #ff1493 !important;
transform: translateY(-50%);
}
.digitalfilm-cards-card-label-text-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;      
text-align: center;
}   
/* CONTENEDOR: BOTONES FINALES */
.digitalfilm-button-mobile {
width: 100%;
box-sizing: border-box;     
display: block;
text-align: center;
margin: 0px;
}
.digitalfilm-button-back-mobile,
.digitalfilm-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px; 
font-family: 'Orbitron', sans-serif;
font-size: 1rem; 
color: black !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; 
}
.digitalfilm-button-continueshopping-mobile {
margin-bottom:0px;
}
.digitalfilm-button-back-mobile:hover,
.digitalfilm-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
.digitalfilm-cards-card-mobile.closed {
opacity: 0.5;
text-decoration: none;
cursor: not-allowed;
pointer-events: none;    
}   
/* CONTROL */
.digitalfilm-container { display: none; }
.digitalfilm-container-mobile { display: block; }
}

/* ======================================
   DIGITAL MUSIC PC
====================================== */
.digitalmusic-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.digitalmusic-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.digitalmusic-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.digitalmusic-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.digitalmusic-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 2 */
.digitalmusic-columns-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 250px;
gap: 20px;
margin: 0 0 30px 0;
}
/* CONTENEDOR: GRID DE 2 - TARJETAS */
.digitalmusic-columns-grid-card {
position: relative;
height: 100%;
overflow: hidden;  
display: block; 
border: 3px solid #00FFFF !important;
text-decoration: none;
}
.digitalmusic-columns-grid-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.digitalmusic-columns-grid-card img:hover { 
transform: scale(1.1);
}
/* CONTENEDOR: GRID DE 2 - TARJETAS - ETIQUETAS */
.digitalmusic-columns-grid-card-label {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
height: 60px;
display: flex;
justify-content: center;   
align-items: center;
background: #ff1493 !important;
transform: translateY(-50%);
}
.digitalmusic-columns-grid-card-label-text {
font-family: 'Orbitron', sans-serif;
font-size: 1.5rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;   
text-align: center;
}
/* CONTENEDOR: BOTONES FINALES */
.digitalmusic-button {
width: 100%;
box-sizing: border-box;   
display: flex;
justify-content: space-between;
margin: 0px;
}
.digitalmusic-button-back,
.digitalmusic-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;   
text-align: center;   
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.digitalmusic-button-back:hover,
.digitalmusic-button-continueshopping:hover {
transform: scale(1.05);
}
/* CONTROL */
.digitalmusic-container { display: block; }
.digitalmusic-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: DIGITAL MUSIC
====================================== */
@media (max-width: 768px) {
.digitalmusic-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.digitalmusic-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.digitalmusic-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;     
text-align: center;
margin: 0 0 10px 0; 
}
.digitalmusic-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: TARJETAS */
.digitalmusic-cards-mobile {
position: relative;
z-index: 2;
margin: 0px; 
}
/* CONTENEDOR: TARJETAS - TARJETA */
.digitalmusic-cards-card-mobile{
position: relative;
width: 100%;
height: 200px;
box-sizing: border-box;   
overflow: hidden;
display: block; 
border: 3px solid #00FFFF !important;
text-decoration: none;  
margin: 0 0 20px 0;
}
.digitalmusic-cards-card-mobile img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.digitalmusic-card-mobile img:hover { 
transform: scale(1.1);
}
/* CONTENEDOR: TARJETAS - TARJETA - ETIQUETA */
.digitalmusic-cards-card-label-mobile {
position: absolute;
z-index: 2;
top: 50%;
left: 0;
width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;   
background: #ff1493 !important;
transform: translateY(-50%);
}
.digitalmusic-cards-card-label-text-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: white !important;
text-decoration: none;
text-transform: uppercase;      
text-align: center;
}   
/* CONTENEDOR: BOTONES FINALES */
.digitalmusic-button-mobile {
width: 100%;
box-sizing: border-box;     
display: block;
text-align: center;
margin: 0px;
}
.digitalmusic-button-back-mobile,
.digitalmusic-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px; 
font-family: 'Orbitron', sans-serif;
font-size: 1rem; 
color: black !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; 
}
.digitalmusic-button-continueshopping-mobile {
margin-bottom:0px;
}
.digitalmusic-button-back-mobile:hover,
.digitalmusic-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
/* CONTROL */
.digitalmusic-container { display: none; }
.digitalmusic-container-mobile { display: block; }
}

/* ======================================
   DIGITAL FEATURE FILM
====================================== */
.digitalfeaturefilm-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.digitalfeaturefilm-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.digitalfeaturefilm-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;   
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.digitalfeaturefilm-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.digitalfeaturefilm-information {
width: 100%;
box-sizing: border-box;        
margin: 0 0 20px 0;
}
.digitalfeaturefilm-information-text {
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;
}
/* CONTENEDOR: COLUMNAS */
.digitalfeaturefilm-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.digitalfeaturefilm-columns-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 0 0 20px 0;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS */
.digitalfeaturefilm-columns-grid-product {
width: 100%;
display: block;
justify-content: center; 
margin: 0px;
}
/* CONTENEDOR:  GRID DE 3 - PRODUCTOS - IMAGEN */
.digitalfeaturefilm-columns-grid-product-image {
width: 100%;
margin: 0 0 10px 0;
}
.digitalfeaturefilm-columns-grid-product-image img {
width: 100%;
display: block;
height: auto;
border-radius: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS - NOMBRE Y VALOR */
.digitalfeaturefilm-columns-grid-product-name,
.digitalfeaturefilm-columns-grid-product-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;   
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.digitalfeaturefilm-columns-grid-product-value {
font-size: 1.5rem;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS - BOTÓN VIEW */
.digitalfeaturefilm-columns-grid-product-button {
width: 100%;
display: block;
text-align: center;
margin: 0px;
}
.digitalfeaturefilm-columns-grid-product-button-view {
display: inline-block;
background: #ff1493 !important;
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;
border: none;  
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.digitalfeaturefilm-columns-grid-product-button-view:hover {
transform: scale(1.05);
}
/* CONTENEDOR: BOTONES FINALES */
.digitalfeaturefilm-button {
width: 100%;
box-sizing: border-box;        
display: flex;
justify-content: space-between;
margin: 0px;
}
.digitalfeaturefilm-button-back,
.digitalfeaturefilm-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;   
text-align: center;   
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.digitalfeaturefilm-button-back:hover,
.digitalfeaturefilm-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.digitalfeaturefilm-container { display: block; }
.digitalfeaturefilm-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: DIGITAL FEATURE FILM
====================================== */
@media (max-width: 768px) {
.digitalfeaturefilm-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.digitalfeaturefilm-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 60px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.digitalfeaturefilm-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-align: center;
margin: 0 0 10px 0; 
}
.digitalfeaturefilm-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.digitalfeaturefilm-information-mobile {
width: 100%;
box-sizing: border-box;     
margin: 0 0 10px 0;
}
.digitalfeaturefilm-information-text-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;
}
/* DIVISOR */
.digitalfeaturefilm-divider-mobile {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: PRODUCTO */ 
.digitalfeaturefilm-product-mobile  {
width: 100%;
box-sizing: border-box; 
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: PRODUCTO - IMAGEN */ 
.digitalfeaturefilm-product-image-mobile {
width: 100%;
box-sizing: border-box; 
margin: 0 0 10px 0;
}
.digitalfeaturefilm-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRODUCTO - NOMBRE Y VALOR */ 
.digitalfeaturefilm-product-name-mobile,
.digitalfeaturefilm-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none; 
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.digitalfeaturefilm-product-value-mobile {
font-size: 1.2rem;
}
/* CONTENEDOR: BOTÓN VIEW */ 
.digitalfeaturefilm-product-button-mobile {
width: 100%;
box-sizing: border-box;    
display: block;
text-align: center; 
margin: 0px;
}
.digitalfeaturefilm-product-button-view-mobile {
display: inline-block;
background: #ff1493 !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;  
}
.digitalfeaturefilm-content-product-button-view-mobile:hover {
transform: scale(1.05);
} 
/* CONTENEDOR: BOTONES FINALES */
.digitalfeaturefilm-button-mobile {
width: 100%;
box-sizing: border-box; 
display: block;
text-align: center; 
margin: 0px;
}
.digitalfeaturefilm-button-back-mobile,
.digitalfeaturefilm-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px; 
font-family: 'Orbitron', sans-serif;
font-size: 1rem; 
color: black !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;  
}
.digitalfeaturefilm-button-continueshopping-mobile {
margin: 0px; 
} 
.digitalfeaturefilm-button-back-mobile:hover,
.digitalfeaturefilm-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.digitalfeaturefilm-container { display: none; }
.digitalfeaturefilm-container-mobile { display: block; }
}

/* ======================================
   ALONE SPONSORSHIP
====================================== */
.alonesponsorship-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.alonesponsorship-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.alonesponsorship-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;   
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.alonesponsorship-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.alonesponsorship-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.alonesponsorship-columns-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 0 0 20px 0;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS */
.alonesponsorship-columns-grid-product {
width: 100%;
display: block;
justify-content: center; 
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS - IMAGEN */
.alonesponsorship-columns-grid-product-image {
width: 100%;
margin: 0 0 10px 0;
}
.alonesponsorship-columns-grid-product-image img {
width: 100%;
display: block;
height: auto;
border-radius: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS - NOMBRE Y VALOR */
.alonesponsorship-columns-grid-product-name,
.alonesponsorship-columns-grid-product-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;   
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.alonesponsorship-columns-grid-product-value {
font-size: 1.5rem;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS -BOTÓN VIEW */
.alonesponsorship-columns-grid-product-button {
width: 100%;
display: block;
text-align: center;
margin: 0px;
}
.alonesponsorship-columns-grid-product-button-view {
display: inline-block;
background: #ff1493 !important;
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;
border: none;  
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.alonesponsorship-columns-grid-product-button-view:hover {
transform: scale(1.05);
}
/* CONTENEDOR: BOTONES FINALES */
.alonesponsorship-button {
width: 100%;
box-sizing: border-box;    
display: flex;
justify-content: space-between;
margin: 0px;
}
.alonesponsorship-button-back,
.alonesponsorship-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;   
text-align: center;   
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.alonesponsorship-button-back:hover,
.alonesponsorship-button-continueshopping:hover {
transform: scale(1.05);
}
/* CONTROL */
.alonesponsorship-container { display: block; }
.alonesponsorship-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: ALONE SPONSORSHIP
====================================== */
@media (max-width: 768px) {
.alonesponsorship-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.alonesponsorship-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.alonesponsorship-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;      
text-align: center;
margin: 0 0 10px 0; 
}
.alonesponsorship-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* DIVISOR */
.alonesponsorship-divider-mobile {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: PRODUCTO */ 
.alonesponsorship-product-mobile  {
width: 100%;
box-sizing: border-box;   
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: PRODUCTO - IMAGEN */ 
.alonesponsorship-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.alonesponsorship-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRODUCTO - NOMBRE Y VALOR */ 
.alonesponsorship-product-name-mobile,
.alonesponsorship-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none; 
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.alonesponsorship-product-value-mobile {
font-size: 1.2rem;
}
/* CONTENEDOR: PRODUCTO - BOTÓN VIEW */ 
.alonesponsorship-product-button-mobile {
width: 100%;
box-sizing: border-box;     
display: block;
text-align: center; 
margin: 0px;
}
.alonesponsorship-product-button-view-mobile {
display: inline-block;
background: #ff1493 !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;  
}
.alonesponsorship-product-button-view-mobile:hover {
transform: scale(1.05);
} 
/* CONTENEDOR: BOTONES FINALES */
.alonesponsorship-button-mobile {
width: 100%;
box-sizing: border-box; 
display: block;
text-align: center; 
margin: 0px;
}
.alonesponsorship-button-back-mobile,
.alonesponsorship-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px; 
font-family: 'Orbitron', sans-serif;
font-size: 1rem; 
color: black !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;  
}
.alonesponsorship-button-continueshopping-mobile {
margin: 0px; 
} 
.alonesponsorship-button-back-mobile:hover,
.alonesponsorship-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.alonesponsorship-container { display: none; }
.alonesponsorship-container-mobile { display: block; }
}

/* ======================================
   ALONE EXECUTIVE PRODUCERS
====================================== */
.aloneexecutiveproducers-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.aloneexecutiveproducers-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.aloneexecutiveproducers-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;   
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.aloneexecutiveproducers-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.aloneexecutiveproducers-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.aloneexecutiveproducers-columns-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin: 0 0 20px 0;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS */
.aloneexecutiveproducers-columns-grid-product {
width: 100%;
display: block;
justify-content: center; 
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS - IMAGEN */
.aloneexecutiveproducers-columns-grid-product-image {
width: 100%;
margin: 0 0 10px 0;
}
.aloneexecutiveproducers-columns-grid-product-image img {
width: 100%;
display: block;
height: auto;
border-radius: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS - NOMBRE Y VALOR */
.aloneexecutiveproducers-columns-grid-product-name,
.aloneexecutiveproducers-columns-grid-product-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FF00 !important;
text-decoration: none;   
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.aloneexecutiveproducers-columns-grid-product-value {
font-size: 1.5rem;
}
/* CONTENEDOR: GRID DE 3 - PRODUCTOS -BOTÓN VIEW */
.aloneexecutiveproducers-columns-grid-product-button {
width: 100%;
display: block;
text-align: center;
margin: 0px;
}
.aloneexecutiveproducers-columns-grid-product-button-view {
display: inline-block;
background: #ff1493 !important;
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;
border: none;  
cursor: pointer;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.aloneexecutiveproducers-columns-grid-product-button-view:hover {
transform: scale(1.05);
}
/* CONTENEDOR: BOTONES FINALES */
.aloneexecutiveproducers-button {
width: 100%;
box-sizing: border-box;    
display: flex;
justify-content: space-between;
margin: 0px;
}
.aloneexecutiveproducers-button-back,
.aloneexecutiveproducers-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;   
text-align: center;   
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.aloneexecutiveproducers-button-back:hover,
.aloneexecutiveproducers-button-continueshopping:hover {
transform: scale(1.05);
}
/* CONTROL */
.aloneexecutiveproducers-container { display: block; }
.aloneexecutiveproducers-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: ALONE EXECUTIVE PRODUCERS
====================================== */
@media (max-width: 768px) {
.aloneexecutiveproducers-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.aloneexecutiveproducers-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 140px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.aloneexecutiveproducers-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;      
text-align: center;
margin: 0 0 10px 0; 
}
.aloneexecutiveproducers-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* DIVISOR */
.aloneexecutiveproducers-divider-mobile {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: PRODUCTO */ 
.aloneexecutiveproducers-product-mobile  {
width: 100%;
box-sizing: border-box;   
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: PRODUCTO - IMAGEN */ 
.aloneexecutiveproducers-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.aloneexecutiveproducers-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRODUCTO - NOMBRE Y VALOR */ 
.aloneexecutiveproducers-product-name-mobile,
.aloneexecutiveproducers-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none; 
text-transform: uppercase;
text-align: center;   
line-height: 1.5;
margin: 0 0 10px 0;
}
.aloneexecutiveproducers-product-value-mobile {
font-size: 1.2rem;
}
/* CONTENEDOR: PRODUCTO - BOTÓN VIEW */ 
.aloneexecutiveproducers-product-button-mobile {
width: 100%;
box-sizing: border-box;     
display: block;
text-align: center; 
margin: 0px;
}
.aloneexecutiveproducers-product-button-view-mobile {
display: inline-block;
background: #ff1493 !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;  
}
.aloneexecutiveproducers-product-button-view-mobile:hover {
transform: scale(1.05);
} 
/* CONTENEDOR: BOTONES FINALES */
.aloneexecutiveproducers-button-mobile {
width: 100%;
box-sizing: border-box; 
display: block;
text-align: center; 
margin: 0px;
}
.aloneexecutiveproducers-button-back-mobile,
.aloneexecutiveproducers-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px; 
font-family: 'Orbitron', sans-serif;
font-size: 1rem; 
color: black !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;  
}
.aloneexecutiveproducers-button-continueshopping-mobile {
margin: 0px; 
} 
.aloneexecutiveproducers-button-back-mobile:hover,
.aloneexecutiveproducers-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.aloneexecutiveproducers-container { display: none; }
.aloneexecutiveproducers-container-mobile { display: block; }
}















/* ======================================
   COMET SPONSOR
====================================== */
.cometsponsor-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.cometsponsor-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.cometsponsor-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.cometsponsor-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.cometsponsor-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.cometsponsor-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.cometsponsor-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.cometsponsor-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.cometsponsor-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.cometsponsor-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.cometsponsor-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.cometsponsor-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.cometsponsor-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.cometsponsor-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.cometsponsor-columns-grid-action-button-pay,
.cometsponsor-columns-grid-action-button-dossier,
.cometsponsor-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.cometsponsor-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.cometsponsor-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.cometsponsor-columns-grid-action-button-pay:hover,
.cometsponsor-columns-grid-action-button-dossier:hover,
.cometsponsor-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.cometsponsor-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.cometsponsor-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.cometsponsor-information-subtitle-1,
.cometsponsor-information-subtitle,
.cometsponsor-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.cometsponsor-information-subtitle-1 {
margin-bottom: 30px;
}
.cometsponsor-information-text,
.cometsponsor-information-text-2,
.cometsponsor-information-text-3,
.cometsponsor-information-text-4 {
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 30px 0;
}
.cometsponsor-information-subtitle-2 {
color: #00FFFF !important;
}
.cometsponsor-information-text-2 {
color: #00FFFF !important;
}
.cometsponsor-information-text-3,
.cometsponsor-information-text-4 {
text-align: center;
}
.cometsponsor-information-text-3 {
margin-bottom: 0px;   
}  
.cometsponsor-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.cometsponsor-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.cometsponsor-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.cometsponsor-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.cometsponsor-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.cometsponsor-button-back,
.cometsponsor-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.cometsponsor-button-back:hover,
.cometsponsor-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.cometsponsor-container { display: block; }
.cometsponsor-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: COMET SPONSOR
====================================== */
@media (max-width: 768px) {
.cometsponsor-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.cometsponsor-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.cometsponsor-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.cometsponsor-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.cometsponsor-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.cometsponsor-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.cometsponsor-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.cometsponsor-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.cometsponsor-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.cometsponsor-product-button-pay-mobile,
.cometsponsor-product-button-dossier-mobile,
.cometsponsor-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.cometsponsor-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.cometsponsor-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.cometsponsor-product-button-pay-mobile:hover,
.cometsponsor-product-button-button-dossier-mobile:hover,
.cometsponsor-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.cometsponsor-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.cometsponsor-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.cometsponsor-comingsoon-subtitle-mobile,
.cometsponsor-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.cometsponsor-comingsoon-subtitle-mobile {
text-align: center;
}
.cometsponsor-comingsoon-text-mobile,
.cometsponsor-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.cometsponsor-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.cometsponsor-information-subtitle-1-mobile,   
.cometsponsor-information-subtitle-mobile,
.cometsponsor-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.cometsponsor-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.cometsponsor-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.cometsponsor-information-text-mobile,
.cometsponsor-information-text-2-mobile,
.cometsponsor-information-text-3-mobile,
.cometsponsor-information-text-4-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 20px 0;
}
.cometsponsor-information-text-2-mobile {
color: #00FFFF !important;
}    
.cometsponsor-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.cometsponsor-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.cometsponsor-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.cometsponsor-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.cometsponsor-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.cometsponsor-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.cometsponsor-button-back-mobile,
.cometsponsor-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.cometsponsor-button-back-mobile:hover,
.cometsponsor-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.cometsponsor-container { display: none; }
.cometsponsor-container-mobile { display: block; }
}

/* ======================================
   PLANET SPONSOR
====================================== */
.planetsponsor-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.planetsponsor-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.planetsponsor-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.planetsponsor-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.planetsponsor-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.planetsponsor-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.planetsponsor-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.planetsponsor-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.planetsponsor-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.planetsponsor-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.planetsponsor-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.planetsponsor-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.planetsponsor-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.planetsponsor-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.planetsponsor-columns-grid-action-button-pay,
.planetsponsor-columns-grid-action-button-dossier,
.planetsponsor-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.planetsponsor-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.planetsponsor-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.planetsponsor-columns-grid-action-button-pay:hover,
.planetsponsor-columns-grid-action-button-dossier:hover,
.planetsponsor-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.planetsponsor-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.planetsponsor-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.planetsponsor-information-subtitle-1,
.planetsponsor-information-subtitle,
.planetsponsor-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.planetsponsor-information-subtitle-1 {
margin-bottom: 30px;
}
.planetsponsor-information-text,
.planetsponsor-information-text-2,
.planetsponsor-information-text-3,
.planetsponsor-information-text-4 {
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 30px 0;
}
.planetsponsor-information-subtitle-2 {
color: #00FFFF !important;
}
.planetsponsor-information-text-2 {
color: #00FFFF !important;
}
.planetsponsor-information-text-3,
.planetsponsor-information-text-4 {
text-align: center;
}
.planetsponsor-information-text-3 {
margin-bottom: 0px;   
}  
.planetsponsor-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.planetsponsor-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.planetsponsor-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.planetsponsor-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.planetsponsor-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.planetsponsor-button-back,
.planetsponsor-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.planetsponsor-button-back:hover,
.planetsponsor-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.planetsponsor-container { display: block; }
.planetsponsor-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: PLANET SPONSOR
====================================== */
@media (max-width: 768px) {
.planetsponsor-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.planetsponsor-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.planetsponsor-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.planetsponsor-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.planetsponsor-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.planetsponsor-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.planetsponsor-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.planetsponsor-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.planetsponsor-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.planetsponsor-product-button-pay-mobile,
.planetsponsor-product-button-dossier-mobile,
.planetsponsor-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.planetsponsor-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.planetsponsor-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.planetsponsor-product-button-pay-mobile:hover,
.planetsponsor-product-button-button-dossier-mobile:hover,
.planetsponsor-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.planetsponsor-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.planetsponsor-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.planetsponsor-comingsoon-subtitle-mobile,
.planetsponsor-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.planetsponsor-comingsoon-subtitle-mobile {
text-align: center;
}
.planetsponsor-comingsoon-text-mobile,
.planetsponsor-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.planetsponsor-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.planetsponsor-information-subtitle-1-mobile,   
.planetsponsor-information-subtitle-mobile,
.planetsponsor-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.planetsponsor-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.planetsponsor-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.cometsponsor-information-text-mobile,
.planetsponsor-information-text-mobile,
.planetsponsor-information-text-2-mobile,
.planetsponsor-information-text-3-mobile,
.planetsponsor-information-text-4-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 20px 0;
}
.planetsponsor-information-text-2-mobile {
color: #00FFFF !important;
}    
.planetsponsor-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.planetsponsor-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.planetsponsor-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.planetsponsor-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.planetsponsor-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.planetsponsor-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.planetsponsor-button-back-mobile,
.planetsponsor-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.planetsponsor-button-back-mobile:hover,
.planetsponsor-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.planetsponsor-container { display: none; }
.planetsponsor-container-mobile { display: block; }
}

/* ======================================
   STAR SPONSOR
====================================== */
.starsponsor-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.starsponsor-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.starsponsor-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.starsponsor-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.starsponsor-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.starsponsor-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.starsponsor-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.starsponsor-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.starsponsor-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.starsponsor-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.starsponsor-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.starsponsor-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.starsponsor-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.starsponsor-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.starsponsor-columns-grid-action-button-pay,
.starsponsor-columns-grid-action-button-dossier,
.starsponsor-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.starsponsor-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.starsponsor-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.starsponsor-columns-grid-action-button-pay:hover,
.starsponsor-columns-grid-action-button-dossier:hover,
.starsponsor-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.starsponsor-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.starsponsor-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.starsponsor-information-subtitle-1,
.starsponsor-information-subtitle,
.starsponsor-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.starsponsor-information-subtitle-1 {
margin-bottom: 30px;
}
.starsponsor-information-text,
.starsponsor-information-text-2,
.starsponsor-information-text-3,
.starsponsor-information-text-4 {
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 30px 0;
}
.starsponsor-information-subtitle-2 {
color: #00FFFF !important;
}
.starsponsor-information-text-2 {
color: #00FFFF !important;
}
.starsponsor-information-text-3,
.starsponsor-information-text-4 {
text-align: center;
}
.starsponsor-information-text-3 {
margin-bottom: 0px;   
}  
.starsponsor-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.starsponsor-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.starsponsor-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.starsponsor-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.starsponsor-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.starsponsor-button-back,
.starsponsor-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.starsponsor-button-back:hover,
.starsponsor-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.starsponsor-container { display: block; }
.starsponsor-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: STAR SPONSOR
====================================== */
@media (max-width: 768px) {
.starsponsor-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.starsponsor-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.starsponsor-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.starsponsor-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.starsponsor-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.starsponsor-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.starsponsor-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.starsponsor-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.starsponsor-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.starsponsor-product-button-pay-mobile,
.starsponsor-product-button-dossier-mobile,
.starsponsor-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.starsponsor-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.starsponsor-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.starsponsor-product-button-pay-mobile:hover,
.starsponsor-product-button-button-dossier-mobile:hover,
.starsponsor-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.starsponsor-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.starsponsor-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.starsponsor-comingsoon-subtitle-mobile,
.starsponsor-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.starsponsor-comingsoon-subtitle-mobile {
text-align: center;
}
.starsponsor-comingsoon-text-mobile,
.starsponsor-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.starsponsor-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.starsponsor-information-subtitle-1-mobile,   
.starsponsor-information-subtitle-mobile,
.starsponsor-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.starsponsor-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.starsponsor-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.starsponsor-information-text-mobile,
.starsponsor-information-text-2-mobile,
.starsponsor-information-text-3-mobile,
.starsponsor-information-text-4-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 20px 0;
}
.starsponsor-information-text-2-mobile {
color: #00FFFF !important;
}    
.starsponsor-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.starsponsor-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.starsponsor-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.starsponsor-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.starsponsor-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.starsponsor-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.starsponsor-button-back-mobile,
.starsponsor-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.starsponsor-button-back-mobile:hover,
.starsponsor-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.starsponsor-container { display: none; }
.starsponsor-container-mobile { display: block; }
}

/* ======================================
   COMET SPONSOR BRAND
====================================== */
.cometsponsorbrand-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.cometsponsorbrand-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.cometsponsorbrand-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.cometsponsorbrand-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.cometsponsorbrand-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.cometsponsorbrand-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.cometsponsorbrand-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.cometsponsorbrand-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.cometsponsorbrand-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.cometsponsorbrand-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.cometsponsorbrand-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.cometsponsorbrand-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.cometsponsorbrand-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.cometsponsorbrand-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.cometsponsorbrand-columns-grid-action-button-pay,
.cometsponsorbrand-columns-grid-action-button-dossier,
.cometsponsorbrand-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.cometsponsorbrand-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.cometsponsorbrand-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.cometsponsorbrand-columns-grid-action-button-pay:hover,
.cometsponsorbrand-columns-grid-action-button-dossier:hover,
.cometsponsorbrand-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.cometsponsorbrand-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.cometsponsorbrand-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.cometsponsorbrand-information-subtitle-1,
.cometsponsorbrand-information-subtitle,
.cometsponsorbrand-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.cometsponsorbrand-information-subtitle-1 {
margin-bottom: 30px;
}
.cometsponsorbrand-information-text,
.cometsponsorbrand-information-text-2,
.cometsponsorbrand-information-text-3,
.cometsponsorbrand-information-text-4 {
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 30px 0;
}
.cometsponsorbrand-information-subtitle-2 {
color: #00FFFF !important;
}
.cometsponsorbrand-information-text-2 {
color: #00FFFF !important;
}
.cometsponsorbrand-information-text-3,
.cometsponsorbrand-information-text-4 {
text-align: center;
}
.cometsponsorbrand-information-text-3 {
margin-bottom: 0px;   
}  
.cometsponsorbrand-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.cometsponsorbrand-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.cometsponsorbrand-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.cometsponsorbrand-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.cometsponsorbrand-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.cometsponsorbrand-button-back,
.cometsponsorbrand-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.cometsponsorbrand-button-back:hover,
.cometsponsorbrand-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.cometsponsorbrand-container { display: block; }
.cometsponsorbrand-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: COMET SPONSOR BRAND
====================================== */
@media (max-width: 768px) {
.cometsponsorbrand-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.cometsponsorbrand-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.cometsponsorbrand-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.cometsponsorbrand-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.cometsponsorbrand-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.cometsponsorbrand-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.cometsponsorbrand-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.cometsponsorbrand-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.cometsponsorbrand-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.cometsponsorbrand-product-button-pay-mobile,
.cometsponsorbrand-product-button-dossier-mobile,
.cometsponsorbrand-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.cometsponsorbrand-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.cometsponsorbrand-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.cometsponsorbrand-product-button-pay-mobile:hover,
.cometsponsorbrand-product-button-button-dossier-mobile:hover,
.cometsponsorbrand-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.cometsponsorbrand-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.cometsponsorbrand-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.cometsponsorbrand-comingsoon-subtitle-mobile,
.cometsponsorbrand-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.cometsponsorbrand-comingsoon-subtitle-mobile {
text-align: center;
}
.cometsponsorbrand-comingsoon-text-mobile,
.cometsponsorbrand-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.cometsponsorbrand-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.cometsponsorbrand-information-subtitle-1-mobile,   
.cometsponsorbrand-information-subtitle-mobile,
.cometsponsorbrand-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.cometsponsorbrand-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.cometsponsorbrand-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.cometsponsorbrand-information-text-mobile,
.cometsponsorbrand-information-text-2-mobile,
.cometsponsorbrand-information-text-3-mobile,
.cometsponsorbrand-information-text-4-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 20px 0;
}
.cometsponsorbrand-information-text-2-mobile {
color: #00FFFF !important;
}    
.cometsponsorbrand-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.cometsponsorbrand-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.cometsponsorbrand-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.cometsponsorbrand-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.cometsponsorbrand-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.cometsponsorbrand-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.cometsponsorbrand-button-back-mobile,
.cometsponsorbrand-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.cometsponsorbrand-button-back-mobile:hover,
.cometsponsorbrand-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.cometsponsorbrand-container { display: none; }
.cometsponsorbrand-container-mobile { display: block; }
}

/* ======================================
   PLANET SPONSOR BRAND
====================================== */
.planetsponsorbrand-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.planetsponsorbrand-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.planetsponsorbrand-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.planetsponsorbrand-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.planetsponsorbrand-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.planetsponsorbrand-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.planetsponsorbrand-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.planetsponsorbrand-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.planetsponsorbrand-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.planetsponsorbrand-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.planetsponsorbrand-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.planetsponsorbrand-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.planetsponsorbrand-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.planetsponsorbrand-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.planetsponsorbrand-columns-grid-action-button-pay,
.planetsponsorbrand-columns-grid-action-button-dossier,
.planetsponsorbrand-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.planetsponsorbrand-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.planetsponsorbrand-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.planetsponsorbrand-columns-grid-action-button-pay:hover,
.planetsponsorbrand-columns-grid-action-button-dossier:hover,
.planetsponsorbrand-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.planetsponsorbrand-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.planetsponsorbrand-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.planetsponsorbrand-information-subtitle-1,
.planetsponsorbrand-information-subtitle,
.planetsponsorbrand-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.planetsponsorbrand-information-subtitle-1 {
margin-bottom: 30px;
}
.planetsponsorbrand-information-text,
.planetsponsorbrand-information-text-2,
.planetsponsorbrand-information-text-3,
.planetsponsorbrand-information-text-4 {
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 30px 0;
}
.planetsponsorbrand-information-subtitle-2 {
color: #00FFFF !important;
}
.planetsponsorbrand-information-text-2 {
color: #00FFFF !important;
}
.planetsponsorbrand-information-text-3,
.planetsponsorbrand-information-text-4 {
text-align: center;
}
.planetsponsorbrand-information-text-3 {
margin-bottom: 0px;   
}  
.planetsponsorbrand-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.planetsponsorbrand-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.planetsponsorbrand-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.planetsponsorbrand-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.planetsponsorbrand-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.planetsponsorbrand-button-back,
.planetsponsorbrand-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.planetsponsorbrand-button-back:hover,
.planetsponsorbrand-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.planetsponsorbrand-container { display: block; }
.planetsponsorbrand-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: PLANET SPONSOR BRAND
====================================== */
@media (max-width: 768px) {
.planetsponsorbrand-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.planetsponsorbrand-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.planetsponsorbrand-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.planetsponsorbrand-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.planetsponsorbrand-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.planetsponsorbrand-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.planetsponsorbrand-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.planetsponsorbrand-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.planetsponsorbrand-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.planetsponsorbrand-product-button-pay-mobile,
.planetsponsorbrand-product-button-dossier-mobile,
.planetsponsorbrand-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.planetsponsorbrand-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.planetsponsorbrand-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.planetsponsorbrand-product-button-pay-mobile:hover,
.planetsponsorbrand-product-button-button-dossier-mobile:hover,
.planetsponsorbrand-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.planetsponsorbrand-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.planetsponsorbrand-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.planetsponsorbrand-comingsoon-subtitle-mobile,
.planetsponsorbrand-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.planetsponsorbrand-comingsoon-subtitle-mobile {
text-align: center;
}
.planetsponsorbrand-comingsoon-text-mobile,
.planetsponsorbrand-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.planetsponsorbrand-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.planetsponsorbrand-information-subtitle-1-mobile,   
.planetsponsorbrand-information-subtitle-mobile,
.planetsponsorbrand-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.planetsponsorbrand-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.planetsponsorbrand-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.planetsponsorbrand-information-text-mobile,
.planetsponsorbrand-information-text-2-mobile,
.planetsponsorbrand-information-text-3-mobile,
.planetsponsorbrand-information-text-4-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 20px 0;
}
.planetsponsorbrand-information-text-2-mobile {
color: #00FFFF !important;
}    
.planetsponsorbrand-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.planetsponsorbrand-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.planetsponsorbrand-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.planetsponsorbrand-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.planetsponsorbrand-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.planetsponsorbrand-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.planetsponsorbrand-button-back-mobile,
.planetsponsorbrand-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.planetsponsorbrand-button-back-mobile:hover,
.planetsponsorbrand-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.planetsponsorbrand-container { display: none; }
.planetsponsorbrand-container-mobile { display: block; }
}

/* ======================================
   STAR SPONSOR BRAND
====================================== */
.starsponsorbrand-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.starsponsorbrand-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.starsponsorbrand-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.starsponsorbrand-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.starsponsorbrand-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.starsponsorbrand-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.starsponsorbrand-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.starsponsorbrand-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.starsponsorbrand-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.starsponsorbrand-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.starsponsorbrand-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.starsponsorbrand-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.starsponsorbrand-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.starsponsorbrand-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.starsponsorbrand-columns-grid-action-button-pay,
.starsponsorbrand-columns-grid-action-button-dossier,
.starsponsorbrand-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.starsponsorbrand-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.starsponsorbrand-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.starsponsorbrand-columns-grid-action-button-pay:hover,
.starsponsorbrand-columns-grid-action-button-dossier:hover,
.starsponsorbrand-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.starsponsorbrand-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.starsponsorbrand-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.starsponsorbrand-information-subtitle-1,
.starsponsorbrand-information-subtitle,
.starsponsorbrand-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.starsponsorbrand-information-subtitle-1 {
margin-bottom: 30px;
}
.starsponsorbrand-information-text,
.starsponsorbrand-information-text-2,
.starsponsorbrand-information-text-3,
.starsponsorbrand-information-text-4 {
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 30px 0;
}
.starsponsorbrand-information-subtitle-2 {
color: #00FFFF !important;
}
.starsponsorbrand-information-text-2 {
color: #00FFFF !important;
}
.starsponsorbrand-information-text-3,
.starsponsorbrand-information-text-4 {
text-align: center;
}
.starsponsorbrand-information-text-3 {
margin-bottom: 0px;   
}  
.starsponsorbrand-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.starsponsorbrand-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.starsponsorbrand-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.starsponsorbrand-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.starsponsorbrand-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.starsponsorbrand-button-back,
.starsponsorbrand-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.starsponsorbrand-button-back:hover,
.starsponsorbrand-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.starsponsorbrand-container { display: block; }
.starsponsorbrand-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: STAR SPONSOR BRAND
====================================== */
@media (max-width: 768px) {
.starsponsorbrand-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.starsponsorbrand-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.starsponsorbrand-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.starsponsorbrand-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.starsponsorbrand-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.starsponsorbrand-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.starsponsorbrand-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.starsponsorbrand-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.starsponsorbrand-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.starsponsorbrand-product-button-pay-mobile,
.starsponsorbrand-product-button-dossier-mobile,
.starsponsorbrand-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.starsponsorbrand-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.starsponsorbrand-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.starsponsorbrand-product-button-pay-mobile:hover,
.starsponsorbrand-product-button-button-dossier-mobile:hover,
.starsponsorbrand-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.starsponsorbrand-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.starsponsorbrand-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.starsponsorbrand-comingsoon-subtitle-mobile,
.starsponsorbrand-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.starsponsorbrand-comingsoon-subtitle-mobile {
text-align: center;
}
.starsponsorbrand-comingsoon-text-mobile,
.starsponsorbrand-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.starsponsorbrand-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.starsponsorbrand-information-subtitle-1-mobile,   
.starsponsorbrand-information-subtitle-mobile,
.starsponsorbrand-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.starsponsorbrand-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.starsponsorbrand-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.starsponsorbrand-information-text-mobile,
.starsponsorbrand-information-text-2-mobile,
.starsponsorbrand-information-text-3-mobile,
.starsponsorbrand-information-text-4-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 20px 0;
}
.starsponsorbrand-information-text-2-mobile {
color: #00FFFF !important;
}    
.starsponsorbrand-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.starsponsorbrand-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.starsponsorbrand-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.starsponsorbrand-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.starsponsorbrand-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.starsponsorbrand-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.starsponsorbrand-button-back-mobile,
.starsponsorbrand-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.starsponsorbrand-button-back-mobile:hover,
.starsponsorbrand-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.starsponsorbrand-container { display: none; }
.starsponsorbrand-container-mobile { display: block; }
}

/* ======================================
   NEBULA EXECUTIVE PRODUCER
====================================== */
.nebulaexecutiveproducer-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.nebulaexecutiveproducer-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.nebulaexecutiveproducer-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.nebulaexecutiveproducer-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.nebulaexecutiveproducer-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.nebulaexecutiveproducer-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.nebulaexecutiveproducer-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.nebulaexecutiveproducer-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.nebulaexecutiveproducer-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.nebulaexecutiveproducer-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.nebulaexecutiveproducer-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.nebulaexecutiveproducer-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.nebulaexecutiveproducer-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.nebulaexecutiveproducer-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.nebulaexecutiveproducer-columns-grid-action-button-pay,
.nebulaexecutiveproducer-columns-grid-action-button-dossier,
.nebulaexecutiveproducer-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.nebulaexecutiveproducer-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.nebulaexecutiveproducer-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.nebulaexecutiveproducer-columns-grid-action-button-pay:hover,
.nebulaexecutiveproducer-columns-grid-action-button-dossier:hover,
.nebulaexecutiveproducer-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.nebulaexecutiveproducer-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.nebulaexecutiveproducer-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.nebulaexecutiveproducer-information-subtitle-1,
.nebulaexecutiveproducer-information-subtitle,
.nebulaexecutiveproducer-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.nebulaexecutiveproducer-information-subtitle-1 {
margin-bottom: 30px;
}
.nebulaexecutiveproducer-information-text,
.nebulaexecutiveproducer-information-text-2,
.nebulaexecutiveproducer-information-text-3,
.nebulaexecutiveproducer-information-text-4 {
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 30px 0;
}
.nebulaexecutiveproducer-information-subtitle-2 {
color: #00FFFF !important;
}
.nebulaexecutiveproducer-information-text-2 {
color: #00FFFF !important;
}
.nebulaexecutiveproducer-information-text-3,
.nebulaexecutiveproducer-information-text-4 {
text-align: center;
}
.nebulaexecutiveproducer-information-text-3 {
margin-bottom: 0px;   
}  
.nebulaexecutiveproducer-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.nebulaexecutiveproducer-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.nebulaexecutiveproducer-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.nebulaexecutiveproducer-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.nebulaexecutiveproducer-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.nebulaexecutiveproducer-button-back,
.nebulaexecutiveproducer-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.nebulaexecutiveproducer-button-back:hover,
.nebulaexecutiveproducer-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.nebulaexecutiveproducer-container { display: block; }
.nebulaexecutiveproducer-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: NEBULA EXECUTIVE PRODUCER
====================================== */
@media (max-width: 768px) {
.nebulaexecutiveproducer-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.nebulaexecutiveproducer-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.nebulaexecutiveproducer-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.nebulaexecutiveproducer-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.nebulaexecutiveproducer-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.nebulaexecutiveproducer-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.nebulaexecutiveproducer-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.nebulaexecutiveproducer-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.nebulaexecutiveproducer-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.nebulaexecutiveproducer-product-button-pay-mobile,
.nebulaexecutiveproducer-product-button-dossier-mobile,
.nebulaexecutiveproducer-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.nebulaexecutiveproducer-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.nebulaexecutiveproducer-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.nebulaexecutiveproducer-product-button-pay-mobile:hover,
.nebulaexecutiveproducer-product-button-button-dossier-mobile:hover,
.nebulaexecutiveproducer-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.nebulaexecutiveproducer-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.nebulaexecutiveproducer-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.nebulaexecutiveproducer-comingsoon-subtitle-mobile,
.nebulaexecutiveproducer-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.nebulaexecutiveproducer-comingsoon-subtitle-mobile {
text-align: center;
}
.nebulaexecutiveproducer-comingsoon-text-mobile,
.nebulaexecutiveproducer-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.nebulaexecutiveproducer-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.nebulaexecutiveproducer-information-subtitle-1-mobile,   
.nebulaexecutiveproducer-information-subtitle-mobile,
.nebulaexecutiveproducer-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.nebulaexecutiveproducer-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.nebulaexecutiveproducer-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.nebulaexecutiveproducer-information-text-mobile,
.nebulaexecutiveproducer-information-text-2-mobile,
.nebulaexecutiveproducer-information-text-3-mobile,
.nebulaexecutiveproducer-information-text-4-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 20px 0;
}
.nebulaexecutiveproducer-information-text-2-mobile {
color: #00FFFF !important;
}    
.nebulaexecutiveproducer-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.nebulaexecutiveproducer-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.nebulaexecutiveproducer-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.nebulaexecutiveproducer-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.nebulaexecutiveproducer-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.nebulaexecutiveproducer-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.nebulaexecutiveproducer-button-back-mobile,
.nebulaexecutiveproducer-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.nebulaexecutiveproducer-button-back-mobile:hover,
.nebulaexecutiveproducer-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.nebulaexecutiveproducer-container { display: none; }
.nebulaexecutiveproducer-container-mobile { display: block; }
}

/* ======================================
   PULSAR EXECUTIVE PRODUCER
====================================== */
.pulsarexecutiveproducer-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.pulsarexecutiveproducer-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.pulsarexecutiveproducer-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.pulsarexecutiveproducer-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.pulsarexecutiveproducer-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.pulsarexecutiveproducer-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.pulsarexecutiveproducer-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.pulsarexecutiveproducer-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.pulsarexecutiveproducer-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.pulsarexecutiveproducer-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.pulsarexecutiveproducer-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.pulsarexecutiveproducer-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.pulsarexecutiveproducer-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.pulsarexecutiveproducer-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.pulsarexecutiveproducer-columns-grid-action-button-pay,
.pulsarexecutiveproducer-columns-grid-action-button-dossier,
.pulsarexecutiveproducer-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.pulsarexecutiveproducer-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.pulsarexecutiveproducer-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.pulsarexecutiveproducer-columns-grid-action-button-pay:hover,
.pulsarexecutiveproducer-columns-grid-action-button-dossier:hover,
.pulsarexecutiveproducer-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.pulsarexecutiveproducer-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.pulsarexecutiveproducer-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.pulsarexecutiveproducer-information-subtitle-1,
.pulsarexecutiveproducer-information-subtitle,
.pulsarexecutiveproducer-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.pulsarexecutiveproducer-information-subtitle-1 {
margin-bottom: 30px;
}
.pulsarexecutiveproducer-information-text,
.pulsarexecutiveproducer-information-text-2,
.pulsarexecutiveproducer-information-text-3,
.pulsarexecutiveproducer-information-text-4 {
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 30px 0;
}
.pulsarexecutiveproducer-information-subtitle-2 {
color: #00FFFF !important;
}
.pulsarexecutiveproducer-information-text-2 {
color: #00FFFF !important;
}
.pulsarexecutiveproducer-information-text-3,
.pulsarexecutiveproducer-information-text-4 {
text-align: center;
}
.pulsarexecutiveproducer-information-text-3 {
margin-bottom: 0px;   
}  
.pulsarexecutiveproducer-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.pulsarexecutiveproducer-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.pulsarexecutiveproducer-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.pulsarexecutiveproducer-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.pulsarexecutiveproducer-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.pulsarexecutiveproducer-button-back,
.pulsarexecutiveproducer-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.pulsarexecutiveproducer-button-back:hover,
.pulsarexecutiveproducer-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.pulsarexecutiveproducer-container { display: block; }
.pulsarexecutiveproducer-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: PULSAR EXECUTIVE PRODUCER
====================================== */
@media (max-width: 768px) {
.pulsarexecutiveproducer-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.pulsarexecutiveproducer-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.pulsarexecutiveproducer-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.pulsarexecutiveproducer-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.pulsarexecutiveproducer-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.pulsarexecutiveproducer-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.pulsarexecutiveproducer-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.pulsarexecutiveproducer-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.pulsarexecutiveproducer-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.pulsarexecutiveproducer-product-button-pay-mobile,
.pulsarexecutiveproducer-product-button-dossier-mobile,
.pulsarexecutiveproducer-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.pulsarexecutiveproducer-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.pulsarexecutiveproducer-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.pulsarexecutiveproducer-product-button-pay-mobile:hover,
.pulsarexecutiveproducer-product-button-button-dossier-mobile:hover,
.pulsarexecutiveproducer-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.pulsarexecutiveproducer-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.pulsarexecutiveproducer-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.pulsarexecutiveproducer-comingsoon-subtitle-mobile,
.pulsarexecutiveproducer-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.pulsarexecutiveproducer-comingsoon-subtitle-mobile {
text-align: center;
}
.pulsarexecutiveproducer-comingsoon-text-mobile,
.pulsarexecutiveproducer-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.pulsarexecutiveproducer-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.pulsarexecutiveproducer-information-subtitle-1-mobile,   
.pulsarexecutiveproducer-information-subtitle-mobile,
.pulsarexecutiveproducer-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.pulsarexecutiveproducer-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.pulsarexecutiveproducer-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.pulsarexecutiveproducer-information-text-mobile,
.pulsarexecutiveproducer-information-text-2-mobile,
.pulsarexecutiveproducer-information-text-3-mobile,
.pulsarexecutiveproducer-information-text-4-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 20px 0;
}
.pulsarexecutiveproducer-information-text-2-mobile {
color: #00FFFF !important;
}    
.pulsarexecutiveproducer-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.pulsarexecutiveproducer-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.pulsarexecutiveproducer-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.pulsarexecutiveproducer-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.pulsarexecutiveproducer-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.pulsarexecutiveproducer-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.pulsarexecutiveproducer-button-back-mobile,
.pulsarexecutiveproducer-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.pulsarexecutiveproducer-button-back-mobile:hover,
.pulsarexecutiveproducer-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.pulsarexecutiveproducer-container { display: none; }
.pulsarexecutiveproducer-container-mobile { display: block; }
}

/* ======================================
   BLACK HOLE EXECUTIVE PRODUCER
====================================== */
.blackholeexecutiveproducer-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.blackholeexecutiveproducer-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.blackholeexecutiveproducer-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.blackholeexecutiveproducer-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.blackholeexecutiveproducer-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.blackholeexecutiveproducer-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.blackholeexecutiveproducer-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.blackholeexecutiveproducer-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.blackholeexecutiveproducer-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.blackholeexecutiveproducer-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.blackholeexecutiveproducer-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.blackholeexecutiveproducer-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.blackholeexecutiveproducer-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.blackholeexecutiveproducer-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.blackholeexecutiveproducer-columns-grid-action-button-pay,
.blackholeexecutiveproducer-columns-grid-action-button-dossier,
.blackholeexecutiveproducer-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.blackholeexecutiveproducer-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.blackholeexecutiveproducer-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.blackholeexecutiveproducer-columns-grid-action-button-pay:hover,
.blackholeexecutiveproducer-columns-grid-action-button-dossier:hover,
.blackholeexecutiveproducer-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.blackholeexecutiveproducer-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.blackholeexecutiveproducer-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.blackholeexecutiveproducer-information-subtitle-1,
.blackholeexecutiveproducer-information-subtitle,
.blackholeexecutiveproducer-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.blackholeexecutiveproducer-information-subtitle-1 {
margin-bottom: 30px;
}
.blackholeexecutiveproducer-information-text,
.blackholeexecutiveproducer-information-text-2,
.blackholeexecutiveproducer-information-text-3,
.blackholeexecutiveproducer-information-text-4 {
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 30px 0;
}
.blackholeexecutiveproducer-information-subtitle-2 {
color: #00FFFF !important;
}
.blackholeexecutiveproducer-information-text-2 {
color: #00FFFF !important;
}
.blackholeexecutiveproducer-information-text-3,
.blackholeexecutiveproducer-information-text-4 {
text-align: center;
}
.blackholeexecutiveproducer-information-text-3 {
margin-bottom: 0px;   
}  
.blackholeexecutiveproducer-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.blackholeexecutiveproducer-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.blackholeexecutiveproducer-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.blackholeexecutiveproducer-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.blackholeexecutiveproducer-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.blackholeexecutiveproducer-button-back,
.blackholeexecutiveproducer-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.blackholeexecutiveproducer-button-back:hover,
.blackholeexecutiveproducer-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.blackholeexecutiveproducer-container { display: block; }
.blackholeexecutiveproducer-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: BLACK HOLE EXECUTIVE PRODUCER
====================================== */
@media (max-width: 768px) {
.blackholeexecutiveproducer-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.blackholeexecutiveproducer-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.blackholeexecutiveproducer-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.blackholeexecutiveproducer-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.blackholeexecutiveproducer-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.blackholeexecutiveproducer-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.blackholeexecutiveproducer-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.blackholeexecutiveproducer-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.blackholeexecutiveproducer-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.blackholeexecutiveproducer-product-button-pay-mobile,
.blackholeexecutiveproducer-product-button-dossier-mobile,
.blackholeexecutiveproducer-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.blackholeexecutiveproducer-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.blackholeexecutiveproducer-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.blackholeexecutiveproducer-product-button-pay-mobile:hover,
.blackholeexecutiveproducer-product-button-button-dossier-mobile:hover,
.blackholeexecutiveproducer-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.blackholeexecutiveproducer-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.blackholeexecutiveproducer-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.blackholeexecutiveproducer-comingsoon-subtitle-mobile,
.blackholeexecutiveproducer-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.blackholeexecutiveproducer-comingsoon-subtitle-mobile {
text-align: center;
}
.blackholeexecutiveproducer-comingsoon-text-mobile,
.blackholeexecutiveproducer-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.blackholeexecutiveproducer-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.blackholeexecutiveproducer-information-subtitle-1-mobile,   
.blackholeexecutiveproducer-information-subtitle-mobile,
.blackholeexecutiveproducer-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.blackholeexecutiveproducer-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.blackholeexecutiveproducer-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.blackholeexecutiveproducer-information-text-mobile,
.blackholeexecutiveproducer-information-text-2-mobile,
.blackholeexecutiveproducer-information-text-3-mobile,
.blackholeexecutiveproducer-information-text-4-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 20px 0;
}
.blackholeexecutiveproducer-information-text-2-mobile {
color: #00FFFF !important;
}    
.blackholeexecutiveproducer-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.blackholeexecutiveproducer-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.blackholeexecutiveproducer-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.blackholeexecutiveproducer-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.blackholeexecutiveproducer-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.blackholeexecutiveproducer-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.blackholeexecutiveproducer-button-back-mobile,
.blackholeexecutiveproducer-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.blackholeexecutiveproducer-button-back-mobile:hover,
.blackholeexecutiveproducer-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.blackholeexecutiveproducer-container { display: none; }
.blackholeexecutiveproducer-container-mobile { display: block; }
}

/* ======================================
   QUASAR EXECUTIVE PRODUCER
====================================== */
.quasarexecutiveproducer-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.quasarexecutiveproducer-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.quasarexecutiveproducer-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.quasarexecutiveproducer-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.quasarexecutiveproducer-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.quasarexecutiveproducer-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.quasarexecutiveproducer-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.quasarexecutiveproducer-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.quasarexecutiveproducer-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.quasarexecutiveproducer-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.quasarexecutiveproducer-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.quasarexecutiveproducer-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.quasarexecutiveproducer-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.quasarexecutiveproducer-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.quasarexecutiveproducer-columns-grid-action-button-pay,
.quasarexecutiveproducer-columns-grid-action-button-dossier,
.quasarexecutiveproducer-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.quasarexecutiveproducer-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.quasarexecutiveproducer-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.quasarexecutiveproducer-columns-grid-action-button-pay:hover,
.quasarexecutiveproducer-columns-grid-action-button-dossier:hover,
.quasarexecutiveproducer-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.quasarexecutiveproducer-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.quasarexecutiveproducer-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.quasarexecutiveproducer-information-subtitle-1,
.quasarexecutiveproducer-information-subtitle,
.quasarexecutiveproducer-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.quasarexecutiveproducer-information-subtitle-1 {
margin-bottom: 30px;
}
.quasarexecutiveproducer-information-text,
.quasarexecutiveproducer-information-text-2,
.quasarexecutiveproducer-information-text-3,
.quasarexecutiveproducer-information-text-4 {
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 30px 0;
}
.quasarexecutiveproducer-information-subtitle-2 {
color: #00FFFF !important;
}
.quasarexecutiveproducer-information-text-2 {
color: #00FFFF !important;
}
.quasarexecutiveproducer-information-text-3,
.quasarexecutiveproducer-information-text-4 {
text-align: center;
}
.quasarexecutiveproducer-information-text-3 {
margin-bottom: 0px;   
}  
.quasarexecutiveproducer-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.quasarexecutiveproducer-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.quasarexecutiveproducer-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.quasarexecutiveproducer-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.quasarexecutiveproducer-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.quasarexecutiveproducer-button-back,
.quasarexecutiveproducer-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.quasarexecutiveproducer-button-back:hover,
.quasarexecutiveproducer-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.quasarexecutiveproducer-container { display: block; }
.quasarexecutiveproducer-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: QUASAR EXECUTIVE PRODUCER
====================================== */
@media (max-width: 768px) {
.quasarexecutiveproducer-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.quasarexecutiveproducer-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.quasarexecutiveproducer-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.quasarexecutiveproducer-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.quasarexecutiveproducer-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.quasarexecutiveproducer-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.quasarexecutiveproducer-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.quasarexecutiveproducer-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.quasarexecutiveproducer-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.quasarexecutiveproducer-product-button-pay-mobile,
.quasarexecutiveproducer-product-button-dossier-mobile,
.quasarexecutiveproducer-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.quasarexecutiveproducer-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.quasarexecutiveproducer-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.quasarexecutiveproducer-product-button-pay-mobile:hover,
.quasarexecutiveproducer-product-button-button-dossier-mobile:hover,
.quasarexecutiveproducer-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.quasarexecutiveproducer-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.quasarexecutiveproducer-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.quasarexecutiveproducer-comingsoon-subtitle-mobile,
.quasarexecutiveproducer-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.quasarexecutiveproducer-comingsoon-subtitle-mobile {
text-align: center;
}
.quasarexecutiveproducer-comingsoon-text-mobile,
.quasarexecutiveproducer-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.quasarexecutiveproducer-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.quasarexecutiveproducer-information-subtitle-1-mobile,   
.quasarexecutiveproducer-information-subtitle-mobile,
.quasarexecutiveproducer-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.quasarexecutiveproducer-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.quasarexecutiveproducer-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.quasarexecutiveproducer-information-text-mobile,
.quasarexecutiveproducer-information-text-2-mobile,
.quasarexecutiveproducer-information-text-3-mobile,
.quasarexecutiveproducer-information-text-4-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 20px 0;
}
.quasarexecutiveproducer-information-text-2-mobile {
color: #00FFFF !important;
}    
.quasarexecutiveproducer-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.quasarexecutiveproducer-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.quasarexecutiveproducer-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.quasarexecutiveproducer-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.quasarexecutiveproducer-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.quasarexecutiveproducer-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.quasarexecutiveproducer-button-back-mobile,
.quasarexecutiveproducer-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.quasarexecutiveproducer-button-back-mobile:hover,
.quasarexecutiveproducer-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.quasarexecutiveproducer-container { display: none; }
.quasarexecutiveproducer-container-mobile { display: block; }
}

/* ======================================
   GALAXY EXECUTIVE PRODUCER
====================================== */
.galaxyexecutiveproducer-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.galaxyexecutiveproducer-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.galaxyexecutiveproducer-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.galaxyexecutiveproducer-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.galaxyexecutiveproducer-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.galaxyexecutiveproducer-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.galaxyexecutiveproducer-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.galaxyexecutiveproducer-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.galaxyexecutiveproducer-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.galaxyexecutiveproducer-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.galaxyexecutiveproducer-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.galaxyexecutiveproducer-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.galaxyexecutiveproducer-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.galaxyexecutiveproducer-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.galaxyexecutiveproducer-columns-grid-action-button-pay,
.galaxyexecutiveproducer-columns-grid-action-button-dossier,
.galaxyexecutiveproducer-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.galaxyexecutiveproducer-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.galaxyexecutiveproducer-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.galaxyexecutiveproducer-columns-grid-action-button-pay:hover,
.galaxyexecutiveproducer-columns-grid-action-button-dossier:hover,
.galaxyexecutiveproducer-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.galaxyexecutiveproducer-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.galaxyexecutiveproducer-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.galaxyexecutiveproducer-information-subtitle-1,
.galaxyexecutiveproducer-information-subtitle,
.galaxyexecutiveproducer-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.galaxyexecutiveproducer-information-subtitle-1 {
margin-bottom: 30px;
}
.galaxyexecutiveproducer-information-text,
.galaxyexecutiveproducer-information-text-2,
.galaxyexecutiveproducer-information-text-3,
.galaxyexecutiveproducer-information-text-4 {
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 30px 0;
}
.galaxyexecutiveproducer-information-subtitle-2 {
color: #00FFFF !important;
}
.galaxyexecutiveproducer-information-text-2 {
color: #00FFFF !important;
}
.galaxyexecutiveproducer-information-text-3,
.galaxyexecutiveproducer-information-text-4 {
text-align: center;
}
.galaxyexecutiveproducer-information-text-3 {
margin-bottom: 0px;   
}  
.galaxyexecutiveproducer-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.galaxyexecutiveproducer-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.galaxyexecutiveproducer-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.galaxyexecutiveproducer-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.galaxyexecutiveproducer-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.galaxyexecutiveproducer-button-back,
.galaxyexecutiveproducer-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.galaxyexecutiveproducer-button-back:hover,
.galaxyexecutiveproducer-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.galaxyexecutiveproducer-container { display: block; }
.galaxyexecutiveproducer-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: GALAXY EXECUTIVE PRODUCER
====================================== */
@media (max-width: 768px) {
.galaxyexecutiveproducer-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.galaxyexecutiveproducer-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.galaxyexecutiveproducer-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.galaxyexecutiveproducer-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.galaxyexecutiveproducer-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.galaxyexecutiveproducer-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.galaxyexecutiveproducer-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.galaxyexecutiveproducer-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.galaxyexecutiveproducer-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.galaxyexecutiveproducer-product-button-pay-mobile,
.galaxyexecutiveproducer-product-button-dossier-mobile,
.galaxyexecutiveproducer-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.galaxyexecutiveproducer-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.galaxyexecutiveproducer-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.galaxyexecutiveproducer-product-button-pay-mobile:hover,
.galaxyexecutiveproducer-product-button-button-dossier-mobile:hover,
.galaxyexecutiveproducer-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.galaxyexecutiveproducer-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.galaxyexecutiveproducer-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.galaxyexecutiveproducer-comingsoon-subtitle-mobile,
.galaxyexecutiveproducer-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.galaxyexecutiveproducer-comingsoon-subtitle-mobile {
text-align: center;
}
.galaxyexecutiveproducer-comingsoon-text-mobile,
.galaxyexecutiveproducer-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.galaxyexecutiveproducer-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.galaxyexecutiveproducer-information-subtitle-1-mobile,   
.galaxyexecutiveproducer-information-subtitle-mobile,
.galaxyexecutiveproducer-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.galaxyexecutiveproducer-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.galaxyexecutiveproducer-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.galaxyexecutiveproducer-information-text-mobile,
.galaxyexecutiveproducer-information-text-2-mobile,
.galaxyexecutiveproducer-information-text-3-mobile,
.galaxyexecutiveproducer-information-text-4-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 20px 0;
}
.galaxyexecutiveproducer-information-text-2-mobile {
color: #00FFFF !important;
}    
.galaxyexecutiveproducer-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.galaxyexecutiveproducer-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.galaxyexecutiveproducer-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.galaxyexecutiveproducer-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.galaxyexecutiveproducer-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.galaxyexecutiveproducer-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.galaxyexecutiveproducer-button-back-mobile,
.galaxyexecutiveproducer-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.galaxyexecutiveproducer-button-back-mobile:hover,
.galaxyexecutiveproducer-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.galaxyexecutiveproducer-container { display: none; }
.galaxyexecutiveproducer-container-mobile { display: block; }
}

/* ======================================
   COSMOS EXECUTIVE PRODUCER
====================================== */
.cosmosexecutiveproducer-container {
position: relative;
width: 900px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.cosmosexecutiveproducer-container::before {
content: "";
position: absolute;
z-index: 1; 
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.cosmosexecutiveproducer-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.cosmosexecutiveproducer-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: COLUMNAS */
.cosmosexecutiveproducer-columns {
position: relative;
z-index: 2;
}
/* CONTENEDOR: GRID DE 3 */
.cosmosexecutiveproducer-columns-grid {
display: grid;
grid-template-columns: calc(30% - 13.33px) calc(42% - 13.33px) calc(28% - 13.33px);
gap: 20px;
margin: 0 0 10px 0;
}
/* CONTENEDOR: GRID DE 3 - IMAGEN */
.cosmosexecutiveproducer-columns-grid-image {
width: 100%;
display: flex;
align-items: center;
margin: 0px;
}
.cosmosexecutiveproducer-columns-grid-image img {
width: 100%;
height: auto;
border-radius: 0px;
margin: 0px;
}
/* CONTENEDOR: GRID DE 3 - SINOPSIS */
.cosmosexecutiveproducer-columns-grid-synopsis {
width: 100%;
box-sizing: border-box;
display: block;
margin: 0px;
}
.cosmosexecutiveproducer-columns-grid-synopsis-subtitle {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0px;
padding: 0px;
}
.cosmosexecutiveproducer-columns-grid-synopsis-text {
font-family: 'Share Tech Mono', monospace;
font-size: 1.25rem;
color: #00FFFF !important;
text-decoration: none;
text-align: justify;     
line-height: 1.5;
margin: 0px;
padding: 0px;
}
/* CONTENEDOR: GRID DE 3 - PRECIO Y BOTONES */
.cosmosexecutiveproducer-columns-grid-action {
width: 100%;
height: 100%;  
display: flex;                   
flex-direction: column;      
justify-content: center;    
align-items: center;      
margin: 0px;
}
.cosmosexecutiveproducer-columns-grid-action-value {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;     
line-height: 1.5;
margin: 0 0 10px 0;
padding: 0px;
} 
/* CONTENEDOR: BOTONES */
.cosmosexecutiveproducer-columns-grid-action-button {
width: 100%;
text-align: center; 
margin: 0px;
}
.cosmosexecutiveproducer-columns-grid-action-button-pay,
.cosmosexecutiveproducer-columns-grid-action-button-dossier,
.cosmosexecutiveproducer-columns-grid-action-button-agreement {
display: inline-block;
background: #ff1493 !important; 
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: 0 0 20px 0;
padding: 10px 20px;
border:none;
cursor: pointer;
transition: transform 0.3s ease;  
}
.cosmosexecutiveproducer-columns-grid-action-button-dossier {
background-color: #FF6B00 !important;
font-size: 1rem;
}
.cosmosexecutiveproducer-columns-grid-action-button-agreement {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important; /* Texto en negro para mejor contraste */
font-size: 1rem;
}
.cosmosexecutiveproducer-columns-grid-action-button-pay:hover,
.cosmosexecutiveproducer-columns-grid-action-button-dossier:hover,
.cosmosexecutiveproducer-columns-grid-action-button-agreement:hover {
transform: scale(1.05);
}
/* DIVISOR */
.cosmosexecutiveproducer-divider {
width: 100%;
height: 0; 
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0; 
} 
/* CONTENEDOR: INFORMACIÓN */
.cosmosexecutiveproducer-information {
width: 100%;
box-sizing: border-box;  
margin: 0px;
}
.cosmosexecutiveproducer-information-subtitle-1,
.cosmosexecutiveproducer-information-subtitle,
.cosmosexecutiveproducer-information-subtitle-2 {
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: #39FF14 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;   
line-height: 1.5;
margin: 0 10px 0 0;
}
.cosmosexecutiveproducer-information-subtitle-1 {
margin-bottom: 30px;
}
.cosmosexecutiveproducer-information-text,
.cosmosexecutiveproducer-information-text-2,
.cosmosexecutiveproducer-information-text-3,
.cosmosexecutiveproducer-information-text-4 {
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 30px 0;
}
.cosmosexecutiveproducer-information-subtitle-2 {
color: #00FFFF !important;
}
.cosmosexecutiveproducer-information-text-2 {
color: #00FFFF !important;
}
.cosmosexecutiveproducer-information-text-3,
.cosmosexecutiveproducer-information-text-4 {
text-align: center;
}
.cosmosexecutiveproducer-information-text-3 {
margin-bottom: 0px;   
}  
.cosmosexecutiveproducer-information-text-4 {
margin-bottom: 10px;   
}  
/* CONTENEDOR: ICONOS */
.cosmosexecutiveproducer-information-icons {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 0 10px 0;
}
.cosmosexecutiveproducer-information-icon {
width: 30px;
height: 30px;
color:  #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.cosmosexecutiveproducer-information-icon:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.cosmosexecutiveproducer-button {
width: 100%;
box-sizing: border-box;     
display: flex;
justify-content: space-between;
margin: 0px;
}
.cosmosexecutiveproducer-button-back,
.cosmosexecutiveproducer-button-continueshopping {
display: flex;
justify-content: space-between;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1.2rem;
color: black !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
font-weight: bold;
margin: 0px;
padding: 10px 20px;
border: none;
cursor: pointer;
transition: transform 0.3s ease;
}
.cosmosexecutiveproducer-button-back:hover,
.cosmosexecutiveproducer-button-continueshopping:hover {
transform: scale(1.05);
}
 /* CONTROL */
.cosmosexecutiveproducer-container { display: block; }
.cosmosexecutiveproducer-container-mobile { display: none; } 
/* ======================================
   MOVIL RESPONSIVE: COSMOS EXECUTIVE PRODUCER
====================================== */
@media (max-width: 768px) {
.cosmosexecutiveproducer-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.cosmosexecutiveproducer-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.cosmosexecutiveproducer-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.cosmosexecutiveproducer-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: PRODUCTO */
.cosmosexecutiveproducer-product-mobile {
width: 100%;
box-sizing: border-box;
display: block;
justify-content: center;
margin: 0px;
}
/* CONTENEDOR: IMAGEN */
.cosmosexecutiveproducer-product-image-mobile {
width: 100%;
box-sizing: border-box;
margin: 0 0 10px 0;
}
.cosmosexecutiveproducer-product-image-mobile img {
width: 100%;
height: 200px;
display: block;
border-radius: 0px;
}
/* CONTENEDOR: PRECIO */
.cosmosexecutiveproducer-product-value-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1.5rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
/* CONTENEDOR: BOTÓN PAY */
.cosmosexecutiveproducer-product-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.cosmosexecutiveproducer-product-button-pay-mobile,
.cosmosexecutiveproducer-product-button-dossier-mobile,
.cosmosexecutiveproducer-product-button-agreement-mobile {
display: inline-block;
background: #ff1493 !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;
}
.cosmosexecutiveproducer-product-button-dossier-mobile {
background-color: #FF6B00 !important; /* Naranja */
font-size: 0.8rem;   
}
.cosmosexecutiveproducer-product-button-agreement-mobile {
background-color: #CCFF00 !important; /* Amarillo neón */
color: black !important;
font-size: 0.8rem;
}
.cosmosexecutiveproducer-product-button-pay-mobile:hover,
.cosmosexecutiveproducer-product-button-button-dossier-mobile:hover,
.cosmosexecutiveproducer-product-button-agreement-mobile:hover {
transform: scale(1.05);
}  
/* DIVISOR */
.cosmosexecutiveproducer-divider-mobile {
width: 100%;
height: 0;
border-top: 3px solid #FF6B00 !important;
margin: 0 0 10px 0;
}
/* CONTENEDOR: COMING SOON Y SYNOPSIS */
.cosmosexecutiveproducer-comingsoon-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.cosmosexecutiveproducer-comingsoon-subtitle-mobile,
.cosmosexecutiveproducer-synopsis-subtitle-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.cosmosexecutiveproducer-comingsoon-subtitle-mobile {
text-align: center;
}
.cosmosexecutiveproducer-comingsoon-text-mobile,
.cosmosexecutiveproducer-synopsis-text-mobile {
font-family: 'Share Tech Mono', monospace;
font-size: 1rem;
color: #00FFFF !important;
text-decoration: none;
line-height: 1.5;
text-align: justify;
margin: 0 0 10px 0;
}
/* CONTENEDOR: INFORMACIÓN */
.cosmosexecutiveproducer-information-mobile {
width: 100%;
box-sizing: border-box;
margin: 0px;
}
.cosmosexecutiveproducer-information-subtitle-1-mobile,   
.cosmosexecutiveproducer-information-subtitle-mobile,
.cosmosexecutiveproducer-information-subtitle-2-mobile {
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: #00FF00 !important;
text-decoration: none;
text-transform: uppercase;
text-align: justify;
line-height: 1.5;
margin: 0px;
}
.cosmosexecutiveproducer-information-subtitle-1-mobile {
margin-bottom: 20px;
}
.cosmosexecutiveproducer-information-subtitle-2-mobile {
color: #00FFFF !important;
}  
.cosmosexecutiveproducer-information-text-mobile,
.cosmosexecutiveproducer-information-text-2-mobile,
.cosmosexecutiveproducer-information-text-3-mobile,
.cosmosexecutiveproducer-information-text-4-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 20px 0;
}
.cosmosexecutiveproducer-information-text-2-mobile {
color: #00FFFF !important;
}    
.cosmosexecutiveproducer-information-text-3-mobile {
text-align: center;
margin-bottom: 0px;
}
.cosmosexecutiveproducer-information-text-4-mobile {
text-align: center;
margin-bottom: 10px;
}  
/* CONTENEDOR: ICONOS */
.cosmosexecutiveproducer-information-icons-mobile {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
gap: 10px;
margin: 0 0 10px 0;
}
.cosmosexecutiveproducer-information-icon-mobile {
width: 25px;
height: 25px;
color: #CCFF00 !important; /* Amarillo neón */
transition: all 0.3s ease;
}
.cosmosexecutiveproducer-information-icon-mobile:hover {
transform: scale(1.1);
}
/* CONTENEDOR: BOTONES FINALES */
.cosmosexecutiveproducer-button-mobile {
width: 100%;
box-sizing: border-box;
display: block;
text-align: center;
margin: 0px;
}
.cosmosexecutiveproducer-button-back-mobile,
.cosmosexecutiveproducer-button-continueshopping-mobile {
display: inline-block;
background: #00CED1 !important;
border-radius: 6px;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
color: black !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;
}
.cosmosexecutiveproducer-button-back-mobile:hover,
.cosmosexecutiveproducer-button-continueshopping-mobile:hover {
transform: scale(1.05);
}
 /* CONTROL */
.cosmosexecutiveproducer-container { display: none; }
.cosmosexecutiveproducer-container-mobile { display: block; }
}

























/* ======================================
   TERMS AND CONDITIONS
====================================== */
.termsandconditions-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.termsandconditions-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.termsandconditions-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.termsandconditions-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.termsandconditions-information {
width: 100%;
box-sizing: border-box;   
margin: 0px; 
}
.termsandconditions-information-text,
.termsandconditions-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;
}
.termsandconditions-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.termsandconditions-container { display: block; }
.termsandconditions-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: TERMS AND CONDITIONS
====================================== */
@media (max-width: 768px) {
.termsandconditions-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.termsandconditions-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.termsandconditions-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.termsandconditions-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.termsandconditions-information-mobile {
width: 100%;
box-sizing: border-box;   
margin: 0px; 
}
.termsandconditions-information-text-mobile,
.termsandconditions-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;
}
.termsandconditions-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.termsandconditions-container { display: none; }
.termsandconditions-container-mobile { display: block; }
}

/* ======================================
   PRIVACY POLICY
====================================== */
.privacypolicy-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.privacypolicy-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.privacypolicy-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.privacypolicy-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.privacypolicy-information {
width: 100%;
box-sizing: border-box;   
margin: 0px; 
}
.privacypolicy-information-text,
.privacypolicy-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;
}
.privacypolicy-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.privacypolicy-container { display: block; }
.privacypolicy-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: PRIVACY POLICY
====================================== */
@media (max-width: 768px) {
.privacypolicy-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.privacypolicy-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.privacypolicy-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.privacypolicy-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.privacypolicy-information-mobile {
width: 100%;
box-sizing: border-box;   
margin: 0px; 
}
.privacypolicy-information-text-mobile,
.privacypolicy-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;
}
.privacypolicy-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.privacypolicy-container { display: none; }
.privacypolicy-container-mobile { display: block; }
}

/* ======================================
   COOKIE POLICY
====================================== */
.cookiepolicy-container {
position: relative;
width: 800px;
background: #3A0052 !important;
border-radius: 20px;
margin: 40px auto;
padding: 30px;
}
.cookiepolicy-container::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 90px;
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.cookiepolicy-title {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2.5rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: left;   
line-height: 1.6;
margin: 0 0 16px 0;
}
.cookiepolicy-title a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.cookiepolicy-information {
width: 100%;
box-sizing: border-box;   
margin: 0px; 
}
.cookiepolicy-information-text,
.cookiepolicy-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;
}
.cookiepolicy-information-text-end {
margin-bottom: 0px;
}
/* CONTROL */
.cookiepolicy-container { display: block; }
.cookiepolicy-container-mobile { display: none; }
/* ======================================
   MOVIL RESPONSIVE: COOKIE POLICY
====================================== */
@media (max-width: 768px) {
.cookiepolicy-container-mobile {
position: relative;
width: 90%;
box-sizing: border-box;
background: #3A0052 !important;
border-radius: 20px;
margin: 30px auto;
padding: 20px;
}
.cookiepolicy-container-mobile::before {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100px; 
background: #320046 !important;
border-radius: 20px 20px 0 0;
}
.cookiepolicy-title-mobile {
position: relative;
z-index: 2;
display: block;
font-family: 'Orbitron', sans-serif;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0; 
}
.cookiepolicy-title-mobile a {
color: #FF66CC !important;
text-decoration: none;
}
/* CONTENEDOR: INFORMACIÓN */
.cookiepolicy-information-mobile {
width: 100%;
box-sizing: border-box;   
margin: 0px; 
}
.cookiepolicy-information-text-mobile,
.cookiepolicy-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;
}
.cookiepolicy-information-text-end-mobile {
margin-bottom: 0px;
}
/* CONTROL */
.cookiepolicy-container { display: none; }
.cookiepolicy-container-mobile { display: block; }
}

/* ======================================
   OCULTAR TODAS LAS SECCIONES PC
====================================== */
.main-section:not(#home),
.subsection:not([id^="home-"]) { display: none; }

/* DEJAR SOLO LA SECCIÓN HOME */
#home { display: block; }
#home-socialmediacontent,
#home-tiktokhighlight, 
#home-youtubehighlight,
#home-sociallinks { display: block; }

/* ======================================
   OCULTAR TODAS LAS SECCIONES MOBILE
====================================== */
@media (max-width: 768px) {
.main-section.mobile-only:not(#home),
.subsection.mobile-only:not([id^="home-"]) { display: none; }

/* DEJAR SOLO LA SECCIÓN HOME MOBILE */
#home-mobile { display: block; }
#home-mobile-socialmediacontent,
#home-mobile-tiktokhighlight, 
#home-mobile-youtubehighlight,
#home-mobile-sociallinks { display: block; }
}

/* ======================================
   FOOTER PC
====================================== */
.footer {
position: relative;
width: 100%;
box-sizing: border-box; 
background: #320046 !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: 'Comforter Brush', cursive;
font-size: 3rem;
color: #FF66CC !important;
text-decoration: none;
text-align: center;
margin: 0 0 10px 0;
}
.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: #FF66CC !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: #320046 !important;
padding: 20px;   
margin-top: auto;
}
.footer-brand-mobile {
display: flex;
flex-direction: column;
align-items: center;
}
.footer-brand-name-mobile {
font-family: 'Comforter Brush', cursive;
font-size: 2rem;
color: #FF66CC !important;
text-decoration: none;
text-align: center;
margin: 0 0 10px 0;
}
.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: #FF66CC !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; }
}