.elementor-2242 .elementor-element.elementor-element-3b3d67c{--display:flex;--min-height:533px;--flex-direction:column;--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:flex-end;--align-items:center;--overlay-opacity:0.5;}.elementor-2242 .elementor-element.elementor-element-3b3d67c:not(.elementor-motion-effects-element-type-background), .elementor-2242 .elementor-element.elementor-element-3b3d67c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://compramascarnedecerdo.dev.massdeveloperstage.com/wp-content/uploads/2023/12/banners-home_Mesa-de-trabajo-1-1-3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2242 .elementor-element.elementor-element-3b3d67c::before, .elementor-2242 .elementor-element.elementor-element-3b3d67c > .elementor-background-video-container::before, .elementor-2242 .elementor-element.elementor-element-3b3d67c > .e-con-inner > .elementor-background-video-container::before, .elementor-2242 .elementor-element.elementor-element-3b3d67c > .elementor-background-slideshow::before, .elementor-2242 .elementor-element.elementor-element-3b3d67c > .e-con-inner > .elementor-background-slideshow::before, .elementor-2242 .elementor-element.elementor-element-3b3d67c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000061;--background-overlay:'';}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2242 .elementor-element.elementor-element-d22a875 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:22.3px;font-weight:700;}.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:20px;padding-right:20px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#E87A39;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed .elementor-item:before,
					.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed .elementor-item:after{border-color:#E87A39;}.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#E87A39;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#E87A39;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed .elementor-item:before{border-width:3px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 3px 3px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:3px 3px 0 0;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:3px 0 0 3px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 3px 3px 0;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-underline .elementor-item:after,
					 .elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-overline .elementor-item:before,
					 .elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-double-line .elementor-item:before,
					 .elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-double-line .elementor-item:after{height:3px;}.elementor-2242 .elementor-element.elementor-element-d22a875{--e-nav-menu-horizontal-menu-item-margin:calc( 33px / 2 );}.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:33px;}.elementor-2242 .elementor-element.elementor-element-6b10460{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2242 .elementor-element.elementor-element-6b10460:not(.elementor-motion-effects-element-type-background), .elementor-2242 .elementor-element.elementor-element-6b10460 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2242 .elementor-element.elementor-element-0ccb67b{text-align:center;font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:25.57px;color:#000000;}.elementor-2242 .elementor-element.elementor-element-7e18d63{text-align:center;font-family:"Open Sans Hebrew Condensed", Sans-serif;font-size:68px;font-weight:400;line-height:51.05px;color:#E87A39;}.elementor-2242 .elementor-element.elementor-element-54580a4{text-align:center;font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;line-height:25.57px;color:#000000;}.elementor-2242 .elementor-element.elementor-element-e125951{--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;--margin-top:0px;--margin-bottom:-29px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2242 .elementor-element.elementor-element-e125951:not(.elementor-motion-effects-element-type-background), .elementor-2242 .elementor-element.elementor-element-e125951 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF5E8;}.elementor-2242 .elementor-element.elementor-element-11ee499{--display:flex;}.elementor-2242 .elementor-element.elementor-element-daebd0b iframe{height:612px;}.elementor-2242 .elementor-element.elementor-element-54087f5{--display:flex;--margin-top:9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2242 .elementor-element.elementor-element-fd21a30{--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;--margin-top:0px;--margin-bottom:-29px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2242 .elementor-element.elementor-element-fd21a30:not(.elementor-motion-effects-element-type-background), .elementor-2242 .elementor-element.elementor-element-fd21a30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF5E8;}.elementor-2242 .elementor-element.elementor-element-e9430cc{--display:flex;}.elementor-2242 .elementor-element.elementor-element-31f63a4 > .elementor-widget-container{margin:0px 0px 50px 0px;padding:0px 0px 0px 0px;}.elementor-2242 .elementor-element.elementor-element-3092b9d{--display:flex;--margin-top:9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2242 .elementor-element.elementor-element-e9ef58e{--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-2242 .elementor-element.elementor-element-e9ef58e:not(.elementor-motion-effects-element-type-background), .elementor-2242 .elementor-element.elementor-element-e9ef58e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F3F3;}.elementor-2242 .elementor-element.elementor-element-1a60e47{--display:flex;--min-height:300px;--overlay-opacity:0.5;}.elementor-2242 .elementor-element.elementor-element-1a60e47:not(.elementor-motion-effects-element-type-background), .elementor-2242 .elementor-element.elementor-element-1a60e47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://compramascarnedecerdo.dev.massdeveloperstage.com/wp-content/uploads/2025/02/banner-resuelve-con-cerdo-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2242 .elementor-element.elementor-element-1a60e47::before, .elementor-2242 .elementor-element.elementor-element-1a60e47 > .elementor-background-video-container::before, .elementor-2242 .elementor-element.elementor-element-1a60e47 > .e-con-inner > .elementor-background-video-container::before, .elementor-2242 .elementor-element.elementor-element-1a60e47 > .elementor-background-slideshow::before, .elementor-2242 .elementor-element.elementor-element-1a60e47 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2242 .elementor-element.elementor-element-1a60e47 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0000006E 0%, #000000 100%);}.elementor-2242 .elementor-element.elementor-element-41d68b6{--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;--justify-content:flex-start;}.elementor-2242 .elementor-element.elementor-element-2a68196{--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;--justify-content:flex-start;}.elementor-2242 .elementor-element.elementor-element-000fabe{--display:flex;}.elementor-2242 .elementor-element.elementor-element-000fabe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2242 .elementor-element.elementor-element-5c9e835{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2242 .elementor-element.elementor-element-89ae1e2{--display:flex;}@media(min-width:768px){.elementor-2242 .elementor-element.elementor-element-6b10460{--content-width:1350px;}.elementor-2242 .elementor-element.elementor-element-11ee499{--width:100%;}.elementor-2242 .elementor-element.elementor-element-54087f5{--width:40%;}.elementor-2242 .elementor-element.elementor-element-e9430cc{--width:100%;}.elementor-2242 .elementor-element.elementor-element-3092b9d{--width:40%;}.elementor-2242 .elementor-element.elementor-element-e9ef58e{--content-width:1350px;}.elementor-2242 .elementor-element.elementor-element-000fabe{--width:33.664%;}}@media(max-width:1024px){.elementor-2242 .elementor-element.elementor-element-3b3d67c:not(.elementor-motion-effects-element-type-background), .elementor-2242 .elementor-element.elementor-element-3b3d67c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://compramascarnedecerdo.dev.massdeveloperstage.com/wp-content/uploads/2023/12/banners-home_Mesa-de-trabajo-1-1-3.png");background-size:cover;}.elementor-2242 .elementor-element.elementor-element-e125951{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2242 .elementor-element.elementor-element-fd21a30{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-2242 .elementor-element.elementor-element-3b3d67c:not(.elementor-motion-effects-element-type-background), .elementor-2242 .elementor-element.elementor-element-3b3d67c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://compramascarnedecerdo.dev.massdeveloperstage.com/wp-content/uploads/2023/12/banners-06-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2242 .elementor-element.elementor-element-3b3d67c{--min-height:377px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed .elementor-item:before{border-width:5px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 5px 5px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:5px 5px 0 0;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:5px 0 0 5px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 5px 5px 0;}.elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-underline .elementor-item:after,
					 .elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-overline .elementor-item:before,
					 .elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-double-line .elementor-item:before,
					 .elementor-2242 .elementor-element.elementor-element-d22a875 .e--pointer-double-line .elementor-item:after{height:5px;}.elementor-2242 .elementor-element.elementor-element-d22a875 .elementor-nav-menu--main .elementor-item{padding-left:6px;padding-right:6px;}.elementor-2242 .elementor-element.elementor-element-0ccb67b{font-size:15px;}.elementor-2242 .elementor-element.elementor-element-7e18d63{font-size:31px;}.elementor-2242 .elementor-element.elementor-element-54580a4{font-size:15px;}.elementor-2242 .elementor-element.elementor-element-e125951{--margin-top:0px;--margin-bottom:-164px;--margin-left:0px;--margin-right:0px;--padding-top:13%;--padding-bottom:50%;--padding-left:5%;--padding-right:5%;}.elementor-2242 .elementor-element.elementor-element-daebd0b iframe{height:431px;}.elementor-2242 .elementor-element.elementor-element-fd21a30{--margin-top:0px;--margin-bottom:-164px;--margin-left:0px;--margin-right:0px;--padding-top:13%;--padding-bottom:50%;--padding-left:5%;--padding-right:5%;}.elementor-2242 .elementor-element.elementor-element-31f63a4 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-2242 .elementor-element.elementor-element-1a60e47:not(.elementor-motion-effects-element-type-background), .elementor-2242 .elementor-element.elementor-element-1a60e47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://compramascarnedecerdo.dev.massdeveloperstage.com/wp-content/uploads/2025/02/banner-resuelve-con-cerdo2.jpg");}}/* Start custom CSS for text-editor, class: .elementor-element-7e18d63 */.titulo{
    font-family: Bureau !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54087f5 *//* Hacer que el scroll sea suave */
.info-container {
    scroll-behavior: smooth; /* Hace que el scroll sea suave */
    overflow-y: auto; /* Asegura que haya scroll si es necesario */
}

/* Personalizar el ancho y estilo del scroll solo en navegadores que usan Webkit (Chrome, Safari, etc.) */
.info-container::-webkit-scrollbar {
    width: 6px; /* Ancho del scroll (ajustar según preferencia) */
}

.info-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color del track (fondo del scroll) */
}

.info-container::-webkit-scrollbar-thumb {
    background-color: #888; /* Color del scroll */
    border-radius: 10px; /* Redondear el scroll */
}

.info-container::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Color cuando se pasa el mouse sobre el scroll */
}

