.elementor-8880 .elementor-element.elementor-element-34a98e4{--display:flex;--min-height:49vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--overlay-opacity:0.5;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-8880 .elementor-element.elementor-element-34a98e4:not(.elementor-motion-effects-element-type-background), .elementor-8880 .elementor-element.elementor-element-34a98e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://b55764104.es/wp-content/uploads/sites/606/2025/08/7_7_11zon.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8880 .elementor-element.elementor-element-34a98e4::before, .elementor-8880 .elementor-element.elementor-element-34a98e4 > .elementor-background-video-container::before, .elementor-8880 .elementor-element.elementor-element-34a98e4 > .e-con-inner > .elementor-background-video-container::before, .elementor-8880 .elementor-element.elementor-element-34a98e4 > .elementor-background-slideshow::before, .elementor-8880 .elementor-element.elementor-element-34a98e4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8880 .elementor-element.elementor-element-34a98e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8880 .elementor-element.elementor-element-4404be8{width:var( --container-widget-width, 61.621% );max-width:61.621%;--container-widget-width:61.621%;--container-widget-flex-grow:0;}.elementor-8880 .elementor-element.elementor-element-4404be8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8880 .elementor-element.elementor-element-b860aaf{--display:flex;}.elementor-8880 .elementor-element.elementor-element-c7a1b9e{text-align:center;}.elementor-8880 .elementor-element.elementor-element-c7a1b9e.elementor-widget-heading .elementor-heading-title, .elementor-8880 .elementor-element.elementor-element-c7a1b9e.elementor-widget-heading .elementor-heading-title.elementor-heading-title a{color:#FFFFFF;}.elementor-8880 .elementor-element.elementor-element-ffec022{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:25px 54px;--row-gap:25px;--column-gap:54px;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-8880 .elementor-element.elementor-element-a6532a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8880 .elementor-element.elementor-element-3f68b5c{--grid-columns:2;}.elementor-8880 .elementor-element.elementor-element-3f68b5c .elementor-loop-container{grid-auto-rows:1fr;}.elementor-8880 .elementor-element.elementor-element-3f68b5c .e-loop-item > .elementor-section, .elementor-8880 .elementor-element.elementor-element-3f68b5c .e-loop-item > .elementor-section > .elementor-container, .elementor-8880 .elementor-element.elementor-element-3f68b5c .e-loop-item > .e-con, .elementor-8880 .elementor-element.elementor-element-3f68b5c .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-8880 .elementor-element.elementor-element-3f68b5c .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-8880 .elementor-element.elementor-element-3f68b5c .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-8880 .elementor-element.elementor-element-3f68b5c .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-8880 .elementor-element.elementor-element-3f68b5c .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-8880 .elementor-element.elementor-element-3f68b5c .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-8880 .elementor-element.elementor-element-4c056cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:10px 10px 10px 10px;}@media(max-width:1024px){.elementor-8880 .elementor-element.elementor-element-ffec022{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-8880 .elementor-element.elementor-element-3f68b5c{--grid-columns:2;}}@media(max-width:767px){.elementor-8880 .elementor-element.elementor-element-34a98e4{--min-height:80vh;}.elementor-8880 .elementor-element.elementor-element-34a98e4.e-con{--align-self:center;}.elementor-8880 .elementor-element.elementor-element-4404be8.elementor-element{--align-self:center;}.elementor-8880 .elementor-element.elementor-element-3f68b5c{--grid-columns:1;}.elementor-8880 .elementor-element.elementor-element-4c056cf{--min-height:32vh;}}@media(min-width:768px){.elementor-8880 .elementor-element.elementor-element-a6532a2{--width:50%;}.elementor-8880 .elementor-element.elementor-element-4c056cf{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8880 .elementor-element.elementor-element-a6532a2{--width:93%;}.elementor-8880 .elementor-element.elementor-element-4c056cf{--width:97%;}}@media(min-width:1025px){.elementor-8880 .elementor-element.elementor-element-34a98e4:not(.elementor-motion-effects-element-type-background), .elementor-8880 .elementor-element.elementor-element-34a98e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for mphbe-search-form, class: .elementor-element-4404be8 */.mphb_sc_search-submit-button-wrapper .button{
    background-color: #5e3d29 !important;
    border-radius: 20px;
    transition: background-color 0.3s ease;
}

.mphb_sc_search-submit-button-wrapper .button:hover {
    background-color: #7b5238 !important; /* color más claro u otro tono al pasar el cursor */
}

/*
 * CSS para poner el formulario de búsqueda de MotoPress (mphb_sc_search-form)
 * en una sola línea (horizontal).
 */

/* 1. Convierte el formulario en un contenedor 'flex' (lineal) */
.mphb_sc_search-form {
  display: flex;       /* Activa el modo "lineal" */
  flex-wrap: wrap;     /* Permite que los campos se apilen en pantallas pequeñas */
  align-items: flex-end; /* Alinea todos los campos por la parte de abajo */
  gap: 15px;           /* Añade un espacio horizontal entre cada campo */
}

/* 2. Hace que la nota de "campos obligatorios" ocupe todo el ancho */
.mphb_sc_search-form .mphb-required-fields-tip {
  flex-basis: 100%; /* Ocupa el 100% del ancho, forzándolo a estar arriba */
  margin-bottom: 0;
}

