.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 );}/* Start custom CSS for section, class: .elementor-element-34c3f19 *//* =========================================================
   BLOG RUBIO - PORTADA CON TEXTO HOLOGRÁFICO
   ========================================================= */

.rubio-blog-cover {
  position: relative !important;
  overflow: hidden !important;
  background-color: #000511 !important;
  padding: 0 !important;
}

.rubio-blog-cover .elementor-widget-image {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 auto !important;
}

.rubio-blog-cover .elementor-widget-image img {
  display: block !important;
  width: 100% !important;
  max-width: 1000px !important;
  height: auto !important;
  margin: 0 auto !important;
}

/* El widget HTML queda flotando arriba de la imagen */
.rubio-blog-cover .elementor-widget-html {
  position: absolute !important;
  top: 31% !important;
  left: 53% !important;
  width: 36% !important;
  z-index: 10 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Caja holográfica */
.rubio-holograma-blog {
  width: 100%;
  padding: 22px 26px;
  border: 1px solid rgba(0, 240, 255, 0.36);
  border-radius: 18px;
  background:
    linear-gradient(135deg,
      rgba(255, 255, 255, 0.11) 0%,
      rgba(0, 210, 255, 0.11) 38%,
      rgba(0, 5, 17, 0.26) 100%);
  box-shadow:
    0 0 18px rgba(255, 255, 255, 0.22),
    0 0 34px rgba(0, 240, 255, 0.25),
    inset 0 0 18px rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(4px);
  animation: rubioHologramaEntrada 1.25s ease-out both;
}

/* Línea luminosa superior */
.rubio-holograma-blog::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 18%;
  width: 64%;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    #FFFFFF 25%,
    #00F0FF 50%,
    #FFFFFF 75%,
    transparent 100%);
  box-shadow:
    0 0 10px rgba(255, 255, 255, 0.90),
    0 0 22px rgba(0, 240, 255, 0.85);
}

/* BLOG RUBIO */
.rubio-holograma-kicker {
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #00F0FF;
  text-shadow:
    0 0 8px rgba(0, 240, 255, 1),
    0 0 20px rgba(0, 240, 255, 0.70);
}

/* Título principal */
.rubio-holograma-title {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(22px, 2.1vw, 36px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-shadow:
    0 0 8px rgba(255, 255, 255, 0.95),
    0 0 22px rgba(0, 240, 255, 0.55),
    0 0 38px rgba(0, 132, 255, 0.34);
}

/* Bajada */
.rubio-holograma-text {
  margin-top: 14px;
  max-width: 520px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: #E0E0E0;
  text-shadow:
    0 0 6px rgba(255, 255, 255, 0.55),
    0 0 14px rgba(0, 210, 255, 0.35);
}

/* Entrada tipo holograma */
@keyframes rubioHologramaEntrada {
  0% {
    opacity: 0;
    transform: translateY(18px) scale(0.96);
    filter: blur(8px);
  }

  55% {
    opacity: 0.85;
    filter: blur(2px);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* TABLET */
@media (max-width: 1024px) {
  .rubio-blog-cover .elementor-widget-html {
    top: 28% !important;
    left: 50% !important;
    width: 43% !important;
  }

  .rubio-holograma-blog {
    padding: 18px 20px;
  }

  .rubio-holograma-text {
    font-size: 14px;
  }
}

/* MÓVIL */
@media (max-width: 767px) {
  .rubio-blog-cover .elementor-widget-html {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: calc(100% - 32px) !important;
    margin: -36px auto 30px auto !important;
  }

  .rubio-holograma-title {
    font-size: 24px;
  }

  .rubio-holograma-text {
    font-size: 14px;
  }
}/* End custom CSS */