.elementor-kit-4{--e-global-color-primary:#003D5C;--e-global-color-secondary:#4BA1D3;--e-global-color-text:#003D5C;--e-global-color-accent:#FAC147;--e-global-color-1867da1:#F2F0EE;--e-global-color-cbd9896:#FFFFFF;--e-global-color-7751ed3:#969696;--e-global-typography-primary-font-family:"Reddit Sans";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Source Serif Pro";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-primary );overscroll-behavior:none;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-4 a:hover{color:var( --e-global-color-primary );}.elementor-kit-4 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Clase global para palabras destacadas en títulos */
.texto-destacado-azul {
  font-family: "Source Serif Pro", "Source Serif 4", Georgia, serif;
  font-weight: 600;      /* SemiBold */
  font-style: italic;    /* Estilo en cursiva como en la imagen */
  color: #4BA1D3;        /* Ajusta este código HEX a tu tono exacto de azul */
  line-height: 1;        /* Altura de línea 100% */
  letter-spacing: 0;     /* Espaciado 0% */
  font-size: inherit;    /* Hereda el tamaño del título para que sea responsive */
}

/* Clase global para palabras destacadas en títulos */
.texto-destacado-white {
  font-family: "Source Serif Pro", "Source Serif 4", Georgia, serif;
  font-weight: 600;      /* SemiBold */
  font-style: italic;    /* Estilo en cursiva como en la imagen */
  color: #ffffff;        /* Ajusta este código HEX a tu tono exacto de azul */
  line-height: 1;        /* Altura de línea 100% */
  letter-spacing: 0;     /* Espaciado 0% */
  font-size: inherit;    /* Hereda el tamaño del título para que sea responsive */
}



/* Contenedor principal de la marquesina */
.marquesina-contenedor {
  display: flex;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  user-select: none;
  
  /* Tipografía general del texto */
  font-family: "Reddit Sans", sans-serif;
  font-weight: 500;  /* Medium */
  color: #003D5C;
  font-size: 3.75rem; /* 60px en escritorio */
  line-height: 1.2;
}

/* Animación del bloque en bucle horizontal continuo */
.marquesina-contenido {
  display: flex;
  flex-shrink: 0;
  min-width: 100%;
  justify-content: space-around;
  align-items: center;
  animation: marquesina-loop 45s linear infinite;
}

/* Estilo exclusivo para la palabra "mar" */
.destacado-mar {
  font-family: "Source Serif Pro", "Source Serif 4", Georgia, serif;
  font-weight: 700;  /* Bold */
  font-style: italic; /* Italic */
}

/* Animación de desplazamiento horizontal */
@keyframes marquesina-loop {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

/* Dispositivos móviles (pantallas de 768px o menos) */
@media (max-width: 768px) {
  .marquesina-contenedor {
    font-size: 2rem; /* 30px (mitad de tamaño) */
  }
}


/* =========================================================
   3. BOTÓN CONTACTO EN EL MENÚ (.cta-menu)
   ========================================================= */
.elementor-nav-menu li.cta-menu > a.elementor-item,
.cta-menu > a.elementor-item {
    background-color: #FAC248 !important;
    color: #003D5C !important;
    border-radius: 50px !important;
    padding: 8px 22px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    border: none !important;
    margin-left: 10px !important;
}

/* Estado Hover del Botón */
.elementor-nav-menu li.cta-menu > a.elementor-item:hover,
.cta-menu > a.elementor-item:hover {
    background-color: #4CA0D8 !important;
    color: #FFFFFF !important;
    box-shadow: 0px 4px 15px rgba(76, 160, 216, 0.4) !important;
}

/* Desactivar subrayados/punteros nativos en el botón */
.elementor-nav-menu li.cta-menu > a.elementor-item::before,
.elementor-nav-menu li.cta-menu > a.elementor-item::after {
    display: none !important;
}/* End custom CSS */