.elementor-10 .elementor-element.elementor-element-dff60f0{--display:flex;}.elementor-10 .elementor-element.elementor-element-d076bea{--display:flex;}.elementor-10 .elementor-element.elementor-element-d26b84e{--display:flex;}.elementor-10 .elementor-element.elementor-element-f0226e7{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-cd3847d{--display:flex;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-f0226e7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-f0226e7{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-3f67f20 */.hero-myla {
  position: relative;
  height: 100vh;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #000;
  font-family: 'Poppins', sans-serif;
}

/* Imagen principal */
.hero-myla .hero-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.5);
}

/* Overlay degradado negro → dorado */
.hero-myla .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.95) 10%,
    rgba(0,0,0,0.6) 40%,
    rgba(212,175,55,0.15) 100%
  );
}

/* Contenido */
.hero-content {
  position: relative;
  text-align: center;
  color: #fff;
  z-index: 2;
  animation: fadeUp 1.2s ease;
}

/* Nombre artista */
.artist-name {
  font-size: 60px;
  font-weight: 800;
  letter-spacing: 2px;
  background: linear-gradient(45deg, #d4af37, #f7e7a0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 20px rgba(212,175,55,0.5);
}

/* Tagline */
.tagline {
  margin-top: 10px;
  font-size: 18px;
  opacity: 0.8;
}

/* Redes */
.socials {
  margin-top: 25px;
}

.socials a {
  margin: 0 10px;
  font-size: 22px;
  color: #fff;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Hover elegante */
.socials a:hover {
  color: #d4af37;
  transform: translateY(-5px) scale(1.2);
  text-shadow: 0 0 15px rgba(212,175,55,0.8);
}

/* Animación entrada */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .artist-name {
    font-size: 38px;
  }

  .tagline {
    font-size: 14px;
  }

  .socials a {
    font-size: 18px;
    margin: 0 6px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1eefc4 */.video-myla {
  padding: 80px 20px;
  background: #000;
  display: flex;
  justify-content: center;
}

.video-container {
  position: relative;
  width: 100%;
  max-width: 1000px;
  height: 560px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(212,175,55,0.2);
}

/* Video */
.video-container iframe {
  width: 100%;
  height: 100%;
  border: none;
  transform: scale(1.1); /* zoom ligero pro */
}

/* Overlay oscuro + dorado */
.video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.8),
    rgba(0,0,0,0.3),
    rgba(212,175,55,0.15)
  );
  pointer-events: none;
}

/* Texto encima */
.video-content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: #fff;
}

.video-content h2 {
  font-size: 28px;
  background: linear-gradient(45deg, #d4af37, #f7e7a0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.video-content p {
  font-size: 14px;
  opacity: 0.8;
}

/* Hover efecto */
.video-container:hover iframe {
  transform: scale(1.15);
  transition: 0.6s ease;
}

.video-container:hover {
  box-shadow: 0 0 60px rgba(212,175,55,0.5);
}

/* Responsive */
@media (max-width: 768px) {
  .video-container {
    height: 300px;
    border-radius: 12px;
  }

  .video-content h2 {
    font-size: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51ebff7 */.ticker-wrap {
  width: 100%;
  overflow: hidden;
  background: #000;
  border-top: 1px solid rgba(212,175,55,0.3);
  border-bottom: 1px solid rgba(212,175,55,0.3);
  padding: 10px 0;
}

.ticker {
  display: flex;
  width: max-content;
  animation: scrollTicker 20s linear infinite;
}

.ticker span {
  font-size: 14px;
  color: #d4af37;
  font-weight: 500;
  white-space: nowrap;
  margin-right: 50px;
  letter-spacing: 1px;
}

/* Animación continua */
@keyframes scrollTicker {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Hover pausa (detalle PRO) */
.ticker-wrap:hover .ticker {
  animation-play-state: paused;
}

/* Responsive */
@media (max-width: 768px) {
  .ticker span {
    font-size: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e11763d */.footer-myla {
  background: #000;
  padding: 60px 20px 30px;
  text-align: center;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  border-top: 1px solid rgba(212,175,55,0.2);
}

.footer-logo {
  font-size: 28px;
  margin-bottom: 10px;
  background: linear-gradient(45deg, #d4af37, #f7e7a0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer-text {
  font-size: 14px;
  opacity: 0.7;
  margin-bottom: 25px;
}

/* BOTONES */
.footer-actions {
  margin-bottom: 25px;
}

.btn-footer {
  display: inline-block;
  margin: 8px;
  padding: 12px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s ease;
}

/* WhatsApp */
.btn-footer.whatsapp {
  background: #25D366;
  color: #000;
}

.btn-footer.whatsapp:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 0 15px rgba(37,211,102,0.7);
}

/* Email */
.btn-footer.email {
  background: #d4af37;
  color: #000;
}

.btn-footer.email:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 0 15px rgba(212,175,55,0.7);
}

/* FORM */
.footer-form {
  margin-top: 20px;
}

.footer-form input {
  padding: 10px;
  width: 220px;
  border-radius: 6px;
  border: none;
  outline: none;
  margin-right: 8px;
}

.footer-form button {
  padding: 10px 16px;
  background: #d4af37;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s;
}

.footer-form button:hover {
  background: #f7e7a0;
  transform: scale(1.05);
}

/* COPYRIGHT */
.footer-bottom {
  margin-top: 30px;
  font-size: 12px;
  opacity: 0.5;
}

/* ANIMACIÓN SUAVE */
.footer-myla {
  animation: fadeUp 1s ease;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .footer-form input {
    width: 100%;
    margin-bottom: 10px;
  }

  .footer-form button {
    width: 100%;
  }
}/* End custom CSS */