/**
Theme Name: MBB
Author: Hormigas en la Nube
Author URI: https://hormigasenlanube.com
Description: Tema hijo basado en Astra Theme, con código personalizado para la web mibauldeblogs.com
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mbb
Template: astra
*/

/*GENERAL*/
a {
    text-decoration: none !important;
}

.ast-single-post.ast-page-builder-template .site-main > article, 
.woocommerce.ast-page-builder-template .site-main, 
.ast-page-builder-template .post-navigation {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: -65px !important;
}

.single-post iframe, embed, object, video {
    max-width: 850px;
    width: 100%;
    min-height: 450px;
}

#wp-block-search__input-1::placeholder {
    color: #666; /* Cambia el color por el que desees */
}

/*Cabecera de titulos con imagen de fondo*/
    /* Imagen destacada ocupando todo el ancho */
    .custom-full-width-header {
        width: 100vw; /* Ancho completo de la ventana */
        margin-left: calc(-50vw + 50%);
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
    }

    .custom-featured-image {
        width: 100%;
        height: 300px; /* Ajusta la altura */
        overflow: hidden;
    }

    .custom-featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Fondo oscuro y título centrado */
    .custom-post-title-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); /* Fondo oscuro */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .custom-post-title-overlay h1 {
    font-size: 36px;
    font-weight: 500;
    margin: 0;
    color: #fff;
    max-width: 1350px;
    text-align: center;
    }

/* Imagen destacada en categorías ocupando el ancho completo */
    .custom-full-width-header {
        width: 100vw;
        margin-left: calc(-50vw + 50%);
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
    }

    .custom-featured-image {
        width: 100%;
        height: 300px; /* Ajusta la altura */
        overflow: hidden;
    }

    .custom-featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Fondo oscuro y título centrado */
    .custom-post-title-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2); /* Fondo oscuro */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .custom-post-title-overlay h1 {
        font-size: 40px;
        font-weight: 400;
        margin: 0;
        color: #fff;
    }

@media (max-width: 768px) {
    .custom-post-title-overlay h1 {
        margin: 10px;
    }
}
    
/*HEADER*/
/*Buscador*/
.ast-header-search .ast-search-menu-icon .search-form {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-right-width: 2px;
    border-color: var(--ast-global-color-6);
    border-radius: 30px;
}

.buscando-mensaje {
    font-size: 1.2em;
    color: #1a1a1a; /* Ajusta el color según tus necesidades */
    text-align: center;
    margin-top: 10px;
    animation: fadeIn 0.5s ease-in-out;
}

/* Animación de aparición */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/*Iconos sociales*/
.wp-block-social-links.has-icon-color.is-style-logos-only.is-layout-flex.wp-container-core-social-links-is-layout-1.wp-block-social-links-is-layout-flex svg {
    width: 18px;
    height: 18px;
}

.ast-above-header-bar.ast-above-header.site-header-focus-item {
    height: 45px; /* Cambia el ancho del elemento a 20px */
}

@media (max-width: 360px) {
  section#block-43 {
    font-size: 10px;
}
}

/*FOOTER*/
/*Logo*/
.wp-block-image img {
    max-width: 75%;
}
.menu-footer-secundario-container {
  display: flex;
  justify-content: center; /* Centra el contenido horizontalmente */
}

.menu-footer-secundario-container ul {
  list-style: none; /* Elimina viñetas */
  padding: 0;
  margin: 0;
  display: flex; /* Alinea los elementos en una fila */
}

.menu-footer-secundario-container li {
  margin-right: 20px; /* Espaciado entre elementos */
}

.menu-footer-secundario-container li:last-child {
  margin-right: 0; /* Elimina margen derecho del último elemento */
}

.menu-footer-secundario-container a {
  text-decoration: none; /* Elimina subrayado de enlaces */
  color: inherit; /* Mantiene el color heredado del tema */
}


/*INICIO*/
/*Tabla fondo*/
.wp-block-atbs-tabs .tabs-titles{
    background-color: #FFF !important;
}

/*Título banner principal*/
.wp-block-heading.has-text-align-center.has-ast-global-color-0-color.has-text-color.has-link-color.wp-elements-319c8400a3464a24a8faeaa47087d914 {
    font-size: 18px;
}

.wp-block-heading.has-text-align-center.has-ast-global-color-0-color.has-text-color.has-link-color.has-x-large-font-size.wp-elements-117672339db34fbb1bbcc210064c3b5e {
    font-weight: 400;
}

