/* Ocultar cabecera del tema Hello Biz */
header.site-header, 
#masthead, 
.header-main,
.biz-header-area {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
}	
/* Ocultar la sección de productos relacionados en WooCommerce */
.single-product .related.products, 
.single-product .up-sells.products,
.single-product .hs-form-wrapper + .related { 
    display: none !important; 
}

/* ==================================================
   PIE DE LOS ARTÍCULOS — APOLO
   Compartir, Me gusta y artículos relacionados
   ================================================== */

/* Centrar todos los bloques generados por Jetpack */
body.single-post > .sharedaddy,
body.single-post > #jp-relatedposts {
  box-sizing: border-box;
  width: calc(100% - 40px) !important;
  max-width: 800px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  font-family: "Montserrat", sans-serif;
}

/* Tarjetas de Compartir y Me gusta */
body.single-post > .sharedaddy {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
  padding: 24px !important;
  border: 1px solid #f0e6d2;
  border-radius: 12px;
  background: #fcf9f4;
  text-align: center !important;
}

/* Títulos de Jetpack */
body.single-post > .sharedaddy h3.sd-title {
  display: block !important;
  margin: 0 0 18px !important;
  color: #c9a569 !important;
  font-family: "Fraunces", serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

/* Eliminar la línea gris que añade Jetpack */
body.single-post > .sharedaddy h3.sd-title::before {
  display: none !important;
  content: none !important;
}

/* Centrar los botones sociales */
body.single-post > .sharedaddy .sd-content ul {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-post > .sharedaddy .sd-content ul li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Nuevo estilo para X y Facebook */
body.single-post > .sharedaddy a.sd-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 18px !important;
  border: 1px solid #c9a569 !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  color: #333333 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease,
    transform 0.2s ease;
}

body.single-post > .sharedaddy a.sd-button:hover {
  background: #c9a569 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* Centrar el botón de Me gusta */
body.single-post > .sd-like .likes-widget-placeholder {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center !important;
}

body.single-post > .sd-like iframe {
  display: block !important;
  width: 180px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* ==================================================
   ARTÍCULOS RELACIONADOS
   ================================================== */

body.single-post > #jp-relatedposts {
  margin-top: 30px !important;
  margin-bottom: 45px !important;
  padding: 30px 24px !important;
  border: 1px solid #f0e6d2;
  border-radius: 12px;
  background: #fcf9f4;
}

/* Título personalizado */
body.single-post > #jp-relatedposts::before {
  display: block;
  margin-bottom: 24px;
  color: #000000;
  content: "También te puede interesar";
  font-family: "Fraunces", serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}

/*
 * Jetpack está generando tres bloques idénticos.
 * Dejamos visible solamente el primero.
 */
body.single-post
  > #jp-relatedposts
  .jp-relatedposts-items
  ~ .jp-relatedposts-items {
  display: none !important;
}

/* Cuadrícula de tres artículos */
body.single-post > #jp-relatedposts .jp-relatedposts-items {
  display: grid !important;
  float: none !important;
  width: 100% !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-post > #jp-relatedposts .jp-relatedposts-post {
  float: none !important;
  width: auto !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-post > #jp-relatedposts .jp-relatedposts-post-title {
  display: block;
  height: 100%;
}

/* Tarjeta de cada artículo */
body.single-post > #jp-relatedposts .jp-relatedposts-post-a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 130px;
  padding: 20px;
  border: 1px solid #f0e6d2;
  border-radius: 8px;
  background: #ffffff;
  color: #333333 !important;
  font-family: "Fraunces", serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: center;
  text-decoration: none !important;
  transition: border-color 0.2s ease, transform 0.2s ease,
    box-shadow 0.2s ease;
}

body.single-post > #jp-relatedposts .jp-relatedposts-post-a:hover {
  border-color: #c9a569;
  color: #c9a569 !important;
  box-shadow: 0 5px 16px rgb(0 0 0 / 7%);
  transform: translateY(-2px);
}

/* Adaptación móvil */
@media (max-width: 767px) {
  body.single-post > .sharedaddy,
  body.single-post > #jp-relatedposts {
    width: calc(100% - 32px) !important;
    padding: 22px 16px !important;
  }

  body.single-post > #jp-relatedposts .jp-relatedposts-items {
    grid-template-columns: 1fr;
  }

  body.single-post > #jp-relatedposts .jp-relatedposts-post-a {
    min-height: auto;
    padding: 18px;
  }

  body.single-post > #jp-relatedposts::before {
    font-size: 23px;
  }
}
/* ==================================================
   CORRECCIÓN HERO VIAJES GAY
   ================================================== */

