.elementor-283 .elementor-element.elementor-element-34c7345{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-283 .elementor-element.elementor-element-851193f{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-283 .elementor-element.elementor-element-90affaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-283 .elementor-element.elementor-element-90affaf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-283 .elementor-element.elementor-element-9673313{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:nowrap;--border-radius:16px 16px 16px 16px;--padding-top:12px;--padding-bottom:12px;--padding-left:14px;--padding-right:14px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-492dc60{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-283 .elementor-element.elementor-element-492dc60 img{border-radius:8px 8px 8px 8px;}.elementor-283 .elementor-element.elementor-element-94230ae{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-c2c9b26{color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-7f0cd17{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:nowrap;--border-radius:16px 16px 16px 16px;--padding-top:12px;--padding-bottom:12px;--padding-left:14px;--padding-right:14px;}.elementor-283 .elementor-element.elementor-element-09ce23b{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-283 .elementor-element.elementor-element-09ce23b img{border-radius:8px 8px 8px 8px;}.elementor-283 .elementor-element.elementor-element-59a8763{--display:flex;}.elementor-283 .elementor-element.elementor-element-6f68f24{color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-dc7a0e8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:nowrap;--border-radius:16px 16px 16px 16px;--padding-top:12px;--padding-bottom:12px;--padding-left:14px;--padding-right:14px;}.elementor-283 .elementor-element.elementor-element-8e87ef9{width:var( --container-widget-width, 44% );max-width:44%;--container-widget-width:44%;--container-widget-flex-grow:0;}.elementor-283 .elementor-element.elementor-element-8e87ef9 img{border-radius:8px 8px 8px 8px;}.elementor-283 .elementor-element.elementor-element-cfc8a27{--display:flex;}.elementor-283 .elementor-element.elementor-element-2ac20be{color:var( --e-global-color-primary );}.elementor-283 .elementor-element.elementor-element-02b8d9e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-283 .elementor-element.elementor-element-0774aa9{--display:flex;--min-height:360px;}.elementor-283 .elementor-element.elementor-element-4c50997{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;}.elementor-283 .elementor-element.elementor-element-4c50997.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-283 .elementor-element.elementor-element-492dc60{--container-widget-width:122px;--container-widget-flex-grow:0;width:var( --container-widget-width, 122px );max-width:122px;}.elementor-283 .elementor-element.elementor-element-09ce23b{--container-widget-width:122px;--container-widget-flex-grow:0;width:var( --container-widget-width, 122px );max-width:122px;}.elementor-283 .elementor-element.elementor-element-8e87ef9{--container-widget-width:122px;--container-widget-flex-grow:0;width:var( --container-widget-width, 122px );max-width:122px;}.elementor-283 .elementor-element.elementor-element-0774aa9{--min-height:158px;}.elementor-283 .elementor-element.elementor-element-4c50997{--container-widget-width:473px;--container-widget-flex-grow:0;width:var( --container-widget-width, 473px );max-width:473px;}}@media(min-width:768px){.elementor-283 .elementor-element.elementor-element-90affaf{--width:33.3333%;}.elementor-283 .elementor-element.elementor-element-02b8d9e{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-283 .elementor-element.elementor-element-90affaf{--width:272.328px;}}@media(max-width:767px){.elementor-283 .elementor-element.elementor-element-851193f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-283 .elementor-element.elementor-element-90affaf.e-con{--order:2;}.elementor-283 .elementor-element.elementor-element-492dc60{width:var( --container-widget-width, 123px );max-width:123px;--container-widget-width:123px;--container-widget-flex-grow:0;}.elementor-283 .elementor-element.elementor-element-492dc60 img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-283 .elementor-element.elementor-element-94230ae{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-283 .elementor-element.elementor-element-09ce23b{width:var( --container-widget-width, 123px );max-width:123px;--container-widget-width:123px;--container-widget-flex-grow:0;}.elementor-283 .elementor-element.elementor-element-09ce23b img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-283 .elementor-element.elementor-element-59a8763{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-283 .elementor-element.elementor-element-8e87ef9{width:var( --container-widget-width, 123px );max-width:123px;--container-widget-width:123px;--container-widget-flex-grow:0;}.elementor-283 .elementor-element.elementor-element-8e87ef9 img{width:100%;border-radius:8px 8px 8px 8px;}.elementor-283 .elementor-element.elementor-element-cfc8a27{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-283 .elementor-element.elementor-element-02b8d9e.e-con{--order:1;}.elementor-283 .elementor-element.elementor-element-0774aa9{--min-height:220px;}.elementor-283 .elementor-element.elementor-element-4c50997{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}/* Start custom CSS for container, class: .elementor-element-9673313 */.top-wrapper .top-item {
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);

  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.8);

  padding: 18px;
  margin-bottom: 15px;

  transition: all 0.3s ease;

  box-shadow:
    0 4px 15px rgba(0,0,0,0.05),
    inset 0 1px 0 rgba(255,255,255,0.8);
}

.top-wrapper .top-item:hover {
  background: rgba(255, 102, 0, 0.12);
  transform: translateX(6px);
  box-shadow:
    0 8px 25px rgba(255, 60, 0, 0.15);
}

.top-wrapper .top-item.active {
  position: relative;
  overflow: hidden; /* importante */
}

.top-wrapper .top-item.active::after {
  content: "";
  position: absolute;
  inset: 0; /* ocupa todo */
  border-radius: inherit; /* respeta las esquinas */
  
  background: linear-gradient(
    to left,
    rgba(242, 145, 63, 0.35) 0%,
    rgba(242, 145, 63, 0.15) 25%,
    rgba(242, 145, 63, 0) 55%
  );

  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f0cd17 *//* ITEM DEL RANKING */
.top-item {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 16px;
  transition: all 0.35s ease;
  cursor: pointer;
}

/* HOVER EFECTO LA MEGA */
.top-item:hover {
  background: rgba(255,255,255,0.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 35px rgba(0,0,0,0.35);
}

/* ITEM ACTIVO (canción sonando) */
.top-item.active {
  background: linear-gradient(
    90deg,
    rgba(160,0,255,0.45),
    rgba(255,0,160,0.45)
  );
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.45);
}

/* TRANSICIÓN SUAVE EN IMAGEN */
.top-item img {
  transition: transform 0.35s ease;
}

.top-item:hover img {
  transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc7a0e8 *//* ITEM DEL RANKING */
.top-item {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 16px;
  transition: all 0.35s ease;
  cursor: pointer;
}

/* HOVER EFECTO LA MEGA */
.top-item:hover {
  background: rgba(255,255,255,0.18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 35px rgba(0,0,0,0.35);
}

/* ITEM ACTIVO (canción sonando) */
.top-item.active {
  background: linear-gradient(
    90deg,
    rgba(160,0,255,0.45),
    rgba(255,0,160,0.45)
  );
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.45);
}

/* TRANSICIÓN SUAVE EN IMAGEN */
.top-item img {
  transition: transform 0.35s ease;
}

.top-item:hover img {
  transform: scale(1.08);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c50997 */.video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-851193f */.top-item {
  transition: all .3s ease;
  cursor: pointer;
}

.top-item.active {
  background: rgba(255,255,255,0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  transform: scale(1.02);
}

/* Número destacado */
.top-item.active .ranking-number {
  color: #ff3b3b;
  font-weight: 800;
}

.top-wrapper {
  position: relative;
  overflow: hidden;

  /* Gris blancuzco con toque cálido */
  background: rgba(245, 242, 238, 0.60);
  backdrop-filter: blur(35px);
  -webkit-backdrop-filter: blur(35px);

  border-radius: 28px;

  /* Borde con gris más visible */
  border: 1px solid rgba(210, 210, 210, 0.7);

  box-shadow:
    0 15px 50px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);

  padding: 40px;
}/* End custom CSS */