/*Botón banner principal*/
.wp-block-search__button {
    font-size: 16px !important;
}

/*Formulario buscar destino*/
.wp-block-search__inside-wrapper .wp-block-search__input {
    border-color: transparent;
    background-color: transparent;
}

.wp-block-search__button {
    white-space: nowrap;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.wp-block-search__button.has-background.has-ast-global-color-6-background-color.has-small-font-size.wp-element-button {
    font-weight: 700;
}

.wp-block-search__input.has-small-font-size {
    font-size: 16px !important;
}

.wp-block-search__inside-wrapper {
    border: 1px solid #DF582A;
    outline: none !important;
}

@media only screen and (max-width: 768px) {
    .wp-block-search__input.has-small-font-size {
        font-size: 12px !important;
    }
}

/* Bloque buscador */
.wp-block-search__inside-wrapper .wp-block-search__input {
    background-color:#fff;
}

/*Caja autor*/
.caja-autor {
    background-image: url('https://www.mibauldeblogs.com/wp-content/uploads/2024/08/20200311_194936-scaled.jpg');
    background-size: cover;
    background-position: center;
    padding: 40px;
    text-align: center;
    color: #ffffff;
}

.caja-autor-contenido {
    background-color: rgba(0, 0, 0, 0.6); /* Fondo semitransparente para destacar el texto */
    padding: 20px;
    border-radius: 8px;
    display: inline-block;
    max-width: 90%;
    margin: auto;
}

.nombre-autor {
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    color: inherit;
}

.lema-autor {
    font-size: 1.2em;
    margin: 10px 0;
}

.separador {
    border: 1px solid #ffffff;
    width: 50%;
    margin: 10px auto;
}

.bio-autor {
    font-size: 1em;
    margin: 15px 0;
}

.boton-conocenos {
    display: inline-block;
    background-color: var(--ast-global-color-3);
    color: #ffffff;
    padding: 10px 20px;
    border: 2px solid var(--ast-global-color-3);
    border-radius: 5px;
    text-decoration: none;
    font-size: 1em;
}

.boton-conocenos:hover {
    background-color: #ffffff;
    color: var(--ast-global-color-3);
    border-color: var(--ast-global-color-3);
}

@media (max-width: 768px) {
    .caja-autor {
        padding: 0;
    }
}



/*Icono testimonios*/
@media only screen and (max-width: 768px) {
    .wp-block-uagb-container.uagb-block-89bd0a67 {
        display: none !important; 
    }
}

/*Linea testimonios*/
@media only screen and (max-width: 767px) {
    .wp-block-uagb-separator.uagb-block-7a395f83 {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .wp-block-uagb-separator.uagb-block-573e9990 {
        display: none !important;
    }
}

/*Viajes populares*/
.carousel-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: visible;
    padding: 0 50px;
}

.carousel-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  overflow: hidden; /* Evitar desbordamientos */
  padding: 0 60px; /* Espacio reservado para las flechas */
}

.carousel {
  display: flex;
  transition: transform 0.5s ease;
  scroll-behavior: smooth;
  overflow-x: auto;
  flex-wrap: nowrap;
  justify-content: space-between; /* Distribuir los elementos equitativamente */
}

.carousel-item {
  position: relative;
  flex: 0 0 19%; /* Hacemos los círculos más pequeños (18% del ancho disponible) */
  margin: 0 5px; /* Espaciado reducido entre los elementos */
}

.carousel-item a {
  text-decoration: none;
  color: inherit;
}

.image-overlay {
  position: relative;
  width: 100%; /* Mantener la imagen adaptada al contenedor */
  padding-top: 100%; /* Mantener el aspecto cuadrado para que la imagen sea redonda */
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-overlay img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.image-overlay h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centramos el texto dentro del círculo */
  color: white;
  font-size: 1.2rem;
  z-index: 2;
  text-align: center;
}

.image-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Overlay oscuro */
  border-radius: 50%;
  z-index: 1;
}

/* Flechas */
.prev-arrow, .next-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  color: #DF582A;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  z-index: 3;
  transition: color 0.3s ease, background-color 0.3s ease;
  padding: 10px;
}

.prev-arrow {
  left: 0;
}

.next-arrow {
  right: 0;
}

/* Cambiar solo el color en hover */
.prev-arrow:hover, .next-arrow:hover {
  color: #00A595;
  background-color: transparent;
}