@media (max-width: 767px) {
    .info-container{
        padding: 25px;
    overflow-y: auto;
    max-height: 551px;
    display: flex;
    flex-wrap: nowrap;
}
}

.icono-telefono {
    width: 15px; /* Ajusta el tamaño del ícono */
    height: 15px;
    margin-right: 5px; /* Espacio entre el ícono y la palabra "Contacto" */
    vertical-align: middle; /* Alinea el ícono con el texto */
}


/* Ocultar inicialmente y posicionar fuera de la vista a la derecha */
.info-container {
    display: none; /* Oculto inicialmente */
    transform: translateX(00%); /* Mover el contenedor fuera de la vista hacia la derecha */
    transition: transform 1.5s ease-in-out; /* Transición suave de 0.5s */
    flex-direction: column;
    /* Otros estilos del contenedor */
}

/* Cuando el contenedor es visible, hacer la transición hacia su posición normal */
.info-container {
     transition: transform 12.5s ease-in-out;
    display: flex; /* Mostrar el contenedor */
    transform: translateX(0); /* Moverlo a su posición original */
}

.info-container{
    padding: 25px;
    text-transform: capitalize;
    overflow-y: auto;
    display: none;
    background: white;
    border-radius: 16px;
    overflow-y: auto;
    max-height: 580px;
    
}