/* 3. Ajusta cada campo del formulario (las etiquetas <p>) */
.mphb_sc_search-form p {
  flex-grow: 1;      /* Permite que los campos crezcan para rellenar el espacio */
  flex-basis: 150px;   /* Ancho mínimo para cada campo antes de apilarse */
  margin: 0;         /* Quita el margen vertical por defecto de las <p> */
}

/* 4. Asegura que el botón no crezca igual que los campos */
.mphb_sc_search-form .mphb_sc_search-submit-button-wrapper {
  flex-grow: 0;
  flex-basis: auto; /* El botón tomará su propio ancho */
}

/* 5. Asegura que los inputs y selects ocupen todo el ancho de su contenedor */
.mphb_sc_search-form input.mphb-datepick,
.mphb_sc_search-form select {
  width: 100%;
  box-sizing: border-box; /* Importante para que el padding no rompa el diseño */
}

.elementor-8880 .elementor-element.elementor-element-4404be8 label {
    color: #fff;
}
.elementor-8880 .elementor-element.elementor-element-4404be8 p.mphb-required-fields-tip {
    color: #fff;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-85c797a *//*
 * CSS para hacer que el popup de MapPress se vea como el de la imagen de referencia.
 * Incluye bordes redondeados, sombras y ajuste de tipografía.
 */

/* 1. Contenedor principal del popup de MapPress (mapp-ib-wrapper no, mapp-ib-content) */
/* El estilo del popup de referencia (segunda imagen) */
.mapp-ib-wrapper .mapp-ib-content {
    /* Quita cualquier fondo predeterminado de Mappress */
    background: none !important;
    padding: 0 !important;
    box-shadow: none !important; /* Quita sombra predeterminada si la hay */
}

.mapp-ib-wrapper .mapp-ib {
    width: 250px; /* Ancho ajustable para el popup completo */
    max-width: 90vw; /* Asegura que no se salga de la pantalla en móviles */
    background-color: #fff; /* Fondo blanco para el popup */
    border-radius: 12px; /* Bordes redondeados para el popup completo */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave */
    overflow: hidden; /* Asegura que los bordes redondeados se apliquen a la imagen */
    font-family: Arial, sans-serif; /* Fuente más genérica y limpia */
}

/* 2. Estilos para el contenedor de la imagen */
.mapp-ib .mapp-thumbnail {
    display: block;
    width: 100%;
    height: 180px; /* Altura fija para la imagen, como en la referencia */
    overflow: hidden; /* Para que la imagen se ajuste dentro de los bordes redondeados del contenedor */
    border-radius: 0; /* No se aplica aquí, se aplica al contenedor principal */
}

/* 3. Estilos para la imagen misma */
.mapp-ib .mapp-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Recorta la imagen para que cubra el espacio sin distorsionarse */
    display: block;
}

/* 4. Estilos para el contenedor del texto (info) */
.mapp-ib .mapp-info {
    display: block;
    width: 100%;
    padding: 15px; /* Espaciado interno generoso */
    box-sizing: border-box;
}

/* 5. Estilos para el título (mapp-title) */
.mapp-ib .mapp-title {
    font-size: 1.25em; /* Tamaño de fuente ligeramente más grande */
    font-weight: 600; /* Un poco más negrita que el normal, pero no tanto como 'bold' */
    margin: 0 0 5px 0; /* Espacio debajo del título */
    color: #333; /* Color oscuro para el texto */
    line-height: 1.3;
}

/* 6. Estilos para el cuerpo/dirección (mapp-body) */
.mapp-ib .mapp-body,
.mapp-ib .mapp-body p {
    font-size: 0.9em;
    color: #666; /* Color gris para el texto secundario */
    margin: 0;
    line-height: 1.4;
}

/* 7. Eliminar el botón "Cómo llegar" si no es necesario */
.mapp-ib .mapp-dir-wrapper {
    display: none;
}

/* 8. Ajustes para el triangulito (tip) del popup */
.mapp-ib-wrapper .mapp-ib-tip {
    background-color: #fff !important; /* El color del tip debe coincidir con el fondo del popup */
    border: none !important; /* Quita el borde si lo tiene */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Aplica la misma sombra al tip */
    z-index: 1; /* Asegura que esté por encima del mapa */
}

/* Si tu tema tiene un CSS para a, h3, div que sobrescriba, podríamos necesitar más especificidad. */


/* Forzar el layout de Mappress a modo "stack" (superior) */

/* 1. Selecciona el contenedor principal del mapa */
/* Usamos el ID de tu mapa "mapid-1" para ser específicos */
.mapp-map-1 .mapp-main {
  /* Mappress usa 'flex'. Lo cambiamos de fila a columna. */
  flex-direction: column !important;
}

/* 2. Ajusta la barra lateral (que ahora está arriba) */
.mapp-map-1 .mapp-sidebar {
  /* Le decimos que ocupe todo el ancho */
  width: 100% !important;
  /* Quitamos el borde derecho (si lo tuviera) */
  border-right: none !important;
  /* Añadimos un borde inferior para separarlo del mapa */
  border-bottom: 1px solid #ddd;
}

/* 3. Ajusta el panel del mapa (que ahora está abajo) */
.mapp-map-1 .mapp-canvas-panel {
  width: 100% !important;
  /* Altura deseada para el mapa */
  height: 500px; /* &lt;-- Puedes ajustar esta altura */ 
}/* End custom CSS */