/* Ajustar barra de scroll oculta */
.carousel::-webkit-scrollbar {
  display: none;
}

/* Adaptación a móviles */
@media only screen and (max-width: 768px) {
  .carousel {
    width: 100%;
    overflow-x: scroll; /* Permitir desplazamiento horizontal en móviles */
    scroll-snap-type: x mandatory; /* Desplazamiento por "snap" en móviles */
  }

  .carousel-item {
    flex: 0 0 85%; /* Mostrar un solo círculo visible en móviles sin cortar el siguiente */
    margin: 0 5px;
  }

  .image-overlay {
    width: 100%;
    padding-top: 100%; /* Mantener el aspecto cuadrado */
  }

  .prev-arrow, .next-arrow {
    font-size: 1.5rem;
  }
}


/*Los más buscados*/
/*Form*/
#wpforms-111359-field_3-container .wpforms-field-large.wpforms-field-required {
    border: 2px solid #FFF !important; 
    border-radius: 25px !important; 
    background-color: transparent !important;
}

#wpforms-111359-field_4-container .wpforms-field-large.wpforms-field-required {
    border: 2px solid #FFF !important; 
    border-radius: 25px !important;
    background-color: transparent !important;
}

#wpforms-111359-field_3::placeholder {
    color: #FFF !important;
    opacity: 1; 
}

#wpforms-111359-field_4::placeholder {
    color: #FFF !important;
    opacity: 1;
}

#wpforms-submit-111359 {
    background-color: #fff !important; 
    border-radius: 25px !important;
    color: #00a595 !important; 
    border: none !important; 
    padding: 10px 20px; 
}

#wpforms-form-111359 .wpforms-field-container {
    display: flex; 
    flex-wrap: wrap; 
    margin-left: -5px;
}

#wpforms-form-111359 .wpforms-field-container .wpforms-field {
    width: 50%; 
    box-sizing: border-box; 
    padding: 0 10px; 
}

#wpforms-form-111359 .wpforms-submit-container {
    width: 50%; 
    padding: 0 10px; 
    box-sizing: border-box;
    text-align: right; 
    margin-left: auto; 
}

#wpforms-form-111359 .wpforms-submit {
    width: 100%; 
    padding: 5px 20px; 
}

/*Iconos*/
/*SOBRE NOSOTROS*/
@media only screen and (max-width: 768px) {
    .wp-block-uagb-container.uagb-block-c0866ce8 {
        display: none !important; 
    }
}

@media only screen and (max-width: 768px) {
    .wp-block-uagb-container.uagb-block-69b2f00b.alignfull.uagb-is-root-container {
        margin-top: -50px !important;
    }
}

/*CONTACTO*/
/* CATEGORIAS */
.category .wp-block-term-description {
    margin-bottom: -10px;}
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
    border-bottom: none;
}

.category .columns-3.wp-block-post-template.is-layout-grid {
    display: flex; /* Aplicamos Flexbox */
    flex-wrap: wrap; /* Permite que las columnas se ajusten si hay varias filas */
    gap: 20px; /* Añade un espacio entre columnas */
}

.category .columns-3.wp-block-post-template.is-layout-grid > li {
    flex: 1 1 30%; /* Hacemos que cada columna tenga la misma proporción */
    display: flex;
    flex-direction: column; /* Hacemos que el contenido interno se organice verticalmente */
}

.category .wp-block-group.has-background {
    flex-grow: 1; /* Hace que el contenido se expanda para ocupar toda la altura disponible */
}
/* Eliminar subrayado de los enlaces */
.wp-block-query-pagination-numbers a {
    text-decoration: none;
}

/* Estilo para el número de la página actual */
.wp-block-query-pagination-numbers .current {
    border: 2px solid var(--ast-global-color-6);
    border-radius: 50%;
    padding: 2px 12px; /* Aumentar el padding para que sea más uniforme */
    color: var(--ast-global-color-6);
    display: inline-block; 
}

/* Aumentar el espaciado entre los números */
.wp-block-query-pagination-numbers a, 
.wp-block-query-pagination-numbers .current {
    margin: 0 5px;
    font-weight: 600;
}

/* Estilo para la flecha de siguiente */
.wp-block-query-pagination-next-arrow {
    font-weight: bold;
    margin-left: 10px;
}

a._self.cvplbd {
    border-radius: 15px;
}