.apolo-hero {
  position: relative !important;
  isolation: isolate;
  min-height: 60vh;
  overflow: hidden !important;
  background: #12213f !important;
}

/* Elimina la superposición anterior de Elementor */
.apolo-hero::before {
  display: none !important;
  content: none !important;
}

/*
 * El picture se encuentra actualmente dentro de
 * apolo-hero-content. Quitamos ese contenedor como
 * referencia de posicionamiento para que la imagen
 * pueda ocupar todo el hero exterior.
 */
.apolo-hero .apolo-hero-content {
  position: static !important;
  z-index: auto !important;
}

.apolo-hero .apolo-hero-content > .e-con-inner {
  position: static !important;
}

/* Sacar la imagen del flujo normal */
.apolo-hero .apolo-hero-media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Envoltorio que añade Elementor al widget HTML */
.apolo-hero
  .apolo-hero-media
  > .elementor-widget-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Picture a pantalla completa */
.apolo-hero .apolo-hero-picture {
  display: block;
  width: 100%;
  height: 100%;
}

/* Imagen a pantalla completa */
.apolo-hero .apolo-hero-picture img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center bottom;
}

/* Degradado oscuro */
.apolo-hero .apolo-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  background: linear-gradient(
    90deg,
    rgba(8, 20, 43, 0.88) 0%,
    rgba(8, 20, 43, 0.70) 44%,
    rgba(8, 20, 43, 0.32) 74%,
    rgba(8, 20, 43, 0.12) 100%
  );
  pointer-events: none;
}

/*
 * Breadcrumb y copy encima de imagen y degradado.
 * Selecciona todos los hijos excepto el widget de imagen.
 */
.apolo-hero
  .apolo-hero-content
  > .e-con-inner
  > :not(.apolo-hero-media) {
  position: relative !important;
  z-index: 2 !important;
}