.direccion-container-principal{
    text-transform: capitalize;
    position: relative;
    
    font-family: Anton, sans-serif;
    color: var(--color-naranja);
    font-size: 2.em;
    margin-bottom: 0;
    margin-top: 0;
    
}

.ciudad-container-principal{
    text-transform: uppercase;
    color: var(--e-global-color-72f11fc);
    font-family: "Anton", Sans-serif;
    font-size: 1.2em;
    font-weight: 500;
}

.lugar-container{
    background-color:#FF8941 ;
    padding: 20px;
    border-radius: 15px;
}
.lugar-local{
   text-transform: capitalize;
    background-color: #f5f4f3;
    color: #ff8941;
    padding-left: 5px;
    padding-right: 5px;
    width: max-content;
    margin-bottom: -5px;
    font-family: 'Anton';
}

.text-rotate {
    display: inline-block;
    transform: rotate(-2deg); /* Rota solo el texto */
}

.lugar-titulo{
    text-transform: capitalize;
        font-family: Anton, sans-serif;
    font-weight: 500;
    color: white;
    font-size: 1.5em;
    margin-bottom: 4px;
}

.lugar-telefono{
    text-transform: capitalize;
    font-family: 'Montserrat';
    color: white;
    font-weight: 500;
    margin-bottom: -5px;
}
.lugar-telefono-numero{
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e125951 */.map select {
 border-radius: 15px;
 font-family: "montserrat";
     border: 0px solid var(--color-cafe) !important;
}
/* Estilos para el select */
/* Estilos para el select */
select {
    appearance: none; /* Oculta la flecha predeterminada */
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: white;
    color: #3C3C3B;
    
    padding: 10px;
    border: 1px solid #3C3C3B;
    font-size: 16px;
    border-radius: 4px;
    width: 100%;
    max-width: 300px;

    /* Añadir la flecha personalizada como fondo */
    background-image: url('/wp-content/uploads/2024/09/Vector.svg');
    background-repeat: no-repeat;
    background-position: right 25px center; /* Mueve la flecha 5px más a la izquierda */
    background-size: 20px; /* Tamaño de la flecha */
}

/* Para ocultar la flecha predeterminada en Internet Explorer */
select::-ms-expand {
    display: none;
}



.texto-cercano{background-color: #f47e3e;
    color: white;
    padding-left: 5px;

       padding-right: 5px;
    
    
}

.texto-cercano {
    display: inline; /* Por defecto, el <span> se muestra en línea */
}

/* Media query para tablets, por ejemplo, entre 768px y 1024px */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .texto-cercano {
        display: inline-block; /* Cambia a block para simular un salto de línea en tablet */
    }
}