.mini-titulo {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color:  #00A595;
    margin-top: 50px;
}

.category h2 {
    text-align: center;
    text-transform: uppercase;
}

.caja-verde {
    width: 100%;
    text-align: center;
    margin: 50px 0;
    padding: 30px 0;
    background: #00A595;
    color: #fff;
    border-radius: 30px;
}

.category .pt-cv-wrapper {
    margin-bottom: 30px;
}

.category .button {
  display: inline;
  margin: 0 auto; /* Centra horizontalmente */
  padding: 10px 20px;
}

.button-container {
  text-align: center; /* Alinea todo el contenido en el centro */
}

.button-container .button {
  display: inline-block; /* Asegúrate de que el botón sea tratado como un elemento en línea */
    background: #00A595;
    border: #00A595 solid 2px;
}
.button-container .button:hover {
  display: inline-block; /* Asegúrate de que el botón sea tratado como un elemento en línea */
    background: #fff;
    color: #00A595;
    border: #00A595 solid 2px;
}

@media only screen and (max-width: 768px) {
  ul.columns-3.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-1.wp-block-post-template-is-layout-grid {
    margin-left: 0;
  }
}

/*POSTS*/
/*Imagenes ancho completo*/
/* Asegura que solo las imágenes con la clase full-width-image ocupen el ancho completo */
/* Asegura que las imágenes dentro de las entradas ocupen el ancho completo */
.single-post .wp-block-image img {
    width: 100% !important;
    height: auto;
    max-width: 100%;
}

p.comment-notes {
    font-size: 11px;
}

/* Opcional: Para centrar la imagen */
.single-post .wp-block-image.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
/*Breadcrumb*/
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .comment-respond {
    padding: 2em;
}
@media (min-width: 1201px) {
    .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .ast-author-box, .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results {
        padding: 2em;
    }
}

nav.custom-breadcrumbs {
    font-size: 14px;
    padding-left: 2.5em;
}

/*Entradas relacionadas */
/* Añadir sombra a todo el artículo */
.ast-related-post {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave alrededor */
    border-radius: 8px; /* Opcional: bordes redondeados */
    overflow: hidden; /* Asegura que los elementos internos no se salgan del contenedor */
}

/* Añadir padding solo al contenido, sin afectar a la imagen */
header.entry-header.related-entry-header {
    padding: 0 20px; /* Espaciado interno para todo el contenido, excepto la imagen */
}

.ast-related-posts-title .mini-titulo {
    font-size: 18px;
    color: var(--ast-global-color-6);
    margin-bottom: px;
}
.ast-related-posts-title span.mini-titulo::after {
    content: "\A";
    white-space: pre;
}

h2.ast-related-posts-title {
    color: var(--ast-global-color-0) !important;
    font-size: 2em;
    margin-top: 0;
    line-height: 1.2;
}

/*Comentarios*/
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border-radius: 30px !important;
}

/* Cajas*/
.caja-marron-entradas {
    background-color: var(--ast-global-color-1);
    border-radius: 30px;
    padding: 30px;
    color: var(--ast-global-color-5);
    max-width: 800px;
}
.caja-marron-entradas .titulo {
    display: flex;
    align-items: center;
}

.caja-marron-entradas .icono-globo {
    width: 30px;
    height: auto;
    margin-right: 10px;
}

.caja-marron-entradas h2 {
    margin: 0;
    font-size: 22px;
    font-weight: bold;
        color: var(--ast-global-color-5)
}

.caja-marron-entradas hr {
        width:70%;
    border: 1px solid var(--ast-global-color-5);
    background-color: var(--ast-global-color-5);
    height: 2;
    margin: 10px 0;
}

.caja-marron-entradas p {
    margin: 5px 0;
    font-size: 16px;
    line-height: 1.6;
}

/*caja amarilla*/
.caja-amarilla-entradas {
    background-color: var(--ast-global-color-3);
    border-radius: 30px;
    padding: 30px;
    color: var(--ast-global-color-0);
    max-width: 800px;
}

.caja-amarilla-entradas .titulo {
    display: flex;
    align-items: center;
}

.caja-amarilla-entradas .icono-camara {
    width: 30px;
    height: auto;
    margin-right: 10px;
        filter: brightness(0); /* Esto forzará que el icono sea negro */
}

.caja-amarilla-entradas h2 {
    margin: 0;
    font-size: 22px;
    font-weight: bold;
}

