.elementor-widget-section.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-column.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}/* Start custom CSS for html, class: .elementor-element-69fb75c */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800&family=Roboto:wght@400;500&display=swap');

.moja-svcs-highlight-bar {
  font-family: 'Roboto', sans-serif;
  background: #1c1c1c; /* Negro Mate */
  color: #f0f0f0; /* Texto principal blanco hueso */
  padding: 12px 15px;
  position: relative;
  width: 100%;
  margin: 0px 0;
  z-index: 5;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  animation: mojaSvcsBarSlideDown 0.7s ease-out forwards;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #ff4b2b; /* Línea de acento ROJA */
}

@keyframes mojaSvcsBarSlideDown {
  from { transform: translateY(-100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.moja-svcs-highlight-bar-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  flex-wrap: wrap;
}

.moja-svcs-highlight-text-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  text-align: left;
}

.moja-svcs-highlight-stars {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 5px;
}

.moja-svcs-highlight-stars .star-icon {
  width: 16px;
  height: 16px;
  fill: #FFD700;
  opacity: 0;
  animation: svcsStarAppear 0.5s forwards;
}
.moja-svcs-highlight-stars .star-icon:nth-child(1) { animation-delay: 0.8s; }
.moja-svcs-highlight-stars .star-icon:nth-child(2) { animation-delay: 0.9s; }
.moja-svcs-highlight-stars .star-icon:nth-child(3) { animation-delay: 1.0s; }
.moja-svcs-highlight-stars .star-icon:nth-child(4) { animation-delay: 1.1s; }
.moja-svcs-highlight-stars .star-icon:nth-child(5) { animation-delay: 1.2s; }

@keyframes svcsStarAppear {
  to { opacity: 1; }
}

.svcs-main-line {
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3;
  color: #e0e0e0;
}

.svcs-list-highlight {
  font-weight: 700;
  color: #ff4b2b; /* Servicios resaltados en ROJO */
}

.svcs-offer-line {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.9em;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.4;
  margin-top: 3px;
}

.svcs-offer-tag {
  color: #ff4b2b; /* "SAVE NOW:" en ROJO */
  font-weight: 800;
  margin-right: 5px;
  display: inline-block;
}

.animated-offer-pop {
  animation: offerPopEmphasisRedTheme 1s ease-out 1.3s forwards;
  opacity: 0;
  transform: translateY(5px);
}
@keyframes offerPopEmphasisRedTheme {
  0% { opacity: 0; transform: translateY(5px) scale(0.9); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

.svcs-offer-line strong { /* Para "10% OFF" */
  color: #ff4b2b; /* ROJO */
  font-weight: 800;
}

.moja-svcs-highlight-action-area {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  flex-wrap: nowrap; /* Evita que el teléfono y el botón se separen si hay poco espacio */
}

.svcs-phone-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #ff4b2b; /* Enlace telefónico en ROJO */
  padding: 5px;
  border-radius: 4px;
  transition: background-color 0.2s ease, color 0.2s ease;
  animation: phoneLinkPulseRed 2s infinite ease-in-out 1.5s;
}
.svcs-phone-link:hover {
  background-color: rgba(255, 75, 43, 0.15);
  color: #ff6f53;
}

@keyframes phoneLinkPulseRed {
  0%, 100% { transform: scale(1); opacity: 1;}
  50% { transform: scale(1.03); opacity: 0.85;}
}

.svcs-phone-icon {
  width: 22px;
  height: 22px;
  fill: currentColor;
  flex-shrink: 0;
}

.svcs-phone-number {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.4em; /* Tamaño base del número */
  font-weight: 700;
  color: currentColor;
  line-height: 1;
  white-space: nowrap; /* Evita que el número se parta en dos líneas */
}

.moja-svcs-highlight-bar-button {
  font-family: 'Montserrat', sans-serif;
  background-color: #ff4b2b; /* Botón ROJO */
  color: #ffffff !important; /* Texto blanco */
  padding: 10px 18px;
  text-decoration: none !important;
  font-size: 0.9em;
  font-weight: 700;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: background-color 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}

.moja-svcs-highlight-bar-button:hover {
  background-color: #e03c1a;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
}

/* --- Media Queries --- */
@media (max-width: 992px) { /* Tablets y pantallas medianas */
  .moja-svcs-highlight-text-area {
    /* La alineación a la izquierda se mantiene por defecto */
  }
  .svcs-main-line {
    font-size: 0.95em;
  }
  .svcs-phone-number {
    font-size: 1.2em; /* Reducción para tablets */
  }
  .svcs-phone-icon {
    width: 20px; /* Reducción de icono para tablets */
    height: 20px;
  }
  .svcs-phone-link {
    gap: 6px; /* Reducción de gap para tablets */
  }
}

@media (max-width: 768px) { /* Móviles en orientación vertical */
  .moja-svcs-highlight-bar {
    padding: 12px 10px;
  }
  .moja-svcs-highlight-bar-content {
    flex-direction: column; /* Apilar elementos */
    gap: 12px; /* Espacio entre área de texto y área de acción */
  }
  .moja-svcs-highlight-text-area {
      width: 100%;
      align-items: center; /* Centrar el texto cuando está apilado */
      text-align: center;
  }
  .svcs-main-line, .svcs-offer-line {
    text-align: center; /* Asegurar centrado de ambas líneas de texto */
  }
  .moja-svcs-highlight-action-area {
    flex-direction: column; /* Apilar teléfono y botón */
    gap: 10px; /* Espacio entre teléfono y botón */
    width: 100%; /* Ocupar todo el ancho */
    align-items: center; /* Centrar el contenido del área de acción */
  }
  .svcs-phone-link {
    justify-content: center; /* Centrar icono y número de teléfono */
    padding: 8px 0; /* Aumentar un poco el área táctil vertical */
  }
  .svcs-phone-number {
    font-size: 1.25em; /* Tamaño ajustado para móviles */
  }
  .svcs-phone-icon {
    width: 20px;
    height: 20px;
  }
  .moja-svcs-highlight-bar-button {
    width: auto; /* El botón se ajusta a su contenido */
    min-width: 220px; /* Ancho mínimo para buena apariencia y tacto */
    max-width: 90%; /* Evitar que sea excesivamente ancho */
    justify-content: center;
    padding: 12px 15px;
    font-size: 0.95em;
  }
}

@media (max-width: 480px) { /* Pantallas móviles más pequeñas */
  .svcs-main-line {
    font-size: 0.9em; /* Reducción adicional de texto principal */
  }
  .svcs-offer-line {
    font-size: 0.8em; /* Reducción adicional de texto de oferta */
  }
  .svcs-phone-number {
    font-size: 1.1em; /* Número de teléfono más pequeño */
  }
  .svcs-phone-icon {
    width: 18px; /* Icono de teléfono más pequeño */
    height: 18px;
  }
  .svcs-phone-link {
    gap: 5px; /* Gap más pequeño */
  }
  .moja-svcs-highlight-bar-button {
    font-size: 0.9em;
    width: 100%; /* Botón a todo lo ancho para facilitar el clic */
    min-width: unset; /* Quitar min-width si es 100% */
    max-width: 100%;
    padding: 10px 12px; /* Padding del botón más ajustado */
  }
  .moja-svcs-highlight-stars .star-icon {
    width: 14px; /* Estrellas más pequeñas */
    height: 14px;
  }
}/* End custom CSS */