/*#region * Vista Resultados */ body[ data-view="resultados" ] #contenido .columnas { padding: 0; } body[ data-view="resultados" ] #contenido .aside {margin-right: 10px;} body[ data-view="resultados" ] #contenido .columnas > .wrapper { display: flex; } body[ data-view="resultados" ] #contenido .columnas > .wrapper > .aside{ flex-shrink: 0; } body[ data-view="resultados" ] #contenido .columnas > .wrapper > .main { width: 100%; min-width: 260px !important; /*overflow: visible*/; padding-top: 20px; margin-top: -20px;} #epis_movil { display: none; } #desc-clone { display: none !important; } .overbutton { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; display: inline-flex; padding: 12px 16px; border-radius: 8px; box-shadow: 0 0 8px 0 rgba(0,0,0,0.3), 0 0 0 8px rgba(255,255,255,0.5); font: bold 14px/18px Arial; color: #333; cursor: pointer; flex-shrink: 1; max-width: 80%; overflow: hidden; flex-flow: row wrap;} .overbutton:hover { opacity: 0.9} .overbutton span { display:flex; align-items: center; justify-content: center; } .overbutton:before { margin-right: 8px; display: flex; align-items: center;} .kmodal.SLML { z-index: 9999999; } .kmodal.SLML .wrap { color: white; text-shadow: 0 0 5px white; font-size: 16px; letter-spacing: 1.4px; line-height: 2; padding: 0; margin: 0; background: none; box-shadow: none; } .kmodal.SLML .dialog .icon { display: none; } #mapa {z-index: 97;position: relative;box-shadow: white 0 0 20px 10px;border-radius: 0 0 5px 5px;} #gsmap { position: relative; border-radius: 4px; overflow: hidden; } #gsmap img { width: 100%; height: 100%; display: block; } #mapa.position-absolute { top: 0; width: 100%; } #mapa > div.fa-spin-cont {border: dashed 1px #ccc;position: absolute;width: 100%;z-index: -1;box-sizing: border-box;border-radius: 5px;height: 100%;} #mapa > div.fa-spin-cont > i.fa-spin { position: absolute; font-size: 35px; color: #ccc; left: 44%; top: 44%; z-index: -1; } #mapa .mapa { position: relative; } #mapa .mapa .paginador { display: none; position: absolute; bottom: 0; width: 100%; height: 40px; padding: 15px 0; background: rgba(255, 255, 255, .75); text-align: center; } #mapa .mapa .paginador .anterior, #mapa .mapa .paginador .siguiente {cursor: pointer;width: 68px;height: 40px;line-height: 40px;text-align: center;font-size: 1.6666666rem;font-weight: bold;color: #666;border-radius: 5px;box-shadow: 0 0 3px 5px #ccc;margin: 0 10px;background: white;/* position: absolute; */} #mapa .mapa .paginador .siguiente { right: 0; } #mapa .mapa .paginador .texto { padding: 2px 0; line-height: 18px; } #mapa .mapa .paginador .texto.opag { line-height: 32px; } #mapa .mapa .geolocation { display: none; } #mapa .mapa #gmap {width: 100%;height: 100%;overflow: hidden;display: none;} #mapa .mapa #gmap img {max-width: inherit !important;max-height: inherit !important; } #mapa .mapa #gmap img.genericsv { filter: brightness(150%); -webkit-filter: brightness(150%); opacity: .5 !important } .aside:not(.expanded) #mapa .mapa #gmap .Gmarker .photo img { display: none;} #mapa .mapa #gmap .Gmarker .buttons { display: none; } #mapa .ampliar {height: 32px;padding: 4px 4px 4px 0;border-color: #333;background: linear-gradient(to bottom, #494949, #333333);} #mapa .ampliar .text { line-height: 30px; display: inline-block;width: 73%;} @media (max-width: 995px) { #mapa .ampliar .text {width: auto} } #mapa .ampliar .text[data-alternative] { display: none; } #mapa .ampliar .text::before { font-family: "Font Awesome 6 Pro"; font-size: 18px; content: "\f31d"; margin-right: 10px; vertical-align: middle; /*transform: rotate(45deg)*/;display: inline-block;} #mapa .ampliar .lock, #mapa .ampliar .unlock { display: none; background: white; height: 32px; line-height: 32px; width: 68px;} #mapa .ampliar .unlock { display: none; } .aside.expanded #mapa .ampliar .lock { display: inline; } #mapa .mapa .overlap {position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);transition: background .5s ease;cursor: pointer;z-index: 1;} #mapa .mapa .overlap:hover { background: rgba(255, 255, 255, .4); } /*#mapa .mapa .overlap:hover::after { font-family: "Font Awesome 6 Pro"; color: #333; content: "\f00e"; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; font-size: 49px; opacity: 1; text-align: center; height: 48px; }*/ .expanded #mapa .mapa .overlap { display: none; } #mapa .mapa .overlap .overbutton{ justify-content: center; text-align: center; box-shadow: 0 0 0 16px rgba(255,255,255,0.5), 0 0 0 32px rgba(255,255,255,0.5); width: 140px; height: 140px; align-content: center; border-radius: 100%; font-size: 16px;} #mapa .mapa .overlap .overbutton .totalmapa { font-size: 24px; line-height: 24px; display: flex; align-items: center; margin-bottom: 12px; background: #ff9802; padding: 8px 12px; border-radius: 134px; color: #fff;} #mapa .mapa .overlap .overbutton .totalmapa::before { content: "\f3c5"; color: #fff; font-size: 24px; line-height: 24px; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin-right: 8px; } #mapa .mapa .overlap .overbutton:hover { opacity: 1} #mapa .cluster span, #gmap .cluster span { font-family: Rubik !important; font-weight: 500 !important; font-size: 14px !important; display: block !important; padding-top: 1px; color: #fff; } #contenido .aside.expanded.fly { overflow: visible; float: right; } #contenido .aside.expanded #seo { display: none; } .expanded #mapa { height: 698px; } .expanded #mapa .mapa { height: 656px; } .expanded #mapa .mapa .paginador {display: flex;justify-content: space-between;align-items: center;} .expanded #mapa .mapa #gmap .Gmarker .buttons { display: block; } .expanded #mapa .ampliar .text { display: none; } .expanded #mapa .ampliar .text[data-alternative] { display: inline-block; /* padding-left: 72px; */ } .expanded #mapa .ampliar .text::before { content: "\f066"; } .expanded #mapa .ampliar .lock, .expanded #mapa .ampliar .unlock { width: 68px; margin-right: 5px; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] {margin-top: 20px;height: auto;} .aside .wrapper[data-wrap="ayuntamientos-lugares"].bg { background: white; } #banners_laterales { margin: 20px auto 0; width: 100%; min-height: 300px; /* background: #ccc; */ position: relative; max-width: 300px; /*max-height: 300px;*/ /*box-sizing: border-box;*/ border: solid 1px #ddd; text-align: center;} #banners_laterales > div { position: relative; } #banners_laterales .over { position: absolute; width: 100%; height: 100%; z-index: 1; cursor: pointer; } /*#banners_laterales iframe { height: 100%; width: 300px; margin: 0 auto; }*/ #banners_laterales iframe { min-height: 300px; max-height: 600px; /*height: 300px;*/ width: 100%; max-width: 300px;/* max-width: 250px; */display: block;margin: 0 auto;} #banners_laterales.google { min-height: 250px; width: 100%; } #banners_laterales.google > div:not(.fa-spin-cont) { width: 100%; min-height: 250px; } #banners_laterales #dvBannerPaxinasP { max-width: 200px; max-height: 100%; margin: 0 auto;display: block; width: 100%;} #banners_laterales .bp { width: 300px; height: 250px; margin: 0 auto; } .expanded #banners_laterales { width: 300px; float: left; margin-right: 20px; } .expanded [data-wrap="ayuntamientos-lugares"] { /*margin-top: 20px;*/ overflow: hidden; border-radius: 5px; } #ayuntamientos {margin-top: 20px;overflow: hidden;border-radius: 5px 0 0 5px;position: relative;} #ayuntamientos:not(.destacado) { border: 1px dashed #ccc; padding: 10px; position: relative; border-radius: 5px;} #ayuntamientos > div > div {border-color: #333;padding: 10px;border: none;} #ayuntamientos:not(.destacado) > div > div { padding: 0px;} #ayuntamientos > div > div:not(:first-child) { margin-top: 10px; } /*#ayuntamientos .encabezado { line-height: 27px; margin: 0 0 8px 0; border-bottom: 1px solid; padding-left: 8px; }*/ #ayuntamientos .encabezado { line-height: 27px; margin: 0 0 8px 0; border-bottom: 1px solid #ccc; padding-left: 8px; } /*#ayuntamientos .encabezado::before { font-family: "Font Awesome 6 Pro"; content: "\f07c"; margin: 0 6px 0 4px; vertical-align: middle; font-weight: 900; font-size: 16px; }*/ #ayuntamientos li { display: flex; padding: 4px 4px 4px 8px; margin: 2px 0; line-height: 140%; } #ayuntamientos li:last-child { margin-bottom: 0; } #ayuntamientos li.a { } /*#ayuntamientos li.a::before { font-family: "Font Awesome 6 Pro"; content: "\f064"; }*/ #ayuntamientos li.b { } /*#ayuntamientos li::before { font-family: "Font Awesome 6 Pro"; content: "\f054"; width: 20px; display: inline-block; text-align: center; line-height: 100%; vertical-align: middle; flex-shrink: 0; }*/ #dvEpiBus {border-color: #333;padding: 10px;/* margin-top: 20px; *//* overflow: hidden; */} #dvEpiBus ul {overflow: hidden;height: 96%;} #dvEpiBus .encabezado { line-height: 27px; margin: 0 0 8px 0; border-bottom: 1px solid; padding-left: 8px;} /*#dvEpiBus .encabezado::before { font-family: "Font Awesome 6 Pro"; content: "\f07c"; margin: 0 6px 0 4px; vertical-align: middle; font-weight: 900; font-size: 16px; }*/ #ayuntadvEpiBusmientos li { margin-bottom: 14px; } #dvEpiBus li:last-child { margin-bottom: 0 !important; } #dvEpiBus li.a { margin-left: 2px; } #dvEpiBus li.a::before { font-family: "Font Awesome 6 Pro"; content: "\f064"; } #dvEpiBus li.b { padding: 4px 4px 4px 8px; margin: 2px 0; line-height: 140%; display: flex; align-items: center; } /*#dvEpiBus li::before { font-size: 12px; font-family: "Font Awesome 6 Pro"; content: "\f005"; font-weight: 600; display: inline-block; text-align: center; line-height: 100%; vertical-align: middle; flex-shrink: 0; margin: 0 6px 0 0; }*/ .expanded #ayuntamientos, .expanded #dvEpiBus {/* border: none; margin-top: 0 */; } #lugares {margin-top: 20px;padding: 10px;border-color: #ccc;overflow: hidden;} #lugares .encabezado { line-height: 27px; margin: 0 0 8px 0; border-bottom: 1px solid #ccc; padding-left: 8px; } /*#lugares .encabezado::before { font-family: "Font Awesome 6 Pro"; content: "\f07c"; margin-right: 4px; vertical-align: middle; font-weight: 900;}*/ #lugares li { padding: 4px 4px 4px 8px; margin: 2px 0; line-height: 140%; } #lugares li:last-child { margin-bottom: 0; } /*#lugares li:not(.c)::before { font-family: "Font Awesome 6 Pro"; content: "\f054"; } #lugares li::before { margin-right: 2px; }*/ #lugares .pie { display:none; } .expanded #lugares { border: dashed 1px #333; /*margin-top: 0;*/ } .aside .wrapper[data-wrap="ayuntamientos-lugares"] > div .overlap { overflow: hidden; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] > div .vm { position: absolute; bottom: 0; height: 68px; background: linear-gradient(to top, white 55%, rgba(255,255,255,0)); background: -webkit-linear-gradient(bottom, white 55%, rgba(255,255,255, 0)); line-height: 118px; margin: 0 1px; border-radius: 4px; cursor: pointer; width: 99%; text-indent: 10px; color: #666; font-size: 18px; text-decoration: underline; left: 1px; padding-bottom: 14px; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] > div .vm::before {font-family: "Font Awesome 6 Pro";content: "\f078";text-decoration: none;display: inline-block;margin-left: -10px;margin-right: 4px;font-weight: bold;} .aside .wrapper[data-wrap="ayuntamientos-lugares"] > div .vm.opened {position: static;height: auto;line-height: normal;margin-top: 8px;background: none;width: auto;margin-left: -10px;padding-bottom: 4px;} .aside .wrapper[data-wrap="ayuntamientos-lugares"] > div .vm.opened::before { content: "\f077"; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado .vm { background: linear-gradient(to bottom, rgba(255,255,255,0), #333 55%); color: white; height: 68px; line-height: 118px; bottom: 0px; left: -1px; width: 100%; overflow: hidden; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado .vm.opened {line-height: 30px;margin: 10px 0 -18px -10px;width: 107%;height: 38px;} .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado { background: linear-gradient(to bottom, #494949, #333333); position: relative; border-radius: 5px; box-sizing: border-box; border: none; padding: 0 0 8px; overflow: visible !important; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado:after{display: none;position: absolute;top: 0;bottom: 0;margin: auto;height: 40px;right: -50px;width: 50px;font-family: "Font Awesome 6 Pro"; font-weight: bold; color: white;font-size: 40px;content: "\f0b0";text-align: center;} .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado:before {display: none;content: "";height: 100%;position: absolute;top: 0;right: -50px;width: 50px;background: linear-gradient(to right, rgba(153,153,153,0.3), rgba(204,204,204,0.2)), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH4AcLDAckxelhQQAAAAd0RVh0QXV0aG9yAKmuzEgAAAAMdEVYdERlc2NyaXB0aW9uABMJISMAAAAKdEVYdENvcHlyaWdodACsD8w6AAAADnRFWHRDcmVhdGlvbiB0aW1lADX3DwkAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAAN0lEQVQImU3MsRWAIBAFwTlK4ldLUVxLGvhUNpxga611QVWBJIajOafu/vEFPJjkAxhJ7L3PixtE3w9zOPA4UAAAAABJRU5ErkJggg== );border-radius: 0 40px 40px 0;} .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado .encabezado {color: #FFCC00;} .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado .encabezado:before { color: #FFCC00; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado ul { display: flex; flex-direction: column; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado li { color: #FFCC00; order:1;} .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado li.font-weight-bold { font-size: 16px; font-weight: normal; text-indent: 0px; line-height: 20px !important; order: 0; background: linear-gradient(to right, rgb(198 198 198 / 22%), transparent); border-radius: 16px; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado li.font-weight-bold:before { font-size: 12px; font-family: "Font Awesome 6 Pro"; content: "\f005"; font-weight: 600; display: inline-block; text-align: center; line-height: 100%; vertical-align: middle; flex-shrink: 0; margin: 0 6px 0 0; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado li a { color: white; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado li span { color: #FFCC00; margin-left: 4px; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado > div { border: none; } .aside .wrapper[data-wrap="ayuntamientos-lugares"] .destacado#ayuntamientos > div:not(:first-child) {margin-top: 0;} /*#region resultados base */ #resultados { } #resultados .mensajes { padding: 0 10px;} #resultados .mensajes div {border-color: #999;margin: 8px auto 12px;overflow: hidden;padding: 8px 0;} #resultados .mensajes div i{ width: 60px; display: inline-block; vertical-align: middle; text-align : center; color: #999; font-size: 30px; text-align: center; } #resultados .mensajes div p { text-align: center; line-height: 22px; display: inline-block; width: calc(100% - 64px - 64px); vertical-align: middle; font-size: 14px; } #resultados .mensajes div p a { color: #008CEB; text-decoration: none; } #resultados .mensajes .div p a span:first-child { text-decoration: underline; } #resultados .mensajes div p a .num {color: #fa7a19;font-size: 16px;} #resultados .mensajes div .incorrecto { color: #FF0000; } #resultados .mensajes div .correcto { color: #009900; } #resultados .mensajes .provincia { width: 500px; } .main.shrink #resultados .mensajes .provincia { width:100%; } #resultados .mensajes .sinresultado { padding: 30px } #resultados .mensajes .sinresultado .incorrecto { font-size: 25px; color: #FF6600; display: block; margin: 8px 0px 4px; line-height: 25px } #resultados .mensajes .sinresultado i { font-size: 120px; color: #ccc; width: 160px; } #resultados .mensajes .sinresultado p { text-align: left; width: calc(100% - 164px)} #resultados .mensajes .sinresultado.cercano .incorrecto:first-of-type { color: #333; text-decoration: line-through; font-size: 1.5rem; line-height: 100%; display: inline-block;} #resultados .mensajes .sinresultado.cercano .incorrecto:last-of-type { color: #009900; margin: 0 0 8px;} #resultados .mensajes .sinresultado.cercanoresult { padding: 20px; } #resultados .mensajes .sinresultado.cercanoresult .sugerido{ color: #009900; font-size: 25px;display: block; margin: 8px 0px 4px; line-height: 25px } #resultados .mensajes .sinresultado.cercanoresult i{ font-size: 80px; line-height: 60px; text-align: right;} #contenido .main.shrink #resultados .mensajes .sinresultado i{ display: none; } #contenido .main.shrink #resultados .mensajes .sinresultado p{ width: 100%; } #resultados > ul { padding: 0 10px; } .shrink #resultados > ul.byname, .shrink #resultados > .verbyname { display: none; } #resultados > ul.byname { background: url(/img/dashed.jpg); padding: 10px; border-bottom: 12px solid black; } #resultados > .verbyname { background: black; width: 368px; margin: 0 auto; color: white; text-align: center; margin-bottom: 30px; line-height: 38px; padding-bottom: 12px; border-radius: 0 0 10px 10px; font-size: 14px; } #resultados > .verbyname a { color: white; } #resultados > .verbyname::after, #resultados > .verbyname::before { content: "\f062"; font-family: "Font Awesome 6 Pro"; font-weight: bold; display: inline-block; vertical-align:middle; line-height: 38px; font-size: 30px; color: white; } #resultados > .verbyname::before { margin-right: 20px; } #resultados > .verbyname::after { margin-left: 20px; } #resultados > .verbyname .num { color: #FFFF00; font-size: 18px; } /*#resultados > ul:not(.original) { display: none; }*/ #resultados > ul > li { margin-bottom: 20px; border-top-style: solid; border-width: 12px; position: relative;border-bottom-width: 0; border-left-width: 0;} #resultados > ul > li:last-child { margin-bottom: 0; } #resultados > ul > li[data-hastext="false"]:not(.modulo_unico):not(.modulo_avanzado) .contenido {/* display: none; */} #resultados > ul > li[data-hastext="false"][data-numimg="0"]:not(.modulo_unico):not(.modulo_avanzado) .pie { margin-top: 0; border-top: none; } #resultados > ul > li[data-hastext="false"][data-numimg="0"][data-epis="True"]:not(.modulo_unico):not(.modulo_avanzado) .pie {margin-top: 12px;border-top: dotted 1px #ccc;} #resultados > ul > li[data-numimg="1"]/*[data-hastext="true"]*/ .contenido {width: calc(100% - 150px);} #resultados > ul > li[data-numimg="2"]/*[data-hastext="true"]*/ .contenido {width: calc(100% - 290px);} #resultados > ul > li[data-numimg="1"][data-hastext="false"] .distance {width: calc(100% - 150px);clear: left;margin-top: 12px;} #resultados > ul > li[data-numimg="2"][data-hastext="false"] .distance {width: calc(100% - 290px);clear: left;margin-top: 12px;} #resultados li i.mobile, #resultados li i.whatsapp { display: none; } #resultados li i.desktop { display: inline; } #resultados li span[data-whatsapp="2"] i.whatsapp { display: inline; } #resultados li span[data-whatsapp="2"] i.desktop { display: none; } #resultados li > .wrapper { border-color: #999; overflow: hidden; position: relative; background: white; } #resultados li > .wrapper > div { padding-right: 12px; padding-left: 12px; } #resultados li > .wrapper > .cabecera { padding-left: 0; } #resultados li .cabecera, #resultados li .cabecera > div > .titulo, #resultados li .contenido { padding: 0 10px; } #resultados li .imagenes.b { float: left; margin: 6px 10px 6px 6px; } #resultados li .imagenes.b > span { width: 92px; height: 80px; position: relative; } #resultados li .imagenes.b > span:not(.fachada) { display: none; } #resultados li .cabecera { padding-top: 10px; position: relative; } #resultados li .cabeceracont { } #resultados li .cabecera .bg {/* display: none; */} #resultados li .cabecera > div > .titulo { } #resultados li .cabecera > div > .titulo.clone { display: none; } #resultados li .cabecera > div > .titulo > div {margin-left: 41px; overflow: hidden; margin: 3px 0 5px; padding-left: 16px;} #resultados li .cabecera .letra { width: 41px; height: 46px; font-size: 0; display: none;} #resultados li .cabecera .letra img { cursor: pointer; } #resultados li .cabecera .titulo {overflow: hidden;height: auto;position: static;clear: inherit;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;} #resultados li .cabecera .titulo:nth-child(2) {} #resultados li .cabecera .titulo a {color: #424242;} #resultados li .cabecera .nombre { height: auto; max-height: 44px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left;max-width: 100%; display: flex; } #resultados li .cabecera .comentarios {width: 52px;height: 24px;margin: 0 8px;color: #F4F4F4;float: right;order: 2;font-weight: 500;background: #333;display: flex;align-items: center;justify-content: center;} #resultados li .cabecera .comentarios:before { content: "\f075"; margin-right: 4px; font-family: "Font Awesome 6 Pro"; font-weight: 900;} #resultados li .cabecera .comentarios > i { margin-left: 1px; } #resultados li .cabecera .direccion {margin-bottom: 10px;clear: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;max-width: 100%;line-height: 120%;opacity: .8;} #resultados li .cabecera .direccion .municipio {font-weight: 500;} #resultados li .cabecera .direccion a { color: inherit; text-decoration: inherit; } #resultados li .cabecera .imagenes { width: auto;margin: 0 0 0 5px;} #resultados li .cabecera .imagenes > span {padding: 5px;width: 120px;height: 80px;background: white;margin-left: 8px;text-align: center;position: relative;line-height: 75px;font-size: 0;cursor: pointer;} #resultados li .cabecera .imagenes > .deg { display: none; position: absolute; height: 86px; width: 138px; background: linear-gradient(to right, rgba(217,0,0,1), rgba(217,0,0,0)); z-index: 1; padding: 0; left: -10px; } #resultados li .cabecera > div > .titulo { } #resultados li .cabecera > div > .titulo .apartamento, #resultados li .cabecera > div > .titulo .albergue, #resultados li .cabecera > div > .titulo .camping, #resultados li .cabecera > div > .titulo .hotel, #resultados li .cabecera > div > .titulo .rural { display: inline-flex; align-items: flex-start; } #resultados li .cabecera > div > .titulo .apartamento:before, #resultados li .cabecera > div > .titulo .albergue:before, #resultados li .cabecera > div > .titulo .camping:before, #resultados li .cabecera > div > .titulo .hotel:before, #resultados li .cabecera > div > .titulo .rural:before {content:"aaa";margin-left: 4px;font-size: 12px;line-height: 12px;display: inline-flex;align-items: flex-start;font-family: "Font Awesome 6 Pro";color: #333;} #resultados li .cabecera > div > .titulo .camping:before, #resultados li .cabecera > div > .titulo .albergue:before, #resultados li .cabecera > div > .titulo .rural:before { font-family: Tahoma; background: #000; font-size: 10px; padding: 0 4px 1px; height: 14px; align-items: center; color: #fff; border-radius: 20px; justify-content: center; min-width: 12px; } #resultados li .cabecera > div > .titulo .apartamento.uno:before { content: "\f084";} #resultados li .cabecera > div > .titulo .apartamento.dos:before { content: "\f084\f084"; } #resultados li .cabecera > div > .titulo .apartamento.tres:before { content: "\f084\f084\f084"; } #resultados li .cabecera > div > .titulo .apartamento.cuatro:before { content: "\f084\f084\f084\f084"; } #resultados li .cabecera > div > .titulo .apartamento.cinco:before { content: "\f084\f084\f084\f084\f084"; } #resultados li .cabecera > div > .titulo .albergue.uno:before { content: "1ª Cat."; } #resultados li .cabecera > div > .titulo .albergue.dos:before { content: "2ª Cat."; } #resultados li .cabecera > div > .titulo .albergue.tres:before { content: "3ª Cat."; } #resultados li .cabecera > div > .titulo .camping.uno:before { content: "1ª Cat."; } #resultados li .cabecera > div > .titulo .camping.dos:before { content: "2ª Cat."; } #resultados li .cabecera > div > .titulo .camping.tres:before { content: "3ª Cat."; } #resultados li .cabecera > div > .titulo .hotel.uno:before { content: "\f005"; } #resultados li .cabecera > div > .titulo .hotel.dos:before { content: "\f005\f005"; } #resultados li .cabecera > div > .titulo .hotel.tres:before { content: "\f005\f005\f005"; } #resultados li .cabecera > div > .titulo .hotel.cuatro:before { content: "\f005\f005\f005\f005"; } #resultados li .cabecera > div > .titulo .hotel.cinco:before { content: "\f005\f005\f005\f005\f005"; } #resultados li .cabecera > div > .titulo .rural.hr:before { content: "HR"; } #resultados li .cabecera > div > .titulo .rural.a:before { content: "A"; } #resultados li .cabecera > div > .titulo .rural.b:before { content: "B"; } #resultados li .cabecera > div > .titulo .rural.c:before { content: "C"; } #resultados li .cabecera > div > .titulo .rural.d:before { content: "D"; } #resultados li .cabecera > div > .titulo .grupo, #resultados li .cabecera > div > .titulo .especialidad{ display: inline-flex; align-items: flex-start; } #resultados li .cabecera > div > .titulo .grupo:before, #resultados li .cabecera > div > .titulo .especialidad:before {font-family: Tahoma;background: #333;font-size: 10px;padding: 0 4px 1px;height: 14px;align-items: center;color: #fff;border-radius: 20px;justify-content: center;min-width: 12px;content:"aaa";margin-left: 4px;line-height: 12px;display: inline-flex;} #resultados li .cabecera > div > .titulo .grupo.H:before { content: "H"; } #resultados li .cabecera > div > .titulo .grupo.HR:before { content: "HR"; } #resultados li .cabecera > div > .titulo .grupo.HS:before { content: "HS"; } #resultados li .cabecera > div > .titulo .grupo.P:before { content: "P"; } #resultados li .cabecera > div > .titulo .grupo.PR:before { content: "PR"; } #resultados li .cabecera > div > .titulo .grupo.CH:before { content: "CH"; } #resultados li .cabecera > div > .titulo .grupo.F:before { content: "F"; } #resultados li .cabecera > div > .titulo .grupo.VT:before { content: "VT"; } #resultados li .cabecera > div > .titulo .especialidad.AT:before { content: "AT"; } #resultados li .cabecera > div > .titulo .especialidad.HA:before { content: "HA"; } #resultados li .cabecera > div > .titulo .especialidad.HL:before { content: "HL"; } #resultados li .cabecera > div > .titulo .especialidad.HO:before { content: "HO"; } #resultados li .cabecera > div > .titulo .especialidad.HN:before { content: "HN"; } #resultados li .cabecera > div > .titulo .especialidad.HT:before { content: "HT"; } #resultados li .cabecera > div > .titulo .especialidad.HP:before { content: "HP"; } #resultados li .cabecera > div > .titulo .especialidad.HD:before { content: "HD"; } #resultados li .cabecera > div > .titulo .especialidad.HM:before { content: "HM"; } #resultados li .cabecera > div > .titulo .especialidad.HG:before { content: "HG"; } #resultados li .cabecera > div > .titulo .especialidad.HF:before { content: "HF"; } #resultados li .cabecera > div > .titulo .especialidad.HU:before { content: "HU"; } #resultados li .cabecera > div > .titulo .especialidad.MT:before { content: "MT"; } #resultados li .cabecera > div > .titulo .especialidad.PT:before { content: "PT"; } #resultados li .cabecera > div > .titulo .especialidad.PG:before { content: "PG"; } #resultados li .cabecera > div > .titulo .especialidad.TA:before { content: "TA"; } #resultados li.full_images .cabecera .imagenes > .deg { display: block; } #resultados li .cabecera .imagenes > span:last-child { margin-left: 0; } #resultados li .cabecera .imagenes > span img {display: inline-block;vertical-align: middle;height: 100%;filter: contrast(125%);-webkit-filter: contrast(125%);width: 100%;height: 100%;object-fit: cover;background: #fff;} #resultados li .cabecera .imagenes.genericsv > span.fachada img { filter: brightness(150%); -webkit-filter: brightness(150%); opacity: .5 !important} #resultados li .cabecera .imagenes.genericsv > span.fachada:before { content: "\f105"; width: 50%; height: 28px; background: rgb(255, 255, 255); position: absolute; right: 4px; bottom: 4px; z-index: 24; font-family: "Font Awesome 6 Pro"; color: #666; font-size: 24px; font-weight: bold; display: flex; justify-content: center; align-items: center; BORDER-RADIUS: 12px 0 0 0 } #resultados li .cabecera .imagenes > span.logo img {max-height: 100%;height: auto;filter: unset;-webkit-filter: unset;} #resultados li .cabecera .imagenes.genericsv > span.fachada:before { display: none; } #resultados li .cabecera .imagenes .video { border-color: #333; background: #333; position: relative } #resultados li .cabecera .imagenes .video .play { position: absolute; right: 2px; bottom: 2px; display: flex; align-items: center; justify-content: center; background: white; color: red; opacity: .9; border-radius: 4px; padding: 0 4px; line-height: 100%; z-index: 1; } #resultados li .cabecera .imagenes .video .play i.fab {font-size: 30px;color: #FF0000;line-height: 100%;display: block;} #resultados li .cabecera .imagenes .i360 {border-color: #333 !important;background: #333;} #resultados li .cabecera .imagenes .i360 .svg360 {position: absolute;bottom: 0;right: 0;background: radial-gradient(100% 100% at 50%, rgba(0,0,0,.35), rgba(0,0,0,.75));z-index: 1;width: 74px;height: 74px;margin: auto;top: 0;left: 0;border-radius: 37px;border-color: #333;} #resultados li .cabecera .imagenes .i360 .svg360 .show-table {height: 100%;display: table;margin: 0 auto;} #resultados li .cabecera .imagenes .i360 .svg360 .show-table-cell {height: 100%;vertical-align: middle;display: table-cell;} #resultados li .cabecera .imagenes .i360 .svg360 svg {width: 56px;height: 32px;display: block;margin: 0 auto;} #resultados li .cabecera .imagenes .i360 .svg360 svg path {fill: white;} #resultados li .cabecera .imagenes .i360 .svg360 span {display: block;text-align: center;color: white;width: auto;height: auto;margin: 0;line-height: 14px;z-index: 3;position: relative;border: none;font-size: 13px;font-weight: bold;} #resultados li .cabecera .imagenes .mas_imagenes { width: 50px; height: 80px; font-size: 0; } #resultados li .cabecera .imagenes .mas_imagenes img { opacity: .5; } #resultados li .cabecera .imagenes .mas_imagenes i { width: 40px; height: 20px; background: rgba(255, 255, 255, .9); color: black; display: inline-block; padding: 10px 0; } #resultados li .cabecera .imagenes .mas_imagenes i::before { font-size: 25px; } #resultados li.full_images .cabecera .bg {display: block;height: 126px;position: absolute;width: 100%;top: 0px;left: 0;z-index: 0;} #resultados li.full_images .cabecera .wrapper { position: relative; z-index: 1 } #resultados li.full_images .cabecera .nombre { margin-bottom: 3px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; max-width: 100%; } #resultados li.full_images .cabecera > div > .titulo {display: none;overflow: hidden;} #resultados li.full_images .cabecera > div > .titulo.clone { display: block; } #resultados li.full_images .cabecera .contenido { padding-top: 12px; clear: inherit; line-height: 18px; } #resultados li.full_images .cabecera .imagenes { width: 120%; max-height: 92px; overflow: hidden; margin-top: 0; } #resultados li.full_images .contenido { clear: both; } #resultados li .contenido { box-sizing: border-box;margin-bottom: 12px; /* font-size: 0.9166666rem; */ padding-top: 12px; float: left;} #resultados li .contenido ul { padding-left: 16px; } /*#resultados li .contenido li { line-height: 135%; font-family: Verdana, sans-serif; font-size: 12px; }*/ #resultados li .contenido li::before {font-family: "Font Awesome 6 Pro";font-size: 15px;content: "\f00c";font-weight: 900; margin-right: 4px;color: #666;} #resultados li .contenido li:last-child { margin-bottom: 0; } #resultados li .contenido p {padding-left: 16px;line-height: 15px;font-size: 12px;} /*#resultados li .contenido p:first-child::before { display: inline-block; font-family: "Font Awesome 6 Pro"; font-weight: bold; content: "\f10d"; margin-right: 4px; color: #666; width: 12px; }*/ #resultados li .contenido > p::before { display: inline-block; font-family: "Font Awesome 6 Pro"; font-weight: bold; content: "\f10d"; margin-right: 4px; color: #666; width: 12px; } #resultados li.semicerrado .contenido p:before, #resultados li.cerrado .contenido p:before { display: none; } #resultados li .contenido-movil { display: none; /* height: 47px !important; */ } #resultados li .contenido .farmacia { margin: 4px 0 0px; background: white; padding-left: 16px;box-sizing: border-box; display: flex; overflow: hidden; } #resultados li .contenido .farmacia > div {border: 2px solid #24D324;border-radius: 12px;overflow: hidden;margin: 0 0 10px;display: flex;box-sizing: border-box;font: normal 15px/20px Arial, sans-serif;padding-right: 10px;cursor: pointer;} #resultados li .contenido .farmacia > div:not(:last-child) { margin-right: 8px;} #resultados li .contenido .farmacia > div p {padding: 0;margin: 0;line-height: 125%; display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #resultados li .contenido .farmacia > div p > * { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #resultados li .contenido .farmacia > div p:before { display: none; } #resultados li .contenido .farmacia > div > div:first-child { display: flex; align-items: center; justify-content: center; width: 36px; text-align: center; background-color: #FFF7D9; padding: 0px 21px; vertical-align: middle; } #resultados li .contenido .farmacia > div > div:first-child > i {font-size: 40px; } #resultados li .contenido .farmacia > div > div:nth-child(2) {display: flex; flex-direction: column; justify-content: center;line-height: 150%;padding: 8px;color: #333; overflow: hidden;} #resultados li .contenido .farmacia > div > div:nth-child(2) .desc { color: #009900; display: none;margin-bottom: 0;} #resultados li .contenido .farmacia > div > div:nth-child(3) { display: flex; display: none; width: 60px; vertical-align: middle; padding: 10px 0px; text-align: center;font-size: 32px;color: #24D324;cursor: pointer;} #resultados li .contenido .farmacia .horarioFarmaciasPC { display: block; } #resultados li .contenido .farmacia .horarioFarmaciasMobile { display: none; } #resultados li .contenido .farmacia > .g24h > div:first-child { font: bold 25px/40px Arial, sans-serif; color: red;} #resultados li .contenido .farmacia > .diurna > div:first-child i{ color: #FF9900;} #resultados li .contenido .farmacia > .nocturna > div:first-child i{ color: #666; } #resultados li .contenido .farmacia > .a24h > div:first-child { font: bold 25px/40px Arial, sans-serif; color: #0066FF;} #resultados li .contenido .farmacia > .localizada > div:first-child i{ color: #666;} #resultados li .contenido .farmacia > .especial > div:first-child i{ color: #9966FF; } #resultados li .contenido .farmacia > .covid { border: 2px solid #ccc; padding: 0 12px; min-height:50px; flex-shrink: 0;} #resultados li .contenido .farmacia > .covid > div:first-child { background: transparent; width: auto; padding: 0 8px 0 0; } #resultados li .contenido .farmacia > .covid > div > img { display: block; height: 36px; } #resultados li .contenido .farmacia > .covid > div:nth-child(2) { padding: 0;} #resultados li .contenido .farmacia > .covid > div:nth-child(2) p { } #resultados li .contenido .farmacia > .covid > div:nth-child(2) p:last-child { text-transform: uppercase; font-weight: bold;} #resultados li .distance { clear: both; background: white; /* padding-top: 6px; */ margin-bottom: -4px; } #resultados li[data-numimg="0"] .distance {margin-top: 12px;} #resultados li[data-distance="True"] .distance { display: block; } #resultados li .distance .geo { display:none; float: right; width: 116px; overflow: hidden; padding: 0; margin-left: 43px; } #resultados li .distance .geo p { float: left; display: block; text-align: center; line-height: 30px; } #resultados li .distance .geo .distancia { width: 62px; } #resultados li .distance .geo .distancia span { font-size: 15px; } #resultados li .distance .geo .icon { width: 52px; font-size: 24px; background: #EBEBEB; } #resultados li .distance .epigrafes {height: 32px;overflow: hidden;padding-left: 16px;} #resultados li .distance .epigrafes span {display: inline-flex;border-radius: 5px;margin: 0;font-style: italic;font-size: 12px;vertical-align: top;} #resultados li .distance .epigrafes span:not(:first-child):before { content: ""; width: 1px; height: 24px; margin: auto 8px; background: #ccc; display: block; } #resultados li .distance .epigrafes a {color: #333;text-decoration: none;padding: 8px 0;display: block;} #resultados li .pie {clear: both;margin-top: 39px;padding-top: 6px;padding-bottom: 5px;border-color: #999;font-size: 0;line-height: 21px;background: white;} #resultados li .pie .enlace_web {line-height: 29px;font-size: 1.2rem;font-weight: 500;} #resultados li .pie .enlace_web p { padding-left: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #008CEB; float: left;width: 100%;box-sizing: border-box;max-width: 100%;} #resultados li .pie .enlace_web p.tienda_online, #resultados li .pie .enlace_web p.catalogo_online { } #resultados li .pie .enlace_web p.tienda_online a::before { font-family: "Font Awesome 6 Pro"; font-size: 25px; content: "\f07a"; line-height: 28px; vertical-align: middle; display: inline-block; width: 38px; padding-left: 3px; text-decoration: none; display: none; } #resultados li .pie .enlace_web p.catalogo_online a::before { font-family: "Font Awesome 6 Pro"; font-size: 25px; content: "\f02d"; line-height: 28px; vertical-align: middle; display: inline-block; width: 38px; padding-left: 3px; text-decoration: none; display: none; } #resultados li .pie .botones {font-size: 0;} #resultados li .pie .botones p { margin-left: 8px; } #resultados li .pie .botones p:first-child {margin-left: 0.7%;} #resultados li .pie .botones p::before {font-family: 'Font Awesome 6 Pro';font-size: 16px;vertical-align: middle; font-weight: 600; } #resultados li .pie .botones .web {display: none;} #resultados li .pie .botones .web::before {content: "\f7a2"; font-family: "Font Awesome 6 Pro";} #resultados li .pie .botones .email::before {content: "\f0e0";} #resultados li .pie .botones .mapa::before {content: "\f3c5";font-weight: 600;} #resultados li .pie .botones .telefono {line-height: 19px; min-width: 108px; font-size: 18px;} #resultados li .pie .botones .telefono.bn { line-height: 20px; } #resultados li .pie .botones .telefono.mvl { display: none; } #resultados li .pie .botones .telefono:before { font-family: "Font Awesome 6 Pro"; content: "\f095"; margin-right: 5px; display: inline-block;} #resultados li.modulo_unico .tipUnico { display: block; position: absolute; left: 24px; top: -20px; z-index: 2; width: 36px; } #resultados li.modulo_unico .cabecera > div > .titulo > div { padding-left: 62px; } #resultados li.modulo_unico .pie .botones .telefono span:before { display: none; } #resultados li.modulo_unico .pie .botones .telefono:before { font-family: "Font Awesome 6 Pro"; content: "\f095"; margin-right: 5px; } #resultados .modulo_unico .cabecera > div > .titulo .nombre:before, #resultados .modulo_corporativo .cabecera > div > .titulo .nombre:before, #resultados .modulo_avanzado .cabecera > div > .titulo .nombre:before, #resultados .modulo_posicionamiento .cabecera > div > .titulo .nombre:before { content: "\f336"; margin-right: 4px; text-decoration: none; font-family: 'Font Awesome 6 Pro'; color: #333; font-size: 20px; line-height: 100%; padding: 2px 0 0; } #resultados .modulo_unico .cabecera > div > .titulo .nombre:before { display: none; } #resultados li .pie .botones .telefono span[data-whatsapp="1"]:before { font-family: "Font Awesome 6 Pro"; content: "\f232"; margin-right: 5px; } #resultados li .pie .botones .telefono-999 { min-width: 130px; box-sizing: border-box; } #resultados li .pie .botones .telefono-999:before { font-family: "Font Awesome 6 Pro";content: "\f129";margin-right: 8px;font-weight: bold;} #resultados li .pie .botones .distancia{ display: none; line-height: 19px; font-size: 1.5rem; } #resultados li[data-epis="True"] .pie {margin-top: 12px;} #resultados li[data-distance="True"] .pie .botones .distancia { display: inline-block; } #resultados li .pie .botones .distancia::before { font-family: "Font Awesome 6 Pro"; content: "\f124"; margin-right: 5px; } #resultados li .pie .botones .telefono span.dots { } #resultados li .pie .botones .telefono span.end { display: none; } #resultados li .cabecera .botones-movil { display: none; } #resultados li .pie .botones .whatsapp { border-color: #009900; } #resultados li .pie .botones .whatsapp a {color: #009900;} #resultados li .pie .botones .whatsapp i {font-size: 20px;vertical-align: middle;position: relative;padding: 0px;} #resultados li .pie .botones .whatsapp i:after {content: "";position: absolute;top: -1px;right: -2px;width: 8px;height: 8px;background: #ef3938;border-radius: 100%;text-align: center;font: normal 10px/12px Arial;color: #fff;} #resultados li.linav { border-top: none; margin-bottom: 1px; } #resultados li.linav span {width: 40px;height: 40px; display: inline-block; font-size: 0; background: #ebebeb; color: #666; text-align: center; cursor: pointer;} #resultados li.linav span.next { margin: 0 1px; } #resultados li.linav span.close {background: black; color: white;} #resultados li.linav span i.fa {font-size: 20px;line-height: 40px;} #resultados li.desplegado .imagenes { float: none; padding: 0 !important; margin: 6px; } #resultados li.desplegado .imagenes span { display: block !important; text-align: center; border: none; border-radius: 0; } #resultados li.desplegado .imagenes .fachada { float: none; width: auto; height: 190px; } #resultados li.desplegado .imagenes .video { float: none; width: auto; height: 80px; } #resultados li.desplegado .imagenes .video .play { position: absolute; bottom: 3px; right: 3px; width: 78px; height: 58px; opacity: .9; background: white; border-radius: 5px; } #resultados li.desplegado .pie .enlace_web { display: block !important; margin-bottom: 6px; text-align: center; border-radius: 5px; border: dashed 1px #666; } #resultados li.desplegado .pie .enlace_web p.tienda_online a::before { content: "\f7a2"; padding: 0; margin-right: 7px; width: 24px; } #resultados li.desplegado .pie .enlace_web p.catalogo_online a::before { content: "\f02d"; padding: 0; margin-right: 7px; width: 24px; } #resultados li.desplegado .pie .botones { display: block; } #resultados li.desplegado .pie .botones p:not(.web) { display: block; width: 100%; padding: 0; margin: 0; border-color: #666; margin-bottom: 6px; height: 26px; line-height: 26px; } #resultados li.desplegado .pie .botones .email::before { vertical-align: top; margin-right: 8px; } #resultados li.desplegado .pie .botones .email span { display: inline; font-size: 1rem; color: #333; font-weight: bold; } #resultados li.desplegado .pie .botones .mapa { display: none !important; } /*#endregion*/ /*#region módulo único */ #resultados .modulo_unico { border-top-color: #ed782b; border-image: linear-gradient(to right, #ed782b, #fff); border-image-slice: 1; } #resultados .modulo_unico .cabecera {/* background-color: #d90000; */padding-right: 0;} #resultados .modulo_unico .cabecera .swiper-wrapper { padding-left: 12px; } #resultados .modulo_unico .cabecera .titulo a {} #resultados .modulo_unico .cabecera .imagenes span { border-color: #FED3D3; } #resultados .modulo_unico .cabecera .imagenes .video { border-color: #333; } #resultados .modulo_unico .pie .botones .telefono:not(.mvl)::after { font-family: "Font Awesome 6 Pro"; content: "\f122"; margin-left: 5px; font-weight: 900;} #resultados .modulo_unico .cabecera .imagenes > .deg { background: linear-gradient(to right,rgb(250, 211, 148),rgba(250,211,148,0)); } /*#resultados .modulo_unico .swiper-container .swiper-slide.logo{position: absolute;margin: 8px !important;transform: translateX(-50%);z-index: 2;overflow: hidden;left: 142px; height: calc(100% - 16px);overflow: visible;}*/ #resultados .modulo_unico .swiper-container {overflow: visible;} #resultados .modulo_unico .swiper-container .swiper-slide.logo {position: absolute;margin: 0;transform: translate(-50%,-50%);z-index: 2;overflow: hidden;left: 170px;height: 110%;overflow: visible;top: 50%;} #resultados .modulo_unico .swiper-container .swiper-slide.logo img {box-shadow: 0 0 8px rgba(0,0,0,.75), inset 0 0 0px 2px #fff;border-radius: 100%;height: calc(100% - 8px);border: 4px solid #fff;background: #fff;} #resultados .modulo_unico .swiper-container .swiper-slide.fachada {order: 0;margin-right: 40px !important;} /*#endregion*/ /*#region módulo avanzado */ #resultados .modulo_avanzado { border-top-color: #ed782b; border-image: linear-gradient(to right, #ed782b, #fff); border-image-slice: 1; } #resultados .modulo_avanzado .cabecera .imagenes span { border-color: #FED3D3; } #resultados .modulo_avanzado .cabecera .imagenes > .deg { background: linear-gradient(to right,rgb(250, 211, 148),rgba(250,211,148,0)); } #resultados .modulo_avanzado > .wrapper, #resultados .modulo_avanzado .pie {border-color: #999;} /*#endregion*/ /*#region módulo posicionamiento */ #resultados .modulo_posicionamiento { /* border-top-color: #009900; */ border-image: linear-gradient(to right, #81c784, #fff); border-image-slice: 1; } #resultados .modulo_posicionamiento .cabecera .imagenes span { border-color: #C0F6C0; } #resultados .modulo_posicionamiento .cabecera .imagenes span:last-child { margin-left: 10px; } #resultados .modulo_posicionamiento .contenido { margin-top: 0; /* min-height: 55px; */ } #resultados .modulo_posicionamiento .cabecera .imagenes > .deg { background: linear-gradient(to right,rgb(210, 229, 205),rgba(210,229,205,0)); } #resultados .modulo_posicionamiento > .wrapper, #resultados .modulo_posicionamiento .pie {border-color: #999;} /*#endregion*/ /*#region espacio corporativo */ #resultados .modulo_corporativo { border-top-color: #666; border-image: linear-gradient(to right,#666,#e5e5e5); border-color: transparent; border-image-slice: 1; } #resultados .modulo_corporativo .cabecera .imagenes span { border-color: #EBEBEB; } #resultados .modulo_corporativo .cabecera .imagenes span:last-child { margin-left: 10px; } #resultados .modulo_corporativo .contenido { margin-top: 0; /*min-height: 55px;*/ } #resultados .modulo_corporativo .cabecera .imagenes > .deg { background: linear-gradient(to right, rgba(217,0,0,1), rgba(217,0,0,0)); } #resultados .modulo_corporativo.full_images .cabecera .bg {display: block;height: 126px;position: absolute;width: 100%;top: 0;left: 0;z-index: 0; background: #ebebeb;} #resultados .modulo_corporativo > .wrapper, #resultados .modulo_corporativo .pie {border-color: #999;} /*#endregion*/ /*#region módulo básico */ #resultados .modulo_basico { border-top-color: #666; border-image: linear-gradient(to right,#666,#e5e5e5); border-color: transparent; border-image-slice: 1; border-width: 0px;} #resultados .modulo_basico .cabecera .imagenes span { border-color: #EBEBEB; } #resultados .modulo_basico .cabecera .imagenes span:last-child { margin-left: 10px; } #resultados .modulo_basico .contenido { margin-top: 0; /* min-height: 55px; */ } #resultados .modulo_basico .bg-lightgray {/*background: linear-gradient(135deg, #f0f0f0 0%,#ffffff 40%,#ffffff 60%);background: #fff;/* background: linear-gradient(135deg, #d6d6d6 0%,#f0f0f0 40%,#f8f8f8 60%); */} /*Cerrado*/ #resultados li.cerrado .bg-lightgray { background-color: #f5f5f5 } #resultados li.cerrado .cabecera .wrapper > *:not(.contenido){ opacity: .75;} #resultados .modulo_basico.cerrado .contenido > *:not(.contenido-cerrado) { display: none; } #resultados .modulo_basico.cerrado .contenido .contenido-cerrado { } #resultados .modulo_basico.cerrado .contenido .contenido-cerrado > p > a{display: inline-flex;align-items: center;justify-content: center;padding: 8px;border-radius: 4px;background: #eee;text-decoration: none;color: #e0373d;font-weight: 500;} #resultados .modulo_basico.cerrado .contenido .contenido-cerrado > p > a:before {content: "\f05a"; margin-right: 8px; font-family: "Font Awesome 6 Pro"; font-weight: normal; text-align: center; flex-shrink: 0; font-size: 150%; } #resultados .modulo_basico.cerrado .contenido .contenido-cerrado > p > a > span{ } #resultados .modulo_basico.cerrado .distance{ display: none; } #resultados .modulo_basico.semicerrado .contenido > *:not(.contenido-semicerrado) { display: none; } #resultados .modulo_basico.semicerrado .contenido .contenido-semicerrado { } #resultados .modulo_basico.semicerrado .contenido .contenido-semicerrado > p > a{ display: inline-flex; align-items: center; justify-content: center; padding: 8px; border-radius: 4px; background: #eee; text-decoration: none; color: #9966FF; font-weight: bold;} #resultados .modulo_basico.semicerrado .contenido .contenido-semicerrado > p > a:before {content: "\f05a"; margin-right: 8px; font-family: "Font Awesome 6 Pro"; font-weight: normal; text-align: center; flex-shrink: 0; font-size: 150%; } #resultados .modulo_basico.semicerrado .contenido .contenido-semicerrado > p > a > span{ } #resultados .modulo_basico.semicerrado .distance{ display: none; } #resultados .modulo_basico .cabecera .imagenes > .deg { background: linear-gradient(to right, rgba(217,0,0,1), rgba(217,0,0,0)); } #resultados .modulo_basico[data-hastext="false"]:not(.cerrado):not(.semicerrado) .contenido {display: none;} #resultados .modulo_basico .resto span { cursor: pointer; font-style: italic; text-decoration: underline; } #resultados .modulo_basico.text-extended > .wrapper > .cabecera > .wrapper > .titulo {/* background: #EBEBEB;*/ } #resultados .modulo_basico.text-extended > .wrapper > .cabecera > .wrapper > .contenido-movil {/* height: auto; */} #resultados .modulo_avanzado.text-extended > .wrapper, #resultados .modulo_avanzado.text-extended > .wrapper > .cabecera > .wrapper {/*background: white;*/} #resultados .modulo_avanzado.text-extended > .wrapper > .cabecera > .wrapper > .titulo {/*background: #FED3D3;*/} #resultados .modulo_avanzado.text-extended > .wrapper > .cabecera > .wrapper > .contenido-movil { height: auto; } #resultados .modulo_unico.text-extended > .wrapper, #resultados .modulo_unico.text-extended > .wrapper > .cabecera > .wrapper {/*background: white;*/} #resultados .modulo_unico.text-extended > .wrapper > .cabecera > .wrapper > .titulo {/*background: #D90000;*/} #resultados .modulo_unico.text-extended > .wrapper > .cabecera > .wrapper > .contenido-movil { height: auto; } #resultados .modulo_corporativo.text-extended > .wrapper, #resultados .modulo_corporativo.text-extended > .wrapper > .cabecera > .wrapper { /*background: white;*/ } #resultados .modulo_corporativo.text-extended > .wrapper > .cabecera > .wrapper > .titulo { /*background: #999999;*/ } #resultados .modulo_corporativo.text-extended > .wrapper > .cabecera > .wrapper > .contenido-movil { height: auto; } #resultados .modulo_posicionamiento.text-extended > .wrapper > .cabecera > .wrapper > .titulo { /*background: #C0F6C0;*/ } #resultados .modulo_posicionamiento.text-extended > .wrapper > .cabecera > .wrapper > .contenido-movil { height: auto; } /*#endregion*/ /*#region resultados mini */ #resultados .mini { display: none; padding-right: 0; width: 100%;min-height: 1px;box-sizing: border-box;} #resultados .mini li { border-top-width: 2px; border-top-color: #c1c1c1; } #resultados .mini li.dynres { padding: 8px; text-align: center; background-color: #eee; font-weight: bold; } #resultados .mini li > .wrapper { background: none; } #resultados .mini li > .wrapper > div { padding-right: 6px; padding-left: 6px; padding-top:5px; font-size: 11px; line-height: 125%; vertical-align: middle; } #resultados .mini li > .wrapper > div.puntos-recarga { max-width: calc(100% - 112px)} #resultados .mini li .cabecera .bg { position: absolute; display: block; height: 57px; top: 0; left: 0; width: 100%; z-index: -1; } #resultados .mini li .cabecera .letra { display: block; } #resultados .mini li .cabecera .nombre { /* width: 100px; */min-height: 15px; margin-bottom: 7px; } #resultados .mini li .cabecera .nombre a { height: 17px; display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} #resultados .mini li .cabecera .titulo { font-size: 1.25rem; } #resultados .mini li .cabecera .titulo:nth-child(2) { margin-right: 0; } #resultados .mini li .cabecera .titulo > div { overflow: hidden; margin-top: 7px; } #resultados .mini li .cabecera .titulo .apartamento, #resultados .mini li .cabecera .titulo .albergue, #resultados .mini li .cabecera .titulo .camping, #resultados .mini li .cabecera .titulo .hotel, #resultados .mini li .cabecera .titulo .rural { display: inline-flex; align-items: flex-start; } #resultados .mini li .cabecera .titulo .apartamento:before, #resultados .mini li .cabecera .titulo .albergue:before, #resultados .mini li .cabecera .titulo .camping:before, #resultados .mini li .cabecera .titulo .hotel:before, #resultados .mini li .cabecera .titulo .rural:before { content:"aaa"; margin-left: 4px; font-size: 10px; line-height: 10px; display: inline-flex; align-items: flex-start; font-family: "Font Awesome 6 Pro"; } #resultados .mini li .cabecera .titulo .albergue:before, #resultados .mini li .cabecera .titulo .camping:before, #resultados .mini li .cabecera .titulo .rural:before { font-family: Tahoma; background: #000; font-size: 10px; padding: 0 4px 1px; height: 14px; align-items: center; color: #fff; border-radius: 20px; justify-content: center; min-width: 12px; } #resultados .mini li .cabecera .titulo .apartamento.uno:before { content: "\f084";} #resultados .mini li .cabecera .titulo .apartamento.dos:before { content: "\f084\f084"; } #resultados .mini li .cabecera .titulo .apartamento.tres:before { content: "\f084\f084\f084"; } #resultados .mini li .cabecera .titulo .apartamento.cuatro:before { content: "\f084\f084\f084\f084"; } #resultados .mini li .cabecera .titulo .apartamento.cinco:before { content: "\f084\f084\f084\f084\f084"; } #resultados .mini li .cabecera .titulo .albergue.uno:before { content: "1ª CAT"; } #resultados .mini li .cabecera .titulo .albergue.dos:before { content: "2ª CAT"; } #resultados .mini li .cabecera .titulo .albergue.tres:before { content: "3ª CAT"; } #resultados .mini li .cabecera .titulo .camping.uno:before { content: "1ª CAT"; } #resultados .mini li .cabecera .titulo .camping.dos:before { content: "2ª CAT"; } #resultados .mini li .cabecera .titulo .camping.tres:before { content: "2ª CAT"; } #resultados .mini li .cabecera .titulo .hotel.uno:before { content: "\f005"; } #resultados .mini li .cabecera .titulo .hotel.dos:before { content: "\f005\f005"; } #resultados .mini li .cabecera .titulo .hotel.tres:before { content: "\f005\f005\f005"; } #resultados .mini li .cabecera .titulo .hotel.cuatro:before { content: "\f005\f005\f005\f005"; } #resultados .mini li .cabecera .titulo .hotel.cinco:before { content: "\f005\f005\f005\f005\f005"; } #resultados .mini li .cabecera .titulo .rural.hr:before { content: "HR"; } #resultados .mini li .cabecera .titulo .rural.a:before { content: "A"; } #resultados .mini li .cabecera .titulo .rural.b:before { content: "B"; } #resultados .mini li .cabecera .titulo .rural.c:before { content: "C"; } #resultados .mini li .cabecera .titulo .rural.d:before { content: "D"; } #resultados .mini li .cabecera .titulo .grupo, #resultados .mini li .cabecera .titulo .especialidad{ display: inline-flex; align-items: flex-start; } #resultados .mini li .cabecera .titulo .grupo:before, #resultados .mini li .cabecera .titulo .especialidad:before {content:"aaa"; margin-left: 4px; font-size: 10px; line-height: 10px; display: inline-flex; align-items: flex-start; font-family: "Font Awesome 6 Pro"; font-family: Tahoma; background: #000; font-size: 10px; padding: 0 4px 1px; height: 14px; align-items: center; color: #fff; border-radius: 20px; justify-content: center; min-width: 12px; } #resultados .mini li .cabecera .titulo .grupo.H:before { content: "H"; } #resultados .mini li .cabecera .titulo .grupo.HR:before { content: "HR"; } #resultados .mini li .cabecera .titulo .grupo.HS:before { content: "HS"; } #resultados .mini li .cabecera .titulo .grupo.P:before { content: "P"; } #resultados .mini li .cabecera .titulo .grupo.PR:before { content: "PR"; } #resultados .mini li .cabecera .titulo .grupo.CH:before { content: "CH"; } #resultados .mini li .cabecera .titulo .grupo.F:before { content: "F"; } #resultados .mini li .cabecera .titulo .grupo.VT:before { content: "VT"; } #resultados .mini li .cabecera .titulo .especialidad.AT:before { content: "AT"; } #resultados .mini li .cabecera .titulo .especialidad.HA:before { content: "HA"; } #resultados .mini li .cabecera .titulo .especialidad.HL:before { content: "HL"; } #resultados .mini li .cabecera .titulo .especialidad.HO:before { content: "HO"; } #resultados .mini li .cabecera .titulo .especialidad.HN:before { content: "HN"; } #resultados .mini li .cabecera .titulo .especialidad.HT:before { content: "HT"; } #resultados .mini li .cabecera .titulo .especialidad.HP:before { content: "HP"; } #resultados .mini li .cabecera .titulo .especialidad.HD:before { content: "HD"; } #resultados .mini li .cabecera .titulo .especialidad.HM:before { content: "HM"; } #resultados .mini li .cabecera .titulo .especialidad.HG:before { content: "HG"; } #resultados .mini li .cabecera .titulo .especialidad.HF:before { content: "HF"; } #resultados .mini li .cabecera .titulo .especialidad.HU:before { content: "HU"; } #resultados .mini li .cabecera .titulo .especialidad.MT:before { content: "MT"; } #resultados .mini li .cabecera .titulo .especialidad.PT:before { content: "PT"; } #resultados .mini li .cabecera .titulo .especialidad.PG:before { content: "PG"; } #resultados .mini li > .wrapper > .cabecera .bg:before { display: none !important; } #resultados .mini li .cabecera .direccion { clear: left; font-size: 0.9166666rem; height: 13px; display: block; overflow: hidden; } #resultados .mini li .contenido { float: none; padding: 0; width: auto;/* height: 50px; */ margin-top: 6px; position: relative;} #resultados .mini li .contenido > p {height: 75px;} #resultados .mini li .contenido > * { padding-left: 0; } #resultados .mini li .contenido li { margin-bottom: 4px; } #resultados .mini li .contenido .cssellipsis { position: absolute; right: 0; bottom: 0; width: 60px; background: linear-gradient(to right, rgba(255,255,255,0), white 90%); background: -webkit-linear-gradient(left, rgba(255,255,255, 0), white 90%); height: 15px; } #resultados .mini li .imagenes { float: left; margin: 6px 10px 10px 6px; position: relative; } #resultados .mini li .imagenes a {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;} #resultados .mini li .imagenes span { width: 90px; height: 78px; line-height: 75px;border: none;overflow: hidden;} #resultados .mini li .imagenes span img {display: inline;vertical-align: middle;filter: contrast(125%);-webkit-filter: contrast(125%);} #resultados .mini li .imagenes span.genericsv { filter: brightness(150%); -webkit-filter: brightness(150%); opacity: .5 !important} #resultados .mini li .imagenes span.genericsv:before { content: "\f105"; width: 50%; height: 28px; background: rgb(255, 255, 255); position: absolute; right: 0px; bottom: 0px; z-index: 24; font-family: "Font Awesome 6 Pro"; color: #666; font-size: 24px; font-weight: bold; display: flex; justify-content: center; align-items: center; BORDER-RADIUS: 12px 0 0 0 } #resultados .mini li .pie { margin-top: 0; text-align: center; } #resultados .mini li .pie .botones { float: none; display: flex; } #resultados .mini li .pie .botones .tienda_online, #resultados .mini li .pie .botones .catalogo_online { display: none; } #resultados .mini li .pie .botones .web { display: inline-block; margin-left: 0; position: relative;} #resultados .mini li .pie .botones .web a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #resultados .mini li .pie .botones .email { max-width: 40px;box-sizing: border-box;} #resultados .mini li .pie .botones .telefono { padding: 2px 14px 2px 14px; width: 100%; } #resultados .mini li .pie .botones .telf-whatsapp { border: 1px solid #009900; } #resultados .mini li .pie .botones .telf-whatsapp a{ color: #009900; } #resultados .mini li .pie .botones .telf-whatsapp i { font-size: 20px; vertical-align: middle; position: relative; } #resultados .mini li .pie .botones .telf-whatsapp i:after { content: "1"; position: absolute; top: -2px; right: -6px; width: 12px; height: 12px; background: #ef3938; border-radius: 100%; text-align: center; font: normal 10px/12px Arial; color: #fff;} /*#resultados .mini li.modulo_unico { border-top-color: black; } #resultados .mini li.modulo_unico .cabecera { color: white; } #resultados .mini li.modulo_unico .cabecera .bg { background: #d90000; } */ #resultados .mini li.modulo_unico .pie .botones .telefono {width: 128px;font-size: 16px; padding: 2px 6px 2px 6px;} #resultados .mini li.modulo_unico .pie .botones .telefono:after { display: none;} #resultados .mini li.modulo_avanzado { } #resultados .mini li.modulo_avanzado .cabecera .bg { background-image: url(../../img/resultados/bgavanzado.svg),linear-gradient(135deg,#ffe9c7 0%,#ffe9c9 40%,#fffcf7 60%) } #resultados .mini li.modulo_posicionamiento { border-top-color: #009900; } #resultados .mini li.modulo_posicionamiento .cabecera .bg { background: url(../../img/resultados/bgposicionamiento.svg),linear-gradient(135deg,#dfeedb 0%,#f2f8ee 40%,#fafcf9 60%); } #resultados .mini li.modulo_corporativo { border-top-color: black; border-top-width: 12px; } /*#endregion*/ /*#region resultados folded*/ #resultados .folded { width: 100%; min-height: 1px; box-sizing: border-box; padding: 0 0 0 10px; } #resultados .folded li.navegador { border-top: none; margin-bottom: 0px;height: 41px;} #resultados .folded li.navegador li { margin-bottom: 0; border: none;} #resultados .folded li > .wrapper { background: none; font-size: 0; } #resultados .folded li { border-top-width: 4px; border-top-color: #c1c1c1;line-height: 120%;margin-bottom: 8px;} #resultados .folded li > .wrapper > div { padding-right: 6px; padding-left: 6px; } #resultados .folded li > .wrapper > .scoring { font-size: 1rem; margin: 8px 0 0;} #resultados .folded li > .wrapper > .puntos-recarga { font-size: 1rem; margin: 8px 0 0;} #resultados .folded li .cabecera .bg { position: absolute; display: block; height: 57px; top: 0; left: 0; width: 100%; z-index: -1; background: #f4f4f4; } #resultados .folded li .cabecera .nombre { height: 18px; margin-bottom: 7px; } #resultados .folded li .cabecera div.titulo { font-size: 1.25rem; overflow: visible;margin-right: 0; padding-left: 8px;} #resultados .folded li .cabecera .titulo > div { overflow: hidden; } #resultados .folded li .cabecera .titulo img { position: relative; top: -5px; } #resultados .folded li .cabecera .titulo .apartamento, #resultados .folded li .cabecera .titulo .albergue, #resultados .folded li .cabecera .titulo .camping, #resultados .folded li .cabecera .titulo .hotel, #resultados .folded li .cabecera .titulo .rural { display: inline-flex; align-items: flex-start; } #resultados .folded li .cabecera .titulo .apartamento:before, #resultados .folded li .cabecera .titulo .albergue:before, #resultados .folded li .cabecera .titulo .camping:before, #resultados .folded li .cabecera .titulo .hotel:before, #resultados .folded li .cabecera .titulo .rural:before { content:"aaa"; margin-left: 4px; font-size: 10px; line-height: 10px; display: inline-flex; align-items: flex-start; font-family: "Font Awesome 6 Pro"; } #resultados .folded li .cabecera .titulo .albergue:before, #resultados .folded li .cabecera .titulo .camping:before, #resultados .folded li .cabecera .titulo .rural:before { font-family: Tahoma; background: #000; font-size: 10px; padding: 0 4px 1px; height: 14px; align-items: center; color: #fff; border-radius: 20px; justify-content: center; min-width: 12px; } #resultados .folded li .cabecera .titulo .apartamento.uno:before { content: "\f084";} #resultados .folded li .cabecera .titulo .apartamento.dos:before { content: "\f084\f084"; } #resultados .folded li .cabecera .titulo .apartamento.tres:before { content: "\f084\f084\f084"; } #resultados .folded li .cabecera .titulo .apartamento.cuatro:before { content: "\f084\f084\f084\f084"; } #resultados .folded li .cabecera .titulo .apartamento.cinco:before { content: "\f084\f084\f084\f084\f084"; } #resultados .folded li .cabecera .titulo .albergue.uno:before { content: "1ª CAT"; } #resultados .folded li .cabecera .titulo .albergue.dos:before { content: "2ª CAT"; } #resultados .folded li .cabecera .titulo .albergue.tres:before { content: "3ª CAT"; } #resultados .folded li .cabecera .titulo .camping.uno:before { content: "1ª CAT"; } #resultados .folded li .cabecera .titulo .camping.dos:before { content: "2ª CAT"; } #resultados .folded li .cabecera .titulo .camping.tres:before { content: "2ª CAT"; } #resultados .folded li .cabecera .titulo .hotel.uno:before { content: "\f005"; } #resultados .folded li .cabecera .titulo .hotel.dos:before { content: "\f005\f005"; } #resultados .folded li .cabecera .titulo .hotel.tres:before { content: "\f005\f005\f005"; } #resultados .folded li .cabecera .titulo .hotel.cuatro:before { content: "\f005\f005\f005\f005"; } #resultados .folded li .cabecera .titulo .hotel.cinco:before { content: "\f005\f005\f005\f005\f005"; } #resultados .folded li .cabecera .titulo .rural.hr:before { content: "HR"; } #resultados .folded li .cabecera .titulo .rural.a:before { content: "A"; } #resultados .folded li .cabecera .titulo .rural.b:before { content: "B"; } #resultados .folded li .cabecera .titulo .rural.c:before { content: "C"; } #resultados .folded li .cabecera .titulo .rural.d:before { content: "D"; } #resultados .folded li .cabecera .titulo .grupo, #resultados .folded li .cabecera .titulo .especialidad{ display: inline-flex; align-items: flex-start; } #resultados .folded li .cabecera .titulo .grupo:before, #resultados .folded li .cabecera .titulo .especialidad:before {content:"aaa"; margin-left: 4px; font-size: 10px; line-height: 10px; display: inline-flex; align-items: flex-start; font-family: "Font Awesome 6 Pro"; font-family: Tahoma; background: #000; font-size: 10px; padding: 0 4px 1px; height: 14px; align-items: center; color: #fff; border-radius: 20px; justify-content: center; min-width: 12px; } #resultados .folded li .cabecera .titulo .grupo.H:before { content: "H"; } #resultados .folded li .cabecera .titulo .grupo.HR:before { content: "HR"; } #resultados .folded li .cabecera .titulo .grupo.HS:before { content: "HS"; } #resultados .folded li .cabecera .titulo .grupo.P:before { content: "P"; } #resultados .folded li .cabecera .titulo .grupo.PR:before { content: "PR"; } #resultados .folded li .cabecera .titulo .grupo.CH:before { content: "CH"; } #resultados .folded li .cabecera .titulo .grupo.F:before { content: "F"; } #resultados .folded li .cabecera .titulo .grupo.VT:before { content: "VT"; } #resultados .folded li .cabecera .titulo .especialidad.AT:before { content: "AT"; } #resultados .folded li .cabecera .titulo .especialidad.HA:before { content: "HA"; } #resultados .folded li .cabecera .titulo .especialidad.HL:before { content: "HL"; } #resultados .folded li .cabecera .titulo .especialidad.HO:before { content: "HO"; } #resultados .folded li .cabecera .titulo .especialidad.HN:before { content: "HN"; } #resultados .folded li .cabecera .titulo .especialidad.HT:before { content: "HT"; } #resultados .folded li .cabecera .titulo .especialidad.HP:before { content: "HP"; } #resultados .folded li .cabecera .titulo .especialidad.HD:before { content: "HD"; } #resultados .folded li .cabecera .titulo .especialidad.HM:before { content: "HM"; } #resultados .folded li .cabecera .titulo .especialidad.HG:before { content: "HG"; } #resultados .folded li .cabecera .titulo .especialidad.HF:before { content: "HF"; } #resultados .folded li .cabecera .titulo .especialidad.HU:before { content: "HU"; } #resultados .folded li .cabecera .titulo .especialidad.MT:before { content: "MT"; } #resultados .folded li .cabecera .titulo .especialidad.PT:before { content: "PT"; } #resultados .folded li .cabecera .titulo .especialidad.PG:before { content: "PG"; } #resultados .folded li .cabecera .direccion { clear: left; font-size: 0.9166666rem; height: 13px; display: block; overflow: hidden; } #resultados .folded li .imagenes { margin-top: 6px;overflow: hidden;cursor: pointer;clear: both;} #resultados .folded li .imagenes > p { margin-bottom: 5px; clear: both;position: relative;} #resultados .folded li .imagenes > p a {position: absolute; width: 100%; height: 100%;left: 0;top: 0;z-index: 1;} #resultados .folded li .imagenes > p:last-child { margin-bottom: 0; } #resultados .folded li .imagenes span {width: auto;border: none; border-radius: 0;} #resultados .folded li .imagenes img { border-radius: 4px; filter: contrast(125%); -webkit-filter: contrast(125%); } #resultados .folded li .imagenes .logo {position: relative;display: block;margin-bottom: -2px;} #resultados .folded li .imagenes .genericsv { filter: brightness(150%); -webkit-filter: brightness(150%); opacity: .5 !important} #resultados .folded li .imagenes .genericsv:before { content: "\f105"; width: 50%; height: 28px; background: rgb(255, 255, 255); position: absolute; right: 0px; bottom: 0px; z-index: 24; font-family: "Font Awesome 6 Pro"; color: #666; font-size: 24px; font-weight: bold; display: flex; justify-content: center; align-items: center; BORDER-RADIUS: 12px 0 0 0 } #resultados .folded li .imagenes .logo > span {position: absolute;bottom: 5px;right: 3px;} #resultados .folded li .imagenes .logo img:first-child { width: 100%; max-height: 190px; } #resultados .folded li .imagenes .logo .logo img {filter: unset;-webkit-filter: unset;} #resultados .folded li .imagenes .logo .logo { /* position: static; */ /* display: none; */ height: 80px; } #resultados .folded li .imagenes .fachada { display: block; height: 190px; position: relative; } #resultados .folded li .imagenes .video img:first-child { /*width: 100%;*/ max-width: 286px; } #resultados .folded li .imagenes .fachada .logo { background: white; width: 120px; height: 70px; padding: 5px 0; position: absolute; bottom: 3px; right: 3px; border-radius: 5px; text-align: center; } #resultados .folded li .imagenes .video { display: block; height: 80px; position: relative; } #resultados .folded li .imagenes .video .play { opacity: .9; background: white; width: 78px; height: 38px; padding: 10px 0; position: absolute; bottom: 3px; right: 3px; border-radius: 5px; text-align: center; } #resultados .folded li .imagenes .video .play i.fa { font-size: 52px; color: red; line-height: 38px; } #resultados .folded li .imagenes .i360cont {position: relative;display: block;height: 80px;} #resultados .folded li .imagenes .i360 {display: inline-block;width: 74px;position: absolute;z-index: 1;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 74px;background: radial-gradient(100% 100% at 50%, rgba(0,0,0,.5), rgba(0,0,0,1));border-radius: 37px;} #resultados .folded li .imagenes .i360 .show-table {height: 100%;} #resultados .folded li .imagenes .i360 .show-table-cell {height: 100%;vertical-align: middle;line-height: 11px;} #resultados .folded li .imagenes .i360 svg {width: 100%;height: 25px;} #resultados .folded li .imagenes .i360 svg + span {display: block;color: white;font-size: 15px;} #resultados .folded li .imagenes > p:last-child {overflow: hidden;/* height: 80px; */ font-size: 0;text-align: center;} #resultados .folded li .imagenes > p:last-child .imagen { display: inline-block; vertical-align: top; width: 120px; height: 80px;margin-right: 5px;} #resultados .folded li .imagenes > p:last-child .imagen.last {width: 36px; margin-right: 0;overflow: hidden;} #resultados .folded li .imagenes > p:last-child .imagen.last img {max-width: none;max-height: 80px;} #resultados .folded li .contenido { position: relative; float: none; margin-top: 9px; padding-top: 0;min-height: 20px;margin-bottom: 0;font-size: 12px;} /*#resultados .folded li .contenido::before { position: absolute; top: 5px; width: 30px; height: 30px; font-family: "Font Awesome 6 Pro"; content: "\f10d"; font-size: 28px; color: #333; }*/ #resultados .folded li .contenido > p { max-height: 120px; } #resultados .folded li .contenido > p, #resultados .folded li .contenido > ul {padding-left: 0;} #resultados .folded li .pie {margin-top: 6px;} #resultados .folded li .pie .botones p { margin-left: 0; box-sizing: border-box; width: 100%; margin-bottom: 6px; height: 28px;line-height: 28px;padding: 0 10px;font-size: 12px;float: none;} #resultados .folded li .pie .botones p:last-child { margin-bottom: 0; line-height: 28px;height: 28px;padding: 0 10px;display: block;margin-bottom: 0px;} #resultados .folded li .pie .botones p a { text-decoration: none; } #resultados .folded li .enlace_web { box-sizing: border-box; width: 100%; height: 28px;padding: 0 10px;line-height: 28px;display: block;margin-bottom: 6px;} #resultados .folded li .enlace_web p { padding-left: 0; } #resultados .folded li .enlace_web p a { text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline; white-space: nowrap; vertical-align: top;margin-left: 8px;} #resultados .folded li .enlace_web p::before { font-family: "Font Awesome 6 Pro"; content: "\f57c"; display: inline-block; vertical-align: top; } #resultados .folded li .pie .botones .email { /* font-size: 1rem; */ line-height: inherit;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} #resultados .folded li .pie .botones .email span { font-weight: bold; margin-left: 8px; vertical-align: middle;} #resultados .folded li .pie .botones .email a { color: #333; } #resultados .folded li .pie .botones .telefono-999, #resultados .folded li .pie .botones .telefono { font-size: 18px; display: flex; align-items: center; justify-content: center; } #resultados .folded li .pie .botones .telefono-999::before, #resultados .folded li .pie .botones .telefono::before { vertical-align: top; } #resultados .folded li .pie .botones .telefono-999 span, #resultados .folded li .pie .botones .telefono span { vertical-align: baseline; } #resultados .folded li .pie .botones p.whatsapp { /* font-size: 1rem; */ line-height: inherit;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; border-style: solid; display: flex; align-items: center; justify-content: center;} #resultados .folded li .pie .botones p.whatsapp span { font-weight: bold; margin-left: 8px; vertical-align: middle;} #resultados .folded li .pie .botones p.whatsapp a { color: #009900; display: flex; } #resultados .folded li .pie .botones p.whatsapp a i{ font-size: 22px; position: relative; margin-left: 4px; } #resultados .folded li .pie .botones p.whatsapp a i:after { content:"1"; position: absolute; top: -2px; right: -2px; width: 12px; height: 12px; background: #ef3938; border-radius: 100%; text-align: center; font: normal 8px/12px Arial; color: #fff; } /*#resultados .folded li .contenido { float: none; padding: 0; width: auto; max-height: 80px; margin-top: 6px; } #resultados .folded li .contenido > * { padding-left: 0; } #resultados .folded li .imagenes span { width: 90px; height: 78px; } */ #resultados .folded li .cabecera .bg:before{ display: none !important; } #resultados .folded li.modulo_unico { border-top-color: black; } #resultados .folded li.modulo_unico .cabecera { } #resultados .folded li.modulo_unico .cabecera .bg { } #resultados .folded li.modulo_avanzado { border-top-color: #d90000; } #resultados .folded li.modulo_avanzado .cabecera .bg { } #resultados .folded li.modulo_posicionamiento { border-top-color: #009900; } #resultados .folded li.modulo_posicionamiento .cabecera .bg { background: #C0F6C0; } #resultados .folded li.modulo_corporativo { border-top-color: black; border-top-width: 12px; } #resultados .folded li.modulo_corporativo .bg { } /*#endregion*/ /*#region paginacion */ #paginacion {padding-top: 40px;padding-bottom: 5px;text-align: center; clear: both;} #paginacion .font-weight-bold { font-weight: 500; } #paginacion .pagina { display: none; } #paginacion .numeracion { margin-top: 18px; font-size: 0; } #paginacion .numeracion p {cursor: pointer;width: 50px;height: 40px;line-height: 40px;display: inline-block;text-align: center;font-size: 1.6666666rem;font-weight: 500;border-radius: 5px;box-shadow: 0 0 3px 5px #ccc;margin: 0 10px 20px;} #paginacion .numeracion p a { color: #666; text-decoration: none; display: block;} #paginacion .numeracion .anterior, #paginacion .numeracion .siguiente { width: 68px; color: #666;} #paginacion .numeracion .actual { background: #ccc; } .shrink#paginacion { margin-right: 0; } /*#endregion*/ .columnas .wrapper .imgEpigrafeResult { overflow: hidden; border-radius: 0 0 16px 16px; position: relative; margin-top: 16px;} .columnas .wrapper .imgEpigrafeResult:after { content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,0) 66.66%);} .columnas .wrapper .imgEpigrafeResult img{ display: block; max-height: 240px; width: 100%; object-fit: cover; object-position: center; margin-top: 4px;} .cercanosCont {text-align: center; clear: both; margin-top: 12px; margin-bottom: 12px; margin-left: 20px; margin-right: 14px;} .cercanosCont .btnCercanos{ display: inline-flex; color: #fff; border-radius: 8px; padding: 8px 16px; border-color: #333; background: linear-gradient(to bottom, #FF9900, #FF6600); line-height: 120%; text-decoration: none; align-items: center; text-shadow: 0 0 4px rgba(0,0,0,0.5); min-height: 38px; box-shadow: 0 0 16px 2px #aaa;} .cercanosCont .btnCercanos:before { content:"\f002"; font-family: "Font Awesome 6 Pro"; margin-right: 8px; font-size: 16px; } .columnas .wrapper #seo { padding: 0 10px; } .columnas .wrapper #seo * { font-size: 1rem; line-height: 1.4rem; } .columnas .wrapper #seo h2 { font-weight: 700 !important; margin-bottom: 12px; } .columnas .wrapper #seo .contenido ul li { display: inline-block; } .columnas .wrapper #seo .contenido ul li #seo li:nth-child(odd) { color: #999; } .columnas .wrapper #seo .contenido ul li:not(:last-child):after { content: "•"; margin: 0 4px; } .columnas .wrapper #seo .contenido > div, .columnas .wrapper #seo .contenido > p { margin: 0 0 12px; display: block; } .columnas .wrapper #seo p { margin: 0 0 12px; } .columnas .wrapper #seo b, .columnas .wrapper #seo strong {font-weight: 700;} .columnas .wrapper #seo .enlace { display: none; } #seo #olNavInv a { display: inline-block; margin-top: 12px; color: #999; } .columnas .wrapper .main .cercanosCont ~ #seo { margin-top: 32px; } .columnas .wrapper .main.shrink #seo { display: none; } .swiper-container { width: 100%; height: 100px; } .swiper-container .swiper-slide { width: auto !important; cursor: pointer; order: 1; margin-right: 8px !important; } .swiper-container .swiper-slide img { border-radius: 4px; height: 110px; width: auto; display: block; } .swiper-container [id$="spnImgVideo"] { position: relative; } .swiper-container [id$="spnImgVideo"] .play { position: absolute; right: 2px; bottom: 2px; display: flex; align-items: center; justify-content: center; background: white; color: red; opacity: .9; border-radius: 4px; padding: 0 4px; line-height: 100%; } .swiper-container [id$="spnImgVideo"] .play i { font-size: 30px; color: #FF0000; line-height: 100%; display: block; } .swiper-container [id$="spnImg360"] { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } .swiper-container [id$="spnImg360"] .svg360 { position: absolute; display: flex; flex-direction: column; justify-content: center; color: white; background: radial-gradient(100% 100% at 50%,rgba(0,0,0,.35),rgba(0,0,0,.75)); z-index: 1; width: 74px; height: 74px; margin: auto; border-radius: 37px; border-color: #333; align-items: center; } .swiper-container [id$="spnImg360"] svg { width: 56px; height: 32px; display: block; margin: 0 auto; } #resultados li .cabecera .bg { background-position: right center; background-repeat: no-repeat; /* background-color: #f8cea4; */ background-size: auto 100%; } #resultados li .cabecera.bg-lightred, #resultados li.full_images .cabecera .bg-lightred { background-image: url(../../img/resultados/bgavanzado.svg), linear-gradient(135deg, #ffe9c7 0%,#ffe9c9 40%,#fffcf7 60%); } #resultados li .cabecera.bg-lightgreen, #resultados li.full_images .cabecera .bg-lightgreen { background-image: url(../../img/resultados/bgposicionamiento.svg), linear-gradient(135deg, #dfeedb 0%,#f2f8ee 40%,#fafcf9 60%); background-position: right center; background-repeat: no-repeat; /* background-color: #f8cea4; */ background-size: auto 100%; } #resultados li .cabecera.bg-lightgray, #resultados li.full_images .cabecera .bg-lightgray { background-image: url(../../img/resultados/bgcorporativo.svg), linear-gradient(135deg, #d6d6d6 0%,#f0f0f0 40%,#f8f8f8 60%); background-position: right center; background-repeat: no-repeat; /* background-color: #f8cea4; */ background-size: auto 100%; } /* #resultados li.modulo_posicionamiento .cabecera .titulo { background-image: url(../../img/resultados/bgposicionamiento.svg); } #resultados li.modulo_corporativo .cabecera .bg, #resultados li.modulo_basico .cabecera .bg { background-image: url(../../img/resultados/bgcorporativo.svg); } */ #resultados li.modulo_unico .cabecera .bg { background-image: url(../../img/resultados/bgavanzado.svg), linear-gradient(135deg, #ffe9c7 0%,#ffe9c9 40%,#fffcf7 60%); background-position: 85% center; background-repeat: no-repeat; /* background-color: #f8cea4; */ background-size: auto 100%; } /*linear-gradient(135deg, #282828 0%,#4c4c4c 40%,#696969 60%)*/ #banner_EB04a { display: none; margin: 20px auto; width: 100%; min-height: 300px; /* background: #ccc; */ position: relative; max-width: 300px; /*max-height: 300px;*/ /*box-sizing: border-box;*/ border: solid 1px #ddd; text-align: center;} #banner_EB04a > div { position: relative; } #banner_EB04a .over { position: absolute; width: 100%; height: 100%; z-index: 1; cursor: pointer; } /*#banners_laterales iframe { height: 100%; width: 300px; margin: 0 auto; }*/ #banner_EB04a iframe { min-height: 300px; max-height: 600px; /*height: 300px;*/ width: 100%; max-width: 300px;/* max-width: 250px; */display: block;margin: 0 auto;} #banner_EB04a.google { min-height: 250px; width: 100%; } #banner_EB04a.google > div:not(.fa-spin-cont) { width: 100%; min-height: 250px; } @media (min-width: 996px) { .mini .pie .botones .telefono-999 { width: 100% !important; } } .mini li[data-semicerrado="true"] .imgwrap, .mini li[data-cerrado="true"] .imgwrap, .mini li[data-cerradotemp="true"] .imgwrap { display: flex; /*align-items: center;*/ } .mini li[data-semicerrado="true"] .pie, .mini li[data-cerrado="true"] .pie, .mini li[data-cerradotemp="true"] .pie { display: flex !important; height: auto !important; justify-content: flex-end !important; } .mini li[data-semicerrado="true"] .pie .botones, .mini li[data-cerrado="true"] .pie .botones, .mini li[data-cerradotemp="true"] .pie .botones { position: static !important; float: right !important; width: 100%; } @media (max-width: 995px) { .mini li[data-semicerrado="true"] .pie .botones, .mini li[data-cerrado="true"] .pie .botones, .mini li[data-cerradotemp="true"] .pie .botones { position: static !important; float: right !important; width: auto !important; } } .mini .button.bn { padding-left: 18px; padding-right: 18px; } .mini .semicerrado, .folded .semicerrado { display: inline-flex; align-items: center; justify-content: center; padding: 8px; border-radius: 4px; background: #eee; text-decoration: none; color: #9966FF; font-weight: bold; font-size: 12px; margin-top: 8px; margin-left: 4px; margin-bottom: 8px; } .mini .semicerrado::before, .folded .semicerrado::before { content: "\f05a"; margin-right: 8px; font-family: "Font Awesome 6 Pro"; font-weight: normal; text-align: center; flex-shrink: 0; font-size: 150%; } .mini .cerradotemp, .folded .cerradotemp { display: inline-flex; align-items: center; justify-content: center; padding: 8px; border-radius: 4px; background: #eee; text-decoration: none; color: #9966FF; font-weight: bold; font-size: 12px; margin-top: 8px; margin-left: 4px; margin-bottom: 8px; } .mini .cerradotemp::before, .folded .cerradotemp::before { content: "\f05a"; margin-right: 8px; font-family: "Font Awesome 6 Pro"; font-weight: normal; text-align: center; flex-shrink: 0; font-size: 150%; } @media (max-width: 832px) { .mini .cerradotemp, .folded .cerradotemp { flex-direction: column; text-align: center; } .mini .cerradotemp span, .folded .cerradotemp span { margin-top: 4px; } } .mini .cerrado, .folded .cerrado { display: inline-flex; align-items: center; justify-content: center; padding: 8px; border-radius: 4px; background: #eee; text-decoration: none; color: #e0373d; font-weight: 500; font-size: 12px; margin-top: 8px; margin-left: 4px; margin-bottom: 8px; } .mini .cerrado::before, .folded .cerrado::before { content: "\f05a"; margin-right: 8px; font-family: "Font Awesome 6 Pro"; font-weight: normal; text-align: center; flex-shrink: 0; font-size: 150%; } @media (min-width: 768px) { #resultados li > .wrapper > .cabecera .bg:before { content: ""; position: absolute; left: 0px; top: 0; width: 12px; height: 70px; display: block; z-index: 1; background: linear-gradient(to bottom, #ed792c, rgba(237, 120, 44, 0)); opacity: 0.5; } #resultados li > .wrapper > .cabecera.bg-lightgreen .bg:before { background: linear-gradient(to bottom, #81c784, rgba(130, 200, 133, 0)); } #resultados li > .wrapper > .cabecera.bg-lightgray .bg:before { background: linear-gradient(to bottom, #676767, rgba(103, 103, 103, 0)); } #resultados li:nth-child(5n) > .wrapper > .cabecera.bg-lightgray .bg:before { background: linear-gradient(to bottom, rgba(113,89,117,1), rgba(113,89,117,0)); } #resultados li:nth-child(5n + 1) > .wrapper > .cabecera.bg-lightgray .bg:before { background: linear-gradient(to bottom, rgba(131,120,84,1), rgba(131,120,84,0)); } #resultados li:nth-child(5n + 2) > .wrapper > .cabecera.bg-lightgray .bg:before { background: linear-gradient(to bottom, rgba(98,123,98,1), rgba(98,123,98,0)); } #resultados li:nth-child(5n + 3) > .wrapper > .cabecera.bg-lightgray .bg:before { background: linear-gradient(to bottom, rgba(129,89,89,1), rgba(129,89,89,0)); } #resultados li:nth-child(5n + 4) > .wrapper > .cabecera.bg-lightgray .bg:before { background: linear-gradient(to bottom, rgba(85,103,132,1), rgba(85,103,132,0)); } #resultados li .distance .epigrafes { white-space: normal; height: auto; } #resultados li .distance .epigrafes span:not(:last-child) { margin-right: 8px} #resultados li .distance .epigrafes span:not(:first-child):before {display: none;} #resultados li .distance .epigrafes a { background: #f0f0f08a; padding: 8px; border-radius: 4px; margin-bottom: 4px; } } .awards { margin-bottom: 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 4px; } @media (min-width: 996px) { .awards { margin-left: 16px; } } .scoring { display: inline-flex; align-items: center; } .scoring .stars-count { font-size: 14px; margin-right: 4px; } .scoring .review-count { margin-left: 4px; color: #999999; } .scoring .review-count:after { content: ")"; } .scoring .review-count:before { content: "("; } .scoring-stars { display: block; position: relative; color: var(--color-star) !important; text-align: left; } .scoring-stars span:first-child { opacity: .3; color: var(--color-star) !important; } .scoring-stars span:last-child { position: absolute; top: 0; left: 0; width: calc( var(--stars-value) / 5 * 100%); overflow: hidden; white-space: nowrap; opacity: 1; z-index: 1; color: var(--color-star) !important; } .comment-count { display: flex; align-items: center; margin-left: 8px; color: white; background: black; border-radius: 16px; padding: 2px 8px; font-size: 12px; line-height: 1; } .comment-count span:not(:empty) { margin-left: 4px; } .awards .michelin, .awards .repsol { display: inline-flex; align-items: center; font-size: 12px; line-height: 1; color: #333; text-transform: uppercase; color:#666666; font-weight:700; } .awards .michelin span:last-child, .awards .repsol span:last-child { display: inline-flex; margin-left: 2px; } .awards .michelin img, .awards .repsol img { display: inline-block; height: 14px; width: 14px; margin-left: 2px; } .awards > *:not(:last-child):after { content:""; height: 16px; margin: 0 2px; } @media (min-width: 767px) { .awards > *:not(:last-child):after { margin: 0 4px 0 8px; width: 1px; background: #eee; } .awards .michelin, .awards .repsol { font-size: 12px; } } .puntos-recarga { display: inline-flex; flex-wrap: wrap; gap: 8px; }