.caja-amarilla-entradas hr {
        width:70%;
    border: 1px solid var(--ast-global-color-0);
    background-color: var(--ast-global-color-0);
    height: 2;
    margin: 10px 0;
}

.caja-amarilla-entradas p {
    margin: 5px 0;
    font-size: 16px;
    line-height: 1.6;
}

/*Caja destacados */
.caja-destacados {
    background-color: #fff;
    border: 1px solid var(--ast-global-color-6);
    border-radius: 10px;
    padding: 20px;
    max-width: 800px;
    color: #333;
    font-family: Arial, sans-serif;
}

.caja-destacados .titulo-principal {
    display: flex;
    align-items: center;
    color: var(--ast-global-color-6);
}

.icono-globo {
    width: 40px; /* Ajusta el ancho del icono */
    height: auto;
    margin-right: 10px; /* Añade un margen entre el icono y el texto */
    fill: var(--ast-global-color-6); /* Cambia el color de relleno a rojo */
}

.caja-destacados .titulo-principal h2 {
    margin: 0;
    font-size: 28px;
    font-weight: bold;
    margin-left: 10px;
        color: var(--ast-global-color-6);
}

.caja-destacados .icono-globo {
    width: 40px;
    height: auto;
        stroke: var(--ast-global-color-6);
}

.caja-destacados hr {
    border: none;
    border-top: 1px solid var(--ast-global-color-7);
    margin: 15px 0;
}