/* Versión móvil */
@media (max-width: 767px) {
  .apolo-hero {
    min-height: auto;
  }

  .apolo-hero .apolo-hero-picture img {
    object-position: 58% center;
  }

  .apolo-hero .apolo-hero-overlay {
    background: linear-gradient(
      90deg,
      rgba(8, 20, 43, 0.90) 0%,
      rgba(8, 20, 43, 0.78) 68%,
      rgba(8, 20, 43, 0.60) 100%
    );
  }
}
/* HERO — ESCRITORIO */
body.home .hero-home {
  min-height: 80vh;
  min-height: 80svh;

  background-image:
    url("https://apoloeventstrips.com/wp-content/uploads/2026/08/hero-apolo-desktop.webp") !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* HERO — TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
  body.home .hero-home {
    background-image:
      url("https://apoloeventstrips.com/wp-content/uploads/2026/08/hero-apolo-tablet.webp") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

/* HERO — MÓVIL */
@media (max-width: 767px) {
  body.home .hero-home {
    background-image:
      url("https://apoloeventstrips.com/wp-content/uploads/2026/08/hero-apolo-mobile.webp") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}
/* HERO — ESCRITORIO */
body.home .hero-puertovallarta {
  background-image:
    url("https://apoloeventstrips.com/wp-content/uploads/2026/08/hero-puerto-vallarta-apolo-desktop.webp") !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* HERO — TABLET */
@media (min-width: 768px) and (max-width: 1024px) {
  body.home .hero-puertovallarta {
    background-image:
      url("https://apoloeventstrips.com/wp-content/uploads/2026/08/hero-puerto-vallarta-apolo-tablet.webp") !important;

    background-position: center center !important;
  }
}

/* HERO — MÓVIL */
@media (max-width: 767px) {
  body.home .hero-puertovallarta {
    background-image:
      url("https://apoloeventstrips.com/wp-content/uploads/2026/08/hero-puerto-vallarta-apolo-mobile.webp") !important;

    background-position: center center !important;
  }
	/* Fondo general de toda la web */
html,
body,
#page,
.site,
.site-content,
main,
.elementor,
.elementor-page,
.elementor-section-wrap {
    background-color: #F8F6F1 !important;
}

/* Los contenedores sin color propio dejan ver el fondo general */
.elementor-section,
.elementor-container,
.e-con,
.e-con-inner {
    background-color: transparent;
}
	
	/* ==================================================
   APOLO BLOG — FONDO EXTERIOR TRANSPARENTE
   Mantiene intactas las tarjetas
================================================== */

/* Contenedor Elementor */
.apolo-blog-transparent,
.apolo-blog-transparent > .e-con-inner,
.apolo-blog-transparent .elementor-widget-shortcode,
.apolo-blog-transparent .elementor-widget-shortcode > .elementor-widget-container,
.apolo-blog-transparent .elementor-shortcode {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}


/* Wrapper que genera el shortcode:
   SOLO primer nivel, no toca las tarjetas */
.apolo-blog-transparent .elementor-shortcode > div,
.apolo-blog-transparent .elementor-shortcode > section,
.apolo-blog-transparent .elementor-shortcode > main {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}


/* Si el shortcode tiene un segundo wrapper general,
   también lo hacemos transparente.
   Solo afecta a wrappers estructurales directos. */
.apolo-blog-transparent .elementor-shortcode > div > div:first-child {
    background-color: transparent !important;
    background-image: none !important;
}
	/* =========================================
   APOLO EVENTS & TRIPS - COOKIEYES
   ========================================= */


/* CONTENEDOR DEL BANNER */
.cky-consent-container {
    width: calc(100% - 48px) !important;
    max-width: 430px !important;

    left: auto !important;
    right: 24px !important;
    bottom: 24px !important;

    font-family: inherit !important;
}


/* CAJA */
.cky-consent-container .cky-consent-bar {
    background: #ffffff !important;

    border: 1px solid #C9A569 !important;
    border-radius: 18px !important;

    padding: 22px !important;

    box-shadow: 0 14px 40px rgba(0,0,0,0.14) !important;
}


/* TITULO */
.cky-consent-container .cky-title {
    color: #000000 !important;

    font-size: 20px !important;
    font-weight: 600 !important;

    margin-bottom: 8px !important;
}


/* TEXTO */
.cky-consent-container .cky-notice-des,
.cky-consent-container .cky-notice-des p {
    color: #000000 !important;

    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* ENLACES */
.cky-consent-container a {
    color: #000000 !important;

    text-decoration: underline !important;
    text-underline-offset: 3px;
}


/* BOTONES */
.cky-consent-container .cky-btn {
    min-height: 46px !important;

    padding: 11px 16px !important;

    border-radius: 999px !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}


/* ACEPTAR */
.cky-consent-container .cky-btn-accept {
    background: #000000 !important;
    color: #ffffff !important;

    border-color: #000000 !important;
}


/* RECHAZAR */
.cky-consent-container .cky-btn-reject {
    background: #ffffff !important;
    color: #000000 !important;

    border-color: #000000 !important;
}


/* PERSONALIZAR */
.cky-consent-container .cky-btn-customize {
    background: #ffffff !important;
    color: #000000 !important;

    border-color: #C9A569 !important;
}


/* HOVER */
.cky-consent-container .cky-btn:hover {
    background: #C9A569 !important;
    color: #000000 !important;

    border-color: #C9A569 !important;
}


/* =========================================
   MOVIL
   ========================================= */

@media (max-width: 480px) {

    .cky-consent-container {
        left: 10px !important;
        right: 10px !important;

        bottom: max(10px, env(safe-area-inset-bottom)) !important;

        width: auto !important;
        max-width: none !important;
    }


    .cky-consent-container .cky-consent-bar {
        padding: 16px !important;

        border-radius: 14px !important;

        max-height: calc(100dvh - 20px) !important;
        overflow-y: auto !important;
    }


    .cky-consent-container .cky-title {
        font-size: 18px !important;
    }


    .cky-consent-container .cky-notice-des,
    .cky-consent-container .cky-notice-des p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }


    .cky-consent-container .cky-btn {
        width: 100% !important;

        min-width: 0 !important;
        min-height: 46px !important;

        margin: 4px 0 !important;

        font-size: 13px !important;
    }
}


/* =========================================
   MOVILES MUY PEQUEÑOS - 320 / 360 PX
   ========================================= */

@media (max-width: 360px) {

    .cky-consent-container {
        left: 8px !important;
        right: 8px !important;

        bottom: max(8px, env(safe-area-inset-bottom)) !important;
    }


    .cky-consent-container .cky-consent-bar {
        padding: 13px !important;

        border-radius: 12px !important;
    }


    .cky-consent-container .cky-title {
        font-size: 17px !important;
    }


    .cky-consent-container .cky-notice-des,
    .cky-consent-container .cky-notice-des p {
        font-size: 12.5px !important;
        line-height: 1.35 !important;
    }


    .cky-consent-container .cky-btn {
        min-height: 44px !important;

        padding: 9px 10px !important;
    }
}
	.apolo-blog-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 25px !important;
}

.apolo-blog-card {
    background: red !important;
}