/* User agent Fixes ********************************************************************************************************** */
html {
/*elimina delay 300ms click en IE*/
-ms-touch-action: manipulation;
touch-action: manipulation;
/*elimina el la iluminacion azul al "tocar" sobre un elemento*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
input[type="number"], input[type="text"], input[type="password"], input[type="email"], textarea {
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
}
input[type="button"], input[type="submit"], button/*, select, textarea*/ {
appearance: none;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
}
input:focus, button:focus, select:focus, textarea:focus, video:focus {
outline: none;
}
input::-moz-focus-inner { /*Remove button padding in FF*/
border: 0;
padding: 0;
}
input::-ms-clear {
/*display: none;*/
width : 0;
height: 0;
}
a:active, a:focus {
outline: none;
}
img {
-webkit-user-drag: none;
}
a img {
border: 0;
}
form {
margin: 0;
}
header, nav, footer, main, section, article, aside {
background-color: inherit;
display: block;
/*position: relative;*/
}
/* Estilo general ********************************************************************************************************** */
body {
margin: 0px;
background-color: #F4F4F4;
font-family: Arial;
font-size: 13px;
color: #303030;
/*text-rendering: optimizeLegibility;*/
}
a {
text-decoration: none;
color: #303030;
}
input, textarea {
font-family: Arial !important;
}
#content input[type="button"],
#header input[type="button"],
#content input[type="submit"],
#content button,
#content .boton,
#modal_error .boton,
#header .boton {
border: 0;
border-radius: 3px;
display: inline-block;
color: white;
background-color: #CA1E25;
cursor: pointer;
/*Para que iPhone no aplique su estilo*/
appearance: none;
-webkit-appearance: none;
}
#content input[type="button"].disabled,
#header input[type="button"].disabled,
#content input[type="submit"].disabled,
#content button.disabled,
#content .boton.disabled,
#modal_error .boton.disabled,
#header .boton.disabled {
/*background-color: silver !important;*/
background-color: #707070 !important;
cursor: auto !important;
}
html.form_login #content #ficha_edicion input[type="text"],
html.form_login #content #ficha_edicion input[type="password"],
html.form_login #content #ficha_edicion select,
html.form_login #content #ficha_edicion textarea,
#content input[type="text"],
#content input[type="password"],
#header input[type="text"],
#content select,
#header select,
#content textarea
{
display: inline-block;
color: #303030;
background-color: white;
border: 1px solid #D0D0D0;
border-radius: 3px;
}
*:-moz-placeholder { color: #A9A9A9; /*font-style: italic;*/ }
*:-ms-input-placeholder { color: #A9A9A9; /*font-style: italic;*/ }
*::-webkit-input-placeholder{ color: #A9A9A9; /*font-style: italic;*/ }
hr {
border: 0;
border-top: 1px solid #E8E8E8;
border-bottom: 1px solid #FFF;
margin: 15px 0px;
display:none;
}
.lightbox {
position: fixed;
display: block;
background-color: black;
opacity: 0.5;
filter: alpha(opacity=50);
top: 0;
left: 0;
right: 0;
bottom: -100px;
}
.boton-gris {
background-color: #EDEDED !important;
box-shadow: 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 1px -1px rgb(0 0 0 / 20%), 0 1px 3px 0 rgb(0 0 0 / 12%);
color: #000 !important;
height: 30px;
padding: 0 16px;
display: inline-block;
border-radius: 2px !important;
vertical-align: middle;
text-transform: uppercase;
}
/*#header *, #content * {
box-sizing: content-box;
}*/
@font-face {
font-family: 'Material Icons';
font-display: block;
font-style: normal;
font-weight: 400;
src: url(https://cdn.photoprepagos.com/fonts/4350/MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(https://cdn.photoprepagos.com/fonts/4350/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'),
url(https://cdn.photoprepagos.com/fonts/4350/MaterialIcons/MaterialIcons-Regular.woff) format('woff'),
url(https://cdn.photoprepagos.com/fonts/4350/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Material Icons Outlined';
font-display: block;
font-style: normal;
font-weight: 400;
src: url(https://cdn.photoprepagos.com/fonts/4350/MaterialIcons/MaterialIcons-Outlined.woff2) format('woff2');
}
.m-ico,
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/*cursor: default;*/
cursor: inherit;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
-webkit-font-feature-settings: 'liga';
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.m-ico-o,
.material-icons-outlined {
font-family: 'Material Icons Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: 'liga';
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.material-icons.url,
.material-icons.link,
a .material-icons,
a .material-icons-outlined,
.m-ico.url,
.m-ico.link,
a .m-ico,
a .m-ico-o {
cursor: pointer;
}
.m-ico,
.material-icons,
.m-ico-bef:before,
.material-icons-before:before,
.m-ico-af:after,
.material-icons-after:after,
#cabecera_sub_buscar *:before,
#div_busqueda_cabecera span:after,
#expandir_filtros_busqueda span:before,
#navegacion_categorias span:before,
.favorita_corazon:before {
font-family: 'Material Icons' !important;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
font-display: fallback;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.m-ico-o,
.material-icons-outlined,
.m-ico-o-bef:before,
.material-icons-outlined-before:before,
.m-ico-o-af:after,
.material-icons-outlined-after:after {
font-family: 'Material Icons Outlined' !important;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
font-display: fallback;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}@font-face {
font-family: 'Material Symbols Outlined';
font-display: block;
font-style: normal;
font-weight: 400;
src: url(https://cdn.photoprepagos.com/fonts/4350/MaterialSymbols/MaterialSymbols.woff2) format('woff2');
}
.m-sym,
.material-symbols {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
cursor: inherit;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
/* Support for IE. */
font-feature-settings: 'liga';
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.m-sym.url,
.m-sym.link,
a .m-sym,
.material-symbols.url,
.material-symbols.link,
a .material-symbols {
cursor: pointer;
}
.m-sym,
.material-symbols,
.m-sym-bef:before,
.material-symbols-before:before,
.m-sym-af:after,
.material-symbols-after:after {
font-family: 'Material Symbols Outlined' !important;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
font-display: fallback;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
.m-sym-filled,
.material-symbols-filled,
.m-sym-filled-bef:before,
.material-symbols-filled-before:before,
.m-sym-filled-af:after,
.material-symbols-filled-after:after {
font-family: 'Material Symbols Outlined' !important;
font-variation-settings: 'FILL' 1;
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
font-display: fallback;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
/* Cabecera ********************************************************************************************************** */
/* en navegacion_cabecera*/
/* Content ********************************************************************************************************** */
#content {
position: relative;/*para que la cabecera con "position: relative" pueda quedar arriba*/
width: 94%;
width: calc(100% - 28px);
max-width: 940px;
padding: 2%;
padding: calc(14px);
margin: 0px auto;
background-color: inherit;
}
@media screen and (max-width: 800px) {
#content {
width: 98%;
width: calc(100% - 10px);
padding: 1%;
padding: calc(5px);
}
}
/* Visibilidad ********************************************************************************************************** */
.visibility_off { visibility: hidden; }
.visibility_on { visibility: visible; }
.bloque_dashboard > ul > li.display_off,
.display_off { display: none !important; }
.hide_on { display: none; }
/* Bloques ********************************************************************************************************** */
.bloque {
color: #303030;
background-color: white;
padding: 25px;
margin-top: 20px;
position: relative;
font-size: 15px;
border: 1px solid #D0D0D0;
border-radius: 0;
}
#content .bloque:first-child:not(.bloque_geo, .bloque_categorias_bloque_10, .bloque_categorias_bloque_11) {
margin-top: 0px;
}
html.form_login #ficha_edicion .bloque .titulo,
.bloque .titulo,
html.mic_search #blocked_mic_lightbox span.titulo {
margin-top: 0px;
font-size: 25px;
font-weight: normal;
color: #CA1E25;
display: block;
margin-bottom: 25px;
}
/* .bloque .titulo {
margin-bottom: 5px;
} */
@media screen and (max-width: 550px) {
.bloque .titulo {
margin-bottom: 20px;
}
}
.titulo.titulo_txt{
margin-bottom: 20px;
}
p.titulo_lista_ulol {
font-weight: bold;
margin-top: 20px;
}
.bloque .link {
color: inherit;
text-decoration: underline;
}
.bloque .link.rojo {
color: #CA1E25;
}
.bloque .enlace {
color: #0072C6;
text-decoration: underline;
}
#alerta_comp strong,
#alerta strong,
.bloque strong {
color: #CA1E25;
}
#alerta_comp .strong,
#alerta .strong{
color: #CA1E25;
font-weight: bold;
}
.bloque strong.negro {
color: #303030;
}
.bloque strong.rojo,
#resultados .anuncio strong.rojo {
color: #CA1E25;
}
.bloque strong.verde,
#resultados .anuncio strong.verde {
color: #008A00;
}
.bloque strong.verde,
#resultados .anuncio strong.verde {
color: #009C37;
}
strong, b {
font-weight: bold;
}
.bloque.OK {
font-size: 17px;
color: #008A00;
font-weight: bold;
border: 1px solid #008A00;
}
.bloque.KO {
font-size: 17px;
color: #CA1E25;
font-weight: bold;
border: 1px solid #CA1E25;
}
.bloque.KO a,
.bloque.INFO a{
color: #CA1E25;
text-decoration: underline;
}
.bloque.KO a.boton,
.bloque.INFO a.boton{
text-decoration: none;
}
.bloque.INFO{
font-size: 17px;
/*font-weight: bold;*/
border: 1px solid #CA1E25;
}
span.atencion_alerta {
color: #CA1E25;
font-weight: bold;
font-size: 25px;
}
@media screen and (max-width: 800px) {
.bloque {
margin-top: 5px;
}
}
.bloque strong.color_telegram_bold,
.color_telegram_bold {
color: #1d93d2;
font-weight: bold;
}
/* Errores ********************************************************************************************************** */
#header .error,
#content .error,
#div_navegacion .error {
display: none;
position: relative;
color: red;
}
#header .error > img,
#content .error > img,
#div_navegacion .error > img {
position: absolute;
width: 16px;
}
#header .error > i,
#content .error > i,
#div_navegacion .error > i {
color: #CA1E25;
font-size: 21px;
position: absolute;
margin-top: -2px;
margin-left: -1px;
}
#header .error > span,
#content .error > span,
#div_navegacion .error > span {
line-height: 18px;
display: inline-block;
margin-left: 24px;
font-size: 13px;
}
#content .error > span a {
text-decoration: underline;
font-weight: bold;
color: inherit;
}
html.droid #header .error > span,
html.droid #content .error > span,
html.droid #div_navegacion .error > span {
line-height: 17px;
}
/* Admin ********************************************************************************************************** */
.adp {
position: fixed;
right: 0;
bottom: 0;
padding: 0;
background-color: white;
border: 1px silver solid;
border-bottom: 0;
border-right: 0;
border-top-left-radius: 5px;
box-shadow: 0px 0px 1px 0px #A4A4A4;
z-index: 999;
}
#formulario_publicar.navegacion ~ .adp{
bottom: 66px;
}
.adp.min {
height: 30px;
width: 240px;
opacity: 0.5;
}
.adp .barra {
height: 30px;
color: white;
background-color: #CA1E25;
border-top-left-radius: 5px;
font-size: 15px;
line-height: 30px;
padding-left: 5px;
font-weight: bold;
position: relative;
cursor: pointer;
}
.adp .adp_mini {
position: absolute;
right: 10px;
}
.adp .opciones {
display: block;
padding: 10px;
}
.adp.min .opciones {
display: none;
}
.adp input, .adp textarea {
border: 1px solid silver;
}
.adp textarea {
width: 300px;
height: 80px;
font-family: Arial;
}
.notransition {
transition: none !important;
}
@media screen and (max-width: 550px) {
.adp {
bottom: 29px;
}
.bloque {
padding: 15px;
}
}
/* Controlador Checkbox ********************************************************************************************************** */
#condiciones_content span[id^="about-"],
#condiciones_content_mayor_edad span[id^="about-"]{
cursor: pointer;
text-decoration: underline;
font-weight: bold;
}
.capa_checkbox {
display: flex;
justify-content: left;
flex-wrap: wrap;
}
.capa_checkbox .error {
margin-left: 5px;
margin-bottom: 10px;
margin-top: 0px;
}
.icon_checkbox_box {
display: flex;
align-self: flex-start;
vertical-align: top;
height: 36px;
margin: 2px 0px;
}
.icon_checkbox_box .icon_checkbox {
font-size: 36px;
cursor: pointer;
color: #008A00;
align-self: center;
}
.icon_checkbox_box .icon_checkbox.disabled {
color: #aaaaaa;
cursor: default;
}
.icon_checkbox_box .icon_checkbox.unchecked {
color: #666666;
}
.icon_checkbox_text {
display: inline-block;
vertical-align: top;
margin-left: 8px;
width: calc(100% - 36px - 8px);
align-self:center;
}
#about_content .icon_checkbox_text ,
.alertas_content .icon_checkbox_text {
width: initial;
}
.check_24h {
line-height: 25px;
}
.check_24h .icon_checkbox_box .icon_checkbox {
font-size: 23px !important;
}
/* Captcha ********************************************************************************************************** */
.g-recaptcha-cookies {
text-align: left;
}
.g-recaptcha-cookies > span {
display: block;
}
.g-recaptcha-cookies > span.titulo {
margin-bottom: 10px;
}
.g-recaptcha-cookies > span.aceptar {
display: inline-block;
color: white;
background-color: #0072C6;
border: 0;
border-radius: 3px;
padding: 5px 10px;
margin-top: 15px;
font-size: 15px;
cursor: pointer;
}
.g-recaptcha.g-recaptcha-cookies + .error {
/*display: none !important;*/
}
/* Modal ********************************************************************************************************** */
#blur_modal_error {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
#modal_error_container {
display: flex;
align-items: center;
justify-content: center;
}
#modal_error {
position: fixed;
box-sizing: border-box;
top: calc(50% - 185px);
min-width: 260px;
width: calc(100% - 50px);
max-width: 400px;
min-height: 165px;
max-height: calc(100% - 50px);
background: rgba(0,0,0, 0.7);
padding: 20px;
padding-bottom: 80px !important;
color: white;
z-index: 9999;
}
#modal_error.noicon {
top: calc(50% - 120px);
}
#modal_error table {
width: calc(100%);
height: calc(100%);
}
#modal_error i.error_icon {
font-size: 80px;
color: yellow;
width: 100%;
text-align: center;
/*margin-top: 20px;*/
}
#modal_error .botones {
bottom: 20px;
position: absolute;
width: calc(100% - 40px);
}
#modal_error .botones .boton {
width: 100%;
text-align: center;
}
#modal_error .botones .boton i {
position: absolute;
top: 8px;
left: 20px;
width: 24px;
height: 24px;
}
#modal_error .botones .boton i:empty {
display: none;
}
#modal_error .botones .boton span {
margin-left: 60px;
position: absolute;
}
#modal_error .botones .boton i:empty + span {
margin-left: initial;
position: initial;
}
@media screen and (max-width: 360px) {
#modal_error i.error_icon {
font-size: 60px;
margin-top: 0;
}
}
#alerta_comp,
#alerta {
display: none;
background-color: rgba(0,0,0,0.7);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 9999;
}
#alerta_container {
box-sizing: border-box;
background-color: white;
border: 1px solid silver;
max-width: 300px;
padding: 25px;
margin: 5px;
text-align: center;
position: relative;
}
#alerta_container.confirm {
max-width: 385px;
}
#alerta_text {
font-family: Arial;
font-size: 13px;
color: #303030;
font-size: 15px;
text-align: left;
margin-bottom: 35px;
}
#alerta_text .strong{
margin-bottom: 20px;
}
#alerta_text .alerta_icon {
font-size: 38px;
margin-right: 7px;
font-weight: bold;
}
#alerta_text .alerta_titulo{
font-size: 32px;
font-weight: bold;
margin-bottom: 20px;
color: #CA1E25;
}
#alerta_text .alerta_titulo.verde {
color: forestgreen !important;
}
#alerta_text .alerta_titulo .alerta_icon + span {
margin-top: 1px;
position: absolute;
}
html.droid #alerta_text .alerta_titulo .alerta_icon + span {
margin-top: 0px;
}
#alerta_text .alerta_texto_grande {
font-size: 18px;
}
#alerta_text .warning {
margin-bottom: 20px;
text-align: center;
}
#alerta_text .warning i.error_icon,
#alerta_text .warning img{
font-size: 80px;
color: #e3e300;
width: 100%;
margin-top: 10px;
}
#alerta_text .warning img{
width: 70px;
}
#alerta_text ul {
padding: 0;
margin: 0;
margin-left: 15px;
}
#alerta_text li {
list-style: square;
padding: 0;
margin: 0;
margin-top: 15px;
}
#alerta_close {
z-index: 2;
position: absolute;
top: -12px;
right: -12px;
width: 40px;
height: 40px;
vertical-align: top;
cursor: pointer;
background-size: 86%;
background-repeat: no-repeat;
background-position: center;
background-image: url(https://cdn.photoprepagos.com/sl/gfx/4350/delete.svg);
}
#alerta_button {
font-family: Arial;
min-width: 200px;
user-select: none;
}
#alerta_button_ok,
#alerta_button_ko {
font-family: Arial;
min-width: 150px;
user-select: none;
}
#alerta_button_ok {
margin-right: 25px;
}
.msg_alerta {
display: none !important;
}
html.alerta #alerta_comp,
html.alerta #alerta {
/*display: grid;
place-content: center;*/
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
html.alerta body {
overflow: hidden;
}
html.alerta:not(.verficha) #header,
html.alerta:not(.verficha) #content {
filter: blur(2px);
}
@media screen and (max-width: 400px) {
#alerta_container {
max-width: calc(100% - 100px);
}
#alerta_button_ok,
#alerta_button_ko{
min-width: 125px;
margin-right: 15px;
/*margin-right: 0;*/
/*margin-bottom: 25px;*/
}
#alerta_button{
min-width: 200px;
/*display: block;*/
}
}
@media screen and (max-width: 360px) {
#alerta_button_ok,
#alerta_button_ko{
min-width: 115px;
margin-right: 10px;
}
}
/* pie nombre empresa */
.bloque_footer {
padding: 10px 15px;
}
#content .bloque.bloque_footer {
margin-top: 25px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
max-width: max-content;
width: max-content;
width: auto;
text-align: center;
line-height: 23px;
/*white-space: nowrap;*/
order: 5;
}
#content .bloque.bloque_footer .enlace {
white-space: nowrap;
display: inline-block;
margin: 0 8px;
}
#content .bloque.bloque_footer_formas_pago {
border: 0px;
background: none;
margin-top: -6px !important;
margin-bottom: 20px;
order: 5;
}
#content .bloque.bloque_footer_formas_pago .enlace {
cursor: pointer;
}
#content .bloque_footer:empty {
display: none;
}
#content .bloque.bloque_footer_formas_pago > .footer_tarjetas,
#content .bloque.bloque_footer_formas_pago > .footer_rta {
margin-top: 21px;
height: 30px;
}
#content .bloque.bloque_footer_formas_pago > .footer_tarjetas img ,
#content .bloque.bloque_footer_formas_pago > .footer_rta img {
margin-right: 15px;
vertical-align: top;
}
#content .bloque.bloque_footer_formas_pago > .footer_tarjetas img:last-of-type ,
#content .bloque.bloque_footer_formas_pago > .footer_rta img:last-of-type {
margin-right: 0px;
}
#content .bloque.bloque_footer_formas_pago > .footer_tarjetas .logo_visa {
height: 20px;
margin-right: 9px;
}
#content .bloque.bloque_footer_formas_pago > .footer_tarjetas .logo_visaelectron {
height: 30px;
}
#content .bloque.bloque_footer_formas_pago > .footer_tarjetas .logo_mastercard {
height: 24px;
}
#content .bloque.bloque_footer_formas_pago > .footer_tarjetas .logo_maestrocard {
height: 30px;
}
#content .bloque.bloque_footer_formas_pago > .footer_rta .logo_rta ,
#content .bloque.bloque_footer_formas_pago > .footer_tarjetas .logo_rta {
/* height: 30px; */
cursor: pointer;
}
.bloque_footer_txt > div {
width: 215px;
height: 92px;
background-image: url(https://cdn.photoprepagos.com/sl/gfx/4350/footer_truvalia_1x.png);
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.bloque_footer_txt > div {
width: 211px;
height: 92px;
background-image: url(https://cdn.photoprepagos.com/sl/gfx/4350/footer_truvalia_3x.png);
background-size: 211px 92px;
}
}
.boton_grande_no_bloque{
height: 60px !important;
padding: 0px 40px !important;
font-size: 20px !important;
line-height: 40px !important;
}
.boton_grande,
.bloque .boton.boton_grande,
.bloque input[type="button"].boton_grande,
input[type="button"].boton_grande,
.bloque input[type="submit"].boton_grande,
input[type="submit"].boton_grande,
button.boton_grande {
font-size: 18px !important;
font-weight: normal;
display: inline-block;
background-color: #CA1E25;
color: white !important;
border: 0;
box-sizing: border-box;
padding: 0px 10px;
/*margin: 0px;*/
cursor: pointer;
height: 40px;
line-height: 40px !important;
border-radius: 3px;
user-select: none;
}
.boton.azul,
.boton_grande.azul {
color: white !important;
background-color: #0072C6 !important;
}
#content .boton.boton_con_icono {
min-width: initial;
}
.boton_con_icono,
#boton_comprar_disponibles {
padding: 0px 20px !important;
}
.boton_con_icono *,
#boton_comprar_disponibles * {
vertical-align: middle !important;
}
.boton_con_icono > img {
width: 26px;
height: auto;
/* margin-top: -2px !important; */
margin-right: 10px !important;
}
.boton_con_icono i.m-ico,
.boton_con_icono i.m-ico-o,
#boton_comprar_disponibles i.m-ico,
#boton_comprar_disponibles i.m-ico-o {
margin-top: -2px !important;
margin-right: 10px !important;
}
.boton_verde {
background-color: #008A00 !important;
color: white !important;
}
@media screen and (max-width: 800px) {
#content > .bloque.bloque_footer {
margin-bottom: 15px;
}
#logo {
height: 26px !important;
}
}
@media screen and (max-width: 550px) {
#content > .bloque.bloque_footer {
margin-top: 25px;
max-width: max-content;
width: max-content;
text-align: center;
line-height: 23px;
}
.titulo.titulo_txt{
margin-bottom: 15px;
}
}
.onlymobileblock {
display: none;
}
/* para ocultar cosas en mobile */
@media screen and (max-width: 550px) {
.onlydesktop {
display: none;
}
.onlymobileblock {
display: block;
}
}
/* ************* Botón tipo Dashboard *************
#ficha -> ficha anuncio
#ficha_productos -> ficha anuncio, botones de subir gratis, subidas
#acciones -> ficha anuncio, botones de eliminar, denunciar
.navegacion -> menú cabecera
.bloque_dashboard -> dashboard y cabecera
#content .bloque_dashboard -> dashboard
#content -> dashboard
**************************************************** */
.boton_dashboard {
min-width: 100px;
width: 100%;
box-sizing: border-box;
display: inline-block;
background-color: #CA1E25;
color: white;
border: 1px solid rgba(255,255,255,0.3);
vertical-align: middle;
font-size: 20px;
line-height: 21px;
text-align: left;
padding: 10px 15px !important;
margin: 5px;
cursor: pointer;
font-weight: normal;
}
#ficha .boton_dashboard {
font-size: 18px !important;
}
#ficha .boton_dashboard span{
margin-top: 1px;
}
.sub_dashboard_button {
margin-top: 10px;
font-size: 14px;
line-height: 16px;
}
/* INI - los botones del dashboard deben tener el padding en el a, si no no es clicable */
#content .bloque_dashboard .boton_dashboard {
padding: 0 !important;
border: 0 !important;
}
#content .bloque_dashboard a {
display: block;
padding: 10px 15px !important;
border: 1px solid rgba(255,255,255,0.3);
}
/* FIN - los botones del dashboard deben tener el padding en el a, si no no es clicable */
/* INI - caso especial boton con estructura diferente */
#content .boton_dashboard.anuncio_subir_automatico_activar{
border: 1px solid rgba(255,255,255,0.3);
}
#content .boton_dashboard.anuncio_subir_automatico_activar > span{
display: block;
padding: 10px 15px !important;
margin-left: 0px;
width: calc(100% - 30px);
}
/* FIN - caso especial boton con estructura diferente */
.navegacion .boton_dashboard {
width: calc( (100% / 3) - 10px);
}
.cabecera_pc .navegacion .boton_dashboard {
width: calc( (100% / 3) - 13px);
}
.bloque_dashboard .boton_dashboard {
width: calc( ( 100% / 3 ) - 10px);
}
#ficha .boton_dashboard{
margin: 0px;
line-height: 24px;
}
.navegacion .boton_dashboard.anuncio_editar,
#ficha .boton_dashboard.anuncio_editar { background-color: darkorange !important; }
.anuncio_precios { background-color: #008d45; }
.panel_de_control { background-color: darkorange; }
.anuncio_denunciar { background-color: crimson; }
.boton_dashboard.anuncio_eliminar { background-color: blue !important; }
.boton_dashboard.anuncio_subir { background-color: #008d45 !important; }
.textos_legales { background-color: #8b41c5; }
.eca_digital { background-color: crimson; }
.anuncio_publicar { background-color: #0072C6; }
.publicar_perfil { background-color: #883ec2; }
.menu_pc_volver_web { background-color: darkorange; }
.menu_pc_cerrar_sesion { background-color: #CA1E25; }
.menu_pc_textos_legales { background-color: #8b41c5; }
.anuncio_borrar { background-color: blue; }
.boton_dashboard.mensajeria { background-color: #00aaf0 !important; }
.contactar { background-color: #00aaf0; }
.boton_dashboard.recibir_mensajes { background-color: crimson !important; }
.boton_dashboard.cambiar_password { background-color: crimson !important; }
.boton_dashboard.baja_panel { background-color: maroon }
.boton_dashboard.anuncio_subir_automatico_activar,
.boton_dashboard.anuncio_destacado_activar { background-color: #41a04c; }
.boton_dashboard.anuncio_subir_automatico_desactivar,
.boton_dashboard.anuncio_destacado_desactivar { background-color: #eb4f21; }
.boton_dashboard.anuncio_subir_automatico_configurar { background-color: #1C7EA7; }
.boton_dashboard.anuncio_destacado { background-color: #f3b100 !important; }
.boton_dashboard.anuncio_escaparates { background-color: #ffdd01 !important; }
.boton_dashboard.anuncio_mi_piso { background-color: #8b41c5 !important; }
.boton_dashboard.anuncio_editar_fotos { background-color: #CA1E25 !important; }
.boton_dashboard.anuncio_subir_gratis { background-color: #CA1E25 !important; }
.boton_dashboard.anuncio_editar_videos { background-color: darkorange !important; }
.boton_dashboard.anuncio_editar_telefono { background-color: #0072C6 !important; }
.boton_dashboard.anuncio_editar_audios { background-color: dodgerblue !important; }
.boton_dashboard.anuncio_disponible_ahora { background-color: deeppink !important; }
#menu_publicar_cabecera.navegacion .grupo > span {
width: calc(100% - 10px);
margin: 5px;
text-align: left;
}
.bloque_dashboard .boton_dashboard > a > div:first-of-type,
.boton_dashboard img,
.boton_dashboard i.m-ico,
.boton_dashboard i.m-ico-o,
.boton_dashboard i.m-sym,
.boton_dashboard i.m-sym-o,
.boton_dashboard svg {
width: 60px;
height: 60px;
font-size: 60px;
vertical-align: middle;
overflow: hidden;
color: white;
display: inline-block;
}
#ficha .boton_dashboard img {
height: 50px;
width: 50px;
font-size: 50px;
}
#ficha_productos .boton_dashboard.anuncio_editar img{
width: 44px !important;
height: 44px !important;
font-size: 44px !important;
padding: 3px !important;
}
.boton_dashboard.anuncio_destacado img,
.navegacion span.boton_dashboard.i.m-ico,
.navegacion span.boton_dashboard.i.m-ico-o,
.navegacion span.boton_dashboard.panel_de_control img,
.navegacion span.boton_dashboard.textos_legales img,
.navegacion span.boton_dashboard.menu_pc_volver_web img,
.navegacion span.boton_dashboard.anuncio_publicar img{
width: 52px;
height: 52px;
font-size: 52px;
padding: 4px;
}
.navegacion span.boton_dashboard.anuncio_gratis span{
line-height: 27px !important;
}
.boton_dashboard span {
display: inline-block;
color: white;
/* font-size: 18px; */
/* line-height: 21px; */
width: calc(100% - 85px);
vertical-align: middle;
text-align: left;
margin-left: 25px;
word-break: break-word;
}
.boton_dashboard.anuncio_escaparates svg.icono_escaparate+span{
color: #ef3115 !important;
}
.boton_dashboard.anuncio_escaparates svg.icono_escaparate{
background-image: url("data:image/svg+xml;utf8,");
background-size: 55px 55px;
width: 35px;
height: 35px;
margin: 3px 3px 2px 2px;
padding: 10px;
}
.boton_dashboard.anuncio_editar_telefono img {
width: 40px;
margin-left: 10px;
margin-right: 10px;
}
.boton_dashboard.anuncio_escaparates img {
width: 65px;
height: 65px;
margin-top: 8px;
margin-bottom: 7px;
margin-left: 7px;
margin-right: 8px;
}
#ficha .boton_dashboard span {
width: calc(100% - 80px);
}
.boton_dashboard#verificar_anuncio:not(.disabled_show),
.boton_dashboard.verificar_anuncio:not(.disabled_show),
.boton_dashboard.boton_verificar_normal:not(.disabled_show),
.boton_dashboard.boton_actualizar_verificacion:not(.disabled_show),
.boton_dashboard.boton_anuncio_reputacion:not(.disabled_show),
.boton_dashboard.boton_verificar_normal:not(.disabled_show),
.boton_dashboard.boton_anyadir_documentacion:not(.disabled_show) {
background-color: forestgreen !important;
color: white;
}
.boton_dashboard.verificar_anyadir_video:not(.disabled_show) ,
.boton_dashboard.boton_eliminar_video:not(.disabled_show) {
background-color: darkorange !important;
color: white;
}
.boton_dashboard.disabled_show {
background-color: #bbb !important;
}
.boton_dashboard.reputacion {
background-color: #967D00 !important;
}
.boton_dashboard.disabled_show a {
cursor: default;
}
@media screen and (max-width: 1080px) {
#content .bloque_dashboard .boton_dashboard {
/*height: 82px;*/
width: 50%;
width: calc(50% - 10px);
}
}
@media screen and (max-width: 1024px){
.boton_dashboard.publicar_perfil span {
width: calc(100% - 78px);
}
}
@media screen and (max-width: 965px) {
.navegacion .boton_dashboard {
width: calc( (100% / 2) - 10px) !important;
}
.cabecera_pc .boton_dashboard {
width: calc( (100% / 2) - 13px) !important;
}
}
@media screen and (max-width: 767px) {
#content .bloque_dashboard .boton_dashboard {
width: calc(100% - 10px);
}
}
@media screen and (min-width: 551px) and (max-width: 950px) {
#ficha_productos .boton_dashboard.anuncio_editar img {
height: 38px !important;
width: 38px !important;
padding: 1px !important;
}
#ficha_productos .boton_dashboard img {
height: 40px;
width: 40px;
}
#ficha_productos .boton_dashboard span {
line-height: 20px;
font-size: 16px;
width: calc(100% - 65px)
}
#ficha_productos .boton_dashboard {
line-height: 21px;
}
}
@media screen and (min-width: 551px) and (max-width: 800px) {
#ficha_productos .boton_dashboard img {
display: none;
}
#ficha_productos .boton_dashboard span {
margin-left: 0px;
width: calc(100%);
}
}
@media screen and (max-width: 650px) {
.navegacion .boton_dashboard {
width: calc(100% - 10px) !important;
}
.cabecera_pc .boton_dashboard {
width: calc(100% - 10px) !important;
}
}
@media screen and (max-width: 550px) {
#acciones .boton_dashboard {
width: 100% !important;
font-size: 20px;
line-height: 21px;
}
}
@media screen and (max-width: 450px) {
.boton_dashboard {
width: calc(100% - 30px);
}
.boton_dashboard {
width: calc(100% - 10px);
}
.boton_dashboard span {
text-align: left;
}
}
@media screen and (max-width: 420px) {
.bloque_dashboard > .boton_dashboard > a > span{
padding: 0px;
}
}
@media screen and (max-width: 359px) {
.bloque_dashboard > .boton_dashboard > a > span,
.bloque_dashboard > .boton_dashboard > span > span{
width: calc(100% - 85px);
}
.boton_dashboard i.material-icons ,
.boton_dashboard i.material-icons-outlined ,
.boton_dashboard i.m-ico ,
.boton_dashboard i.m-ico-o ,
.boton_dashboard i.material-symbols ,
.boton_dashboard i.material-symbols-o ,
.boton_dashboard i.m-sym ,
.boton_dashboard i.m-sym-o ,
.boton_dashboard img {
width: 50px;
height: 50px;
font-size: 50px;
}
.bloque_dashboard .boton_dashboard.anuncio_escaparates svg.icono_escaparate{
background-size: 45px 45px;
height: 25px;
width: 25px;
}
.bloque_dashboard .boton_dashboard.anuncio_escaparates img {
width: 45px;
height: 45px;
}
.bloque_dashboard .boton_dashboard.anuncio_editar_telefono img {
width: 35px;
margin-left: 5px;
margin-right: 10px;
}
.navegacion span.boton_dashboard.menu_pc_volver_web img,
.navegacion span.boton_dashboard.anuncio_publicar img{
width: 42px !important;
height: 42px !important;
font-size: 42px !important;
padding: 4px;
}
.boton_dashboard.anuncio_destacado img,
.boton_dashboard.textos_legales img,
.boton_dashboard.panel_de_control img {
width: 44px !important;
height: 44px !important;
font-size: 44px !important;
padding: 3px !important;
}
#verificar_anuncio.boton_dashboard img {
margin-top: -3px;
margin-bottom: 3px;
}
.boton_dashboard span {
margin-left: 20px;
}
#content .bloque_dashboard .boton_dashboard,
#ficha .boton_dashboard {
font-size: 18px;
line-height: 21px;
}
.sub_dashboard_button{
font-size: 12px;
}
}
@media screen and (max-width: 256px) {
.boton_dashboard { width: 50%; }
}
/* ul.cierre_web */
ul.cierre_web{
padding: 0;
margin: 0;
padding-left: 17px;
}
ul.cierre_web li:not(:first-child) {
margin-top: 20px;
}
/* ----- .error_condiciones ----- */
.error_condiciones div:first-of-type,
.error_condiciones div strong {
color: #E93400 !important;
font-weight: bold;
}
.error_condiciones.no_strong div:first-of-type {
color: #303030 !important;
font-weight: normal;
}
.error_condiciones.strong_verde div:first-of-type,
.error_condiciones.strong_verde div strong {
color: #008A00 !important;
}
.error_condiciones.strong_verde .ultima_verificacion b{
color: #000 !important;
}
.ultima_verificacion {
font-weight: bold;
}
.bloque_dashboard .ultima_verificacion {
color: #008A00 !important;
}
.ultima_verificacion > b {
color: black !important;
margin-bottom: 5px;
}
.anuncio .ultima_verificacion > b {
display: block;
}
.ultima_verificacion > b + span.rojo {
color: #E93400 !important;
font-weight: bold;
}
.error_condiciones div:not(:first-of-type) {
font-weight: normal;
color: #303030 !important;
margin-top: 15px;
}
.error_condiciones ul {
padding: 0;
padding-left: 15px;
}
.error_condiciones li {
margin-top: 15px;
}
@media screen and (max-width: 330px) {
.error_condiciones div:not(:first-of-type) {
margin-top: 10px !important;
}
}
ul{
list-style: square;
}
.placeholder-foto .placeholder_marca{
font-size: 18px;
}
@media screen and (max-width: 550px){
.placeholder-foto .placeholder_marca{
font-size: 20px;
}
}
#logo,
#cabecera_sup_buscar #div_logo #link_home img,
#cabecera_sup_gen #div_logo #link_home img {
height: 43px !important;
}
@media screen and (max-width: 900px)
{
#cabecera_sup_buscar #link_home {
/*margin-top: 11px !important;*/
}
/*#cabecera_sup_buscar #div_logo #link_home img {
height: 42px !important;
}*/
}
@media screen and (max-width: 800px)
{
#cabecera_sup_buscar #link_home {
/*margin-top: 7px !important;*/
}
#logo,
#cabecera_sup_buscar #div_logo #link_home img,
#cabecera_sup_gen #div_logo #link_home img {
height: 30px !important;
}
}
@media screen and (max-width: 365px) {
#cabecera #login {
right: 7px !important;
}
/* #cabecera #publicar {
right: 69px !important;
} */
#cabecera #ver_busqueda {
right: 104px !important;
}
#cabecera_sup_buscar #div_logo #link_home img {
height: 28px !important;
}
}
@media screen and (max-width: 1185px) {
#navegacion_categorias ul.tab .navegacion_filtros > div > span {
height: 50px;
}
#navegacion_categorias ul.tab .navegacion_filtros select {
position: absolute;
top: 25px;
right: 0;
}
#navegacion_categorias ul.tab .navegacion_filtros span + select {
top: 0;
right: 0;
}
}
.div_boton_centrado_fuera ,
.div_submit_fuera {
text-align: center !important;
margin-top: 25px;
margin-bottom: calc(25px - 14px);
}
.div_submit_fuera .boton,
.div_boton_centrado_fuera .boton,
.div_boton_centrado_fuera input[type="submit"] {
padding: 0px 40px !important;
width: auto;
}
@media screen and (max-width: 550px) {
.div_submit_fuera {
margin-top: 25px;
margin-bottom: 25px;
}
.div_boton_centrado_fuera {
margin-top: 15px;
}
/* .div_submit_fuera .boton,
.div_boton_centrado_fuera .boton {
width: 100%;
} */
}
body
{
overflow-y: scroll;
overflow-x: hidden;
}
/*Cabecera *********************************************************************************************************************** */
/* CABECERA *******************************************************************/
#header {
/*position: relative;*/
z-index: 1000;
}
#cabecera {
/*position: absolute;
top: 0;*/
position: relative;
width: 100%;
margin: 0;
padding: 0;
background-color: white;
border-bottom: 1px solid #E8E8E8;
text-align: center;
z-index: 1000;
}
#cabecera .cabecera_sup {
position: relative;
height: 50px;
}
#cabecera .cabecera_sub {
position: relative;
height: 39px;
}
#cabecera h1 {
color: #303030;
padding: 0;
margin: 0;
font-size: 16px;
font-weight: normal;
line-height: 39px;
}
#cabecera_sup_buscar {
text-align: left;
}
/* CABECERA > LOGO *******************************************************************/
#div_logo {
display: inline-block;
position: relative;
line-height: 0;
z-index: 1;
}
#logo {
border: 0;
height: 36px;
}
#link_home {
color: white;
display: inline-block;
line-height: 0;
margin-top: 10px;
cursor: pointer;
}
#div_navegacion
{
text-align: center;
/*line-height: 0;*/
font-size: 14px;
}
#div_navegacion div,
#div_navegacion span,
#div_navegacion li,
#div_navegacion a
{
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
#div_navegacion > a,
#div_navegacion > div
{
color: #303030;
display: inline-block;
height: 35px;
line-height: 35px;
vertical-align: top;
}
#div_navegacion > a {
padding: 0 10px;
white-space: nowrap;
}
html.droid #div_navegacion > a,
html.droid #div_navegacion > div {
line-height: 31px;
}
#div_navegacion > div * {
line-height: normal;
}
/* BREADCRUMBDS *******************************************************************/
#breadcrumbs {
/*font-style: italic;*/
font-size: 16px;
color: #707070;
}
#breadcrumbs ol {
display: inline;
margin: 0;
padding: 0;
}
#breadcrumbs li {
display: inline-block;
}
#breadcrumbs li:before {
content:">";
}
#breadcrumbs li:first-child:before {
content:"";
}
#breadcrumbs a {
color: #707070;
}
#breadcrumbs span {
margin: 0 10px;
}
#breadcrumbs li:first-child span {
margin-left: 0 !important;
}
/* RESPONSIVE **********************************************************************************************/
@media screen and (max-width: 800px) {
/*#cabecera {
position: relative;
right: 0;
}
html.noheader #cabecera {
position: absolute;
}*/
#cabecera .cabecera_sup {
height: 40px;
text-align: left;
}
#cabecera .cabecera_sub:not(.cabecera_pc) {
height: 0;
line-height: 0;
border: 0;
padding: 0;
margin: 0;
}
#link_home {
margin-left: 10px;
margin-top: 7px;
}
/* CABECERA GENERICA */
#cabecera #cabecera_sup_gen #div_logo {
margin: 0;
}
#cabecera #cabecera_sub_gen h1 {
position: absolute;
top: -39px;
right: 10px;
}
}
@media screen and (max-width: 350px) {
#cabecera #cabecera_sub_gen h1 {
display: none;
}
}
#loader {
position: relative;
/* width: 200px; */
height: 100px;
}
#loader.background {
top: 20px;
left: 0;
right: 0;
position: relative;
margin: auto;
margin-top: 10px;
text-align: center;
}
#loader .dots{
width: 100%;
vertical-align: middle;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
#loader .dots span{
/* -webkit-transition: all 6000ms ease;
transition: all 6000ms ease;*/
background: #CA1E25;
height: 15px;
width: 15px;
margin: 0 10px 0 0;
display: inline-block;
border-radius: 50%;
/*animation: wave 2s ease infinite;*/
/*-webkit-animation: wave 2s ease infinite;*/
}
#loader .dots span:nth-child(1){
animation-delay: 0;
-webkit-animation-delay: 0;
margin: auto 5px;
background-color: #4285F4;
animation: loadingC 1s 0.1s ease infinite;
-webkit-animation: loadingC 1s 0.1s ease infinite;
}
#loader .dots span:nth-child(2){
animation-delay: 180ms;
-webkit-animation-delay: 180ms;
margin: auto 5px;
background-color: #EA4335;
animation: loadingC 1s 0.3s ease infinite;
-webkit-animation: loadingC 1s 0.3s ease infinite;
}
#loader .dots span:nth-child(3){
animation-delay: 560ms;
-webkit-animation-delay: 560ms;
margin: auto 5px;
background-color: #FBBC05;
animation: loadingC 1s 0.5s ease infinite;
-webkit-animation: loadingC 1s 0.5s ease infinite;
}
#loader .dots span:nth-child(4){
animation-delay: 940ms;
-webkit-animation-delay: 940ms;
margin: auto 5px;
background-color: #34A853;
animation: loadingC 1s 0.7s ease infinite;
-webkit-animation: loadingC 1s 0.7s ease infinite;
}
@keyframes loadingC {
0 {
transform: translate(0, 0);
}
50% {
transform: translate(0, -25px);
}
100% {
transform: translate(0, 0);
}
}
@-webkit-keyframes loadingC {
0 {
transform: translate(0, 0);
}
50% {
transform: translate(0, -25px);
}
100% {
transform: translate(0, 0);
}
}
/* icono menu */
/*Cabecera *********************************************************************************************************************** */
#cabecera {
display: table;
height: 89px;
font-size: 14px;
}
p#demasiados_resultados {
margin: 0px;
display: block;
padding: 7px 10px;
font-size: 12px;
color: #808080;
max-width: fit-content;
}
#cabecera #cabecera_sup_buscar,
#cabecera #cabecera_sub_buscar
{
display: table-cell;
height: 113px;
/*text-align: center;
font-size: 14px;*/
vertical-align: top;
}
#cabecera #cabecera_sup_buscar {
width: 290px;
}
#cabecera #cabecera_sub_buscar {
/*padding-left: 20px;*/
}
#cabecera_sub_buscar div,
#cabecera_sub_buscar span,
#cabecera_sub_buscar li,
#cabecera_sub_buscar a
{
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
/*#cabecera_sub_buscar > a,
#cabecera_sub_buscar > div
{
color: #303030;
display: inline-block;
height: 35px;
line-height: 35px;
vertical-align: top;
}
#cabecera_sub_buscar > a {
padding: 0 10px;
white-space: nowrap;
}*/
/*html.droid #cabecera_sub_buscar > a,
html.droid #cabecera_sub_buscar > div {
line-height: 31px;
}*/
#cabecera_sub_buscar > div * {
line-height: normal;
}
#link_home {
margin-left: 15px;
}
#div_contador_anuncios_fotos_falsas {
display: none;
color: #303030;
font-size: 14px;
margin-left: 14px;
position: absolute;
left: 0px;
bottom: 28px;
overflow: hidden;
white-space: nowrap;
}
#cabecera #publica_inferior {
display: none;
}
/*#cabecera #ver_busqueda,*/
/*#cabecera #publicar,*/
#cabecera #login
{
/*position: absolute;
top: 23px;*/
color: #0072C6;
background-color: transparent;
display: inline-block;
width: 64px;
font-size: 56px;
height: 42px;
line-height: 42px;
padding: 0px;
text-align:left;
}
#cabecera #publicar,
#cabecera #publica_inferior {
position: absolute;
top: 15px;
right: 20px;
font-size: 17px;
font-weight: normal;
/*padding: 0 10px;*/
padding: 2px 10px 0 10px;
height: 26px;
line-height: 26px;
color: #ef3115;
background-color: #ffdd01;
}
#cabecera #publicar.publicar_perfil {
background-color: #6F28A6;
}
#cabecera #login {
line-height: 36px;
position: absolute;
right: 100px;
bottom: 15px;
}
#cabecera #login img {
width: 64px;
height: 42px;
}
/*#cabecera #ver_busqueda {
display: none;
}*/
#cabecera #enlaces_cabecera .ver_mas ~ div {
display: none;
}
/*Buscador *********************************************************************************************************************** */
#div_busqueda_cabecera {
position: relative;
text-align: left;
display: block;
width: auto;
max-width: 1200px;
margin-top: 10px;
margin-left: 5%;
/*margin-left: 7%;
margin-right: 12%;*/
/*white-space: nowrap;*/
/*overflow: hidden;*/
display: flex;
flex-direction: column;
}
#div_busqueda_cabecera > div {
display: inline;
margin: 0 0 10px 0;
padding: 0;
}
#div_busqueda_cabecera > div:empty {
display: none;
}
#div_busqueda_cabecera form {
position: relative;
display: block;
margin-top: 5px;
}
#div_busqueda_cabecera form:first-child {
margin-top: 56px;
}
#search-field > label,
#search-field-location > label {
display: inline-block;
width: 0;
line-height: 0;
overflow: hidden;
vertical-align: top;
}
/*#div_busqueda_cabecera #search-sector,*/
#div_busqueda_cabecera .search-field {
font-size: 17px;
text-align: left;
height: 40px;
line-height: 40px;
padding: 0 3px;
display: inline-block;
position: relative;
border: 1px solid #D0D0D0;
border-radius: 3px;
margin-right: 15px;
width: 20%;
}
/*#div_busqueda_cabecera #search-sector {
width: 100px;
padding: 0 13px;
}*/
#div_busqueda_cabecera #search-field {
width: calc(100% - 227px);
}
#div_busqueda_cabecera #search-field-location {
/*width: calc(50% - 102px);*/
width: calc(55% - 95px);
}
#div_busqueda_cabecera #search-field-location + #search-field {
width: calc(45% - 95px);
}
html.mic_search #div_busqueda_cabecera #search-field-location {
width: calc(55% - 125px);
}
html.mic_search #div_busqueda_cabecera #search-field-location + #search-field {
width: calc(45% - 125px);
}
/*#div_busqueda_cabecera #search-sector ~ #search-field,
#div_busqueda_cabecera #search-sector ~ #search-field-location {
width: calc(50% - 175px);
}*/
#div_busqueda_cabecera .search-field > div,
#div_busqueda_cabecera .search-field input,
#div_busqueda_cabecera #search-submit span,
#div_busqueda_cabecera #search_mic span,
#div_busqueda_cabecera #search-submit input {
display: inline-block;
border: 0;
height: 40px;
line-height: 40px;
padding: 0;
vertical-align: top;
}
#div_busqueda_cabecera #search-form #search-location:not(:placeholder-shown) + i#limpiar_location,
#div_busqueda_cabecera #search-form #search:not(:placeholder-shown) + i#limpiar_filtros {
display: inline-block !important;
}
#div_busqueda_cabecera .search-field > div {
line-height: 39px;
}
#div_busqueda_cabecera .search-field input,
#div_busqueda_cabecera #geolocalizado {
font-size: 17px;
margin-left: 10px;
}
#div_busqueda_cabecera .search-field > div {
padding: 0 15px 0 10px;
}
#div_busqueda_cabecera #search-submit span,
#div_busqueda_cabecera #search_mic span{
font-size: 20px;
width: 20px;
margin-right: 10px;
font-weight: bold;
}
#div_busqueda_cabecera #search-submit input {
color: inherit;
background: inherit;
cursor: inherit;
font-size: 20px;
font-weight: normal;
}
#div_busqueda_cabecera #search-submit font input {
margin-left: -7px;
font-size: 15px;
}
#div_busqueda_cabecera input::-webkit-input-placeholder {
font-size: 17px;
/*font-style: italic;*/
}
#div_busqueda_cabecera input:-moz-placeholder {
font-size: 17px;
/*font-style: italic;*/
}
#div_busqueda_cabecera input:-ms-input-placeholder {
font-size: 17px;
/*font-style: italic;*/
}
#div_busqueda_cabecera input:focus {
outline: none;
}
#div_busqueda_cabecera #search {
/* width: calc(100% - 127px); */
width: calc(100% - 40px);
}
#div_busqueda_cabecera #search-field-location.location_standalone {
width: calc(100% - 165px);
}
#div_busqueda_cabecera #search-location,
#div_busqueda_cabecera #geolocalizado {
/*width: calc(100% - 161px);*/
width: calc(100% - 146px);
padding-right: 30px;
}
#div_busqueda_cabecera .geolocation_on #search-location {
display: none;
}
#div_busqueda_cabecera #geolocalizado {
padding: 0 30px 0 0;
text-align: left;
overflow: hidden;
display: none;
}
#div_busqueda_cabecera .geolocation_on #geolocalizado {
display: inline-block;
}
#div_busqueda_cabecera .geolocation_on #geolocalizado font {
vertical-align: unset !important;
}
#div_busqueda_cabecera #locate {
display: none;
width: 20px;
font-size: 22px;
width: 130px;
font-size: 17px;
text-align: center;
padding-top: 1px;
cursor: pointer;
padding-top: 0;
line-height: 0;
/*background-color: #0072C6;
color: white;*/
text-align: right;
margin: 5px 0;
margin-right: 5px;
padding: 0 5px;
height: 30px;
line-height: 28px;
vertical-align: top;
border-radius: 3px;
}
#div_busqueda_cabecera #locate i,
#div_busqueda_cabecera #locate .localizame,
#div_busqueda_cabecera #locate .localizado {
height: 30px;
vertical-align: middle;
line-height: 30px;
}
#div_busqueda_cabecera #locate i {
margin-left: 5px;
font-size: 20px;
vertical-align: top;
}
#div_busqueda_cabecera .geolocation_on #locate .localizame,
#div_busqueda_cabecera #locate .localizado {
display: none;
}
#div_busqueda_cabecera #locate .localizame,
#div_busqueda_cabecera .geolocation_on #locate .localizado {
display: inline-block;
}
#div_busqueda_cabecera #locate .localizame,
#div_busqueda_cabecera #locate .localizado {
font-size: 17px;
}
#div_busqueda_cabecera .geolocation_on #locate {
/*background-color: #008d45;*/
color: #008d45;
}
#div_busqueda_cabecera #geolocalizar_cabecera.geolocation_on {
/*color: #0072C6;*/
color: #008d45;
}
#div_busqueda_cabecera #search-location-radius {
position: relative;
width: 75px;
border-left: 1px solid #D0D0D0;
}
#div_busqueda_cabecera #filters #more_filters {
margin-right: 10px;
display: inline-block;
}
#div_busqueda_cabecera #search-location-radius,
#div_busqueda_cabecera #filters {
font-size: 17px;
text-align: center;
/*width: 60px;*/
}
#div_busqueda_cabecera #filters #more_filters {
display: none;
}
#div_busqueda_cabecera #search-field-location i#limpiar_location{
right: 122px;
}
#div_busqueda_cabecera #search-field i#limpiar_filtros {
right: 5px;
}
#div_busqueda_cabecera #search-field-location i#limpiar_location,
#div_busqueda_cabecera #search-field i#limpiar_filtros {
color: #333;
font-size: 20px;
padding: 4px 0px;
line-height: 32px;
position: absolute;
cursor: pointer;
}
/*#div_busqueda_cabecera #filters #navegacion_categorias ,
#div_busqueda_cabecera #filters #navegacion_alertas {*/
#div_busqueda_cabecera #filters [id^="navegacion_"] {
text-align: center;
}
/*#div_busqueda_cabecera #filters #navegacion_categorias {
white-space: normal;
}*/
#div_busqueda_cabecera #filters > span {
color: white;
background-color: #0072C6;
font-size: 13px;
padding: 4px 8px;
border-radius: 3px;
vertical-align: top;
line-height: 32px;
margin-right: 5px;
}
#cabecera_sub_buscar #cerrar_busqueda_voz {
line-height: 40px;
width: 100%;
}
#div_busqueda_cabecera #search-submit,
#div_busqueda_cabecera #search_mic
{
height: 40px;
width: 110px;
line-height: 40px;
padding: 0 15px;
display: inline-block;
text-align: center;
color: white;
background-color: #CA1E25;
border: 1px solid #CA1E25;
border-radius: 3px;
font-weight: bold;
cursor: pointer;
vertical-align: top;
}
#div_busqueda_cabecera .select .select-values,
#div_busqueda_cabecera .search-field .suggestions {
display: block;
width: 100%;
width: calc(100% - 6px);
height: auto;
padding: 3px;
text-align: left;
position: absolute;
left: -1px;
top: 40px;
background-color: white;
border: 1px solid #D0D0D0;
z-index: 1;
border-radius: 3px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
display: none;
}
#div_busqueda_cabecera .search-field .suggestions b {
color: #CA1E25;
}
#div_busqueda_cabecera .select .select-values > span,
#div_busqueda_cabecera .search-field .suggestions > span {
display: block;
padding: 7px 0px;
padding-left: 10px;
font-size: 16px;
cursor: pointer;
}
#div_busqueda_cabecera .select .select-values > span:hover,
#div_busqueda_cabecera .search-field .suggestions > span:hover {
background-color: #D0D0D0 !important;
}
#div_busqueda_cabecera .search-field .suggestions > span.error:hover {
background-color: transparent !important;
cursor: default;
}
#div_busqueda_cabecera .select-values > span.selected,
#div_busqueda_cabecera .search-field .suggestions > span.selected {
background-color: #EEE;
}
#div_busqueda_cabecera #distancias {
width: 100%;
width: calc(100% - 3px);
}
#div_busqueda_cabecera .select {
cursor: pointer;
}
#div_busqueda_cabecera .select > span {
}
#div_busqueda_cabecera #search-location-radius.select > span {
margin-right: 10px;
}
#div_busqueda_cabecera .select > span:after {
content: "\E5CF";
display: inline-block;
line-height: 40px;
position: absolute;
right: 3px;
top: 0px;
}
#div_busqueda_cabecera #search-location-radius.select > span:after {
right: 0px;
}
#div_busqueda_cabecera .select.desp .select-values {
display: block;
}
#div_busqueda_cabecera .select .select-values > span {
position: relative;
}
#div_busqueda_cabecera #search-location-radius.select .select-values > span {
text-align: right;
padding-left: 0px;
padding-right: 10px;
}
#div_busqueda_cabecera .select .select-values:hover > span.selected {
background-color: inherit;
}
/*#div_busqueda_cabecera #distancias > span:before {
content: "+";
font-size: inherit;
display: inline-block;
font-family: inherit;
position: absolute;
left: 10px;
top: 8px;
}*/
/*Favoritos *********************************************************************************************************************** */
#favoritos {
position: absolute;
right: 90px;
bottom: 15px;
height: 42px;
}
#favoritos .icono,
#favoritos span {
vertical-align: top;
height: 42px;
line-height: 42px;
}
#favoritos .icono {
color: #CA1E25;
font-size: 42px;
cursor: pointer;
}
#favoritos span {
margin-left: 5px;
font-size: 18px;
}
/*Enlaces cabecera *********************************************************************************************************************** */
#cabecera #sectores {
display: inline-block;
}
#cabecera #enlaces_cabecera {
display: inline-block;
}
/* #cabecera #sectores + #enlaces_cabecera {
margin-left: 60px;
} */
/*.categoria*/
#cabecera #enlaces_cabecera a,
#cabecera #sectores span.enlace,
#cabecera #sectores a {
/*comun .categoria*/
display: inline-block;
font-size: 13px;
font-family: Verdana;
white-space: nowrap;
/*padding: 4px 8px;*/
padding: 5px 10px 6px 10px;
/*padding: 4px 6px 5px 6px;*/
border-radius: 3px;
color: #2A5279;
background-color: #DEF2FC;
cursor: pointer;
margin: 5px 0;
margin-right: 10px;
/* vertical-align: middle; */
}
.categoria .m-ico{
padding-right: 5px;
}
html.droid #cabecera #enlaces_cabecera a,
html.droid #cabecera #sectores span.enlace,
html.droid #cabecera #sectores a {
/*comun .categoria*/
padding: 5px 10px;
/*padding: 4px 6px;*/
}
#cabecera #sectores a.activo {
color: white;
background-color: #CA1E25;
}
#cabecera #enlaces_cabecera a:first-child,
#cabecera #sectores span.enlace:first-child,
#cabecera #sectores a:first-child {
margin-left: 0;
}
#cabecera #enlaces_cabecera a:last-child,
#cabecera #sectores span.enlace:last-child,
#cabecera #sectores a:last-child {
margin-right: 0;
}
#cabecera #sectores #sectores_categoria,
#cabecera #sectores #sectores_sexo {
display: inline-block;
}
#cabecera #sectores #sectores_sexo {
margin-left: 25px;
}
#cabecera #sectores #sectores_categoria span.titulo,
#cabecera #sectores #sectores_sexo span.titulo {
display: inline-block;
font-size: 15px;
line-height: 15px;
margin-right: 10px;
font-weight: bold;
vertical-align: middle;
}
#cabecera #enlaces_cabecera {
position: relative;
order: 10;
margin-left: -5px !important;
margin-bottom: 10px;
white-space: normal;
min-height: 29px;
}
#cabecera #geolocalizar_cabecera,
#cabecera #enlaces_cabecera div.ver_mas{
display: inline-block;
font-size: 15px;
margin-top: 5px;
font-weight: bold;
}
#cabecera #geolocalizar_cabecera,
#cabecera #enlaces_cabecera div.ver_mas:not(#filters_cabecera) {
margin-left: 5px;
cursor: pointer;
}
#contenedor_filtros{
display: inline-block !important;
position: absolute;
left: 5px !important;
top: 0px;
}
#geolocalizar_cabecera + #contenedor_filtros{
left: calc(55% - 75px) !important;
}
html.mic_search #geolocalizar_cabecera + #contenedor_filtros{
left: calc(55% - 104px) !important;
}
#filters{
top: -5px;
}
#filters,
#cabecera #filters_cabecera,
#cabecera #geolocalizar_cabecera {
display: inline-block !important;
cursor: pointer;
line-height: 22px;
}
#filters,
#cabecera #filters_cabecera{
position: relative;
}
#cabecera #geolocalizar_cabecera {
position: absolute;
top: 0px;
/* right: 0px; */
left: 200px;
}
.oculto{
display: none !important;
}
#cabecera #enlaces_cabecera div.ver_mas.oculto + #geolocalizar_cabecera {
left: 0px;
}
#cabecera #geolocalizar_cabecera i {
vertical-align: middle;
margin-left: 5px;
font-size: 22px;
}
#geolocalizar_cabecera.geolocation_on .localizame,
#geolocalizar_cabecera .localizado {
display: none;
}
#geolocalizar_cabecera .localizame,
#geolocalizar_cabecera.geolocation_on .localizado {
display: inline-block;
}
#cabecera #enlaces_cabecera div.ver_mas::after {
content: "\E5CF";
vertical-align: middle;
}
#cabecera #enlaces_cabecera div.ver_mas.desp::after {
content: "\E5CE";
}
#cabecera #enlaces_cabecera div.ver_mas.desp + div {
display: block;
margin: 5px 0 0 5px;
}
#cabecera #enlaces_cabecera div.ver_mas .corto {
display: none;
}
#cabecera #busquedas_relacionadas_poblaciones_principales_cabecera .ver_mas {
background-color: transparent;
display: inline-block !important;
padding-left: 0 !important;
padding-right: 0 !important;
text-decoration: underline;
font-weight: normal;
}
#cabecera #busquedas_relacionadas_poblaciones_principales_cabecera a.categoria:last-of-type {
margin-right: 15px !important;
}
#cabecera #busquedas_relacionadas_poblaciones_principales_cabecera div.ver_mas::after {
content: "";
display: none;
}
#cabecera #mostrar_cabcera,
#cabecera #mostrar_navegacion {
display: none;
}
html.mic_show body
{
overflow: hidden;
}
html.mic_show #mic_lightbox .lightbox{
z-index: 1;
}
#mic_lightbox, #blocked_mic_lightbox {
display: none;
}
#blocked_mic_lightbox {
position: absolute;
top: 0;
z-index: 1;
}
#blocked_mic_lightbox .lightbox,
#blocked_mic_lightbox .contenido {
top: 0 !important;
box-sizing: border-box;
}
#blocked_mic_lightbox .contenido {
z-index: 1;
box-shadow: 0 7px 10px rgba(0,0,0,0.3);
max-height: calc(100% - 40px);
}
#div_busqueda_cabecera #search_mic {
display: none;
}
#div_busqueda_cabecera #search_mic span svg {
width: 100%;
height: 100%;
}
html.mic_search #div_busqueda_cabecera #search_mic {
display: inline-block;
}
#div_busqueda_cabecera #search_mic {
width: auto;
margin-left: 10px;
}
#div_busqueda_cabecera #search_mic span {
margin: 0;
}
#blocked_mic_lightbox .desktop, #blocked_mic_lightbox .ios, #blocked_mic_lightbox .android {
display: none;
}
html.ios #blocked_mic_lightbox .ios ,
html.droid #blocked_mic_lightbox .android ,
html:not(.droid):not(.ios) #blocked_mic_lightbox .desktop {
display: block;
}
.icon_block {
display: block;
text-align: center;
margin-left: -18px;
margin-top: 10px;
}
.icon_block i.m-sym,
.icon_block i.material-symbols {
font-size: 36px;
}
div.lock_pointer {
text-align: center;
}
img.lock_pointer {
margin: 15px 0px 15px -25px;
width: 50px;
}
#mic_lightbox .contenido,
#blocked_mic_lightbox .contenido{
box-sizing: border-box;
top: 50% !important;
transform: translateY(-50%) !important;
width: calc(100% - 40px);
max-width: 400px;
margin-left: auto;
margin-right: auto;
left: 0px;
right: 0px;
background-color: white;
text-align: center;
position: fixed;
cursor: default;
padding: 20px;
z-index: 1;
}
#mic_lightbox .contenido {
min-height: 360px;
}
#mic_lightbox #loader {
top: 0px;
}
#blocked_mic_lightbox .contenido{
text-align: left;
height: inherit;
}
#blocked_mic_lightbox .contenido{
/*height: 540px;*/
top: 200px;
}
#blocked_mic_lightbox .contenido .title {
font-weight: bold;
font-size: 18px;
}
#blocked_mic_lightbox ol {
padding-inline-start: 15px;
}
#blocked_mic_lightbox li {
margin-top: 15px;
padding-bottom: 5px;
}
#blocked_mic_lightbox .icon_mic,
#blocked_mic_lightbox .icon_checked,
#blocked_mic_lightbox .icon_cam{
font-size:50px;
position:relative;
}
#blocked_mic_lightbox .icon_mic{
margin-left: -5px;
}
#blocked_mic_lightbox .icon_checked,
#blocked_mic_lightbox .iconos {
margin:25px 0 25px -15px;
}
.icon_cam {
margin-left:25px;
}
.icon_lock {
font-size:50px;
margin:25px 0 41px -15px;
position:relative;
}
.icon_lock i.icon_dot {
position:absolute;
top:41%;
left:30%;
font-size:20px;
}
.icon_hand {
/*animation: pulse 2s infinite;*/
position: absolute;
color:#CA1E25;font-size:40px;left: 33px;top: 35px;width:18px
}
ol.android li:last-child {
margin-bottom:25px;
}
@keyframes pulse {
0% {
transform: scale(0.85);
}
70% {
transform: scale(1);
}
100% {
transform: scale(0.85);
}
}
#blocked_mic_lightbox .icon_checked {
font-size: 20px;
}
#blocked_mic_lightbox .icon_checked + span {
top: -5px;
left: 5px;
position: relative;
}
#blocked_mic_lightbox .icon_close {
border:2px solid white;
border-radius: 3px;
color:white;
background:#d63b30;
right:0;
bottom:3px;
position:absolute;
font-size:15px;
margin-top:16px;
}
#cabecera_sub_buscar #cerrar_blocked {
text-align: center;
line-height: 38px;
}
#mic_lightbox .body{
position: absolute;
width: calc(100% - 40px);
top: 48%;
transform: translateY(-50%);
text-align: center;
}
#mic_lightbox .lightbox,
#blocked_mic_lightbox .lightbox{
z-index: 0;
/*top: 114px;*/
}
#mic_lightbox .icono_lightbox {
display: inline-block;
width: 75px;
height: 75px;
text-align: center;
}
#mic_lightbox .icono_lightbox img {
width: 100%;
height: 100%;
}
#mic_lightbox span.habla {
margin: 20px 0;
font-size: 26px;
font-weight: normal;
display: block;
}
#mic_lightbox .footer{
text-align: center;
bottom: 20px;
width: calc(100% - 40px);
position: absolute;
}
#cerrar_blocked {
width: 100%;
}
#blocked_mic_lightbox .desktop,
#blocked_mic_lightbox .android {
display: none;
}
#blocked_mic_lightbox .desktop span.img,
#blocked_mic_lightbox .android span.img {
display: block;
text-align: center;
}
#div_busqueda_cabecera #search_mic span img{
width: 100%;
height: 100%;
margin-right: 0px;
line-height: 37px;
}
/* RESPONSIVE **********************************************************************************************/
/* @media screen and (min-width: 2000px) {
#div_busqueda_cabecera {
position: absolute;
top: 10px;
right: 50vw;
width: 1200px;
margin: 0;
margin-right: -600px;
}
} */
@media screen and (max-width: 1800px) {
#div_busqueda_cabecera {
margin-left: 5%;
margin-right: 14%;
}
}
@media screen and (max-width: 1664px) {
#div_busqueda_cabecera {
margin-left: 3%;
margin-right: 16%;
}
/*#cabecera #publicar {
right: 132px;
}
#cabecera #login {
right: 66px;
}*/
}
/* @media screen and (max-width: < ? = $ancho_salto_cabecera?>px) { 1280x720 o 1366x768 */
#cabecera {
display: block;
/*height: 141px;*/
height: auto;
}
#link_home {
/* margin-left: 10px; */
height: 36px;
}
#cabecera_sup_gen #div_logo #link_home img,
#cabecera_sup_buscar #div_logo #link_home img {
position: absolute;
}
#cabecera #cabecera_sup_buscar,
#cabecera #cabecera_sub_buscar
{
display: block;
width: auto;
}
#cabecera #cabecera_sup_buscar {
height: auto;
}
#cabecera #cabecera_sub_buscar {
height: auto;
padding: 0 10px 0 15px;
}
#div_contador_anuncios_fotos_falsas {
position: relative;
bottom: initial;
margin-top: 11px;
margin-left: 9px;
}
#cabecera #publicar,
#cabecera #login {
/*top: -84px;*/
/* top: -75px; */
top: -52px;
}
#cabecera #publicar ,
#cabecera #publica_inferior {
right: 165px;
height: 40px;
line-height: 40px;
padding: 0 15px;
font-size: 17px;
}
#cabecera #login {
right: 61px;
}
#div_busqueda_cabecera {
position: relative;
width: 100%;
max-width: none;
margin: 15px 0px 0px !important;
}
#div_busqueda_cabecera form {
margin-bottom: 10px;
}
#div_busqueda_cabecera form:first-child {
margin-top: -6px;
}
/*#div_busqueda_cabecera #search-sector,*/
#div_busqueda_cabecera .search-field {
margin-right: 10px;
}
#div_busqueda_cabecera #search-field {
width: calc(100% - 230px);
}
/* #div_busqueda_cabecera #search-field-location + #div_busqueda_cabecera #search-field, */
/* #div_busqueda_cabecera #search-field-location { */
/*width: calc(50% - 87px);*/
/* width: calc(50% - 89px); */
/* } */
#div_busqueda_cabecera #locate .localizame,
#div_busqueda_cabecera #locate .localizado {
display: none !important;
}
#div_busqueda_cabecera #locate {
width: 30px;
}
#div_busqueda_cabecera #locate i {
margin-left: 0;
}
#div_busqueda_cabecera #search-location,
#div_busqueda_cabecera #geolocalizado {
/* width: calc(100% - 171px); */
width: calc(100% - 154px);
}
/*#div_busqueda_cabecera #search-sector ~ #search-field,
#div_busqueda_cabecera #search-sector ~ #search-field-location {
width: calc(50% - 156px);
}*/
#favoritos {
bottom: unset;
/* top: -75px; */
top: -53px;
right: 75px;
}
/* } */
@media screen and (max-width: 800px) {
html.mic_show #cabecera #publicar,
html.mic_show #cabecera #cabecera_sub_buscar .navegacion_about,
html.mic_show #cabecera #cabecera_sub_buscar #favoritos {
display: none;
}
html.mic_show a#login {
display: none !important;
}
#link_home {
margin-left: 10px;
height: 35px;
}
#cabecera {
height: auto;
position: relative;
}
#cabecera #cabecera_sup_buscar {
height: 46px;
overflow-x: hidden;
}
#cabecera #cabecera_sub_buscar {
height: auto;
text-align: left;
padding: 0;
}
#div_contador_anuncios_fotos_falsas {
margin-top: 0px;
bottom: 7px;
position: absolute;
}
/*#cabecera #ver_busqueda,*/
#cabecera #publicar,
#cabecera #login {
display: none;
}
#cabecera #login
{
top: -61px;
right: 12px;
}
#cabecera #login img {
width: 26px;
height: 30px;
}
#cabecera #publicar {
margin-right: 0px !important;
}
#cabecera #div_busqueda_cabecera {
/* display: block; */
height: auto;
width: auto;
padding: 9px;
margin: -9px 0px 0px !important;
position: relative;
top: 0;
left: 0;
/* display: flex;
flex-direction: column; */
}
#div_busqueda_cabecera > div {
margin: 0;
}
#div_busqueda_cabecera #sectores{
margin-top: 5px;
}
#cabecera #filters_cabecera {
left: auto !important;
right: 0px;
}
#cabecera #geolocalizar_cabecera {
/*top: 1px;*/
left: 50%;
transform: translateX(-50%);
}
#cabecera #enlaces_cabecera div.ver_mas.oculto + #geolocalizar_cabecera {
left: 5px;
transform: unset;
}
#cabecera #geolocalizar_cabecera,
#cabecera #enlaces_cabecera div.ver_mas {
font-size: 15px;
margin-top: 5px;
/* font-weight: bold; */
}
#div_busqueda_cabecera #search-field-location i#limpiar_location,
#div_busqueda_cabecera #search-field i#limpiar_filtros {
padding: 2px 0px;
}
#header.ocultar_navegacion #cabecera {
height: 43px;
--height-cabecera: 43px;
--height-cabecera-layout: 0px;
--height-cabecera-no-explicito: 0px;
}
#header.ocultar_navegacion #cabecera #div_busqueda_cabecera {
height: 0;
padding: 0;
overflow: hidden;
}
#header.ocultar_navegacion #div_contador_anuncios_fotos_falsas {
display: none;
}
#div_busqueda_cabecera form {
margin-top: 0;
margin-bottom: 0;
}
#cabecera #enlaces_cabecera {
/* position: relative; */
/* order: 10; */
/* margin-left: -5px !important; */
margin-top: 10px;
margin-bottom: 0px;
/* white-space: normal; */
}
#cabecera #enlaces_cabecera a {
margin: 5px !important;
}
#div_busqueda_cabecera .search-field,
#div_busqueda_cabecera .search-field input,
#div_busqueda_cabecera .search-field > div,
/*#div_busqueda_cabecera #search-sector,*/
/*#div_busqueda_cabecera #sectores span.enlace,*/
#div_busqueda_cabecera #filters > span,
#div_busqueda_cabecera #search-submit,
#div_busqueda_cabecera #search_mic,
#div_busqueda_cabecera #search-submit > span,
#div_busqueda_cabecera #search_mic > span {
height: 35px;
line-height: 35px;
font-size: 17px;
}
#div_busqueda_cabecera #search-submit,
#div_busqueda_cabecera #search_mic {
vertical-align: initial;
}
#div_busqueda_cabecera input::-webkit-input-placeholder {
font-size: 17px;
}
#div_busqueda_cabecera input:-moz-placeholder {
font-size: 17px;
}
#div_busqueda_cabecera input:-ms-input-placeholder {
font-size: 17px;
}
#div_busqueda_cabecera .select .select-values,
#div_busqueda_cabecera .search-field .suggestions {
top: 35px;
font-size: 15px;
}
#div_busqueda_cabecera .select .select-values > span,
#div_busqueda_cabecera .search-field .suggestions > span {
padding: 10px 7px;
font-size: 15px;
}
#div_busqueda_cabecera .select > span:after {
height: 35px;
line-height: 35px;
}
#cabecera #enlaces_cabecera div.ver_mas::after{
margin-right: -5px;
}
#div_busqueda_cabecera #locate {
font-size: 22px;
}
/* #enlaces_cabecera.enlaces_cabecera_geolocalizar + #search-form #locate {
display: none;
}*/
#div_busqueda_cabecera #search-field-location i#limpiar_location {
right: 119px;
}
#div_busqueda_cabecera #geolocalizado,
#div_busqueda_cabecera #search-location-radius,
#div_busqueda_cabecera #filters {
font-size: 17px;
}
/*#div_busqueda_cabecera #search-sector {
display: block;
width: 100% !important;
border: 0;
padding: 0;
margin: 0;
margin-top: 9px;
height: 21px;
line-height: 21px;
}*/
/*#div_busqueda_cabecera #search-sector > span {
display: none;
}*/
/*#div_busqueda_cabecera #sectores {
display: inline-block;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
border: 0;
}
#div_busqueda_cabecera #sectores span.enlace {
display: inline-block;
padding: 0;
margin: 0;
margin-right: 20px;
line-height: 21px;
height: 21px;
}
html.droid #div_busqueda_cabecera #sectores span.enlace {
line-height: 23px;
}
#div_busqueda_cabecera #sectores span.enlace:before {
content: "radio_button_unchecked";
font-size: 19px;
display: inline-block;
margin: 0;
margin-right: 5px;
vertical-align: top;
line-height: 21px;
height: 21px;
color: #0072C6;
}
#div_busqueda_cabecera #sectores span.enlace.selected {
background-color: transparent !important;
}
#div_busqueda_cabecera #sectores span.enlace.selected:before {
content: "radio_button_checked";
}*/
#div_busqueda_cabecera #sectores ~ #search-form{
margin-top: 15px;
}
#div_busqueda_cabecera .search-field {
display: block;
width: 100% !important;
width: calc(100% - 2px) !important;
padding: 0;
margin: 0;
margin-top: 9px;
}
#div_busqueda_cabecera #search-field-location {
margin-top: 0px;
}
#div_busqueda_cabecera #search-field-location.location_standalone {
display: inline-block;
width: calc(100% - 59px) !important;
margin-right: 10px;
}
html.mic_search #div_busqueda_cabecera #search-field {
width: calc(100% - 116px) !important;
}
#div_busqueda_cabecera #search_mic{
width: 25px;
padding: 0 10px;
}
#div_busqueda_cabecera #search_mic span{
font-size: 25px;
margin-right: 0px;
line-height: 37px;
position: relative;
}
#div_busqueda_cabecera #distancias {
width: calc(100% - 6px);
}
#div_busqueda_cabecera #search-field {
display: inline-block;
width: calc(100% - 116px) !important;
margin-right: 10px;
}
#div_busqueda_cabecera #search {
/* width: calc(100% - 122px); */
}
#div_busqueda_cabecera #geolocalizar_cabecera + #contenedor_filtros{
left: auto !important;
right: 0px;
}
#div_busqueda_cabecera #filters{
top: -9px;
}
#div_busqueda_cabecera #filters > span {
padding: 4px 8px;
font-size: 13px;
}
#cabecera_sub_buscar #div_busqueda_cabecera #search-submit{
padding: 0 10px;
width: 82px;
}
html.mic_search #div_busqueda_cabecera #search-submit {
width: 25px !important;
}
#div_busqueda_cabecera #search-submit span {
font-size: 25px;
width: auto;
margin: 0;
padding: 0;
}
#div_busqueda_cabecera #search-submit input {
display: none;
}
/*#div_busqueda_cabecera #search {
visibility: hidden;
}
#div_busqueda_cabecera #search.showplaceholder {
visibility: visible;
}*/
#div_busqueda_cabecera .search-field .suggestions {
padding: calc(3px + 1px) 3px;
}
html.noheader #cabecera #mostrar_cabcera {
display: block;
position: fixed;
right: 0;
top: 5px;
background-color: #0072C6;
color: white;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 38px;
height: 40px;
line-height: 40px;
width: 50px;
opacity: 0.8;
}
html.showheader #header {
position: fixed;
left: 0;
right: 0;
top: 0;
}
html.showheader #cabecera #mostrar_cabcera {
display: none;
}
#cabecera #mostrar_navegacion,
#favoritos {
top: -32px;
right: 50px;
right: 93px;
}
#favoritos .icono,
#favoritos span {
height: 32px;
line-height: 32px;
}
#favoritos .icono {
font-size: 32px;
}
#cabecera #mostrar_navegacion {
display: inline-block;
position: absolute;
right: 45px;
margin: 0 !important;
background-color: unset !important;
font-weight: 700;
font-size: 30px !important;
line-height: 34px !important;
}
#cabecera #sectores #sectores_categoria a:not(:last-child),
#cabecera #sectores #sectores_sexo a:not(:last-child),
#cabecera #sectores #sectores_sexo span:not(:last-child){
margin-bottom: 9px;
}
#cabecera #sectores #sectores_categoria a:last-child,
#cabecera #sectores #sectores_sexo a:last-child,
#cabecera #sectores #sectores_sexo span:last-child{
margin-bottom: 0px;
}
#cabecera #sectores #sectores_categoria *,
#cabecera #sectores #sectores_sexo *{
display: block;
}
#cabecera #sectores #sectores_categoria,
#cabecera #sectores #sectores_sexo {
vertical-align: top;
}
#cabecera #sectores #sectores_categoria {
min-width: 130px;
}
#cabecera #sectores #sectores_sexo {
min-width: 80px;
margin-left: 15px;
margin-top: 0px;
}
#cabecera #sectores #sectores_categoria span.titulo,
#cabecera #sectores #sectores_sexo span.titulo {
display: block;
margin-right: 0px;
margin-bottom: 8px;
}
#cabecera #enlaces_cabecera a,
#cabecera #sectores span.enlace,
#cabecera #sectores a {
/*comun .categoria*/
font-size: 15px;
margin: 4px 0;
/* margin-right: 8px; */
}
}
@media screen and (max-width: 550px) {
#cabecera #publica_inferior {
display: block;
top: initial;
margin-top: 10px;
right: 7px;
height: 27px;
line-height: 27px;
font-size: 15px;
padding: 0px 10px;
}
html.filtrosdesp #cabecera #publica_inferior {
display: none !important;
}
html.droid #cabecera #publica_inferior {
margin-top: 9px;
}
#header.ocultar_navegacion #cabecera #publica_inferior {
margin-top: 15px;
}
html.droid #header.ocultar_navegacion #cabecera #publica_inferior {
margin-top: 14px;
}
#cabecera #enlaces_cabecera div.ver_mas .corto {
display: inline-block;
}
#cabecera #enlaces_cabecera div.ver_mas .largo {
display: none;
}
}
@media screen and (max-width: 320px) {
#favoritos span {
display: none;
}
}
html.menudesp body {
overflow: hidden;
}
html.menudesp #cabecera {
position: fixed;
top: 0px;
}
#cabecera .navegacion_menu h1.titulo {
margin-top: 0px;
font-size: 25px;
font-weight: normal;
color: #CA1E25;
}
.navegacion_menu {
display: none;
}
#content .bloque_dashboard .titulo {
display: inline;
}
.navegacion_menu .contenedor {
margin: -5px;
}
#cabecera .navegacion_menu {
position: fixed;
}
#cabecera .navegacion_about .navegacion_titulo.close_icon {
/*color: #CA1E25;*/
font-size: 66px;
}
#cabecera .navegacion_menu {
background: #f4f4f4;
height: 100%;
overflow-y: auto;
}
#cabecera .navegacion_menu .bloque {
box-sizing: border-box;
max-width: 1024px;
margin: auto;
/*height: 100%;*/
/*padding-bottom: 175px;*/
}
#cabecera .navegacion_about .navegacion_menu {
left: 0;
width: 100%;
height: calc(100% - 114px);
max-width: 100%;
box-sizing: border-box;
top: 114px;
}
.anuncio_publicar .reglas_publicar,
.publicar_perfil .slumi_promo {
display: block !important;
width: auto !important;
margin-left: 0 !important;
font-size: 15px !important;
margin-top: 5px;
}
.navegacion .grupo_publicar > span.anuncio_publicar,
.navegacion .grupo_publicar > span.publicar_perfil {
height: auto !important;
/*min-height: 155px !important;*/
/* vertical-align: top; */
}
.navegacion .grupo_publicar > span.anuncio_publicar > span {
min-height: 100px;
line-height: normal;
}
.navegacion .grupo_publicar > span.publicar_perfil > span{
min-height: 100px;
line-height: 100px !important;
}
.navegacion .grupo_publicar > span.anuncio_publicar > span span,
.navegacion .grupo_publicar > span.publicar_perfil > span span {
line-height: normal;
}
/*.navegacion .grupo.separacion {*/
.navegacion .grupo ~ .grupo {
margin-top: 20px;
}
html.menudesp #cabecera_sub_buscar .navegacion_about .navegacion_menu {
padding: 14px !important;
display: block !important;
}
html.menudesp #cabecera_sub_buscar.cabecera_pc .navegacion_about .navegacion_menu {
padding-top: 20px !important;
}
html.menudesp #cabecera_sub_buscar .navegacion_about .navegacion_titulo {
width: 40px;
font-size: 40px;
right: 0px;
}
html.menudesp #cabecera_sub_buscar .navegacion_about .navegacion_titulo {
content: "";
padding-right: 3px;
}
html.menudesp #cabecera_sub_buscar .navegacion_about .navegacion_titulo:before {
content: "close";
color: #0072C6;
background-color: white;
margin: -4px 0px 0px;
padding: 0;
width: 50px;
line-height: 52px;
font-size: 59px;
font-weight: bold;
margin-left: -10px;
}
html.menudesp #cabecera_sub_buscar .navegacion_about ~ #div_busqueda_cabecera {
visibility: hidden;
}
#cabecera .bloque .titulo {
margin-top: 0px;
line-height: normal;
}
#cabecera .cabecera_pc .bloque .titulo {
margin-bottom: 8px;
}
#cabecera .cabecera_pc .bloque .email {
display: block;
margin-bottom: 25px;
}
#cabecera .navegacion_about .navegacion_menu {
top: 63px;
height: calc(100% - 63px);
padding: 0px;
right: -10px;
}
#cabecera #div_busqueda_cabecera ~ .navegacion .navegacion_menu {
top: 185px;
height: calc(100% - 185px);
}
@media screen and (max-width: 1024px){
#cabecera #div_busqueda_cabecera .navegacion_about .navegacion_menu {
margin-top: 123px!important;
border-top: 0;
}
}
@media screen and (max-width: 800px) {
html.menudesp #cabecera_sub_buscar .navegacion_about {
right: 0;
text-align: right;
width: 100%;
background-color: white;
}
#cabecera .navegacion_about {
top: -59px;
}
#cabecera .navegacion_about .navegacion_titulo {
width: 37px;
height: 40px;
font-size: 48px;
}
html.menudesp #cabecera_sub_buscar .navegacion_about .navegacion_titulo:before {
width: 40px;
line-height: 42px;
font-size: 40px;
margin-left: 0px;
margin-top: 0px;
font-weight: normal;;
}
#cabecera .navegacion_menu .bloque {
padding: 25px;
}
html.menudesp #cabecera .navegacion_about .navegacion_menu,
html.menudesp #cabecera #div_busqueda_cabecera ~ .navegacion .navegacion_menu {
margin-top: 0px;
top: 40px !important;
height: calc(100% - 40px) !important;
border-top: 1px solid #E8E8E8;
padding: 5px !important;
}
html.menudesp #cabecera_sub_buscar.cabecera_pc .navegacion_about .navegacion_menu {
padding: 20px 14px 14px !important;
}
#cabecera .navegacion_menu,
html.menudesp #cabecera_sub_buscar .navegacion_about .navegacion_menu #content{
width: initial;
margin: 0;
padding: 5px !important;
width: calc(100% - 28px);
padding: 20px 14px 14px !important;
}
#cabecera .navegacion_menu{
background-color: #F4F4F4!important;
}
}
@media screen and (max-width: 650px) {
#cabecera .navegacion .grupo_publicar > span.anuncio_publicar,
#cabecera .navegacion .grupo_publicar > span.publicar_perfil {
height: auto !important;
}
#cabecera .navegacion .grupo_publicar > span.anuncio_publicar > span,
#cabecera .navegacion .grupo_publicar > span.publicar_perfil > span {
min-height: auto;
}
#cabecera .navegacion .grupo_publicar > span.publicar_perfil > span {
line-height: normal !important;
}
}
@media screen and (max-width: 550px) {
#cabecera .navegacion_menu h1.titulo {
margin-left: 0px!important;
}
#cabecera .navegacion_menu,
html.menudesp #cabecera_sub_buscar .navegacion_about .navegacion_menu #content {
padding: 5px!important;
width: calc(100% - 10px);
}
html.menudesp #cabecera_sub_buscar.cabecera_pc .navegacion_about .navegacion_menu {
padding: 5px!important;
}
}
@media screen and (max-width: 1244px) {
#content .bloque_dashboard .titulo {
margin-left: 5px;
margin-top: 10px;
}
#cabecera .navegacion_menu .bloque {
padding: 15px;
}
}
@media screen and (max-width: 450px) {
#cabecera .navegacion_menu h1.titulo {
margin-left: 0px !important;
}
}
#menu_publicar_cabecera {
display: none;
}
#menu_publicar_cabecera_content {
position: relative;
background-color: white;
margin: 0 auto;
padding: 15px;
max-width: 400px;
}
#menu_publicar_cabecera_content .titulo {
color: #CA1E25;
margin-top: 0 !important;
margin-left: 0 !important;
padding-left: 0 !important;
padding-top: 0 !important;
cursor: unset;
}
#menu_publicar_cabecera_content .cerrar {
color: #0072C6;
position: absolute;
right: 5px;
top: 5px;
border-radius: 3px;
cursor: pointer;
font-size: 32px;
}
html.menupublicar body {
overflow: hidden;
}
html.menupublicar #menu_publicar_cabecera {
display: block;
position: fixed;
top: 20%;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
}
/* NAVEGACION > DESPLEGABLES *******************************************************************/
#cabecera .navegacion_titulo
{
font-size: 16px;
display: inline-block;
line-height: 30px;
margin: 0 10px;
cursor: pointer;
white-space: nowrap;
}
#cabecera .navegacion_menu
{
margin: 0;
padding: 0;
padding-top: 4px;
text-align: left;
display: none;
}
#cabecera .navegacion_about {
position: absolute;
right: 16px;
bottom: 12px;
height: 53px;
/*right: calc(12% - 105px);*/
}
#cabecera #mostrar_navegacion {
cursor: pointer;
}
#cabecera #mostrar_navegacion,
#cabecera .navegacion_about .navegacion_titulo {
font-size: 82px;
width: 52px;
height: 42px;
line-height: 42px;
overflow: hidden;
margin: 0;
margin-right: 5px;
color: #0072C6;
background-color: white;
}
#cabecera .navegacion_about .navegacion_menu {
right: -26px;
padding-top: 12px;
}
#cabecera .navegacion_about .navegacion_titulo {
margin-right: 1px;
}
#cabecera .navegacion_about {
/* top: -75px; */
top: -53px;
/* margin-right: 20px!important; */
}
@media screen and (max-width: 1664px) {
#cabecera .navegacion_about {
bottom: 5px;
}
#cabecera .navegacion_about {
right: 10px;
/* height: 53px; */
}
#cabecera .navegacion_about .navegacion_menu {
padding-top:6px !important;
right: -10px;
}
/* #cabecera .navegacion_about .navegacion_titulo {
margin-right: 10px;
}*/
}
@media screen and (max-width: 800px) {
#cabecera .navegacion_about {
top: -36px;
height: 0;
}
#cabecera .navegacion_about {
right: 7px;
}
#cabecera #mostrar_navegacion,
#cabecera .navegacion_about .navegacion_titulo {
width: 37px;
height: 40px;
font-size: 48px;
line-height: 40px;
}
#cabecera .navegacion_about .navegacion_titulo {
margin-right: 0px !important;
}
#cabecera_sub_buscar .navegacion_about {
display: block;
width: auto;
}
#cabecera_sub_buscar .navegacion_about .navegacion_menu {
display: none;
top: 40px;
left: 0;
right: 0;
padding: 0;
margin: 0;
border: 0;
z-index: 1;
background-color: white;
}
#cabecera .navegacion_about .navegacion_menu {
right: 0px;
}
html.mobile #cabecera .navegacion_about .navegacion_menu {
right: 0px;
}
}
/*Content (top en funcion del alto de la cabecera) ******************************************************************************* */
#content {
width: 100%;
max-width: none;
padding: 0;
}
.formulario_adulto
{
position: fixed;
/*top: 50px;*/
top: 0px;
left: 50%;
width: 460px;
margin-left: -256px;
color: #303030;
background-color: white;
box-shadow: 0 7px 10px rgba(0,0,0,0.3);
padding: 22px 25px 25px 25px;
z-index: 1111;
}
.formulario_adulto:before {
content: "";
position: fixed;
display: block;
left: 0;
right: 0;
top: 0;
height: 50px;
}
.formulario_adulto h3,
.formulario_adulto span.titulo
{
display: block;
/*margin: 20px 0 0 0;*/
padding: 0;
font-size: 15px;
font-weight: bold;
}
/*.formulario_adulto h3:first-of-type,
.formulario_adulto span.titulo:first-of-type
{
margin-top: 0px;
}*/
.formulario_adulto.rgpd p
{
font-size: 12px;
}
.formulario_adulto.rgpd h3 + p,
.formulario_adulto.rgpd span.titulo + p {
margin-top: 5px !important;
}
#formulario_agedoor h3 + p,
#formulario_agedoor span.titulo + p,
#formulario_adulto.no_aviso_adultos #aviso_preferencias h3 + p,
#formulario_adulto.no_aviso_adultos #aviso_preferencias span.titulo + p
{
margin-top: 15px !important;
}
.formulario_adulto_lightbox
{
z-index: 1001;
}
.formulario_adulto_content
{
display: none;
}
.formulario_adulto select
{
margin-top: 8px;
/*margin-bottom: 30px;*/
width: 250px;
font-size: 15px;
border-color: #D0D0D0;
padding: 5px;
}
.formulario_adulto .error
{
color: red;
margin-left: 15px;
}
#aviso_contenido_adultos {
margin-bottom: 20px;
}
#formulario_adulto.no_aviso_adultos #aviso_contenido_adultos {
display: none;
}
#aviso_preferencias {
}
#advertencia_cookies
{
font-size: 12px;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 20px;
}
#advertencia_cookies a,
#advertencia_cookies span
{
text-decoration: underline;
cursor: pointer;
}
html.adultform #formulario_adulto,
html.adultform #formulario_adulto_lightbox,
html.agedoor #formulario_agedoor,
html.agedoor #formulario_agedoor_lightbox
{
display: block;
}
html.adultform body,
html.agedoor body
{
overflow: hidden;
}
/*html.adultform #favoritos,
html.adultform #div_menu_navegacion {
display: none !important;
}*/
html.agedoor #header,
html.agedoor #breadcrumbs,
html.agedoor #ficha,
html.agedoor #resultados_contenedor
{
filter: blur(5px);
}
#botones_agedoor,
#capa_configuracion_cookies {
margin: 25px auto 0px;
text-align: center;
width: 100%;
box-sizing: border-box;
}
#capa_configuracion_cookies > span {
margin: 0 auto;
display: inline-block;
cursor: pointer;
text-decoration: underline ;
font-size: 12px;
}
#capa_configuracion_cookies > span:nth-of-type(1) ,
#capa_configuracion_cookies > span:nth-of-type(2) {
margin-left: 1px;
margin-right: 10px;
}
.boton_ancho_completo {
margin-left: auto;
margin-right: auto;
width: 100%;
}
#capa_configuracion_cookies #formulario_adulto_ko ,
#capa_configuracion_cookies #formulario_adulto_conf {
display:none
}
#formulario_agedoor_ok,
#capa_configuracion_cookies #formulario_adulto_ok ,
#capa_configuracion_cookies #formulario_adulto_ko ,
#capa_configuracion_cookies #formulario_adulto_conf {
margin-bottom: 20px;
padding: 10px 20px;
height: 40px;
font-weight: normal;
font-size: 18px;
/* width: calc(100% / 3); */
width: calc( (100% / 3) - (20px / 3));
}
#capa_configuracion_cookies #formulario_adulto_ko ,
#capa_configuracion_cookies #formulario_adulto_conf {
margin-left: 10px;
/* color: #cd343c; */
/* background-color: #EDEDED; */
}
#formulario_agedoor_ok {
margin-bottom: 0;
width: auto;
}
#capa_configuracion_cookies #formulario_adulto_ok {
margin-bottom: 0px;
}
#capa_configuracion_cookies #formulario_adulto_ko ,
#capa_configuracion_cookies #formulario_adulto_conf {
display: none;
}
input[type=button].no_rgpd {
margin-top: 2px !important;
}
#enlace_salir_web {
text-decoration: underline;
cursor: pointer;
}
/*** RESPONSIVE ************************************************************************************************/
@media screen and (max-width: 800px) {
/*.formulario_adulto,
.formulario_adulto_lightbox {
top: 40px;
}*/
#botones_agedoor,
#capa_configuracion_cookies {
width: 100%;
}
.boton_ancho_completo {
width: 100%;
}
html.adultform #cabecera_sub_buscar #login,
html.adultform #cabecera_sub_buscar #publicar,
html.adultform #cabecera_sub_buscar #favoritos,
html.adultform #cabecera_sub_buscar #ver_busqueda,
html.adultform #cabecera_sub_buscar .navegacion_abou,
html.agedoor #cabecera_sub_buscar #login,
html.agedoor #cabecera_sub_buscar #publicar,
html.agedoor #cabecera_sub_buscar #favoritos,
html.agedoor #cabecera_sub_buscar #ver_busqueda,
html.agedoor #cabecera_sub_buscar .navegacion_abou,
{
display: none;
}
.formulario_adulto
{
padding: 12px 15px 20px;
}
#capa_configuracion_cookies #formulario_adulto_ok ,
#capa_configuracion_cookies #formulario_adulto_ko ,
#capa_configuracion_cookies #formulario_adulto_conf {
margin-bottom: 15px;
}
#capa_configuracion_cookies #formulario_adulto_conf {
margin-bottom: 25px;
}
.formulario_adulto {
width: auto;
margin: 0;
left: 0;
/*right: 0;
bottom: 0;*/
}
span[id^="about-textos-legales"] {
margin-bottom: 5px !important;
}
}
@media screen and (max-width: 550px) {
html.mobile #salto { display:none; }
#capa_configuracion_cookies #formulario_adulto_ok ,
#capa_configuracion_cookies #formulario_adulto_ko ,
#capa_configuracion_cookies #formulario_adulto_conf {
width: 100%;
margin-left: 0px;
}
}
/* #layout-cols-1 {
background-image: url(https://cdn.photoprepagos.com/sl/gfx/4350/cols1b.svg);
}
#layout-cols-2 {
background-image: url(https://cdn.photoprepagos.com/sl/gfx/4350/cols2b.svg);
}
#layout-cols-3 {
background-image: url(https://cdn.photoprepagos.com/sl/gfx/4350/cols3b.svg);
}
html.colsauto #layout-cols-auto {
background-image: url(https://cdn.photoprepagos.com/sl/gfx/4350/cols1.svg);
}
html.cols2 #layout-cols-2 {
background-image: url(https://cdn.photoprepagos.com/sl/gfx/4350/cols2.svg);
}
html.cols3 #layout-cols-3 {
background-image: url(https://cdn.photoprepagos.com/sl/gfx/4350/cols3.svg);
} */
html.colsauto #layout-cols-auto,
html.cols2 #layout-cols-2,
html.cols3 #layout-cols-3,
html.colslist #layout-cols-list
{
color: #CA1E25;
}
#header.ocultar_navegacion #layout_anuncios {
padding-top: 10px;
border-bottom: 1px solid #E8E8E8;
}
#layout_anuncios {
display: none;
width: 100%;
padding-top: 5px;
padding-bottom: 10px;
background-color: white;
}
#layout_anuncios span {
/* width: calc(100% / 4); */
width: 45px;
}
#layout_anuncios #layout-title {
text-align: left;
font-weight: bold;
margin-left: 9px;
font-size: 15px;
}
#layout_anuncios .layout-icon {
height: 35px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
color: #707070;
}
#layout_anuncios .layout-icon i {
font-size: 36px;
}
#layout_anuncios #layout-cols-list i {
line-height: 36px;
font-size: 40px;
margin-left: 6px;
}
@media screen and (max-width: 800px) {
html.filtrosdesp #cabecera #layout_anuncios {
display: none;
}
}
@media screen and (max-width: 550px) {
#layout_anuncios {
display: flex;
/*justify-content: space-around;*/
justify-content: left;
align-items: center;
}
#header.ocultar_navegacion #cabecera {
height: 91px;
--height-cabecera-layout: 48px;
height: calc( var(--height-cabecera) + var(--height-cabecera-layout) + var(--height-cabecera-no-explicito) );
}
/* OJO TESTS */
/*
#header.ocultar_navegacion #cabecera {
height: 45px;
}
#layout_anuncios {
display: none !important;
}
*/
}
/*Listado de resultados ********************************************************************************************************** */
#resultados,
#mas_resultados,
#cabecera_resultados,
#cabecera_resultados_scompi,
#cabecera_mas_resultados
{
position: relative;
width: 100%;
min-width: 80%;
max-width: 1560px;
margin: 0px auto;
}
#resultados,
#mas_resultados {
overflow: hidden;
}
#mas_resultados,
#cabecera_mas_resultados {
order: 4;
}
#resultados_contenedor
{
margin: 0px auto;
position: relative;
z-index: 1;
padding-left: 109px; /*Margen timeline 99 + 10*/
padding-right: 10px;
max-width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
/*html.verficha #resultados_contenedor {
margin-top: 114px;
}*/
#resultados_contenedor.anuncios_favoritos,
#resultados_contenedor.notimeline {
padding-left: 55px;
padding-right: 55px;
}
#cabecera_resultados h1,
#cabecera_resultados_scompi h2,
#cabecera_resultados_scompi > div > div,
#cabecera_resultados_scompi img,
#separador_no_disponibles span,
#cabecera_mas_resultados h2,
#cabecera_mas_resultados > div > div {
font-size: 22px;
font-weight: bold;
/*margin: 20px 0 10px 10px;*/
margin: 0px 0px 10px 10px;
color: #707070;
display: inline-block;
}
#cabecera_mas_resultados h2,
#cabecera_mas_resultados > div > div {
margin-top: 15px;
}
#breadcrumbs {
margin-bottom: 20px;
margin-left: 10px;
}
#timeline {
position: absolute;
top: 0;
left: 0;
}
#timeline .timestamp
{
position: absolute;
display: none;
left: 0;
border-left: 0;
padding: 5px 2px;
margin-bottom: 5px;
margin-right: 5px;
color: #ef3115;
background-color: #ffdd01;
width: 99px;
z-index: 100;
text-align: center;
font-size: 25px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
flex-direction: column;
align-items: center;
/*gap: 3px;*/
}
#resultados_contenedor.external_scompi #timeline .timestamp {
background-color: #008d45;
}
#timeline #ts_separador_no_disponibles.timestamp {
height: 50px;
visibility: hidden;
margin-top: -5px !important;
}
#timeline #ts_no_disponibles.timestamp {
background-color: #707070;
color: white;
}
/*html[lang="en"] #timeline .timestamp {
display: box;
display: flexbox;
display: flex;
flex-direction: column-reverse;
}
html[lang="en"] #timeline .timestamp.top {
flex-direction: column;
}*/
html[lang="en"] #timeline .ayer,
html[lang="hi-IN"] #timeline .ayer
{
font-size: 18px;
padding: 10px 2px;
}
html[lang="en"] #timeline .minutos .small,
html[lang="en"] #timeline .horas .small,
html[lang="en"] #timeline .dias .small,
html[lang="hi-IN"] #timeline .minutos .small,
html[lang="hi-IN"] #timeline .horas .small,
html[lang="hi-IN"] #timeline .dias .small
{
order: 1;
text-transform: lowercase;
}
.timestamp .big
{
font-size: 16px;
white-space: nowrap;
font-weight: bold;
margin: 0 auto;
overflow: hidden;
}
/*html[lang="en"] .timestamp .big {
font-size: 15px;
}*/
.timestamp.no_disponibles .big
{
white-space: break-spaces;
font-weight: normal;
}
.timestamp .small
{
font-size: 13px;
margin-bottom: 3px;
}
.timestamp .prefijo_disponibles
{
display: none;
}
#timeline .current:not(.historias)
{
position: fixed !important;
/*top: 115px !important;*/
top: 5px !important;
}
#timeline .past {
display: none !important;
}
#timeline .mayor {
display: none;
}
#timeline .disponibles {
padding: 5px;
/*width: 99px;*/
/*max-width: 110px;*/
box-sizing: border-box;
color: white;
background-color: deeppink;
margin-bottom: 20px;
}
#timeline .disponibles i.m-ico {
font-size: 28px;
line-height: 28px;
margin: 2px 0;
animation: disponibleFichaAlternar 1s infinite;
}
#timeline .disponibles .small {
display: none;
}
#timeline .disponibles .big {
font-size: 15px;
margin-bottom: 2px;
text-transform: none !important;
}
#timeline .disponibles .big span {
display: block;
margin-top: 2px;
text-transform: uppercase;
}
.video_controles {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-user-select: none;
user-select: none;
}
.video_controles .play {
width: 60px;
height: 60px;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
margin-top: -47px;
margin-left: -33px;
opacity: 0.8;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-color: rgba(0,0,0,0.2);
z-index: 1; /*necesario para las historias en ios*/
}
.video_controles .m-ico.play {
color: white;
font-size: 50px;
line-height: 60px;
border: 4px solid white;
border-radius: 34px;
}
.video_controles span.play {
background: url(https://cdn.photoprepagos.com/sl/gfx/4350/play.svg);
background-repeat: no-repeat;
background-position: center;
/*background-size: 64px;
width: 60px;
height: 60px;
margin-left: -30px;*/
background-size: 96px;
width: 96px;
height: 96px;
margin-left: -48px;
}
#ficha .contenedor > .video
{
display: none;
}
#ficha video.playing ~ .escaparate_hora,
#ficha video.playing ~ .compartir,
#ficha video.playing ~ .video_controles .play {
display: none !important;
}
#ficha .video {
line-height: 0;
}
video:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
z-index: 100;
}.resultados img
{
border: 0;
}
.resultados .pin
{
width: 16.6%;
width: calc(100% / 6);
max-width: 260px;
/*position: absolute;
top: 0px;
left: 0px;*/
position: relative;
display: inline-block;
vertical-align: top;
/*will-change: position, left, top;*/
}
.resultados .escaparate > *,
.resultados .pin > *
{
position: relative;
background-color: white;
border: 1px solid #E8E8E8;
margin: 10px;
cursor: pointer;
overflow: hidden;
z-index: 10;
}
.resultados .escaparate figure,
.resultados .pin figure
{
display: inline;
margin: 0;
padding: 0;
}
.resultados .pin strong,
.resultados .pin mark,
.resultados .pin em
{
color: #CA1E25;
background-color: #FF8;
padding: 0 2px;
font-weight: bold;
font-style: normal;
}
.resultados #separador_no_disponibles {
max-width: none;
width: 100% !important;
border-top: 25px transparent solid;
border-bottom: 0px transparent solid;
}
.resultados #separador_no_disponibles span {
background: none;
border: none;
cursor: auto;
}
.resultados .container_img
{
display: block;
text-align: center;
padding: 0px;
/*margin: 0px;
padding: 14px;
padding-bottom: 0;
margin-bottom: -2px;*/
position: relative;
/*margin: 14px;*/
background-repeat: no-repeat;
/*background-attachment: fixed;*/
/*border-bottom: 1px solid #e0e0e0;*/
width: 100%;
height: 0;
overflow: hidden;
}
.resultados .container_img > img
{
/*padding: 5px;*/
display: block !important;
width: 100%;
height: auto;
}
.resultados .container_img > img[src="#"],
.resultados .container_img > img.lazy
{
visibility: hidden;
}
.resultados .container_img .container_img_block {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.resultados .container_escaparate {
display: block;
position: relative;
}
.pin .patrocinado {
display: inline-block;
font-size: 12px;
background-color: #000;
opacity: 0.7;
color: #FFF;
padding: 1px 5px 2px;
position: absolute;
bottom: 0px;
}
.resultados .escaparate .titulo,
.resultados .pin .titulo
{
display: block;
/*font-family: Verdana;*/
font-size: 15px;
line-height: 19px;
padding: 6px 9px 6px 9px;
/*margin-top: 7px;*/
/*text-transform: lowercase;*/
color: #303030;
text-overflow: ellipsis;
overflow: hidden;
position: relative;
}
/*html[lang="en"] .resultados .pin .titulo {
text-transform: none;
}*/
/*.resultados .pin .titulo:first-letter,
.resultados .anuncio_texto:first-letter {
text-transform: uppercase;
}*/
.resultados .destacado .titulo {
padding-left: 50px;
min-height: 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.resultados .destacado .titulo > i {
color: crimson;
position: absolute;
top: 6px;
left: 5px;
font-size: 40px;
}
.resultados .pin .titulo span.fragment
{
margin: 0;
padding: 0;
padding-top: 10px;
display: block;
}
.resultados .pin .titulo span.fragment:first-child
{
padding-top: 0;
}
.resultados .pin .titulo strong,
.resultados .pin .titulo mark,
.resultados .pin .titulo em {
display: inline-block; /*selector :first-letter no sirve con elementos inline*/
}
/*.resultados .pin .titulo span.fragment:first-letter,
.resultados .pin .titulo em:first-letter {
text-transform: lowercase;
}
.resultados .pin .titulo span.experiencias_foro {
text-transform: none;
}*/
.resultados .pin .titulo span.fragment + span.experiencias_foro {
display: inline-block;
padding-top: 10px;
}
.resultados .favorita,
.resultados .fullscreen,
.resultados .compartir {
position: absolute;
margin-top: -51px;
right: 51px;
height: 0px;
width: 0px;
cursor: pointer;
z-index: 1;
/*background-color: blue;*/
width: 61px;
height: 61px;
margin-top: -61px;
right: 0;
cursor: initial;
}
/*.resultados .external_scompi .favorita,*/
.resultados .external_scompi .compartir,
.resultados .pin:not(.favorita_on) .favorita.nofav {
display: none;
}
/*.resultados .escaparate .favorita,
.resultados .escaparate .compartir {
margin-top: -57px;
right: 57px;
}*/
.resultados .escaparate .compartir {
right: 97px !important;
display: none;
}
.resultados .favorita .favorita_corazon,
.resultados .fullscreen .fullscreen_historia,
.resultados .compartir .compartir_historia
{
position: absolute;
top: 10px;
left: 10px;
right: 5px;
background-color: white;
height: 30px;
width: 30px;
padding: 3px;
margin: 5px;
border-radius: 5px;
background-color: rgba(255,255,255,0.8);
opacity: 1;
cursor: pointer;
}
/*.resultados .escaparate .favorita .favorita_corazon,
.resultados .escaparate .compartir .compartir_historia {
height: 36px;
width: 36px;
}*/
.resultados .compartir .compartir_historia,
.resultados .fullscreen .fullscreen_historia,
.resultados .favorita .favorita_corazon:before {
content: "\E87E";
position: relative;
color: #CA1E25;
height: 30px;
width: 31px;
text-align: center;
font-size: 30px;
line-height: 30px;
}
/*.resultados .escaparate .favorita .favorita_corazon:before {
font-size: 36px;
line-height: 38px;
}*/
.resultados .fullscreen .fullscreen_historia,
.resultados .compartir .compartir_historia {
color: #0072C6;
width: 30px;
font-size: 28px;
}
html.ios .resultados .compartir .compartir_historia {
font-size: 26px;
}
.resultados .fullscreen .fullscreen_historia {
display: none;
}
.resultados .escaparate_video.playing ~ .fullscreen .fullscreen_historia,
.resultados .container_escaparate.playing ~ .fullscreen .fullscreen_historia,
.resultados .escaparate.playing .fullscreen .fullscreen_historia,
.resultados .pin.playing .fullscreen .fullscreen_historia
{
display: block;
}
.resultados .favorita_on .favorita_corazon:before {
content: "\E87D";
}
.resultados .escaparate_caracteristicas,
.resultados .categorias
{
/*margin: 10px 5px;
margin-bottom: -4px;*/
display: block;
position: relative;
width: auto;
margin: 0px 5px 5px 5px;
}
.resultados .categorias .categorias_extra
{
display: block;
margin-top: 10px;
}
.resultados .categorias .categorias_extra:empty
{
display: none;
}
div[id^="pin_"] .disponible_ahora,
#ficha_imagen .disponible_ahora {
display: block;
background-color: deeppink;
color: white;
box-sizing: border-box;
width: 100%;
height: 42px;
text-align: center;
font-size: 18px;
line-height: 42px;
padding: 0px 10px;
overflow: hidden;
}
#ficha_imagen .disponible_ahora {
font-size: 20px;
line-height: 41px;
}
div[id^="pin_"] .disponible_ahora span,
#ficha_imagen .disponible_ahora > span {
vertical-align: middle;
}
/* Define la animación */
@keyframes disponibleFichaAlternar {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
div[id^="pin_"] .disponible_ahora span.m-ico,
#ficha_imagen .disponible_ahora span.m-ico,
div[id^="pin_"] .disponible_ahora span.m-ico-o,
#ficha_imagen .disponible_ahora span.m-ico-o {
font-size: 28px;
margin-left: -5px;
margin-top: -4px;
margin-right: 10px;
color: white;
animation: disponibleFichaAlternar 1s infinite;
}
@media screen and (max-width: 1060px) {
div[id^="pin_"] .disponible_ahora{
font-size: 16px;
}
}
@media screen and (max-width: 850px) {
#ficha_imagen .disponible_ahora {
font-size: 18px;
line-height: 42px;
}
}
@media screen and (max-width: 550px) {
div[id^="pin_"] .disponible_ahora {
margin-bottom: 10px;
font-size: 18px;
}
#ficha_imagen .disponible_ahora {
font-size: 20px;
line-height: 41px;
}
}
@media screen and (max-width: 359px) {
div[id^="pin_"] .disponible_ahora{
font-size: 16px;
}
}
#resultados_contenedor .categoria,
#resultados_contenedor .categoria_onclick,
#resultados_contenedor .categoria_noclick {
/*comun .categoria*/
display: inline-block;
font-size: 13px;
font-family: Verdana;
white-space: nowrap;
/*padding: 4px 8px;*/
/*padding: 4px 8px 5px 8px;*/
padding: 3px 6px 4px 6px;
border-radius: 3px;
color: #2A5279;
background-color: #DEF2FC;
cursor: pointer;
margin: 2px 2px 3px 3px;
/* vertical-align: middle; */
box-sizing: border-box;
max-width: calc(100% - 6px);
max-width: 182px;
overflow: hidden;
text-overflow: ellipsis;
user-select: none;
}
#busquedas_relacionadas_mas_buscado .categoria,
#resultados_contenedor .categoria.ver_mas {
vertical-align: top;
}
html.droid #resultados_contenedor .categoria,
html.droid #resultados_contenedor .categoria_onclick,
html.droid #resultados_contenedor .categoria_noclick {
/*comun .categoria*/
padding: 4px 8px;
}
#resultados_contenedor .categoria_noclick {
color: #303030;
background-color: #E8E9E9;
cursor: default;
}
#resultados_contenedor .categoria.selected,
#resultados_contenedor .categoria.categoria_sel_on
{
/*color: white;
background-color: #0072c6;*/
padding: 3px 7px;
border: 1px solid #2A5279;
/*background-color: steelblue;*/
}
html.droid #resultados_contenedor .categoria.selected,
html.droid #resultados_contenedor .categoria.categoria_sel_on {
/*padding: 4px 7px 3px 7px;*/
}
#resultados_contenedor .categoria a {
color: #2A5279;
line-height: 0;
display: inline-block;
}
#resultados_contenedor .categoria i,
#resultados_contenedor .categoria_noclick i {
/*comun .categoria i*/
line-height: 16px;
font-size: 16px;
vertical-align: top;
max-width: 16px;
overflow: hidden;
}
html.droid #resultados_contenedor .categoria i,
html.droid #resultados_contenedor .categoria_noclick i {
/*comun .categoria i*/
line-height: 15px;
}
#resultados_contenedor .categoria_noclick.mini,
#resultados_contenedor .escaparate_caracteristicas .poblacion.mini,
#resultados_contenedor .escaparate_caracteristicas .tarifa.mini
{
display: none;
}
#resultados_contenedor .categoria.verificada,
#resultados_contenedor .categoria_noclick.verificada {
color: white;
background-color: forestgreen;
}
#resultados_contenedor .categoria.videos,
#resultados_contenedor .categoria_noclick.videos {
color: white;
background-color: darkorange;
}
#resultados_contenedor .categoria.videos i,
#resultados_contenedor .categoria_noclick.videos i{
margin-left: -3px;
margin-right: 1px;
}
#resultados_contenedor .categoria.audio,
#resultados_contenedor .categoria_noclick.audio {
color: white;
background-color: dodgerblue;
}
#resultados_contenedor .categoria.audio .timer_audio{
margin-left: 5px;
}
#resultados_contenedor .categoria.audio audio{
display: none;
}
/* #resultados_contenedor .categoria.audio i,
#resultados_contenedor .categoria_noclick.audio i{
margin-left: -3px;
margin-right: 1px;
} */
#resultados_contenedor .categoria.expes,
#resultados_contenedor .categoria_noclick.expes {
color: white;
background-color: blueviolet;
margin-right: 5px;
}
#resultados_contenedor .categoria.expes i,
#resultados_contenedor .categoria_noclick.expes i{
margin-top: 1px;
margin-bottom: -1px;
margin-right: 4px;
}
#resultados_contenedor .categoria + br,
#resultados_contenedor .categoria_onclick + br,
#resultados_contenedor .categoria_noclick + br {
content: " ";
margin-bottom: 5px;
display: block;
height: 0;
}
#resultados_contenedor .categoria.verificada,
#resultados_contenedor .categoria.videos,
#resultados_contenedor .categoria.audio,
#resultados_contenedor .categoria.expes {
padding: 4px 8px 5px 8px;
}
/*#resultados_contenedor .categoria.verificada .texto,*/
#resultados_contenedor .categoria.videos .texto,
#resultados_contenedor .categoria.expes .texto {
display: none;
}
.resultados .anuncio_distancia,
.resultados .anuncio_salidas {
display: block;
padding: 9px;
padding-top: 0;
/*line-height: 16px;*/
padding-left: 28px;
position: relative;
}
.resultados .anuncio_salidas {
margin-top: -3px;
}
/*.resultados .anuncio_distancia img {
height: 16px;
margin-left: 1px;
margin-right: 7px;
vertical-align: bottom;
}*/
.resultados .anuncio_distancia > i,
.resultados .anuncio_salidas > i {
/*color: #F95C51;*/
color: #CA1E25;
font-size: 16px;
height: 16px;
margin-left: -2px;
margin-right: 6px;
vertical-align: bottom;
text-shadow: 0px 0px 1px #AAA;
position: absolute;
left: 9px;
top: 0px;
}
.resultados .anuncio_salidas > i {
color: #008A00;
}
.resultados .puntuaciones {
display: table;
/*border-spacing: 1px;*/
width: 100%;
height: auto;
position: relative;
bottom: 0;
right: 0px;
}
.resultados .puntuaciones .numero_experiencias {
border-color: #0072C6;
background-color: #0072C6;
color: white;
}
.resultados .puntuaciones .puntuacion {
display: table-cell;
width: 20% !important;
margin: 0;
padding: 3% 0px;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left-color: #D0D0D0;
}
html.droid .resultados .puntuaciones .puntuacion {
padding: calc(3% + 1px) 0px 3%;
}
.resultados .puntuaciones .puntuacion:first-child {
width: 30% !important;
border-left: 0;
}
.resultados .puntuaciones .puntuacion_recomendable {
display: none !important;
}
.resultados .puntuaciones .puntuacion > img {
vertical-align: sub;
/*width: 20px;
width: 16px;*/
height: 14px;
margin-right: 8px;
}
.resultados .puntuaciones .puntuacion > i {
font-size: 16px;
color: white;
vertical-align: sub;
width: 16px;
height: 16px;
margin-right: 8px;
}
.resultados .top_on > *, .resultados .top_on .pin .titulo,
.resultados .destacado > *, .resultados .destacado .pin .titulo
{
background-color: #FF8;
/*background-color: #FFA;*/
}
.resultados .logo_agencia {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding: 0;
line-height: 0;
padding-bottom: 20%;
/*margin-top: 1px;*/
border-top: 1px solid #D0D0D0;
}
.resultados .logo_agencia img {
display: block;
width: 100%;
height: auto;
line-height: 0;
}
.resultados .pin.negro > *, .resultados .pin.negro > * .titulo { background-color: #202020; color: #FFFFFF; }
.resultados .pin.rojo > *, .resultados .pin.rojo > * .titulo { background-color: #900000; color: #FFFFFF; }
.resultados .pin.amarillo > *, .resultados .pin.amarillo > * .titulo { background-color: #E3E300; color: #303030; }
.resultados .pin.verde > *, .resultados .pin.verde > * .titulo { background-color: #009000; color: #FFFFFF; }
.resultados .pin.naranja > *, .resultados .pin.naranja > * .titulo { background-color: #FF8000; color: #303030; }
.resultados .pin.rosa > *, .resultados .pin.rosa > * .titulo { background-color: #FF0080; color: #FFFFFF; }
.resultados .pin.azul > *, .resultados .pin.azul > * .titulo { background-color: #0072C6; color: #FFFFFF; }
.resultados .pin.gris > *, .resultados .pin.gris > * .titulo { background-color: #707070; color: #FFFFFF; }
.resultados .container_img:nth-of-type(2),
.resultados .container_img:nth-of-type(2)
{
display: none !important;
}
/*** RESPONSIVE ************************************************************************************************/
/* 5K=>2560 4K=>2195 */
@media screen and (min-width: 1820px) {
#resultados,
#mas_resultados,
#cabecera_resultados,
#cabecera_resultados_scompi,
#cabecera_mas_resultados {
max-width: 2340px !important;
}
#resultados_contenedor #busquedas_relacionadas,
#resultados_contenedor #articulo {
max-width: 2268px !important;
}
#resultados_contenedor .cargar_mas {
max-width: 2320px !important;
}
.resultados .pin { width: calc(100% / 7) !important; }
}
@media screen and (min-width: 2080px) {
.resultados .pin { width: calc(100% / 8) !important; }
}
@media screen and (min-width: 2340px) {
.resultados .pin { width: calc(100% / 9) !important; }
}
@media screen and (max-width: 1420px) {
.resultados .pin { width: 20% !important; }
}
@media screen and (max-width: 1160px) {
.resultados .top_on:nth-child(n+13) { display: none; }
.resultados .pin { width: 25% !important; }
}
@media screen and (max-width: 805px) {
.resultados .top_on:nth-child(n+10) { display: none; }
.resultados .pin { width: 33.3% !important; width: calc(100% / 3) !important; }
.resultados .pin > * { margin: 3px !important; }
#cabecera_resultados h1,
#cabecera_resultados_scompi h2,
#cabecera_resultados_scompi > div > div,
#cabecera_resultados_scompi img,
#separador_no_disponibles span,
#cabecera_mas_resultados h2,
#cabecera_mas_resultados > div > div {
font-size: 20px;
/*margin: 14px 0 14px 10px;*/
margin: 5px 4px !important;
}
#cabecera_mas_resultados h2,
#cabecera_mas_resultados > div > div {
margin-top: 15px !important;
}
#cabecera_resultados_scompi h2,
#cabecera_resultados_scompi > div > div {
margin-top: 0px !important;
}
#resultados_contenedor { padding-left: 3px !important; padding-right: 3px !important; }
}
@media screen and (max-width: 550px) {
#resultados_contenedor .categoria,
#resultados_contenedor .categoria_onclick,
#resultados_contenedor .categoria_noclick {
/*comun .categoria*/
font-size: 15px;
}
#resultados_contenedor .categoria_noclick {
background-color: #f0f0f0;
color: #606060;
}
#resultados_contenedor .categoria i,
#resultados_contenedor .categoria_noclick i {
/*comun .categoria*/
line-height: 18px !important;
}
#resultados_contenedor .categoria + br,
#resultados_contenedor .categoria_onclick + br,
#resultados_contenedor .categoria_noclick + br {
margin-bottom: 10px;
}
#resultados_contenedor .categoria.verificada,
#resultados_contenedor .categoria.videos,
#resultados_contenedor .categoria.audio,
#resultados_contenedor .categoria.expes {
padding: 4px 7px !important;
line-height: 21px;
}
#resultados_contenedor .categoria.verificada i,
#resultados_contenedor .categoria.videos i,
#resultados_contenedor .categoria.audio i,
#resultados_contenedor .categoria.expes i {
font-size: 20px;
line-height: 22px !important;
max-width: none;
}
}
@media screen and (max-width: 520px) {
.resultados .top_on:nth-child(n+7) { display: none; }
.resultados .pin { width: 50% !important; }
#resultados .pin:nth-child(3) {
border-top: 0;
}
}
@media screen and (max-width: 415px) {
html.colsauto .resultados .pin
{
width: 100% !important;
max-width: none;
border-bottom: 5px solid transparent;
}
html.colsauto .resultados .pin .titulo {
font-size: 17px;
padding: 9px;
}
html.colsauto .resultados .destacado .titulo {
padding-left: 60px;
min-height: 50px;
}
html.colsauto .resultados .destacado .titulo > i {
left: 4px;
font-size: 50px;
}
html.colsauto .resultados .favorita,
html.colsauto .resultados .fullscreen,
html.colsauto .resultados .compartir{
/*margin-top: -57px;
right: 57px;*/
width: 62px;
height: 62px;
margin-top: -62px;
}
.resultados .fullscreen {
display: none !important;
}
html.colsauto .resultados .favorita .favorita_corazon,
html.colsauto .resultados .fullscreen .fullscreen_historia,
html.colsauto .resultados .compartir .compartir_historia {
height: 36px;
width: 36px;
margin: 0;
}
html.colsauto .resultados .escaparate .compartir_historia,
html.colsauto .resultados .fullscreen .fullscreen_historia,
html.colsauto .resultados .favorita .favorita_corazon:before {
font-size: 36px;
line-height: 37px;
}
html.colsauto .resultados .escaparate .compartir {
right: 109px !important;
}
html.colsauto .resultados .fullscreen .fullscreen_historia,
html.colsauto .resultados .escaparate .compartir_historia {
font-size: 34px;
line-height: 36px;
}
html.colsauto.ios .resultados .compartir .compartir_historia {
font-size: 30px;
}
html.colsauto #resultados_contenedor .categoria.videos .texto,
html.colsauto #resultados_contenedor .categoria.expes .texto,
html.colsauto #resultados_contenedor .categoria.audio .texto {
display: inline;
}
html.colsauto #resultados .pin:nth-child(2) {
border-top: 0;
}
html.colsauto #resultados #separador_no_disponibles {
border-top: 20px transparent solid !important;
border-bottom: 10px transparent solid;
}
html.colsauto #separador_no_disponibles span {
padding-left: 7px;
}
html.colsauto #resultados, #mas_resultados {
width: auto;
margin-left: -3px;
margin-right: -3px;
}
html.colsauto #resultados .pin > * {
border: 0;
margin: 0px !important;
}
#resultados .escaparate > div {
margin: 0px;
}
html.colsauto #resultados .categorias {
margin-bottom: 10px;
}
}
@media screen and (max-width: 550px) {
html.cols2 #resultados_contenedor,
html.cols3 #resultados_contenedor
{
padding-left: 0px !important;
padding-right: 0px !important;
}
html.cols2 #cabecera_resultados
{
margin-bottom: 3px;
}
html.cols2 #cabecera_resultados,
html.cols3 #cabecera_resultados
{
padding-left: 3px;
padding-right: 3px;
width: calc(100% - 6px);
}
html.cols2 .resultados .pin,
html.cols2 .resultados .escaparate
{
width: 50% !important;
max-width: none;
}
html.cols3 .resultados .pin,
html.cols3 .resultados .escaparate
{
width: 33% !important;
width: calc(100% / 3) !important;
}
html.colslist .resultados .pin,
html.colslist .resultados .escaparate
{
width: 100% !important;
max-width: none;
/*border-bottom: 5px solid transparent;*/
}
html.colslist .resultados .container_img:nth-of-type(2),
html.colslist .resultados .container_escaparate
{
display: inline-block !important;
width: 33% !important;
width: calc(100% / 3) !important;
}
html.cols2 .resultados .pin > *,
html.cols2 .resultados .escaparate > *
{
margin: 2px !important;
border: 1px solid #E8E8E8;
}
html.cols3 .resultados .pin > *,
html.cols3 .resultados .escaparate > *
{
margin: 0px !important;
border: 1px solid #E8E8E8;
}
html.colslist .resultados .pin > *,
html.colslist .resultados .escaparate > *
{
margin: 0 !important;
border: 0;
}
html.colslist .resultados .pin > div,
html.colslist .resultados .escaparate > div
{
margin-bottom: 3px !important;
border: 1px solid #E8E8E8;
line-height: 0;
}
html.cols2 .resultados .pin .titulo,
html.cols3 .resultados .pin .titulo,
html.cols2 .resultados .escaparate .titulo,
html.cols3 .resultados .escaparate .titulo,
html.cols2 .resultados .pin .disponible_ahora,
html.cols3 .resultados .pin .disponible_ahora,
html.colslist .resultados .pin .disponible_ahora,
html.cols2 .resultados .escaparate .disponible_ahora,
html.cols3 .resultados .escaparate .disponible_ahora,
html.colslist .resultados .escaparate .disponible_ahora
{
display: none;
}
html.colslist .resultados .pin .titulo,
html.colslist .resultados .escaparate .titulo
{
font-size: 16px;
width: calc( (100% / 3) * 2 );
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}
html.colslist .resultados .pin .titulo b,
html.colslist .resultados .escaparate .titulo b {
display: block;
}
html.cols2 .resultados .container_img,
html.cols2 #resultados .escaparate_video
{
padding-bottom: 0 !important;
height: calc( (((100vw / 2) - 6px) * (16 / 9)) );
}
html.cols3 .resultados .container_img,
html.cols3 #resultados .escaparate_video
{
padding-bottom: 0 !important;
height: calc( ((100vw / 3) - 2px) * (16 / 9) );
}
html.colslist .resultados .container_img {
height: auto;
vertical-align: top;
padding-bottom: 0% !important;
}
html.colslist #resultados .escaparate_video
{
height: 0px;
vertical-align: top;
padding-bottom: calc( (100% * (16 / 9) ) - 1px) !important;
}
html.colslist .video_controles {
position: relative;
}
html.colslist #resultados_contenedor .categoria,
html.colslist #resultados_contenedor .categoria_onclick,
html.colslist #resultados_contenedor .categoria_noclick {
font-size: 13px;
}
html.colslist .resultados .container_escaparate
{
position: initial;
}
html.cols2 .resultados .container_img > img,
html.cols3 .resultados .container_img > img
{
width: 100%;
height: 100%;
object-fit: cover;
}
html.cols2 .resultados .container_img:nth-of-type(1),
html.cols3 .resultados .container_img:nth-of-type(1),
html.colslist .resultados .container_img:nth-of-type(1)
{
display: none !important;
}
html.cols2 .resultados .container_img:nth-of-type(2),
html.cols3 .resultados .container_img:nth-of-type(2)
{
display: block !important;
}
html.cols2 #cabecera_resultados #favoritos,
html.cols3 #cabecera_resultados #favoritos
{
right: 11px;
}
html.cols2 .resultados .favorita,
html.cols2 .resultados .fullscreen,
html.cols2 .resultados .compartir,
html.cols3 .resultados .favorita,
html.cols3 .resultados .fullscreen,
html.cols3 .resultados .compartir,
html.colslist .resultados .favorita,
html.colslist .resultados .fullscreen,
html.colslist .resultados .compartir
{
/*right: 40px;
margin-top: -40px;*/
width: 51px;
height: 51px;
margin-top: -51px;
}
html.cols2 .resultados .favorita .favorita_corazon,
html.cols2 .resultados .fullscreen .fullscreen_historia,
html.cols2 .resultados .compartir .compartir_historia,
html.cols3 .resultados .favorita .favorita_corazon,
html.cols3 .resultados .fullscreen .fullscreen_historia,
html.cols3 .resultados .compartir .compartir_historia,
html.colslist .resultados .favorita .favorita_corazon,
html.colslist .resultados .fullscreen .fullscreen_historia,
html.colslist .resultados .compartir .compartir_historia
{
height: 26px;
width: 26px;
padding: 2px;
top: 11px;
left: 11px;
transform: translate3d(0,0,0); /* Bug iOS video renderizado por encima */
}
html.cols2 .resultados .compartir .compartir_historia,
html.cols2 .resultados .fullscreen .fullscreen_historia,
html.cols2 .resultados .favorita .favorita_corazon:before,
html.cols3 .resultados .compartir .compartir_historia,
html.cols3 .resultados .fullscreen .fullscreen_historia,
html.cols3 .resultados .favorita .favorita_corazon:before,
html.colslist .resultados .compartir .compartir_historia,
html.colslist .resultados .fullscreen .fullscreen_historia,
html.colslist .resultados .favorita .favorita_corazon:before
{
height: 26px;
width: 26px;
font-size: 26px;
line-height: 26px;
}
html.colslist .resultados .favorita
{
bottom: 3px;
right: 3px;
width: 32px;
height: 32px;
margin: 0;
}
html.colslist .resultados .favorita .favorita_corazon {
height: 26px;
width: 26px;
background: none;
}
html.colslist #resultados .playing .favorita {
display: block !important;
}
html.colslist .resultados .fullscreen
{
bottom: 0;
left: 56px;
width: 34px;
height: 34px;
margin: 0;
}
html.colslist .resultados .favorita .favorita_corazon,
html.colslist .resultados .fullscreen .fullscreen_historia {
top: 0;
left: 0;
margin: 2px;
padding: 1px;
}
html.cols2 .resultados .categorias,
html.colslist .resultados .categorias
{
padding: 0;
margin: 0;
/*transform: translate3d(0,0,0);*/ /* Bug iOS video renderizado por encima */
}
html.colslist .resultados .categorias
{
position: absolute;
left: calc(100% / 3);
bottom: 0;
padding: 6px 35px 3px 6px;
/* width: calc(100% / 3); */
}
html.cols3 .resultados .categorias,
html.cols3 #resultados .escaparate_caracteristicas
{
display: none;
}
html.cols2 #resultados .escaparate_caracteristicas
{
width: calc(100% - 40px);
left: 2px;
bottom: 2px;
}
html.cols2 .resultados .categorias .categorias_basicas
{
margin: 0;
padding: 0;
position: absolute;
bottom: 32px;
left: 2px;
width: calc(100% - 40px);
overflow: hidden;
z-index: 1;
transform: translate3d(0,0,0); /* Bug iOS video renderizado por encima */
}
html.colslist .resultados .categorias .categorias_basicas
{
display: block;
/*padding: 5px;*/
line-height: 0;
height: 58px;
margin-bottom: 15px;
overflow: hidden;
}
html[lang="en"].colslist .resultados .categorias .categorias_basicas,
html[lang="hi-IN"].colslist .resultados .categorias .categorias_basicas
{
max-height: none;
}
html.cols2 .resultados .pin.playing .categorias .categorias_basicas
{
display: none;
}
html.cols2 .resultados .categorias .categorias_extra
/*html.colslist .resultados .categorias .categorias_extra*/
{
display: block;
position: relative;
margin: 0;
padding: 0;
height: 30px;
}
html.colslist .resultados .categorias .categorias_extra
{
margin-top: 0px;
height: 34px;
}
html.colslist .resultados .categorias .categorias_extra:empty
{
display: block;
}
/*html.colslist .resultados .destacado .categorias .categorias_extra::after,*/
html.cols2 .resultados .destacado .categorias .categorias_extra::after
{
content: "star";
position: absolute;
right: 0;
top: 0px;
color: crimson;
font-size: 30px;
}
/*html.cols2 #resultados_contenedor .categoria,*/
html.cols2 #resultados_contenedor .categoria_onclick,
html.cols2 #resultados_contenedor .categoria_noclick,
html.cols2 #resultados .escaparate_caracteristicas > span
/*html.colslist #resultados_contenedor .categoria_onclick,
html.colslist #resultados_contenedor .categoria_noclick,
html.colslist #resultados .escaparate_caracteristicas > span*/
{
font-size: 10px;
padding: 2px 4px;
max-width: calc(100% - 10px);
text-overflow: ellipsis;
overflow: hidden;
}
html.cols2 #resultados_contenedor .categoria_onclick,
html.cols2 #resultados_contenedor .categoria_noclick
{
background-color: rgba(255, 255, 255, 0.8);
color: #303030;
}
html.cols2 #resultados .escaparate_caracteristicas > span
{
margin: 2px 2px 3px 3px;
}
html.cols2 #resultados_contenedor .categoria_noclick.full,
html.cols3 #resultados_contenedor .categoria_noclick.full,
html.colslist #resultados_contenedor .categoria_noclick.full,
html.cols2 #resultados_contenedor .escaparate_caracteristicas .poblacion.full,
html.cols3 #resultados_contenedor .escaparate_caracteristicas .poblacion.full,
html.colslist #resultados_contenedor .escaparate_caracteristicas .poblacion.full,
html.cols2 #resultados_contenedor .escaparate_caracteristicas .tarifa.full,
html.cols3 #resultados_contenedor .escaparate_caracteristicas .tarifa.full,
html.colslist #resultados_contenedor .escaparate_caracteristicas .tarifa.full
{
display: none;
}
html.cols2 #resultados_contenedor .categoria_noclick.mini,
html.cols3 #resultados_contenedor .categoria_noclick.mini,
html.colslist #resultados_contenedor .categoria_noclick.mini,
html.cols2 #resultados_contenedor .escaparate_caracteristicas .poblacion.mini,
html.cols3 #resultados_contenedor .escaparate_caracteristicas .poblacion.mini,
html.colslist #resultados_contenedor .escaparate_caracteristicas .poblacion.mini,
html.cols2 #resultados_contenedor .escaparate_caracteristicas .tarifa.mini,
html.cols3 #resultados_contenedor .escaparate_caracteristicas .tarifa.mini,
html.colslist #resultados_contenedor .escaparate_caracteristicas .tarifa.mini
{
display: inline-block;
}
html.cols2 #resultados_contenedor .categoria.verificada,
html.cols2 #resultados_contenedor .categoria.videos,
html.cols2 #resultados_contenedor .categoria.audio,
html.cols2 #resultados_contenedor .categoria.expes
/*html.colslist #resultados_contenedor .categoria.verificada,
html.colslist #resultados_contenedor .categoria.videos,
html.colslist #resultados_contenedor .categoria.audio,
html.colslist #resultados_contenedor .categoria.expes*/
{
padding: 4px 6px !important;
overflow: hidden;
width: 32px;
margin: 0;
border-radius: 0;
}
html.colslist #resultados_contenedor .categoria_onclick,
html.colslist #resultados_contenedor .categoria_noclick,
html.colslist #resultados .escaparate_caracteristicas > span,
html.colslist #resultados_contenedor .categoria.verificada,
html.colslist #resultados_contenedor .categoria.videos,
html.colslist #resultados_contenedor .categoria.audio,
html.colslist #resultados_contenedor .categoria.expes
{
/*font-size: 15px;
padding: 3px 6px !important;*/
line-height: normal;
}
html.cols2 #resultados_contenedor .categoria.verificada i,
html.cols2 #resultados_contenedor .categoria.videos i,
html.cols2 #resultados_contenedor .categoria.audio i,
html.cols2 #resultados_contenedor .categoria.expes i
/*html.colslist #resultados_contenedor .categoria.verificada i,
html.colslist #resultados_contenedor .categoria.videos i,
html.colslist #resultados_contenedor .categoria.audio i,
html.colslist #resultados_contenedor .categoria.expes i*/
{
margin-left: 0;
margin-right: 10px;
padding-right: 10px;
}
html.colslist #resultados_contenedor .categoria.verificada i,
html.colslist #resultados_contenedor .categoria.videos i,
html.colslist #resultados_contenedor .categoria.audio i,
html.colslist #resultados_contenedor .categoria.expes i
{
margin-right: 0px;
padding-right: 0px;
font-size: 20px;
line-height: 17px !important;
}
html.colslist #resultados_contenedor .categoria.expes i
{
margin-right: 4px;
}
html.colslist #resultados_contenedor .categoria.verificada .texto,
html.colslist #resultados_contenedor .categoria.videos .texto,
html.colslist #resultados_contenedor .categoria.audio .texto,
html.colslist #resultados_contenedor .categoria.expes .texto
{
display: none;
}
html.cols2 .escaparate_hora
{
top: 0;
border-top-right-radius: 0;
font-size: 13px;
padding: 5px;
}
html.cols3 .escaparate_hora,
html.colslist .escaparate_hora
{
display: none;
}
html.cols2 .escaparate_hora .sup,
html.cols2 .pin .escaparate_hora .sup
{
display: none;
}
html.cols2 #resultados .ver_anuncio_escaparate
{
top: 55%;
margin-top: 0;
}
html.cols3 #resultados .ver_anuncio_escaparate
{
margin-top: 0;
left: 5px;
right: initial;
top: initial;
bottom: 5px;
margin-bottom: 0;
/*background-color: green;*/
left: 0;
bottom: 0;
height: 50px;
width: 50px;
}
html.colslist #resultados .ver_anuncio_escaparate
{
display: none;
}
html.cols2 #resultados .ver_anuncio_escaparate > span,
html.cols3 #resultados .ver_anuncio_escaparate > span
{
height: 0;
width: 0;
line-height: 0;
padding: 0 !important;
margin: 0;
overflow: hidden;
opacity: 1;
position: initial;
}
html.cols2 #resultados .ver_anuncio_escaparate > span::before,
html.cols3 #resultados .ver_anuncio_escaparate > span::before
{
background-color: #CA1E25;
background-color: rgba(202, 30, 37, 0.8);
color: white;
border-radius: 5px;
position: absolute;
height: 24px;
line-height: 24px;
}
html.cols2 #resultados .ver_anuncio_escaparate > span::before
{
padding: 3px 18px;
top: 15px;
/*bottom: 20px;*/
left: 50%;
margin-left: -30px;
}
html.cols3 #resultados .ver_anuncio_escaparate > span::before
{
padding: 3px;
top: initial;
left: 5px;
bottom: 5px;
}
html.cols2 .escaparate_video .video_controles .play
{
/*font-size: 46px;
line-height: 46px;
height: 46px;
width: 46px;
margin-left: -26px;
border: 3px solid white;*/
margin-top: -105px !important;
}
html.cols3 .escaparate_video .video_controles .play,
html.colslist .escaparate_video .video_controles .play
{
/*font-size: 40px;
line-height: 40px;
height: 40px;
width: 40px;
margin-top: -40px !important;
margin-left: -22px;
border: 2px solid white;*/
margin-top: -47px !important;
}
/*html.colslist .escaparate_video .video_controles .play
{
top: calc(50% - 22px);
margin-top: 0px !important;
}*/
html.colslist .resultados .container_img .container_img_block
{
position: relative;
}
/* html.colslist .resultados .container_img .container_img_block
{
top: 82px;
margin-top: 0px !important;
} */
}
#resultados .escaparate {
width: calc(100% / 6);
max-width: 650px;
height: auto;
position: relative;
display: inline-block;
vertical-align: top;
}
#resultados .escaparate > div {
margin: 10px;
position: relative;
}
#resultados .escaparate_video video {
width: 100%;
height: auto;
}
#resultados .escaparate_video .poster {
display: none;
height: 100%;
width: 100%;
object-fit: cover;
}
#resultados .escaparate_video.show_poster .poster {
display: block;
}
#resultados .escaparate_video.show_poster video {
display: none;
}
#resultados .escaparate_video.show_poster video:fullscreen {
display: block;
}
#resultados .escaparate_video video[poster] {
object-fit: cover;
}
#resultados .escaparate_video {
width: 100%;
height: 0;
overflow: hidden;
position: relative;
/*background-size: cover;*/
background-position: center;
background-color: #333;
/*background-image: url("https://cdn.photoprepagos.com/sl/gfx/4350/ajax-spinner.gif");*/
background-repeat: no-repeat;
background-size: 100px;
}
#resultados .escaparate_video .video_controles {
cursor: default;
z-index: 1;
}
#resultados .escaparate_video .video_controles .play {
/*margin-top: -72px;*/
/*margin-top: -120px;*/
}
.escaparate_video.playing ~ .escaparate_hora,
#resultados .escaparate_video.playing ~ .ver_anuncio_escaparate,
#resultados .escaparate_video.playing ~ .escaparate_caracteristicas,
#resultados .escaparate_video.playing ~ .favorita,
#resultados .escaparate_video.playing ~ .compartir,
#resultados .container_escaparate.playing ~ .favorita,
#resultados .container_escaparate.playing ~ .compartir,
#resultados .pin.playing .favorita,
#resultados .escaparate.playing .favorita,
#resultados .pin.playing .compartir,
#resultados .escaparate.playing .compartir,
#resultados .escaparate_video.playing .video_controles .play,
#resultados .video_controles .mute,
#resultados .video_controles .fullscreen {
display: none !important;
}
.escaparate_hora {
display: inline-block;
position: absolute;
left: 0;
top: 10px;
color: white;
background-color: #0072C6;
background-color: rgba(00, 114, 198, 0.8);
font-size: 17px;
line-height: 17px;
font-weight: bold;
text-align: center;
/*padding: 4px 8px;*/
/*padding: 5px 10px 2px 10px;*/
padding: 6px 10px 5px 10px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
/*opacity: 0.8;*/
z-index: 1;
}
.escaparate_hora .sup {
display: block;
font-size: 13px;
font-weight: normal;
margin-bottom: 5px;
line-height: 13px;
}
.pin_disponible .escaparate_hora {
display: none;
}
.pin .escaparate_hora {
font-size: 15px;
}
.pin .escaparate_hora .sup {
margin-bottom: 2px;
}
/*#resultados .escaparate_caracteristicas {
position: absolute;
left: 0;
bottom: 10px;
bottom: 10px;
z-index: 3;
width: calc(100% - 65px);
transform: translate3d(0,0,0); Bug iOS video renderizado por encima
}*/
#resultados .horizontal ~ .escaparate_caracteristicas {
display: flex;
flex-direction: column;
align-items: flex-start;
}
#resultados .escaparate_caracteristicas .poblacion,
#resultados .escaparate_caracteristicas .edad,
#resultados .escaparate_caracteristicas .tarifa {
display: inline-block;
color: white;
background-color: #0072C6;
background-color: rgba(255, 255, 255, 0.8);
color: #303030;
font-size: 15px;
/*font-weight: bold;*/
padding: 3px 6px;
border-radius: 5px;
margin-left: 10px;
margin-top: 5px;
/*opacity: 0.8;*/
vertical-align: bottom;
}
#resultados .escaparate_caracteristicas .poblacion {
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
box-sizing: border-box;
max-width: calc(100% - 10px);
}
#resultados .horizontal ~ .escaparate_caracteristicas .poblacion,
#resultados .poblacion:empty,
#resultados .edad:empty,
#resultados .tarifa:empty {
display: none;
}
#resultados .escaparate .favorita {
z-index: 4;
}
#resultados .ver_anuncio_escaparate {
/*background-color: red;*/
position: absolute;
left: 30px;
right: 30px;
top: 50%;
bottom: 0;
text-align: center;
margin: auto;
margin-top: 30px;
margin-bottom: 50px;
z-index: 2;
transform: translate3d(0,0,0); /* Bug iOS video renderizado por encima */
}
#resultados .ver_anuncio_escaparate > span {
display: inline-block;
color: white;
background-color: #CA1E25;
background-color: rgba(202, 30, 37, 0.8);
font-size: 16px;
margin-top: 25px;
padding: 5px 10px 5px 10px;
padding: 5px 10px 5px 42px;
border-radius: 3px;
cursor: pointer;
position: relative;
/*opacity: 0.75;*/
}
#resultados .ver_anuncio_escaparate > span::before {
content: "remove_red_eye";
vertical-align: middle;
margin-right: 8px;
line-height: 16px;
position: absolute;
left: 10px;
top: 6px;
}
html.droid #resultados .ver_anuncio_escaparate > span::before {
/*top: 5px;*/
}
/*html.droid #resultados .ver_anuncio_escaparate > span {
padding: 5px 10px 5px 10px;
}*/
#resultados .pin .horizontal ~ .ver_anuncio_escaparate {
top: initial;
margin: 0 auto;
}
#resultados .pin .horizontal ~ .ver_anuncio_escaparate > span {
margin-top: 10px;
margin-bottom: 10px;
}
svg.icono_escaparate {
background-image: url("data:image/svg+xml;utf8,");
}
#timeline #ts_historias svg.icono_escaparate {
background-size: 40px 40px;
height: 40px;
width: 40px;
margin-top: 5px;
margin-bottom: 5px;
}
.pin .escaparate_hora svg.icono_escaparate {
background-size: 20px 20px;
height: 20px;
width: 20px;
margin: 2px auto;
margin-bottom: 5px;
}
#timeline .historias {
padding: 5px;
/*width: 99px;*/
/*max-width: 110px;*/
box-sizing: border-box;
}
#timeline .historias .small {
margin-bottom: 10px;
}
#timeline .historias .big {
font-size: 15px;
margin-bottom: 2px;
}
#timeline .historias .big span {
display: block;
margin-top: 2px;
}
@media screen and (max-width: 2150px) {
#resultados .escaparate { width: calc(100% / 5); }
}
@media screen and (max-width: 1820px) {
#resultados .escaparate { width: calc(100% / 4); }
}
@media screen and (max-width: 1450px) {
#resultados .escaparate { width: calc(100% / 3); }
}
@media screen and (max-width: 1150px) {
#resultados .escaparate { width: calc(100% / 2); }
}
@media screen and (max-width: 800px) {
#resultados .escaparate > div { margin: 3px; }
}
@media screen and (max-width: 650px) {
#resultados .escaparate {
width: 100%;
border-bottom: 1px solid transparent;
}
#resultados .escaparate > div {
margin: 0px;
}
#resultados .video_controles .mute_on,
#resultados .video_controles .mute_off,
#resultados .video_controles .fullscreen { height: 36px; font-size: 36px; }
#resultados .escaparate_acciones > * { font-size: 36px; }
#resultados .escaparate_acciones .telefono { font-size: 32px; }
#resultados .escaparate_acciones .whatsapp {
width: 28px;
height: 28px;
line-height: 28px;
}
}
@media screen and (min-width: 416px) {
/*#resultados .escaparate_video .video_controles .play {
margin-top: -72px;
}*/
/*#resultados .pin .video_controles .play {
font-size: 70px;
line-height: 70px;
width: 70px;
height: 70px;
border-radius: 70px;
margin-top: -55px;
margin-left: -40px;
}*/
#resultados .pin .ver_anuncio_escaparate > span {
font-size: 15px;
/*padding: 4px 10px 5px 10px;*/
}
}
/* TIMELINE MOVIL */
@media screen and (max-width: 805px) {
#timeline .timestamp {
width: 65px;
opacity: 0.8;
display: none !important;
font-size: 20px;
}
#timeline .timestamp:not(.disponibles) {
margin-top: 0 !important;
}
#timeline #ts_no_disponibles.timestamp {
width: 75px;
}
html[lang="en"] #timeline .timestamp,
html[lang="hi-IN"] #timeline .timestamp
{
width: 70px;
}
html[lang="en"] #timeline .ayer,
html[lang="hi-IN"] #timeline .ayer
{
/*font-size: 11px;*/
font-size: 15px;
padding: 7px 2px;
}
#timeline .current,
#timeline .timestamp_title {
display: flex !important;
}
#timeline .big { font-size: 15px; /*white-space: normal;*/ }
#timeline .no_disponibles .big { font-size: 13px; line-height: 18px; }
#timeline .minutos .big { /*width: 26px;*/ width: 38px;}
#timeline .minutos.digitos2 .big { width: 47px;}
/*#timeline .small { display: none; }*/
#timeline .mas { display: none; }
#timeline .mayor { display: inline; }
#timeline .timestamp_title + .timestamp_title:not(.current)
{
margin-top: 15px !important;
}
#timeline .timestamp_title:not(.historias):not(.current) {
max-width: none;
width: auto !important;
white-space: nowrap;
padding: 12px 10px;
line-height: 17px;
opacity: 1;
flex-direction: row;
gap: 5px;
}
#timeline .timestamp_title:not(.historias):not(.current) .big,
#timeline .timestamp_title:not(.historias):not(.current) .small
{
display: inline-block;
width: auto;
font-size: 17px;
white-space: nowrap;
vertical-align: top;
margin: 0;
}
/*.timestamp_title:not(.historias):not(.current) .small,*/
#timeline .timestamp_title:not(.historias):not(.current) .big {
/*margin-left: 5px;*/
font-weight: bold;
}
#timeline .timestamp_title:not(.historias):not(.current) .big {
text-transform: lowercase;
}
/* Borde separacion con H1 y breadcrumbds */
html.colsauto #resultados > div:first-child, /*El primer elemento siempre*/
html.colsauto #resultados .masonry1,
html.colsauto #resultados .masonry2,
html.colsauto #resultados .masonry3,
html.colsauto #resultados .escaparate1,
html.colsauto #resultados .escaparate2,
html.colsauto #resultados .disponible1,
html.colsauto #resultados .disponible2,
html.colsauto #resultados .disponible3
{
border-top: 47px solid transparent;
}
#resultados_contenedor.anuncios_favoritos .resultados .pin,
#resultados_contenedor.notimeline .resultados .pin {
border-top: 0;
}
}
/* TIMELINE MOVIL CON ESCAPARATES Y/O DISPONIBLES */
@media screen and (max-width: 805px) {
#timeline .historias,
#timeline .disponibles {
width: auto !important;
padding: 5px 12px;
max-width: none;
}
#timeline .historias .small {
margin-bottom: 4px;
}
#timeline .historias .big span ,
#timeline .disponibles .big span
{
display: inline-block;
margin-top: 0px;
margin-left: 5px;
}
#timeline .disponibles .small {
display: block;
}
#timeline #ts_historias svg.icono_escaparate,
#timeline #ts_disponibles.disponibles i
{
background-size: 25px 25px;
height: 25px;
width: 25px;
margin: 0;
position: absolute;
top: 8px;
left: 10px;
}
#timeline #ts_disponibles.disponibles i {
top: 6px;
}
#timeline #ts_historias
{
display: block !important;
width: auto !important;
max-width: none;
padding: 12px 10px;
line-height: 17px;
opacity: 1;
}
#timeline #ts_historias.historias,
#timeline #ts_disponibles.disponibles
{
padding: 12px 15px 12px 47px ;
white-space: nowrap;
text-align: left;
}
#timeline #ts_historias div
{
font-size: 17px;
vertical-align: top;
white-space: nowrap;
margin-bottom: 0;
}
#timeline #ts_historias .big br {
display: none;
}
#timeline .disponibles.current {
padding: 5px 10px !important;
}
#timeline .disponibles.current i {
position: relative !important;
left: 0 !important;
top: 0 !important;
margin-bottom: 5px !important;
}
#timeline .disponibles.current .small {
display: none;
}
#timeline .disponibles.current .big {
font-size: 13px;
text-align: center;
margin-top: 2px;
}
#timeline .disponibles.current .big span {
display: block;
margin: 0;
}
/* Borde separacion entre "secciones" */
html.colsauto #resultados .escaparate + .pin.masonry,
html.colsauto #resultados .escaparate + .pin.masonry + .pin.masonry,
html.colsauto #resultados .escaparate + .pin.masonry + .pin.masonry + .pin.masonry,
html.colsauto #resultados .escaparate + .pin.pin_disponible,
html.colsauto #resultados .escaparate + .pin.pin_disponible + .pin.pin_disponible,
html.colsauto #resultados .escaparate + .pin.pin_disponible + .pin.pin_disponible + .pin.pin_disponible,
html.colsauto #resultados .pin.pin_disponible + .pin.masonry,
html.colsauto #resultados .pin.pin_disponible + .pin.masonry + .pin.masonry,
html.colsauto #resultados .pin.pin_disponible + .pin.masonry + .pin.masonry + .pin.masonry
{
border-top: 62px solid transparent;
}
}
@media screen and (max-width: 800px) { /*Timeline escaparates no se queda fijo*/
#timeline .current:not(.historias)
{
top: 5px !important;
}
}
@media screen and (max-width: 650px) {
html.colsauto #resultados .escaparate2
{
border-top: 0px !important;
}
}
@media screen and (max-width: 550px) {
/*html.cols2 #resultados .masonry3,
html.cols2 #resultados .disponible3
{
border-top: none !important;
}*/
html.cols2 #resultados .masonry1,
html.cols2 #resultados .masonry2,
html.cols2 #resultados .escaparate1,
html.cols2 #resultados .escaparate2,
html.cols2 #resultados .disponible1,
html.cols2 #resultados .disponible2,
html.cols3 #resultados .masonry1,
html.cols3 #resultados .masonry2,
html.cols3 #resultados .masonry3,
html.cols3 #resultados .escaparate1,
html.cols3 #resultados .escaparate2,
html.cols3 #resultados .escaparate3,
html.cols3 #resultados .disponible1,
html.cols3 #resultados .disponible2,
html.cols3 #resultados .disponible3,
html.colslist #resultados .masonry1,
html.colslist #resultados .escaparate1,
html.colslist #resultados .disponible1
{
border-top: 47px solid transparent;
}
html.cols2 #resultados .escaparate + .pin.masonry,
html.cols2 #resultados .escaparate + .pin.masonry + .pin.masonry,
html.cols2 #resultados .escaparate + .pin.pin_disponible,
html.cols2 #resultados .escaparate + .pin.pin_disponible + .pin.pin_disponible,
html.cols2 #resultados .pin.pin_disponible + .pin.masonry,
html.cols2 #resultados .pin.pin_disponible + .pin.masonry + .pin.masonry,
html.cols3 #resultados .escaparate + .pin.masonry,
html.cols3 #resultados .escaparate + .pin.masonry + .pin.masonry,
html.cols3 #resultados .escaparate + .pin.masonry + .pin.masonry + .pin.masonry,
html.cols3 #resultados .escaparate + .pin.pin_disponible,
html.cols3 #resultados .escaparate + .pin.pin_disponible + .pin.pin_disponible,
html.cols3 #resultados .escaparate + .pin.pin_disponible + .pin.pin_disponible + .pin.pin_disponible,
html.cols3 #resultados .pin.pin_disponible + .pin.masonry,
html.cols3 #resultados .pin.pin_disponible + .pin.masonry + .pin.masonry,
html.cols3 #resultados .pin.pin_disponible + .pin.masonry + .pin.masonry + .pin.masonry,
html.colslist #resultados .escaparate + .pin.masonry,
html.colslist #resultados .escaparate + .pin.pin_disponible,
html.colslist #resultados .pin.pin_disponible + .pin.masonry
{
border-top: 62px solid transparent;
}
}
@media screen and (max-width: 520px) {
html.colsauto #resultados .masonry3,
html.colsauto #resultados .disponible3
{
border-top: none !important;
}
}
@media screen and (max-width: 415px) {
html.colsauto #resultados .masonry2,
html.colsauto #resultados .disponible2
{
border-top: none !important;
}
}
#sin_resultados
{
display: none;
width: 90%;
min-width: 80%;
margin: 0px auto;
padding: 30px 0;
margin-top: 15px;
color: #8C8C8C;
border: 1px dotted #E8E8E8;
background-color: white;
border-radius: 15px;
font-size: 15px;
}
#sin_resultados .sin_resultados
{
margin-left: 30px;
margin-right: 30px;
margin-top: 0px;
font-size: 16px;
display: flex;
}
#sin_resultados .sin_resultados img
{
margin-right: 20px;
vertical-align: text-top;
}
#sin_resultados .sin_resultados i
{
color: #CA1E25;
vertical-align: text-top;
margin-top: -3px;
margin-right: 12px;
margin-top: -4px;
}
#sin_resultados .tipo_sugerencia
{
margin-left: 66px;
margin-right: 30px;
margin-top: 20px;
}
#sin_resultados .sugerencia
{
margin-left: 66px;
margin-right: 30px;
margin-top: 20px;
}
#sin_resultados .sugerencia img
{
margin-left: 5px;
vertical-align: text-bottom;
}
#sin_resultados a
{
text-decoration: underline;
color: #CA1E25;
line-height: 16px;
display: inline-block;
margin-bottom: 2px;
}
#sin_resultados .tipo_sugerencia.tipo_sugerencia_publicar
{
margin-top: 25px;
font-size: 15px;
}
#sin_resultados .boton.publicar
{
margin-left: 66px;
margin-top: 35px;
height: 22px;
line-height: 22px;
padding: 5px 10px;
font-family: Arial;
font-size: 16px;
text-decoration: none;
}
.flotante
{
color: #ef3115;
background-color: #ffdd01;
font-size: 17px;
font-weight: bold;
text-align: center;
position: absolute;
z-index: 10;
border-radius: 5px;
opacity: 0.85;
}
#cargando_scroll
{
padding: 15px;
width: 200px;
/*bottom: 25px;*/
top: 50%;
left: 50%;
margin-left: -115px;
display: none;
}
#cargando_scroll img
{
vertical-align: middle;
border: 0;
}
#cargando_scroll span
{
vertical-align: middle;
margin-left: 10px;
}
#cargando_scroll .cargando
{
/*display: none;*/
}
#cargando_scroll a
{
color: white;
text-decoration: none;
}
#scroll_top
{
height: 38px;
padding: 4px 6px;
padding-bottom: 0;
bottom: 0px;
right: 10px;
position: fixed;
cursor: pointer;
z-index: 100;
font-size: 11px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
display: none;
}
#scroll_top i {
font-weight: bold;
font-size: 36px;
line-height: 36px;
}
/*Anuncio ********************************************************************************************************** */
.ficha_contenedor
{
display: none;
}
html.verficha body {
padding-top: 0px !important;
}
html.verficha .ficha_contenedor
{
display: block;
}
html.verficha #ficha, html.verficha #experiencias, html.verficha #ficha_lightbox {
z-index: 1001;
}
html.verficha #cabecera {
position: fixed;
}
#ficha_lightbox
{
position: fixed;
top: 0;
left: 0;
right: 0;
/*width: 100%;*/
height: 100%;
z-index: 1100;
/*background-color: white;
filter:alpha(opacity=85);
opacity:.85;*/
}
#ficha_contenedor
{
position: absolute;
/*top: -85px;*/
/*top: -100px;*/
left: 0px;
width: 100%;
height: 100%;
/*z-index: 1110;*/
/*overflow: auto;*/
}
.puntuaciones {
height: 64px;
position: absolute;
bottom: 20px;
right: 25px;
height: 50px;
}
.puntuaciones .puntuacion,
.puntuaciones .num_expes {
display: inline-block;
text-align: center;
border: 1px solid;
width: 90px;
color: white;
padding: 5px;
margin-left: 1px;
width: 80px;
}
/*.puntuaciones .puntuacion:first-child*/
.puntuaciones div.num_expes
{
margin-left: 0;
}
.puntuaciones .puntuacion .leyenda,
.puntuaciones .num_expes .leyenda {
display: block;
margin-top: 2px;
/*font-size: 11px;*/
}
.puntuaciones .puntuacion .numero,
.puntuaciones .num_expes .numero {
display: block;
font-size: 30px;
font-size: 20px;
}
.puntuaciones .puntuacion_recomendable .numero:after {
content: "%";
display: inline;
font-size: 20px;
margin-left: 3px;
font-size: 15px;
}
.puntuaciones .puntuacion_recomendable.desconocido .numero:after {
display: none;
font-size: 15px;
}
.puntuaciones .puntuacion_recomendable {
display: none !important;
}
.experiencias {
border-top: 1px #E8E8E8 solid;
}
.experiencias cite,
.experiencias blockquote {
display: inline;
margin: 0;
padding: 0;
font-style: inherit;
}
.experiencia {
margin-top: 25px;
color: #707070;
margin-bottom: 10px;
position: relative;
}
.experiencia:before {
content: "";
position: relative;
display: block;
border-bottom: 1px dotted #d0d0d0;
width: 25%;
margin: 0 auto;
margin-bottom: 35px;
}
.experiencias h2 + .experiencia:before,
.experiencias h3 + .experiencia:before,
.experiencias .titulo + .experiencia:before,
.experiencias .puntuaciones + .experiencia:before {
display: none;
}
.experiencia .fecha {
display: inline-block;
vertical-align: top;
width: 13%;
width: calc(100px);
font-size: 15px;
}
.experiencia a,
.experiencia .experiencia_contenedor {
display: inline-block;
vertical-align: top;
width: 69%;
width: calc(100% - 100px - 135px);
width: calc(100% - 100px - 100px);
color: #303030;
}
.experiencia .nombre {
display: block;
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
margin-left: -5px;
}
.experiencia .nombre:empty {
display: none;
}
.experiencia .cita {
display: block;
/*font-style: italic;*/
font-size: 15px;
vertical-align: top;
text-align: justify;
word-wrap: break-word;
}
.experiencias .cita:after,
.experiencias .cita:before {
content: "";
position: relative;
display: inline-block;
width: 10px;
}
.experiencias .cita:before {
content: "“";
margin-left: -10px;
}
.experiencias .cita:after {
content: "”";
margin-right: -10px;
text-align: right;
}
.experiencia .cita img {
position: absolute;
margin-left: 15px;
margin-top: 4px;
}
.experiencia .origen {
display: block;
text-align: right;
margin-top: 10px;
color: #707070;
}
.experiencia .notas {
display: inline-block;
vertical-align: top;
width: 18%;
width: calc(135px);
width: calc(100px);
text-align: right;
}
.experiencia .nota {
color: white;
border: 1px solid;
font-size: 15px;
width: 35px;
height: 25px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 25px;
/*margin-left: 5px;
border-radius: 3px;*/
margin-left: 1px;
text-transform: uppercase;
}
.experiencia .nota:first-child {
margin-left: 0;
}
.puntuaciones .puntuacion.mal,
.puntuaciones .puntuacion.no,
.experiencia .nota.mal,
.experiencia .nota.no {
background-color: #900000;
border-color: #900000;
}
.puntuaciones .puntuacion.regular,
.experiencia .nota.regular {
background-color: #e3e300;
border-color: #e3e300;
color: #505050;
}
.puntuaciones .puntuacion.bien,
.puntuaciones .puntuacion.si,
.experiencia .nota.bien,
.experiencia .nota.si {
background-color: green;
border-color: green;
}
.puntuaciones .puntuacion.desconocido,
.experiencia .nota.desconocido {
background-color: white;
border-color: #E8E8E8;
color: #707070;
}
.puntuaciones .num_expes,
.puntuaciones .num_expes * {
background-color: blueviolet;
border-color: blueviolet;
color: white;
}
.experiencia .nota_recomendar {
display: none;
}
span.leyenda_experiencias {
margin-left: 8px;
}
/* RESPONSIVE *******************************************************************/
@media screen and (max-width: 550px) {
.puntuaciones {
left: 0;
right: 0;
bottom: 0;
display: table;
width: 100%;
}
.puntuaciones .puntuacion,
.puntuaciones .num_expes {
display: table-cell;
width: 33.33%;
text-align: center;
}
.experiencia {
margin-top: 20px;
margin-bottom: 50px;
}
.experiencia:last-of-type {
margin-bottom: 20px;
}
.experiencias h3 + .experiencia {
margin-top: 25px;
}
.experiencia:before {
position: absolute;
width: 100%;
top: -25px;
margin-bottom: 35px;
}
.experiencia .fecha
{
display: block;
width: 100%;
padding-bottom: 15px;
padding-top: 5px;
}
.experiencia a,
.experiencia .experiencia_contenedor {
display: block;
width: auto;
margin: 0 10px;
}
.experiencia .notas {
position: absolute;
top: 0;
right: 0;
}
}
#ficha_contenedor #ficha {
top: 0;
bottom: 0;
margin-top: 14px;
}
#ficha div:empty,
#ficha span:empty {
display: none;
}
#ficha_contenedor #ficha:before,
#ficha_contenedor #experiencias:before,
#ficha_contenedor #videos:before {
content: " ";
background-color: #F4F4F4;
position: fixed;
top: 0;
bottom: 0;
width: 100%;
max-width: 1058px;
}
#ficha_contenedor #experiencias:before,
#ficha_contenedor #videos:before {
width: 850px;
margin-left: -14px;
}
#ficha_contenedor #experiencias,
#ficha_contenedor #videos {
border: none;
background: #F4F4F4;
}
#ficha_contenedor #experiencias .datos,
#ficha_contenedor #videos .datos {
/*left: 14px;*/
background-color: white;
border: 1px #E8E8E8 solid;
margin-top: 14px;
border-bottom: 0px;
}
#ficha_contenedor #experiencias .experiencias,
#ficha_contenedor #videos .videos {
/*left: 14px;*/
background-color: white;
border: 1px #E8E8E8 solid;
margin-bottom: 14px;
}
/*#anuncio_editar
{
position: absolute !important;
right: 0;
margin: 0 !important;
}*/
#ficha_contenedor #margen_inferior
{
display: block;
/*height: 14px;*/
height: 57px;
}
/*#ficha.compact_btn #resultados_anuncio_anterior,
#ficha.compact_btn #resultados_anuncio_siguiente
{
margin-bottom: 15px !important;
}*/
#ficha_contenedor #ficha_acciones
{
margin-bottom: 0;
}
/* Filtros ********************************************************************************************************** */
body.wait {
opacity: 0.5;
}
body.wait, body.wait * {
cursor: wait !important;
}
#cabecera_resultados,
#cabecera_resultados_scompi,
#cabecera_mas_resultados {
padding-top: 20px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
gap: 0px 50px;
}
#cabecera_mas_resultados {
display: block;
}
#cabecera_resultados_scompi {
padding-top: 20px;
}
#cabecera_resultados #cabecera_resultados_scompi {
width: 100% !important;
}
#cabecera_resultados_scompi img {
height: 35px;
margin-bottom: 5px;
display: block;
}
#cabecera_resultados .anuncio_publicar,
#cabecera_resultados_scompi .anuncio_publicar {
display: inline-block;
padding: 0 5px;
margin: 0 9px;
margin-bottom: 10px;
color: white;
font-size: 20px;
}
#cabecera_resultados_scompi .anuncio_publicar,
.lila {
/*background-color: #6808b3c4;*/
background-color: #883ec2;
}
#cabecera_resultados .anuncio_publicar > img,
#cabecera_resultados_scompi .anuncio_publicar > img {
display: inline-block;
width: 60px;
height: 60px;
font-size: 60px;
vertical-align: middle;
overflow: hidden;
margin: 0;
}
#cabecera_resultados .anuncio_publicar > span,
#cabecera_resultados_scompi .anuncio_publicar > span {
margin-left: 10px;
margin-right: 10px;
vertical-align: middle;
}
#sin_resultados_scompi {
font-size: 20px;
padding: 50px 25px;
margin: 0 9px;
margin-bottom: 10px;
white-space: normal;
background-color: white;
color: #303030;
border: 1px #E8E8E8 solid;
}
/*#cabecera_resultados > div {
display: inline-block;
vertical-align: top;
}
#cabecera_resultados > div:first-child {
width: calc(100% - 512px);
}*/
div[id^="review_"] {
cursor: pointer;
}
#resultados_contenedor #articulo {
order: 2;
}
#resultados_contenedor #busquedas_relacionadas {
order: 3;
}
#resultados_contenedor .cargar_mas ~ .cargar_mas {
margin-bottom: 10px;
}
#resultados_contenedor .cargar_mas_inferior {
order: 5;
}
#resultados_contenedor #busquedas_relacionadas,
#resultados_contenedor #articulo {
width: calc(100% - 70px);
max-width: 1490px;
margin: 10px auto;
border: 1px #E8E8E8 solid;
}
#busquedas_relacionadas > div {
margin: -2px -2px -3px -3px;
}
#resultados_contenedor #articulo a {
text-decoration: underline;
color: #0072C6;
}
#resultados_contenedor #busquedas_relacionadas h2,
#resultados_contenedor #busquedas_relacionadas h4,
#resultados_contenedor #articulo h2 {
font-size: 20px;
margin: 26px 0 10px 0;
}
#resultados_contenedor #busquedas_relacionadas h3,
#resultados_contenedor #busquedas_relacionadas h5,
#resultados_contenedor #articulo h3 {
font-size: 18px;
margin: 26px 0 10px 0;
}
#resultados_contenedor #busquedas_relacionadas h2:first-child,
#resultados_contenedor #busquedas_relacionadas h3:first-child,
#resultados_contenedor #busquedas_relacionadas h4:first-child,
#resultados_contenedor #busquedas_relacionadas h5:first-child,
#resultados_contenedor #articulo h2:first-child,
#resultados_contenedor #articulo h3:first-child,
#resultados_contenedor #articulo p:first-child {
margin-top: 0;
padding-top: 0;
}
#busquedas_relacionadas .categoria {
max-width: none;
}
#resultados_contenedor #articulo p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
#resultados_contenedor .cargar_mas {
width: 100%;
width: calc(100% - 20px);
width: calc(100% - 18px);
padding: 10px 0;
padding-top: 20px;
max-width: 1540px;
text-align: center;
margin: 0 auto;
}
#resultados_contenedor .cargar_mas {
/*position: sticky;
top: calc(100% - 90px);*/
bottom: 0;
z-index: 10;
background-color: #F4F4F4;
}
#resultados_contenedor .cargar_mas.fixed {
position: fixed;
width: calc(100% - 138px);
padding-left: 20px;
padding-right: 20px;
right: 0;
border-right: 65px solid transparent;
width: calc(100% - 203px);
}
.cargar_mas ~ .bloque_footer:last-child {
padding-bottom: 90px;
}
/*.cargar_mas.fixed + div,
.cargar_mas.fixed + aside,
.cargar_mas.fixed + section {
padding-top: 20px;
}*/
#resultados_contenedor .cargar_mas .boton {
height: 60px;
line-height: 60px;
width: 100%;
font-size: 22px;
/*font-weight: bold;*/
border-radius: 10px;
}
#resultados_contenedor.external_scompi .cargar_mas .boton{
background-color: #6F28A6;
height: 70px;
line-height: 70px;
font-size: 24px;
}
#resultados_contenedor.external_scompi .cargar_mas_enlace .boton{
background-color: #CA1E25;
}
#resultados_contenedor #busquedas_relacionadas ~ .cargar_mas {
display: none;
}
#resultados_contenedor #articulo ~ .cargar_mas,
#resultados_contenedor #mas_resultados ~ .cargar_mas_inferior {
display: block;
}
#capa_video_player {
position: fixed;
top: 0;
bottom: 0;
left: 0;
/*right: 0;*/
width: 100%;
z-index: 9999;
overflow: hidden;
background-color: black;
text-align: center;
display: flex;
flex-direction: column;
/*align-items: center;*/
justify-content: center;
margin-left: 100%;
/*transition: margin .5s;*/
}
#capa_video_player video {
width: 100%;
height: auto;
max-height: 100dvh;
}
#capa_video_player .close {
position: absolute;
right: 0px;
top: 0px;
color: white;
background-color: rgba(202, 30, 37, 0.8);
cursor: pointer;
font-size: 32px;
font-weight: bold;
line-height: normal;
padding: 5px;
border-bottom-left-radius: 10px;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
#capa_video_player .play {
color: white;
font-size: 50px;
line-height: 60px;
width: 60px;
height: 60px;
position: absolute;
text-align: center;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
border: 4px solid white;
border-radius: 34px;
opacity: 0.8;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-color: rgba(0, 0, 0, 0.2);
display: none;
}
#capa_video_player.paused .play {
display: block;
}
#capa_video_player .progress {
/*position: absolute;
left: 0px;
bottom: 0px;*/
display: block;
height: 3px;
margin-top: -3px;
width: 0%;
background-color: #CA1E25;
transition: width .1s;
transform: translate3d(0,0,0); /* Bug iOS video renderizado por encima */
}
/* RESPONSIVE *******************************************************************/
@media screen and (min-width: 1675px) and (max-width: 1820px) {
#resultados_contenedor .cargar_mas.fixed {
left: 0;
width: 100%;
max-width: none;
padding-left: 49px;
}
#resultados_contenedor .cargar_mas.fixed .boton {
max-width: 1540px;
}
}
@media screen and (min-width: 416px) {
.resultados .pin .pin { will-change: position, left, top; }
.resultados.masonry_done .pin { will-change: auto; }
}
@media screen and (max-width: 1575px) {
#resultados_contenedor.anuncios_favoritos,
#resultados_contenedor.notimeline {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 1023px) {
#cabecera_resultados,
#cabecera_resultados_scompi,
#cabecera_mas_resultados {
padding-top: 15px;
}
#cabecera_resultados > div,
#cabecera_resultados_scompi > div,
#cabecera_mas_resultados > div {
display: block;
width: auto !important;
}
}
@media screen and (max-width: 800px) {
#cabecera_resultados,
#cabecera_mas_resultados {
padding-top: 10px;
}
#ficha_contenedor {
/*padding-top: 40px;*/
top: -2px;
z-index: 1;
}
#ficha_contenedor #experiencias .experiencias,
#ficha_contenedor #videos .videos {
margin-bottom: 0;
}
#ficha_contenedor #experiencias .datos,
#ficha_contenedor #videos .datos {
margin-top: 0;
}
html.verficha #ficha_lightbox {
display: none;
}
/*html.verficha #ficha, html.verficha #experiencias {
z-index: 1000;
}*/
#cabecera_resultados,
#cabecera_resultados_scompi,
#cabecera_mas_resultados {
margin-bottom: 5px;
}
#breadcrumbs {
font-size: 14px;
color: #707070;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 4px;
}
#breadcrumbs span {
margin: 0 8px;
}
html.verficha #resultados_contenedor,
html.verficha #cabecera {
-webkit-filter: none;
-moz-filter: none;
-o-filter: none;
-ms-filter: none;
filter: none;
}
html.verficha #header,
html.verficha #cabecera {
z-index: 0;
}
#scroll_top {
display: none !important;
}
/*#resultados_contenedor .cargar_mas .boton {
width: calc(100% - 20px);
margin-top: 5px;
}
#resultados_contenedor .cargar_mas ~ .cargar_mas {
margin-bottom: 0px;
}
#resultados_contenedor .cargar_mas ~ .cargar_mas .boton {
margin-top: 0px;
margin-bottom: 5px;
}*/
#resultados_contenedor .cargar_mas.fixed {
width: 100%;
width: calc(100% - 24px);
padding-left: 12px;
padding-right: 12px;
left: 0;
right: 0;
}
}
@media screen and (max-width: 550px) {
#ficha_contenedor #ficha {
margin-top: 0;
/*margin-bottom: 47px;*/
}
#ficha_lightbox, #margen_inferior {
display: none;
}
#sin_resultados .sugerencia,
#sin_resultados .tipo_sugerencia,
#sin_resultados .boton.publicar {
margin-left: 30px;
margin-right: 30px;
}
#resultados_contenedor #busquedas_relacionadas,
#resultados_contenedor #articulo {
width: calc(100% - 30px);
margin-left: 0;
margin-right: 0;
border-left: 0;
border-right: 0;
margin-bottom: 0;
margin-top: 0;
}
/*#resultados_contenedor #articulo {
margin-bottom: 0;
}*/
#resultados_contenedor #articulo ~ #busquedas_relacionadas {
margin-top: -1px;
/*margin-bottom: 5px;*/
}
#resultados_contenedor #articulo + #busquedas_relacionadas {
margin-top: -1px;
}
#resultados_contenedor #articulo h2,
#resultados_contenedor #busquedas_relacionadas h2,
#resultados_contenedor #busquedas_relacionadas h4 {
font-size: 16px;
}
#resultados_contenedor #articulo h3,
#resultados_contenedor #busquedas_relacionadas h3,
#resultados_contenedor #busquedas_relacionadas h5 {
font-size: 15px;
}
#resultados_contenedor #articulo>h2,
#resultados_contenedor #articulo>h3,
#resultados_contenedor #articulo>h4,
#resultados_contenedor #busquedas_relacionadas h2,
#resultados_contenedor #busquedas_relacionadas h4 {
position: relative;
}
#resultados_contenedor #articulo h2::after,
#resultados_contenedor #busquedas_relacionadas h2::after,
#resultados_contenedor #busquedas_relacionadas h4::after {
/*content: "+";*/
content: "–";
position: absolute;
top: calc(50% - 13px);
right: -4px;
color: white;
background: #CA1E25;
width: 28px;
line-height: 26px;
height: 26px;
text-align: center;
font-size: 24px;
font-weight: bold;
font-family: Verdana;
border-radius: 3px;
}
#resultados_contenedor #articulo.compact h2::after,
#resultados_contenedor #busquedas_relacionadas.compact h2::after,
#resultados_contenedor #busquedas_relacionadas.compact h4::after {
/*content: "–";*/
content: "+";
}
#resultados_contenedor #articulo.compact > *,
#resultados_contenedor #busquedas_relacionadas.compact > * {
display: none;
}
#resultados_contenedor #articulo > *,
#resultados_contenedor #busquedas_relacionadas > * {
display: block;
}
#resultados_contenedor #articulo.compact > h2:first-child,
#resultados_contenedor #busquedas_relacionadas.compact > h2:first-child,
#resultados_contenedor #busquedas_relacionadas.compact > h4:first-child {
margin-bottom: 0;
}
#resultados_contenedor #articulo > h2:first-child,
#resultados_contenedor #busquedas_relacionadas > h2:first-child,
#resultados_contenedor #busquedas_relacionadas > h4:first-child {
display: block;
margin-bottom: 10px;
padding-right: 45px;
}
#busquedas_relacionadas > div {
margin: -4px;
}
#busquedas_relacionadas .categoria {
margin: 4px;
}
#resultados_contenedor .cargar_mas {
/*padding: 0;*/
width: 100%;
}
/*#resultados_contenedor > div.cargar_mas.cargar_mas_superior {
margin-top: 10px;
margin-bottom: 20px;
}
#resultados_contenedor > div.cargar_mas.cargar_mas_inferior {
margin-top: 20px;
margin-bottom: 15px;
}
#resultados_contenedor #articulo.desp ~ .cargar_mas,
#resultados_contenedor #busquedas_relacionadas.desp ~ .cargar_mas {
display: block !important;
margin-top: 20px;
margin-bottom: 15px;
}*/
#resultados_contenedor .cargar_mas.fixed {
width: calc(100% - 6px);
padding-left: 3px;
padding-right: 3px;
}
#resultados_contenedor .cargar_mas .boton {
font-size: 20px;
}
#cabecera_resultados .anuncio_publicar,
#cabecera_resultados_scompi .anuncio_publicar {
display: block;
position: relative;
top: 3px;
margin: 5px 3px 10px 3px;
}
#cabecera_resultados .anuncio_publicar {
width: 100%;
}
#cabecera_resultados_scompi .anuncio_publicar {
width: auto;
}
}
@media screen and (max-width: 320px) {
#resultados_contenedor .cargar_mas .boton {
font-size: 18px;
}
}
#ficha_contenedor #margen_inferior {
padding-bottom: 72px;
}
@media screen and (max-width: 550px) {
#ficha_contenedor #margen_inferior {
padding-bottom: 0px;
}
html.verficha #ficha_contenedor #ficha {
padding-bottom: 128px;
}
}
/* AVISO CORONAVIRUS *****************************************************************************/
#resultados_contenedor .bloque.notificacion {
/*font-size: 17px;*/
border: 2px solid #CA1E25;
width: calc(100% - 70px);
max-width: 1774px;
margin: 0px auto 25px;
top: 25px;
}
#leer_mas_abolicion{
cursor: pointer;
}
.anuncios_desactivados_titulo_desktop{
display: block;
height: 15px;
}
.anuncios_desactivados_titulo_mobile{
display: none;
height: 15px;
}
#resultados_contenedor .bloque.notificacion .titulo {
font-weight: bold;
font-size: 18px;
font-family: Arial;
color: #CA1E25;
/*margin: 0;*/
margin-bottom: 15px;
}
#resultados_contenedor .bloque.notificacion .boton {
color: #CA1E25;
width: 200px;
text-align: center;
margin-top: 8px;
}
#cabecera_resultados .bloque.notificacion,
#cabecera_mas_resultados .bloque.notificacion {
white-space: nowrap;
width: auto;
top: 0;
padding: 15px 20px;
margin: 0 9px;
margin-bottom: 10px;
}
#cabecera_resultados .bloque.notificacion.morado,
#cabecera_mas_resultados .bloque.notificacion.morado {
border: 0;
color: white;
background-color: #800080;
text-align: center;
display: block;
width: 300px;
padding: 13px;
}
#cabecera_mas_resultados .bloque.notificacion.morado img.sap_mobile{
display: none;
height: 40px;
}
#cabecera_mas_resultados .bloque.notificacion.morado img.sap_desktop{
height: 47px;
}
#cabecera_resultados .bloque.notificacion.morado b,
#cabecera_mas_resultados .bloque.notificacion.morado b {
font-size: 18px;
font-weight: normal;
}
#cabecera_resultados .bloque.notificacion.morado span,
#cabecera_mas_resultados .bloque.notificacion.morado span {
display: block;
font-size: 16px;
margin-top: 8px;
}
#cabecera_resultados .bloque.notificacion.scompi {
width: 100%;
padding: 15px;
white-space: normal;
background-color: #FAEBFF;
color: #303030;
border: 0;
/*border: 1px solid #6808b3c4;*/
}
#cabecera_resultados .bloque.notificacion.scompi .enlace {
color: #7F21B6;
cursor: pointer;
}
#resultados_contenedor .bloque.notificacion {
top: 8px;
margin-bottom: 8px;
}
#cabecera_resultados .bloque.notificacion,
#cabecera_mas_resultados .bloque.notificacion {
top: 0px;
margin-bottom: 10px;
}
@media screen and (max-width: 805px) {
#leer_mas_abolicion{
display: block;
margin-top: 5px;
}
.anuncios_desactivados_titulo_desktop{
display: none;
}
.anuncios_desactivados_titulo_mobile{
display: block;
}
}
@media screen and (max-width: 800px) {
#resultados_contenedor .bloque.notificacion {
/*width: auto;*/
width: calc(100% - 54px);
top: 3px;
margin-bottom: 5px;
}
#sin_resultados_scompi,
#cabecera_resultados .bloque.notificacion,
#cabecera_mas_resultados .bloque.notificacion {
width: auto;
margin-left: 3px;
margin-right: 3px;
}
}
@media screen and (max-width: 550px) {
#resultados_contenedor .bloque.notificacion {
width: calc(100% - 32px);
}
#resultados_contenedor .bloque.notificacion .boton {
width: 100%;
}
#cabecera_resultados .bloque.notificacion,
#cabecera_mas_resultados .bloque.notificacion {
width: 100% !important;
}
#cabecera_mas_resultados .bloque.notificacion.morado {
width: auto !important;
}
}
@media screen and (max-width: 320px) {
#cabecera_resultados .bloque.notificacion,
#cabecera_mas_resultados .bloque.notificacion {
padding: 15px;
}
#cabecera_resultados .bloque.notificacion.morado b,
#cabecera_mas_resultados .bloque.notificacion.morado b {
font-size: 15px;
}
#cabecera_resultados .bloque.notificacion.morado span,
#cabecera_mas_resultados .bloque.notificacion.morado span {
font-size: 14px;
}
#cabecera_mas_resultados .bloque.notificacion.morado img.sap_mobile{
display: inline;
}
#cabecera_mas_resultados .bloque.notificacion.morado img.sap_desktop{
display: none;
}
}