.caja-destacados .destacado h3 {
    color: var(--ast-global-color-6);
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.caja-destacados .destacado p {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}
/*AUTOR*/ /*BUSQUEDAS*/ /* BLOG*/
@media (min-width: 922px) {
    .author.archive .site-content > .ast-container, .search .site-content > .ast-container, .page-id-21 .site-content > .ast-container {
        max-width: 100%;
    }
}
.author .columns-3.wp-block-post-template.is-layout-grid, .search .columns-3.wp-block-post-template.is-layout-grid, .page-id-21 .columns-3.wp-block-post-template.is-layout-grid {
    display: flex; /* Aplicamos Flexbox */
    flex-wrap: wrap; /* Permite que las columnas se ajusten si hay varias filas */
    gap: 20px; /* Añade un espacio entre columnas */
}

.author .columns-3.wp-block-post-template.is-layout-grid > li, .search .columns-3.wp-block-post-template.is-layout-grid > li,  .page-id-21 .columns-3.wp-block-post-template.is-layout-grid > li {
    flex: 1 1 30%; /* Hacemos que cada columna tenga la misma proporción */
    display: flex;
    flex-direction: column; /* Hacemos que el contenido interno se organice verticalmente */
}

.author .wp-block-group.has-background, .search .wp-block-group.has-background,  .page-id-21 .wp-block-group.has-background {
    flex-grow: 1; /* Hace que el contenido se expanda para ocupar toda la altura disponible */}
    
.author .wp-block-query ul, .search .wp-block-query ul,  .page-id-21 .wp-block-query ul {
    margin: 0
}

@media (min-width: 1201px) {
   .author.ast-separate-container .ast-article-post,.category.ast-separate-container .ast-article-post, .search.ast-separate-container .ast-article-post,.category.ast-separate-container .ast-article-post,  .page-id-21.ast-separate-container .ast-article-post,.category.ast-separate-container .ast-article-post  {
        padding: 0;
    }
}


/* CALLOUTS EXTRAS */
/* Caja morada con bombilla */
div.cp_morado, div.cp_morado a {
    color: #800080;
}
div.cp_morado {
    border: 1px solid #800080;
    background: #ffe2ff url(https://www.mibauldeblogs.com/wp-content/uploads/2020/05/iconfinder_bulb_1511312.png) no-repeat 0px 1px;
}
/* Caja crema con lápiz */
div.cp_crema, div.cp_crema a {
    color: #800080;
}
div.cp_crema {
    border: 1px solid #F6DBB5;
    background: #F6DBB5 url(https://www.mibauldeblogs.com/wp-content/uploads/2020/06/iconfinder_misc_53_10788.png) no-repeat 14px 14px;
}
/*Caja gris con persona*/
div.cp_gris_persona, div.cp_gris_persona a {
    color: #808080;
}
div.cp_gris_persona {
    border: 1px solid #808080;
    background: #ececec url(https://www.mibauldeblogs.com/wp-content/uploads/2020/05/iconfinder_add_user_678158-2.png) no-repeat 20px 18px;
}
/*Caja azul con hotel*/
div.cp_hotel, div.cp_hotel a {
    color: #808080;
}
div.cp_hotel {
    border: 1px solid #93DAE4;
    background: #93DAE4 url(https://www.mibauldeblogs.com/wp-content/uploads/2020/06/iconfinder_aiga_hotel_information_134175.png) no-repeat 20px 18px;
}
/*Caja verde con comida*/
div.cp_comida, div.cp_comida a {
    color: #808080;
}
div.cp_comida {
    border: 1px solid #FAA965;
    background: #FAA965 url(https://www.mibauldeblogs.com/wp-content/uploads/2020/06/iconfinder_burger_56080.png) no-repeat 20px 18px;
}
/*Caja marron con museos*/
div.cp_museos, div.cp_museos a {
    color: #808080;
}
div.cp_museos {
    border: 1px solid #EDD9C8;
    background: #EDD9C8 url(https://www.mibauldeblogs.com/wp-content/uploads/2020/07/iconfinder_2334_-_Bank_3992928.png) no-repeat 20px 18px;
}
/*Caja verde con reservas*/
div.cp_reservas, div.cp_reservas a {
    color: #808080;
}
div.cp_reservas {
    border: 1px solid #95E6B2;
    background: #95E6B2
url(https://www.mibauldeblogs.com/wp-content/uploads/2017/09/iconfinder_cart_1216588.png) no-repeat 20px 18px;
}
/*Este es comun a todos, es solo poner , y el nombre del nuevo estilo*/
div.cp_morado, div.cp_gris_persona, div.cp_crema, div.cp_hotel, div.cp_comida, div.cp_museos, div.cp_reservas {
    color: #333;
    padding: 20px 20px 20px 60px;
    margin-bottom: 20px;
    min-height: 36px;
}

picture.aligncenter {
    width: 100%;
    text-align: center;
    float: left;
}

blockquote {
    position: relative;
    clear: both;
    background-color: rgba(0,0,0,.03);
    border-left: 32px solid rgba(0,0,0,.03);
    color: rgba(0,0,0,.6);
    letter-spacing: 1px;
    padding: 24px;
    margin: 24px 0;
    overflow: visible;
}
blockquote::before {
    position: absolute;
    top: 12px;
    left: -28px;
    content: '\201c';
    color: rgba(0,0,0,.15);
    font-family: Georgia,serif;
    font-size: 3.051rem;
    font-weight: 400;
    line-height: 1;
}

.site-above-footer-inner-wrap, .site-above-footer-inner-wrap h2, .site-above-footer-inner-wrap a {color: #fff;}
.site-above-footer-inner-wrap a {font-size: 16px}

h1.ast-advanced-headers-title {
    font-weight: 700;
}
h1.page-title, h1.ast-archive-title {
    color:#323232;
    margin-top: 15px;
}

/* CAJA VERDE LATERAL */
.caja-lateral-verde a {
  color: white !important; /* Color blanco por defecto */
  font-weight: bold !important; /* Negrita por defecto */
  text-decoration: none !important; /* Sin subrayado por defecto */
  transition: all 0.3s ease; /* Transición suave */
}

.caja-lateral-verde a:hover {
  color: var(--ast-global-color-3) !important; /* Cambia de color en hover */
  text-decoration: underline !important; /* Subrayado al hacer hover */
}
.caja-lateral-verde #ez-toc-container {
    background: transparent;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    display: table;
    margin-bottom: 1em;
    padding: 5px 10px;
    position: relative;
    width: auto
}
.wp-block-atbs-tabs .tabs-titles .tab-title:hover {
    background-color:#6bd5c4;
}
/*quitar margen blanco en ul */
.caja-lateral-verde .tabs-titles {
    background-color: #00A595 !important;
}
/* alinea horizontal iconos .caja-lateral-verde */
.caja-lateral-verde  .tabs-titles {
    flex-direction: row !important;
     width: 100% !important;
    justify-content: space-between !important;
}
/*iconos pestañas blanco en bloque pestañas */
.cls-1 {
  fill: white !important;
}
/*quitar margen blanco en bloque pestañas*/
.secondary li {
margin-bottom: 0px !important;
}

/* formulario de suscripcion */
.simple_form input {
    margin: 5px 0;
    border: solid 2px #fff;
}

.simple_form .submit-wrapper {
    display: flex;
    justify-content: flex-end;
}

/*modifica pading en sidebar intermundial */
#block-50, #block-75 {
  padding: 5px !important;
}



/*SIDEBAR */
@media (max-width: 768px) {
.sidebar-ads {
    display: none;
    }}

/* entradas */
/* Estilos para el degradado en móviles */
.degradado-movil {
    width: 100%;
    height: 300px; /* Ajusta el alto según tus necesidades */
    background: linear-gradient(45deg, #00A595, #90CCDD); /* Colores del degradado */
}

/* Ajustes de diseño general */
.custom-featured-image {
    position: relative;
    overflow: hidden;
}


/* BANNER DEBAJO DE AUTOR */
.contenedor-widget-debajo-autor, .contenedor-widget-pie {
    margin-top: 20px;
}

.widget-debajo-caja-autor, .widget-pie-entrada {
    margin-bottom: 20px;
}

/* Asegurar que el área de widgets ocupe el 100% del ancho en el pie de página */
.contenedor-widget-pie {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box; /* Asegura que el padding no afecte el ancho */
    text-align: center;
}

.anuncio-adsense {
    width: 100%;
    display: block;
    margin-bottom: 20px; /* Espacio entre el anuncio y la caja de autor */
    min-height: 400px !important; /* Ajuste provisional para el espacio del anuncio */
}

/*QUADMENU*/

@media (max-width: 1920px) {
  #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav li.quadmenu-item > .quadmenu-dropdown-menu {
      left: 20%;
      min-width: 1090px;
  }

  #quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content {
      padding: 10px;
  }
}