@media only screen and (max-width: 768px) {
    
    .texto-cercano{
            padding-left: 5px;

       padding-right: 5px;
    }
    .map .filter-wrapper h2 {
        font-family: Anton, sans-serif;
        color: var(--color-naranja);
        font-size: 2.1em;
        
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31f63a4 */select{
    
        appearance: none !important;
        -webkit-appearance: none!important;
        -moz-appearance: none!important;
        background-color: white!important;
        color: #3C3C3B!important;
        padding: 10px!important;
        border: 1px solid #3C3C3B!important;
        font-size: 16px!important;
        border-radius: 4px!important;
        width: 100%!important;
        max-width: 300px!important;
        background-image: url(/wp-content/uploads/2024/12/Vector-flecha.svg)!important;
        background-repeat: no-repeat!important;
        background-position: right 25px center!important;
        background-size: 20px!important;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3092b9d *//* Hacer que el scroll sea suave */
.info-container {
    scroll-behavior: smooth; /* Hace que el scroll sea suave */
    overflow-y: auto; /* Asegura que haya scroll si es necesario */
}

/* Personalizar el ancho y estilo del scroll solo en navegadores que usan Webkit (Chrome, Safari, etc.) */
.info-container::-webkit-scrollbar {
    width: 6px; /* Ancho del scroll (ajustar según preferencia) */
}

.info-container::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color del track (fondo del scroll) */
}

.info-container::-webkit-scrollbar-thumb {
    background-color: #888; /* Color del scroll */
    border-radius: 10px; /* Redondear el scroll */
}

.info-container::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Color cuando se pasa el mouse sobre el scroll */
}

@media (max-width: 767px) {
    .info-container{
        padding: 25px;
    overflow-y: auto;
    max-height: 551px;
    display: flex;
    flex-wrap: nowrap;
}
}

.icono-telefono {
    width: 15px; /* Ajusta el tamaño del ícono */
    height: 15px;
    margin-right: 5px; /* Espacio entre el ícono y la palabra "Contacto" */
    vertical-align: middle; /* Alinea el ícono con el texto */
}


/* Ocultar inicialmente y posicionar fuera de la vista a la derecha */
.info-container {
    display: none; /* Oculto inicialmente */
    transform: translateX(00%); /* Mover el contenedor fuera de la vista hacia la derecha */
    transition: transform 1.5s ease-in-out; /* Transición suave de 0.5s */
    flex-direction: column;
    /* Otros estilos del contenedor */
}

/* Cuando el contenedor es visible, hacer la transición hacia su posición normal */
.info-container {
     transition: transform 12.5s ease-in-out;
    display: flex; /* Mostrar el contenedor */
    transform: translateX(0); /* Moverlo a su posición original */
}

.info-container{
    padding: 25px;
    text-transform: capitalize;
    overflow-y: auto;
    display: none;
    background: white;
    border-radius: 16px;
    overflow-y: auto;
    max-height: 580px;
    
}

.direccion-container-principal{
    text-transform: capitalize;
    position: relative;
    
    font-family: Anton, sans-serif;
    color: var(--color-naranja);
    font-size: 2.em;
    margin-bottom: 0;
    margin-top: 0;
    
}

.ciudad-container-principal{
    text-transform: uppercase;
    color: var(--e-global-color-72f11fc);
    font-family: "Anton", Sans-serif;
    font-size: 1.2em;
    font-weight: 500;
}

.lugar-container{
    background-color:#FF8941 ;
    padding: 20px;
    border-radius: 15px;
}
.lugar-local{
   text-transform: capitalize;
    background-color: #f5f4f3;
    color: #ff8941;
    padding-left: 5px;
    padding-right: 5px;
    width: max-content;
    margin-bottom: -5px;
    font-family: 'Anton';
}

.text-rotate {
    display: inline-block;
    transform: rotate(-2deg); /* Rota solo el texto */
}

.lugar-titulo{
    text-transform: capitalize;
        font-family: Anton, sans-serif;
    font-weight: 500;
    color: white;
    font-size: 1.5em;
    margin-bottom: 4px;
}

.lugar-telefono{
    text-transform: capitalize;
    font-family: 'Montserrat';
    color: white;
    font-weight: 500;
    margin-bottom: -5px;
}
.lugar-telefono-numero{
    font-weight: 300;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd21a30 */.map select {
 border-radius: 15px;
 font-family: "montserrat";
     border: 0px solid var(--color-cafe) !important;
}
/* Estilos para el select */
/* Estilos para el select */
select {
    appearance: none; /* Oculta la flecha predeterminada */
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: white;
    color: #3C3C3B;
    
    padding: 10px;
    border: 1px solid #3C3C3B;
    font-size: 16px;
    border-radius: 4px;
    width: 100%;
    max-width: 300px;

    /* Añadir la flecha personalizada como fondo */
    background-image: url('/wp-content/uploads/2024/09/Vector.svg');
    background-repeat: no-repeat;
    background-position: right 25px center; /* Mueve la flecha 5px más a la izquierda */
    background-size: 20px; /* Tamaño de la flecha */
}

/* Para ocultar la flecha predeterminada en Internet Explorer */
select::-ms-expand {
    display: none;
}



.texto-cercano{background-color: #f47e3e;
    color: white;
    padding-left: 5px;

       padding-right: 5px;
    
    
}

.texto-cercano {
    display: inline; /* Por defecto, el <span> se muestra en línea */
}

/* Media query para tablets, por ejemplo, entre 768px y 1024px */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .texto-cercano {
        display: inline-block; /* Cambia a block para simular un salto de línea en tablet */
    }
}

@media only screen and (max-width: 768px) {
    
    .texto-cercano{
            padding-left: 5px;

       padding-right: 5px;
    }
    .map .filter-wrapper h2 {
        font-family: Anton, sans-serif;
        color: var(--color-naranja);
        font-size: 2.1em;
        
    }
}/* End custom CSS */