#quadmenu.quadmenu-custom_theme_1 .quadmenu-navbar-nav .quadmenu-dropdown-menu .quadmenu-title {
    margin-bottom: 10px;
    margin-top: 10px;align-content
}

/*Testimonios*/
.uagb-tm-img-src {
    border: none;
}


/* Para que se vean bien en ancho y alto el iframe de videos de youtube en movil */
@media (max-width: 768px) { /* Ajusta el ancho según tus necesidades */
    .single-post iframe,
    .single-post embed,
    .single-post object,
    .single-post video {
		
        min-height: 100% !important; 
       
    }
    /*contenedor div para una barra lateral (sidebar) pero que no tiene contenido y crea un espacio en blanco en moviles */
#secondary {
    display: none !important; /* Oculta el elemento */
}
}

/* Para que se vean bien en ancho en imagenes como figure 
.single-post figure {
    width: 100% !important;   
}	*/

/* Para evitar que los botones se alineen a la izquierda  */
.wp-block-buttons {
      display: flex;    /* Aplica display flex a ambos elementos */
}

/* Para evitar que  nuestra guia se alineen a la izquierda  */
.wp-block-gallery {
    display: flex;
    flex-wrap: wrap; /* Asegura que las imágenes bajen a la siguiente línea */
    gap: 16px;
}

.wp-block-gallery .blocks-gallery-item {
    flex: 0 0 calc(33.333% - 16px); /* Para 3 columnas con gap */
    margin: 0;
}
/* Cambia a display contents para móvil */
@media (max-width: 767px) {
    .wp-block-gallery {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }

    .wp-block-gallery .blocks-gallery-item {
        width: calc(50% - 8px) !important;
        margin: 0 !important;
    }
}
  
  .wp-block-gallery.has-nested-images .blocks-gallery-item {
    margin: 0 !important; /* Elimina márgenes heredados del flex */
    width: auto !important; /* Anula anchos fijos */
  }
}
/* Para controlar estilos de anuncios, para evitar que pise contenido  */	
.bloque-anuncio {
    height: 100%; /* Altura del bloque */
    min-height: 100%;
}
.bloque-anuncio iframe {
    min-height: 100%; /* Altura mínima del iframe */
    width: 100%; /* Asegura que el iframe use todo el ancho disponible */
}

/* CF7 */
/* Formulario CF7 a 2 columnas responsive */
#responsive-form{
    max-width:100%;
    margin:0 auto;
    width:100%;
}
.form-row{
    width: 100%;
}
.column-half, .column-full {
    float: left;
    position: relative;
    padding: 0.5rem;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
@media only screen and (min-width: 48em) { 
    .column-half{
        width: 50%;
    }
}

/* bloque iconos sociales */
.iconos-sociales {
    display: inherit !important;
}