/* ==========================================================
NEWPASION - MAQUETACIÓN BASADA EN PASION.COM ORIGINAL
Este archivo se carga DESPUÉS del CSS principal.
========================================================== */
.np-page {
width: 790px !important;
max-width: calc(100% - 20px) !important;
margin: 14px auto 0 !important;
}
/* ===================== CABECERA ===================== */
.np-header {
position: relative !important;
display: block !important;
width: 100% !important;
height: 86px !important;
min-height: 86px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: linear-gradient(
90deg,
#c69bc1 0%,
#d7b7d3 48%,
#f3e8f1 100%
) !important;
border: 2px solid #4b1e41 !important;
border-radius: 8px !important;
box-shadow: 0 2px 2px rgba(0,0,0,.25) !important;
}
/* Logo */
.np-brand {
position: absolute !important;
left: 7px !important;
top: 4px !important;
display: block !important;
width: 165px !important;
height: 76px !important;
margin: 0 !important;
padding: 0 !important;
}
.np-logo {
display: block !important;
width: 155px !important;
max-width: 155px !important;
height: auto !important;
max-height: 76px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
}
/* Texto superior */
.np-headline {
position: absolute !important;
left: 175px !important;
right: 12px !important;
top: 4px !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
font-weight: bold !important;
color: #990000 !important;
text-transform: uppercase !important;
}
/* ===================== CUERPO ===================== */
.np-container {
min-height: 400px !important;
margin: 0 !important;
padding: 11px 7px 5px !important;
background: #fff !important;
border-left: 2px solid #4b1e41 !important;
border-right: 2px solid #4b1e41 !important;
border-bottom: 2px solid #4b1e41 !important;
border-radius: 0 0 7px 7px !important;
}
.np-columns {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 135px !important;
gap: 7px !important;
}
.np-content {
min-width: 0 !important;
padding: 0 6px 15px !important;
}
.np-sidebar {
width: 135px !important;
padding: 0 !important;
}
/* ===================== MIS ANUNCIOS ===================== */
.np-login-intro {
display: grid !important;
grid-template-columns: 180px minmax(0, 1fr) !important;
column-gap: 15px !important;
align-items: center !important;
width: 100% !important;
margin: 2px 0 3px !important;
padding: 0 !important;
}
.np-login-logo {
width: 180px !important;
min-width: 180px !important;
margin: 0 !important;
padding: 0 !important;
}
.np-login-logo img {
display: block !important;
width: 180px !important;
max-width: 180px !important;
height: auto !important;
margin: 0 !important;
}
.np-login-description {
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 14px !important;
color: #a05a91 !important;
}
.np-login-description strong {
color: #834375 !important;
}
/* Aviso */
.np-warning {
margin: 9px 0 0 43px !important;
padding: 0 !important;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 14px !important;
color: #a00000 !important;
}
/* ===================== CAJA LOGIN ===================== */
.box {
width: 307px !important;
max-width: 307px !important;
margin: 28px auto 0 !important;
padding: 11px 17px 18px !important;
background: #f7eef6 !important;
border: 0 !important;
border-radius: 4px !important;
}
.box h3 {
margin: 0 0 14px !important;
padding: 0 !important;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
font-weight: bold !important;
color: #9a5988 !important;
}
.box label {
display: block !important;
margin: 7px 0 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
color: #a05b8f !important;
}
.box input[type="email"],
.box input[type="password"] {
display: block !important;
width: 242px !important;
height: 20px !important;
margin-top: 2px !important;
padding: 1px 3px !important;
border: 1px solid #477d43 !important;
border-radius: 0 !important;
background: #efffec !important;
}
.box input[type="checkbox"] {
width: auto !important;
}
/* ===================== MENÚ LATERAL ===================== */
.np-menu {
width: 135px !important;
margin: 0 !important;
padding: 0 !important;
background: #f8eff7 !important;
border: 1px solid #ead9e8 !important;
}
.np-menu-title {
min-height: 18px !important;
padding: 2px 4px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 12px !important;
text-align: center !important;
background: #e5d2e2 !important;
color: #fff !important;
}
.np-menu a {
min-height: 25px !important;
padding: 2px 4px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 9px !important;
line-height: 10px !important;
color: #551846 !important;
}
.np-menu-icon {
width: 24px !important;
flex: 0 0 24px !important;
margin-right: 2px !important;
font-size: 15px !important;
}
/* ===================== FOOTER ===================== */
.np-footer-links {
margin-top: 2px !important;
font-size: 9px !important;
line-height: 12px !important;
}
.np-copyright {
padding: 13px 0 18px !important;
font-size: 9px !important;
}
/* ===================== RESPONSIVE ===================== */
@media (max-width: 700px) {
.np-page {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.np-header {
height: 80px !important;
min-height: 80px !important;
}
.np-brand {
left: 5px !important;
top: 5px !important;
width: 140px !important;
height: 68px !important;
}
.np-logo {
width: 135px !important;
max-width: 135px !important;
}
.np-headline {
left: 145px !important;
right: 5px !important;
font-size: 10px !important;
line-height: 12px !important;
}
.np-columns {
display: flex !important;
flex-direction: column !important;
}
.np-content {
order: 1 !important;
}
.np-sidebar {
order: 2 !important;
width: 100% !important;
}
.np-menu {
width: 100% !important;
}
.np-login-intro {
grid-template-columns: 150px 1fr !important;
column-gap: 8px !important;
}
.np-login-logo,
.np-login-logo img {
width: 150px !important;
min-width: 150px !important;
max-width: 150px !important;
}
.box {
width: 307px !important;
max-width: calc(100% - 20px) !important;
}
}
@media (max-width: 450px) {
.np-header {
min-height: 107px !important;
height: 107px !important;
}
.np-brand {
position: relative !important;
left: auto !important;
top: auto !important;
width: 100% !important;
height: 72px !important;
text-align: center !important;
}
.np-logo {
width: 145px !important;
max-width: 145px !important;
margin: auto !important;
}
.np-headline {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
width: 100% !important;
text-align: center !important;
}
.np-login-intro {
display: block !important;
}
.np-login-logo {
margin-bottom: 7px !important;
}
.np-warning {
margin-left: 0 !important;
}
}
/* ==========================================================
CALIBRACIÓN DESKTOP CONTRA CAPTURA ORIGINAL PASION.COM
========================================================== */
/* Original empieza prácticamente arriba */
.np-page {
margin-top: 5px !important;
}
/* ---------- CABECERA ---------- */
.np-brand {
left: 7px !important;
top: 4px !important;
width: 165px !important;
height: 76px !important;
z-index: 2 !important;
overflow: visible !important;
}
/*
* El PNG de NewPasion tiene margen transparente interno.
* El CSS anterior daba 155px al lienzo, no al dibujo visible.
* Escalamos el PNG para que el dibujo visible tenga
* aproximadamente el mismo tamaño que el logo original.
*/
.np-logo {
width: 155px !important;
max-width: 155px !important;
transform: scale(1.55) !important;
transform-origin: center center !important;
margin: 0 !important;
}
/*
* En la Pasion original el eslogan está centrado respecto
* a TODA la cabecera, no respecto al espacio que sobra
* después del logo.
*/
.np-headline {
left: 0 !important;
right: 0 !important;
top: 4px !important;
width: 100% !important;
padding: 0 !important;
text-align: center !important;
font-size: 12px !important;
line-height: 15px !important;
white-space: nowrap !important;
z-index: 1 !important;
pointer-events: none !important;
}
/* ---------- CUERPO ---------- */
/* Original: lateral aprox. 133px */
.np-columns {
grid-template-columns: minmax(0, 1fr) 133px !important;
}
.np-sidebar,
.np-menu {
width: 133px !important;
}
/* Mis anuncios + texto: acercamos el texto 8px */
.np-login-intro {
grid-template-columns: 180px minmax(0, 1fr) !important;
column-gap: 7px !important;
}
.np-login-description {
font-size: 12px !important;
line-height: 15px !important;
}
/* El aviso original es algo mayor */
.np-warning {
font-size: 12px !important;
line-height: 15px !important;
}
/*
* La caja actual queda unos 6px demasiado baja.
* 28px -> 22px.
*/
.box {
margin-top: 22px !important;
}
.box h3 {
font-size: 12px !important;
}
.box label {
font-size: 12px !important;
}
/* ---------- MENÚ ---------- */
/*
* Original aprox. 161px de alto.
* El nuestro está sobre 144px.
*/
.np-menu-title {
height: 18px !important;
min-height: 18px !important;
font-size: 10px !important;
line-height: 12px !important;
}
.np-menu a {
min-height: 29px !important;
font-size: 10px !important;
line-height: 11px !important;
}
/* No aplicar esta calibración rígida en móvil */
@media (max-width: 700px) {
.np-page {
margin-top: 0 !important;
}
.np-logo {
transform: none !important;
}
.np-headline {
white-space: normal !important;
}
}
/* ==========================================================
CORRECCIÓN FINAL CABECERA - PASION ORIGINAL
========================================================== */
.np-header {
box-sizing: border-box !important;
height: 86px !important;
min-height: 86px !important;
overflow: hidden !important;
border: 2px solid #4a2144 !important;
border-radius: 8px !important;
/* pequeño borde claro interior como el original */
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.72),
0 2px 2px rgba(70,45,65,.32) !important;
}
/* LOGO YA RECORTADO: NO ESCALAR */
.np-brand {
left: 7px !important;
top: 5px !important;
width: 160px !important;
height: 74px !important;
overflow: hidden !important;
}
.np-logo {
display: block !important;
width: 155px !important;
max-width: 155px !important;
height: auto !important;
max-height: 74px !important;
margin: 0 !important;
transform: none !important;
transform-origin: initial !important;
object-fit: contain !important;
}
/*
* El texto se centra sobre TODA la cabecera,
* igual que en la referencia.
*/
.np-headline {
left: 0 !important;
right: 0 !important;
top: 4px !important;
width: 100% !important;
font-size: 12px !important;
line-height: 15px !important;
text-align: center !important;
white-space: nowrap !important;
}
/*
* Marco blanco inferior.
* El original tiene el mismo morado oscuro,
* pero sin duplicar una línea gruesa bajo la cabecera.
*/
.np-container {
box-sizing: border-box !important;
border-left: 2px solid #4a2144 !important;
border-right: 2px solid #4a2144 !important;
border-bottom: 2px solid #4a2144 !important;
border-top: 0 !important;
border-radius: 0 0 7px 7px !important;
}
@media (max-width: 700px) {
.np-logo {
transform: none !important;
}
}
/* ==========================================================
CABECERA - AJUSTE DE PROPORCIONES DEFINITIVO
========================================================== */
.np-header {
position: relative !important;
height: 86px !important;
min-height: 86px !important;
padding: 0 !important;
background:
linear-gradient(
90deg,
#c49bc0 0%,
#d7b5d2 46%,
#f4eaf3 100%
) !important;
/* Marco más parecido al original */
border: 2px solid #35142f !important;
border-radius: 8px !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.90),
0 2px 2px rgba(0,0,0,.28) !important;
overflow: hidden !important;
}
/* LOGO */
.np-brand {
position: absolute !important;
left: 7px !important;
top: 4px !important;
width: 175px !important;
height: 76px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
overflow: visible !important;
z-index: 5 !important;
}
/*
* MUY IMPORTANTE:
* ahora mandamos por ALTURA, no por anchura.
*/
.np-logo {
display: block !important;
width: auto !important;
max-width: none !important;
height: 70px !important;
max-height: 70px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
transform: none !important;
}
/* TITULAR */
.np-headline {
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 4px !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
font-weight: bold !important;
color: #990000 !important;
white-space: nowrap !important;
z-index: 1 !important;
}
/* CUERPO: MISMO CONTORNO OSCURO */
.np-container {
border-left: 2px solid #35142f !important;
border-right: 2px solid #35142f !important;
border-bottom: 2px solid #35142f !important;
border-radius: 0 0 7px 7px !important;
}
/* MÓVIL */
@media (max-width: 700px) {
.np-brand {
width: 145px !important;
}
.np-logo {
width: auto !important;
height: 60px !important;
max-height: 60px !important;
}
}
/* AJUSTE VISUAL DEFINITIVO DEL LOGO */
.np-brand {
left: -22px !important;
top: 4px !important;
width: 205px !important;
height: 76px !important;
overflow: visible !important;
}
.np-logo {
height: 72px !important;
width: auto !important;
max-width: none !important;
max-height: 72px !important;
transform: none !important;
}
/* CORRECCIÓN POSICIÓN LOGO TRAS RECORTE DEL PNG */
.np-brand {
left: 6px !important;
top: 4px !important;
width: 185px !important;
height: 76px !important;
overflow: visible !important;
}
.np-logo {
width: auto !important;
max-width: none !important;
height: 70px !important;
max-height: 70px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
/* ==========================================================
CABECERA DESKTOP - AJUSTE FINAL ESTILO PASION ORIGINAL
========================================================== */
@media (min-width: 769px) {
.np-header {
position: relative !important;
box-sizing: border-box !important;
height: 86px !important;
min-height: 86px !important;
padding: 0 !important;
/* Más oscuro a la izquierda, como el original */
background: linear-gradient(
90deg,
#a86aa0 0%,
#c69ac0 45%,
#dfc8dc 72%,
#f2e9f1 100%
) !important;
/* Marco morado oscuro del original */
border: 2px solid #35142f !important;
border-radius: 8px !important;
/* línea clara interior + pequeña sombra inferior */
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.82),
0 2px 2px rgba(0,0,0,.28) !important;
overflow: hidden !important;
}
/* CONTENEDOR DEL LOGO */
.np-brand {
position: absolute !important;
left: 5px !important;
top: 4px !important;
width: 190px !important;
height: 76px !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
overflow: visible !important;
z-index: 3 !important;
}
/* LOGO */
.np-logo {
display: block !important;
width: auto !important;
height: 70px !important;
max-width: none !important;
max-height: 70px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: left center !important;
transform: none !important;
}
/* TITULAR SUPERIOR */
.np-headline {
position: absolute !important;
top: 3px !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
font-family: Verdana, Arial, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
font-weight: 700 !important;
color: #880000 !important;
white-space: nowrap !important;
z-index: 2 !important;
}
/* CUERPO BLANCO: CONTINUIDAD DEL MARCO */
.np-container {
border-left: 2px solid #35142f !important;
border-right: 2px solid #35142f !important;
border-bottom: 2px solid #35142f !important;
border-radius: 0 0 7px 7px !important;
box-sizing: border-box !important;
}
}
/* =========================================================
AJUSTES FINALES LOGIN - REFERENCIA PASION ORIGINAL
========================================================= */
/* CABECERA */
@media (min-width: 769px) {
.np-header {
position: relative !important;
height: 86px !important;
min-height: 86px !important;
box-sizing: border-box !important;
padding: 0 !important;
background:
linear-gradient(
90deg,
#ad72a7 0%,
#c79bc1 42%,
#ddc4d9 70%,
#f2e8f0 100%
) !important;
/*
* La original no tiene un borde plano:
* exterior oscuro + pequeño relieve interior.
*/
border: 2px solid #35142f !important;
border-radius: 8px !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.88),
inset 0 -1px 0 rgba(80,40,75,.18),
0 2px 2px rgba(0,0,0,.32) !important;
overflow: hidden !important;
}
/*
* Segundo filete interior como en la cabecera original.
*/
.np-header::after {
content: "" !important;
position: absolute !important;
top: 1px !important;
left: 1px !important;
right: 1px !important;
bottom: 1px !important;
border: 1px solid rgba(255,255,255,.55) !important;
border-radius: 6px !important;
pointer-events: none !important;
z-index: 1 !important;
}
.np-brand {
z-index: 3 !important;
}
.np-headline {
z-index: 3 !important;
}
}
/* "OLVIDÉ MI CONTRASEÑA" - TAMAÑO ORIGINAL */
.np-forgot-password,
.np-login-forgot,
a[href="#"].np-forgot-password {
font-family: Arial, Verdana, sans-serif !important;
font-size: 13px !important;
line-height: 18px !important;
font-weight: 400 !important;
}
/* Preparación para los iconos originales del menú */
.np-menu-icon {
width: 27px !important;
height: 27px !important;
object-fit: contain !important;
flex: 0 0 27px !important;
margin-right: 4px !important;
}
/* GRATIS!! del botón publicar */
.np-menu-free {
display: inline-block !important;
margin-left: 1px !important;
color: #d00000 !important;
font-family: Arial, Verdana, sans-serif !important;
font-size: 9px !important;
line-height: 9px !important;
font-weight: 700 !important;
font-style: italic !important;
white-space: nowrap !important;
transform: rotate(16deg) !important;
transform-origin: left center !important;
}
/* ==========================================================
PASION ORIGINAL - MENU + CABECERA + LOGIN
========================================================== */
@media (min-width: 769px) {
/*
* CABECERA
*
* En Pasion original:
* - borde exterior oscuro muy fino
* - dos píxeles claros por dentro
* - no hay una gruesa línea oscura inferior
* - debajo aparece una sombra gris de varios tonos
*/
.np-header {
position: relative !important;
height: 86px !important;
min-height: 86px !important;
box-sizing: border-box !important;
padding: 0 !important;
background: linear-gradient(
90deg,
#a3689c 0%,
#bd8eb7 35%,
#cfabd0 58%,
#e2cde0 78%,
#f0e5ef 100%
) !important;
border-top: 1px solid #1a0518 !important;
border-left: 1px solid #1a0518 !important;
border-right: 1px solid #1a0518 !important;
border-bottom: 0 !important;
border-radius: 8px !important;
box-shadow:
inset 2px 0 0 #fff,
inset -2px 0 0 #fff,
inset 0 2px 0 #fff,
inset 0 -2px 0 #fff,
0 2px 0 #949494,
0 3px 0 #b9b9b9,
0 4px 0 #d7d7d7 !important;
overflow: hidden !important;
}
/*
* Desactivamos el filete anterior porque ahora
* el relieve lo reproduce directamente la cabecera.
*/
.np-header::after {
content: none !important;
display: none !important;
}
.np-brand {
left: 5px !important;
top: 4px !important;
z-index: 3 !important;
}
.np-logo {
height: 70px !important;
max-height: 70px !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.np-headline {
top: 3px !important;
z-index: 3 !important;
}
}
/* ==========================================================
ICONOS DEL MENU
========================================================== */
.np-menu-row-content {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 27px !important;
box-sizing: border-box !important;
}
/* Los iconos coloreados de Pasion ocupan buena parte
de la columna izquierda de cada fila */
.np-menu-icon {
display: block !important;
width: 27px !important;
height: 27px !important;
flex: 0 0 27px !important;
margin: 0 3px 0 1px !important;
object-fit: contain !important;
}
/* Texto del menú */
.np-menu-label {
display: block !important;
font-family: Arial, Verdana, sans-serif !important;
font-size: 10px !important;
line-height: 10px !important;
font-weight: 700 !important;
text-align: left !important;
text-transform: uppercase !important;
}
/* GRATIS!! inclinado de PUBLICAR ANUNCIOS */
.np-menu-free {
position: absolute !important;
right: 1px !important;
top: 3px !important;
color: #d00000 !important;
font-family: Arial, Verdana, sans-serif !important;
font-size: 8px !important;
line-height: 8px !important;
font-weight: 700 !important;
font-style: italic !important;
white-space: nowrap !important;
transform: rotate(17deg) !important;
transform-origin: center center !important;
z-index: 5 !important;
}
/* ==========================================================
OLVIDE MI CONTRASEÑA
========================================================== */
.np-forgot-password {
font-family: Arial, Verdana, sans-serif !important;
font-size: 13px !important;
line-height: 18px !important;
font-weight: 400 !important;
}
/* ==========================================================
AJUSTE FINO MENU LATERAL - ICONOS MAS PEQUEÑOS
========================================================== */
.np-menu-row-content {
position: relative !important;
display: flex !important;
align-items: flex-start !important;
width: 100% !important;
min-height: 22px !important;
box-sizing: border-box !important;
padding: 1px 0 !important;
}
.np-menu-icon {
display: block !important;
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
margin: 1px 4px 0 0 !important;
object-fit: contain !important;
}
.np-menu-label {
display: block !important;
font-family: Arial, Verdana, sans-serif !important;
font-size: 10px !important;
line-height: 10px !important;
font-weight: 700 !important;
text-align: left !important;
text-transform: uppercase !important;
letter-spacing: 0 !important;
}
.np-sidebar-menu a,
.np-menu a {
padding: 2px 6px 2px 5px !important;
min-height: 22px !important;
}
.np-menu-free {
right: -1px !important;
top: 2px !important;
font-size: 7px !important;
line-height: 7px !important;
transform: rotate(18deg) !important;
}
/* ==========================================================
MENU LATERAL - AJUSTE DEFINITIVO SEGUN PASION ORIGINAL
========================================================== */
/* Caja completa */
.np-menu,
.np-sidebar-menu,
.np-menu-box {
width: 134px !important;
border: 1px solid #dfcddd !important;
border-radius: 5px 5px 0 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
/* Cabecera "MENÚ" */
.np-menu-title,
.np-sidebar-title {
height: 18px !important;
line-height: 18px !important;
margin: 0 !important;
padding: 0 !important;
background: #ead7e8 !important;
border-radius: 4px 4px 0 0 !important;
font-family: Arial, Verdana, sans-serif !important;
font-size: 11px !important;
font-weight: 700 !important;
text-align: center !important;
}
/* Cada fila */
.np-menu-row-content {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 27px !important;
padding: 1px 2px !important;
box-sizing: border-box !important;
}
/* ICONOS:
18 px se quedaron pequeños.
El original está aproximadamente en 21-22 px. */
.np-menu-icon {
display: block !important;
width: 22px !important;
height: 22px !important;
flex: 0 0 22px !important;
margin: 0 4px 0 0 !important;
object-fit: contain !important;
}
/* TEXTO:
mayor y más pesado que el que tenemos ahora */
.np-menu-label {
display: block !important;
font-family: Arial, Verdana, sans-serif !important;
font-size: 11px !important;
line-height: 10px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-align: left !important;
text-transform: uppercase !important;
color: #7b286c !important;
}
/* Enlaces / filas */
.np-sidebar-menu a,
.np-menu a,
.np-menu-box a {
box-sizing: border-box !important;
min-height: 27px !important;
padding: 1px 4px !important;
border-bottom: 1px solid #e5d8e4 !important;
}
/* GRATIS!! */
.np-menu-free {
position: absolute !important;
right: 1px !important;
top: 4px !important;
color: #cf0000 !important;
font-family: Arial, Verdana, sans-serif !important;
font-size: 8px !important;
line-height: 8px !important;
font-weight: 700 !important;
font-style: italic !important;
white-space: nowrap !important;
transform: rotate(17deg) !important;
transform-origin: center !important;
}
/* ==========================================================
MENU - TIPOGRAFIA AJUSTADA A PASION ORIGINAL
========================================================== */
.np-menu-label {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 10px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
color: #7b286c !important;
}
/* Título MENÚ */
.np-menu-title,
.np-sidebar-title {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 17px !important;
font-weight: 700 !important;
height: 17px !important;
border-radius: 5px 5px 0 0 !important;
}
/* GRATIS!! algo más pequeño como en el original */
.np-menu-free {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 7px !important;
line-height: 7px !important;
font-weight: 700 !important;
font-style: italic !important;
right: 1px !important;
top: 4px !important;
transform: rotate(17deg) !important;
}
/* ==========================================================
PUBLICAR ANUNCIO - PASO 3
========================================================== */
.np-publish-location-summary {
margin: 8px 0 12px 35px;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
line-height: 16px;
color: #8b3d7c;
}
.np-change-selection {
margin-left: 8px;
color: #8b3d7c;
text-decoration: underline;
}
.np-publish-heading-step3 {
margin-bottom: 10px;
}
.np-publish-data-form {
width: 520px;
margin: 0 0 25px 75px;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #934683;
}
.np-form-row {
display: flex;
align-items: center;
min-height: 29px;
}
.np-form-row > label {
width: 135px;
padding-right: 8px;
box-sizing: border-box;
text-align: right;
font-weight: 400;
}
.np-form-row input[type="text"],
.np-form-row input[type="email"],
.np-form-row input[type="number"],
.np-form-row select {
width: 260px;
height: 21px;
box-sizing: border-box;
border: 1px solid #579653;
background: #efffed;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #333;
}
.np-form-row select {
background: #fff;
}
.np-form-row .np-age-input {
width: 55px;
}
.np-form-row-textarea {
align-items: flex-start;
padding-top: 4px;
}
.np-form-row-textarea > label {
padding-top: 3px;
}
.np-description-field {
width: 330px;
}
.np-description-field textarea {
display: block;
width: 330px;
height: 115px;
box-sizing: border-box;
resize: vertical;
border: 1px solid #579653;
background: #efffed;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 16px;
color: #333;
}
.np-character-counter {
margin-top: 2px;
text-align: right;
font-size: 10px;
color: #777;
}
.np-form-separator {
width: 395px;
margin: 8px 0 8px 70px;
border-top: 1px solid #eadce8;
}
.np-publish-terms {
margin: 13px 0 0 135px;
font-size: 11px;
color: #7f3971;
}
.np-publish-terms input {
vertical-align: middle;
margin-right: 4px;
}
.np-publish-navigation {
width: 395px;
margin: 20px 0 0 135px;
display: flex;
align-items: center;
justify-content: space-between;
}
.np-publish-back,
.np-publish-next {
display: inline-block;
padding: 3px 7px;
border: 1px solid #275d2b;
border-radius: 2px;
background: #35743b;
color: #fff !important;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
}
.np-publish-errors {
width: 480px;
margin: 0 0 12px 75px;
padding: 8px 10px;
box-sizing: border-box;
border: 1px solid #d8aaaa;
background: #fff2f2;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: #a00000;
}
.np-publish-errors ul {
margin: 5px 0 0 18px;
padding: 0;
}
.np-step4-placeholder {
width: 470px;
margin: 20px 0 30px 75px;
padding: 15px;
box-sizing: border-box;
background: #f8f0f7;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
color: #874278;
}
@media (max-width: 768px) {
.np-publish-data-form,
.np-publish-errors,
.np-step4-placeholder {
width: auto;
margin-left: 10px;
margin-right: 10px;
}
.np-form-row {
display: block;
margin-bottom: 8px;
}
.np-form-row > label {
display: block;
width: auto;
margin-bottom: 2px;
padding: 0;
text-align: left;
}
.np-form-row input[type="text"],
.np-form-row input[type="email"],
.np-form-row select,
.np-description-field,
.np-description-field textarea {
width: 100%;
}
.np-form-separator {
width: auto;
margin-left: 0;
margin-right: 0;
}
.np-publish-terms,
.np-publish-navigation {
width: auto;
margin-left: 0;
margin-right: 0;
}
}
/* ==========================================================
PUBLICAR ANUNCIO - PASO 1 - FIDELIDAD PASION ORIGINAL
========================================================== */
@media (min-width: 769px) {
/*
* Cabecera específica de las páginas de publicación.
* No afecta al login ni a Mis anuncios.
*/
.np-page-publish .np-header {
height: 86px !important;
min-height: 86px !important;
}
/*
* En publicación el texto no va arriba en rojo.
* Ocupa el espacio a la derecha del logo.
*/
.np-page-publish .np-headline {
position: absolute !important;
top: 22px !important;
left: 190px !important;
right: 16px !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
white-space: normal !important;
text-align: center !important;
color: #54314f !important;
z-index: 3 !important;
}
.np-publish-header-title {
margin: 0 !important;
padding: 0 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 18px !important;
line-height: 20px !important;
font-weight: 400 !important;
color: #54314f !important;
}
.np-publish-header-description {
max-width: 595px !important;
margin: 1px auto 0 auto !important;
padding: 0 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 13px !important;
font-weight: 400 !important;
color: #984985 !important;
}
/*
* Bloque del paso 1.
*/
.np-publish-heading-step1 {
margin-top: 10px !important;
}
/*
* En el original el listado está unos 12-14 px
* más a la derecha que en nuestra versión.
*/
.np-category-list {
margin-left: 74px !important;
}
.np-category-list form {
margin: 0 !important;
padding: 0 !important;
}
.np-category-link {
padding: 0 !important;
margin: 0 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 22px !important;
font-weight: 700 !important;
color: #a53d89 !important;
}
.np-tips {
margin-top: 5px !important;
margin-left: 60px !important;
margin-bottom: 27px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 17px !important;
font-weight: 700 !important;
color: #c30000 !important;
}
}
/* ==========================================================
PASO 1 - AJUSTE VISUAL CONTRA PASION ORIGINAL
========================================================== */
@media (min-width: 769px) {
/* Cabecera de publicación */
.np-page-publish .np-headline {
top: 24px !important;
left: 185px !important;
right: 14px !important;
text-transform: none !important;
}
.np-publish-header-title {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 18px !important;
line-height: 19px !important;
font-weight: 400 !important;
text-transform: none !important;
color: #50304e !important;
}
.np-publish-header-description {
max-width: 610px !important;
margin-top: 0 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 12px !important;
font-weight: 400 !important;
text-transform: none !important;
color: #964683 !important;
}
/* El listado estaba demasiado a la derecha */
.np-category-list {
margin-left: 61px !important;
}
/* Consejo rojo: también 12-13 px a la izquierda */
.np-tips {
margin-left: 47px !important;
font-size: 14px !important;
line-height: 17px !important;
margin-bottom: 27px !important;
}
/* Sidebar unos píxeles a la izquierda */
.np-sidebar {
transform: translateX(-5px) !important;
}
}
/* ==========================================================
PASO 1 - COLUMNA DERECHA ESTILO PASION ORIGINAL
========================================================== */
.np-menu-logout {
width: 100%;
border: 0;
border-top: 1px solid #e9dce8;
background: #f8eff7;
color: #552c50;
text-align: left;
padding: 7px 5px;
font-size: 10px;
text-transform: uppercase;
}
/* BUSCADOR ------------------------------------------------ */
.np-search-menu-row {
display: flex;
align-items: center;
min-height: 30px;
padding: 2px 4px;
box-sizing: border-box;
border-top: 1px solid #e1d1df;
border-bottom: 1px solid #e1d1df;
background: #f8eff7;
color: #713061;
}
.np-search-menu-label {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: 700;
text-transform: uppercase;
}
/* Lupa grande hecha con CSS */
.np-search-glass {
position: relative;
display: block;
width: 20px;
height: 20px;
flex: 0 0 20px;
margin-right: 5px;
}
.np-search-glass::before {
content: "";
position: absolute;
left: 1px;
top: 1px;
width: 12px;
height: 12px;
border: 2px solid #777;
border-radius: 50%;
box-sizing: border-box;
}
.np-search-glass::after {
content: "";
position: absolute;
width: 8px;
height: 2px;
left: 12px;
top: 14px;
background: #777;
transform: rotate(45deg);
transform-origin: left center;
}
.np-sidebar-search {
padding: 3px 4px 27px 4px;
box-sizing: border-box;
background: #f8eff7;
}
.np-sidebar-search input {
display: block;
width: 100%;
height: 19px;
box-sizing: border-box;
margin: 0 0 12px 0;
border: 1px solid #6d2760;
background: #fff;
}
.np-sidebar-search button {
display: block;
margin: 0 auto;
height: 20px;
padding: 1px 7px 1px 22px;
position: relative;
border: 1px solid #56204f;
border-radius: 8px;
background:
linear-gradient(
#834077,
#57204f
);
box-shadow:
inset 0 1px 0 rgba(255,255,255,.6);
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
font-weight: 700;
cursor: pointer;
}
.np-small-search-glass {
position: absolute;
left: 6px;
top: 4px;
width: 9px;
height: 9px;
border: 1px solid #fff;
border-radius: 50%;
}
.np-small-search-glass::after {
content: "";
position: absolute;
width: 5px;
height: 1px;
background: #fff;
left: 7px;
top: 8px;
transform: rotate(-45deg);
}
/* BLOQUES INFERIORES ------------------------------------- */
.np-publish-side-actions {
margin-top: 32px;
}
.np-side-action {
display: flex;
align-items: center;
width: 136px;
height: 36px;
box-sizing: border-box;
margin: 0 0 17px 0;
padding: 3px 5px;
border: 2px solid #57785a;
border-radius: 3px;
background:
linear-gradient(
#f4fff0,
#dcefd8
);
box-shadow:
inset 0 0 0 1px #fff;
color: #315f35 !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 11px;
font-weight: 700;
letter-spacing: .5px;
text-align: center;
text-decoration: none !important;
}
/* Triángulo rojo de errores */
.np-warning-icon {
display: flex;
align-items: center;
justify-content: center;
width: 27px;
height: 25px;
flex: 0 0 27px;
margin-right: 6px;
background: #c60000;
clip-path: polygon(50% 0, 100% 100%, 0 100%);
color: #fff;
font-family: Arial, sans-serif;
font-size: 17px;
line-height: 25px;
font-weight: 700;
}
/* Pequeño documento para sugerencias */
.np-suggestion-icon {
display: flex;
align-items: center;
justify-content: center;
width: 39px;
height: 23px;
flex: 0 0 39px;
margin-right: 5px;
border: 1px solid #8b998a;
background:
repeating-linear-gradient(
to bottom,
#ecf1e9 0,
#ecf1e9 2px,
#9aa797 3px,
#ecf1e9 4px
);
color: #637063;
font-size: 10px;
overflow: hidden;
}
/* En páginas de publicación, sidebar igual al original */
@media (min-width: 769px) {
.np-page-publish .np-sidebar {
width: 136px !important;
}
.np-page-publish .np-menu {
width: 136px !important;
}
}
/* ==========================================================
PASO 1 - ICONOS REALES COLUMNA DERECHA
========================================================== */
/* Lupa real del buscador */
.np-search-menu-icon {
display: block !important;
width: 22px !important;
height: 22px !important;
flex: 0 0 22px !important;
margin: 1px 5px 0 0 !important;
object-fit: contain !important;
}
/* Ya no necesitamos dibujar la lupa grande con CSS */
.np-search-glass {
display: none !important;
}
/* Botones gráficos inferiores */
.np-side-action {
display: block !important;
width: 136px !important;
height: auto !important;
margin: 0 0 17px 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
text-decoration: none !important;
}
.np-side-action-image {
display: block !important;
width: 136px !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
object-fit: contain !important;
}
/* Los dibujos CSS anteriores dejan de usarse */
.np-warning-icon,
.np-suggestion-icon {
display: none !important;
}
/* ==========================================================
PASO 1 - SIDEBAR CORREGIDO CONTRA PASION ORIGINAL
========================================================== */
@media (min-width: 769px) {
/*
* COLOR REAL DE PASION ORIGINAL
*/
.np-page-publish .np-publish-heading,
.np-page-publish .np-publish-heading strong,
.np-page-publish .np-category-link,
.np-page-publish .np-publish-header-description,
.np-page-publish .np-menu-label,
.np-page-publish .np-search-menu-label {
color: #884d80 !important;
}
/* ======================================================
BUSCADOR
====================================================== */
.np-search-menu-row {
display: flex !important;
align-items: center !important;
min-height: 29px !important;
padding: 2px 4px !important;
box-sizing: border-box !important;
background: #f8eff7 !important;
border-top: 1px solid #e3d4e1 !important;
border-bottom: 1px solid #e3d4e1 !important;
}
.np-search-menu-icon {
display: block !important;
width: 22px !important;
height: 22px !important;
flex: 0 0 22px !important;
margin: 0 5px 0 0 !important;
object-fit: contain !important;
}
.np-search-menu-label {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 10px !important;
font-weight: 700 !important;
text-align: left !important;
}
.np-sidebar-search {
box-sizing: border-box !important;
padding:
3px
4px
27px
4px !important;
background: #f8eff7 !important;
}
.np-sidebar-search input {
display: block !important;
width: 100% !important;
height: 19px !important;
margin: 0 0 12px 0 !important;
box-sizing: border-box !important;
border: 1px solid #884d80 !important;
background: #fff !important;
}
/* ======================================================
BOTONES INFERIORES
====================================================== */
.np-publish-side-actions {
margin-top: 32px !important;
}
/*
* IMPORTANTE:
* ya NO mostramos la imagen a 136px.
* Es sólo el icono interior.
*/
.np-side-action {
display: flex !important;
align-items: center !important;
width: 136px !important;
height: 36px !important;
margin: 0 0 17px 0 !important;
padding: 2px 5px !important;
box-sizing: border-box !important;
border: 2px solid #5c795f !important;
border-radius: 3px !important;
background:
linear-gradient(
to bottom,
#f0faed 0%,
#d8ead5 100%
) !important;
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.8) !important;
text-decoration: none !important;
overflow: hidden !important;
}
.np-side-action-icon {
display: block !important;
flex: 0 0 auto !important;
margin: 0 6px 0 0 !important;
object-fit: contain !important;
}
/*
* Icono triangular:
* tamaño parecido al original.
*/
.np-side-action-error-icon {
width: 30px !important;
height: 27px !important;
}
/*
* Icono del buzón/documento.
*/
.np-side-action-suggestion-icon {
width: 39px !important;
height: 25px !important;
}
.np-side-action-text {
display: block !important;
flex: 1 1 auto !important;
color: #315f38 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 10px !important;
line-height: 10px !important;
font-weight: 700 !important;
letter-spacing: .5px !important;
text-align: center !important;
text-transform: uppercase !important;
}
/*
* Anula completamente el sistema anterior
* en el que la imagen ocupaba todo el botón.
*/
.np-side-action-image {
display: none !important;
}
.np-warning-icon,
.np-suggestion-icon {
display: none !important;
}
}
/* ==========================================================
PASO 1 - SIDEBAR CORREGIDO CONTRA PASION ORIGINAL
========================================================== */
@media (min-width: 769px) {
/*
* COLOR REAL DE PASION ORIGINAL
*/
.np-page-publish .np-publish-heading,
.np-page-publish .np-publish-heading strong,
.np-page-publish .np-category-link,
.np-page-publish .np-publish-header-description,
.np-page-publish .np-menu-label,
.np-page-publish .np-search-menu-label {
color: #884d80 !important;
}
/* ======================================================
BUSCADOR
====================================================== */
.np-search-menu-row {
display: flex !important;
align-items: center !important;
min-height: 29px !important;
padding: 2px 4px !important;
box-sizing: border-box !important;
background: #f8eff7 !important;
border-top: 1px solid #e3d4e1 !important;
border-bottom: 1px solid #e3d4e1 !important;
}
.np-search-menu-icon {
display: block !important;
width: 22px !important;
height: 22px !important;
flex: 0 0 22px !important;
margin: 0 5px 0 0 !important;
object-fit: contain !important;
}
.np-search-menu-label {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 10px !important;
font-weight: 700 !important;
text-align: left !important;
}
.np-sidebar-search {
box-sizing: border-box !important;
padding:
3px
4px
27px
4px !important;
background: #f8eff7 !important;
}
.np-sidebar-search input {
display: block !important;
width: 100% !important;
height: 19px !important;
margin: 0 0 12px 0 !important;
box-sizing: border-box !important;
border: 1px solid #884d80 !important;
background: #fff !important;
}
/* ======================================================
BOTONES INFERIORES
====================================================== */
.np-publish-side-actions {
margin-top: 32px !important;
}
/*
* IMPORTANTE:
* ya NO mostramos la imagen a 136px.
* Es sólo el icono interior.
*/
.np-side-action {
display: flex !important;
align-items: center !important;
width: 136px !important;
height: 36px !important;
margin: 0 0 17px 0 !important;
padding: 2px 5px !important;
box-sizing: border-box !important;
border: 2px solid #5c795f !important;
border-radius: 3px !important;
background:
linear-gradient(
to bottom,
#f0faed 0%,
#d8ead5 100%
) !important;
box-shadow:
inset 0 0 0 1px
rgba(255,255,255,.8) !important;
text-decoration: none !important;
overflow: hidden !important;
}
.np-side-action-icon {
display: block !important;
flex: 0 0 auto !important;
margin: 0 6px 0 0 !important;
object-fit: contain !important;
}
/*
* Icono triangular:
* tamaño parecido al original.
*/
.np-side-action-error-icon {
width: 30px !important;
height: 27px !important;
}
/*
* Icono del buzón/documento.
*/
.np-side-action-suggestion-icon {
width: 39px !important;
height: 25px !important;
}
.np-side-action-text {
display: block !important;
flex: 1 1 auto !important;
color: #315f38 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 10px !important;
line-height: 10px !important;
font-weight: 700 !important;
letter-spacing: .5px !important;
text-align: center !important;
text-transform: uppercase !important;
}
/*
* Anula completamente el sistema anterior
* en el que la imagen ocupaba todo el botón.
*/
.np-side-action-image {
display: none !important;
}
.np-warning-icon,
.np-suggestion-icon {
display: none !important;
}
}
/* === SIDEBAR ORIGINAL PASION FIX === */
@media (min-width: 769px) {
/* -----------------------------------------
COLOR ORIGINAL DE LOS TEXTOS MORADOS
----------------------------------------- */
.np-page,
.np-page a,
.np-menu-label,
.np-search-menu-label,
.np-side-action-text {
color: #884d80 !important;
}
/* -----------------------------------------
CABECERA DEL MÓDULO DERECHO
----------------------------------------- */
.np-publish-sidebar,
.np-sidebar-box {
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
overflow: hidden !important;
}
/* -----------------------------------------
BLOQUE BUSCADOR "BUSCADOR DE ANUNCIOS"
----------------------------------------- */
.np-search-menu-row {
display: flex !important;
align-items: center !important;
min-height: 31px !important;
padding: 2px 5px !important;
box-sizing: border-box !important;
}
.np-search-menu-icon {
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
margin-right: 4px !important;
object-fit: contain !important;
}
.np-search-menu-label {
font-size: 11px !important;
line-height: 10px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}
/* -----------------------------------------
INPUT DEL BUSCADOR
----------------------------------------- */
.np-sidebar-search input[type="text"],
.np-sidebar-search input:not([type]),
.np-sidebar-search .np-search-input {
height: 20px !important;
border: 1px solid #884d80 !important;
box-sizing: border-box !important;
margin-bottom: 10px !important;
}
/* -----------------------------------------
BOTÓN BUSCAR: icono + texto como original
----------------------------------------- */
.np-search-submit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
min-width: 95px !important;
height: 23px !important;
padding: 0 10px !important;
margin: 0 auto !important;
border: 1px solid #5a2751 !important;
border-radius: 12px !important;
background: linear-gradient(
to bottom,
#8d5c88 0%,
#7d4b77 45%,
#6d3568 100%
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.35),
0 1px 0 rgba(0,0,0,.15) !important;
text-decoration: none !important;
cursor: pointer !important;
}
.np-search-submit-icon {
width: 15px !important;
height: 15px !important;
object-fit: contain !important;
display: block !important;
flex: 0 0 15px !important;
margin: 0 !important;
}
.np-search-submit-label {
display: inline-block !important;
color: #ffffff !important;
font-size: 11px !important;
line-height: 11px !important;
font-weight: 700 !important;
letter-spacing: .2px !important;
}
/* -----------------------------------------
BOTONES COMUNICAR ERRORES / BUZÓN
----------------------------------------- */
.np-side-action {
display: flex !important;
align-items: center !important;
width: 136px !important;
height: 36px !important;
padding: 2px 6px !important;
box-sizing: border-box !important;
border: 2px solid #5c795f !important;
border-radius: 2px !important;
background: linear-gradient(
to bottom,
#eef9eb 0%,
#d9ead5 100%
) !important;
text-decoration: none !important;
overflow: hidden !important;
}
.np-side-action-icon {
display: block !important;
margin-right: 6px !important;
object-fit: contain !important;
flex: 0 0 auto !important;
}
.np-side-action-error-icon {
width: 29px !important;
height: 26px !important;
}
.np-side-action-suggestion-icon {
width: 37px !important;
height: 24px !important;
}
.np-side-action-text {
display: block !important;
flex: 1 1 auto !important;
color: #315f38 !important;
font-size: 12px !important;
line-height: 11px !important;
font-weight: 900 !important;
letter-spacing: .2px !important;
text-align: center !important;
text-transform: uppercase !important;
}
/* mata cualquier imagen vieja enorme */
.np-side-action-image,
.np-warning-icon,
.np-suggestion-icon {
display: none !important;
}
}
/* === END SIDEBAR ORIGINAL PASION FIX === */
/* === NEWPASION SIDEBAR PIXEL FIX === */
@media (min-width: 769px) {
/* -----------------------------------------
BUSCADOR: COMO PASION ORIGINAL
----------------------------------------- */
.np-sidebar-search {
padding: 3px 4px 26px 4px !important;
}
.np-sidebar-search input[type="text"],
.np-sidebar-search input[type="search"],
.np-sidebar-search input:not([type]) {
display: block !important;
width: 100% !important;
height: 19px !important;
margin: 0 0 11px 0 !important;
padding: 1px 3px !important;
box-sizing: border-box !important;
border: 1px solid #884d80 !important;
background: #ffffff !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 15px !important;
color: #68245e !important;
}
.np-sidebar-search input::placeholder {
color: #68245e !important;
opacity: 1 !important;
}
/* Botón más pequeño, como el original */
.np-search-submit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 2px !important;
min-width: 0 !important;
width: 72px !important;
height: 20px !important;
margin: 0 auto !important;
padding: 0 5px !important;
border: 1px solid #4e1648 !important;
border-radius: 7px !important;
background:
linear-gradient(
to bottom,
#804879 0%,
#60245a 100%
) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.45),
0 1px 0 rgba(0,0,0,.12) !important;
}
/* La lupa del botón en el original es diminuta */
.np-search-submit-icon {
display: block !important;
width: 10px !important;
height: 10px !important;
flex: 0 0 10px !important;
margin: 0 !important;
object-fit: contain !important;
/*
* La imagen subida es azul/naranja.
* La apagamos para acercarla al icono pequeño
* del botón original.
*/
filter:
grayscale(1)
brightness(2.4)
contrast(.8) !important;
}
.np-search-submit-label {
color: #ffffff !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 11px !important;
font-weight: 700 !important;
}
/* -----------------------------------------
COMUNICAR ERRORES / BUZÓN
----------------------------------------- */
.np-side-action-text {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 9px !important;
line-height: 9px !important;
font-weight: 700 !important;
letter-spacing: .35px !important;
color: #315f38 !important;
text-align: center !important;
text-transform: uppercase !important;
}
/* -----------------------------------------
COLOR MORADO CORRECTO SOLO DONDE TOCA
----------------------------------------- */
.np-page-publish .np-publish-heading,
.np-page-publish .np-publish-heading strong,
.np-page-publish .np-category-link,
.np-page-publish .np-publish-header-description,
.np-page-publish .np-menu-label,
.np-page-publish .np-search-menu-label {
color: #884d80 !important;
}
}
/* ==========================================================
FOOTER: RESTAURAR COLORES ORIGINALES
========================================================== */
.np-footer-links {
color: #ffffff !important;
}
.np-footer-links a,
.np-footer-links a:link,
.np-footer-links a:visited,
.np-footer-links a:hover,
.np-footer-links a:active {
color: #ffffff !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.np-copyright {
color: #a878a3 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-weight: 400 !important;
}
/* === END NEWPASION SIDEBAR PIXEL FIX === */
/* === NEWPASION STEP2 FIDELITY === */
@media (min-width: 769px) {
/* ======================================================
CABECERA DEL PASO 2
====================================================== */
.np-page-step2 .np-headline {
top: 27px !important;
left: 185px !important;
right: 15px !important;
width: auto !important;
text-align: center !important;
white-space: normal !important;
text-transform: none !important;
}
.np-step2-header-title {
margin: 0 !important;
padding: 0 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 18px !important;
line-height: 20px !important;
font-weight: 400 !important;
color: #50304e !important;
text-transform: none !important;
}
/* ======================================================
ALTURA DE LA CAJA BLANCA
Original ≈ 410-415px debajo de la cabecera
====================================================== */
.np-page-step2 .np-container {
min-height: 414px !important;
height: 414px !important;
}
/* ======================================================
CATEGORÍA SELECCIONADA
====================================================== */
.np-page-step2 .np-selected-category {
margin-top: 10px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
}
.np-page-step2 .np-selected-category strong {
color: #005d00 !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.np-page-step2 .np-selected-category a {
color: #70966d !important;
font-size: 10px !important;
font-weight: 400 !important;
text-decoration: none !important;
}
/* ======================================================
TÍTULO PASO 2
En el original ES VERDE, no morado
====================================================== */
.np-page-step2 .np-publish-heading-step2 {
margin-top: 8px !important;
margin-bottom: 16px !important;
color: #006400 !important;
}
.np-page-step2 .np-publish-heading-step2 strong {
color: #006400 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 17px !important;
font-weight: 700 !important;
}
/* ======================================================
FORMULARIO
====================================================== */
.np-page-step2 .np-location-form {
position: relative !important;
width: 535px !important;
margin-left: 60px !important;
font-family: Arial, Helvetica, sans-serif !important;
}
.np-page-step2 .np-location-form label {
color: #4b3a48 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 12px !important;
font-weight: 400 !important;
}
.np-page-step2 .np-location-form select {
width: 180px !important;
height: 20px !important;
box-sizing: border-box !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
}
.np-page-step2 .np-location-form input[type="text"] {
width: 188px !important;
height: 21px !important;
box-sizing: border-box !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
}
.np-page-step2 .np-required {
color: #cc0000 !important;
}
/* ======================================================
"* Dato necesario"
====================================================== */
.np-page-step2 .np-publish-note {
position: absolute !important;
top: 90px !important;
right: 0 !important;
margin: 0 !important;
color: #cc0000 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 14px !important;
font-style: italic !important;
text-align: right !important;
}
/* ======================================================
AVISO ROJO CENTRAL
====================================================== */
.np-page-step2 .np-publish-warning {
width: 500px !important;
margin:
40px
0
0
0 !important;
text-align: center !important;
color: #d00000 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
font-weight: 700 !important;
font-style: italic !important;
}
/* ======================================================
NAVEGACIÓN INFERIOR
< ATRAS - SIGUIENTE >
====================================================== */
.np-page-step2 .np-publish-navigation-step2 {
position: relative !important;
display: block !important;
width: 443px !important;
height: 22px !important;
margin:
38px
0
0
32px !important;
}
.np-page-step2 .np-back-link,
.np-page-step2 .np-next-link,
.np-page-step2 .np-publish-nav-separator {
border: 0 !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
color: #4e8f53 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 14px !important;
font-weight: 700 !important;
text-decoration: none !important;
/*
* Efecto antiguo ligeramente biselado
* de los enlaces originales.
*/
text-shadow:
-1px -1px 0 #ffffff,
1px -1px 0 #ffffff,
-1px 1px 0 #ffffff,
1px 1px 0 #ffffff,
0 1px 1px #8ca88d !important;
}
.np-page-step2 .np-back-link {
position: absolute !important;
left: 0 !important;
top: 0 !important;
}
.np-page-step2 .np-publish-nav-separator {
position: absolute !important;
left: 207px !important;
top: 0 !important;
}
.np-page-step2 .np-next-link {
position: absolute !important;
right: 0 !important;
top: 0 !important;
cursor: pointer !important;
}
}
/* === END NEWPASION STEP2 FIDELITY === */
/* ==========================================================
PASO 2 - AIRE INFERIOR COLUMNA DERECHA
========================================================== */
@media (min-width: 769px) {
.np-page-step2 .np-publish-side-actions {
margin-top: 17px !important;
}
}
/* === STEP2 GIF NAVIGATION === */
@media (min-width: 769px) {
/*
* Mantiene la distribución exacta:
* izquierda / centro / derecha
*/
.np-page-step2 .np-publish-navigation-step2 {
position: relative !important;
display: block !important;
width: 443px !important;
height: 26px !important;
margin:
38px
0
0
32px !important;
}
/* Quitamos toda la recreación tipográfica anterior */
.np-page-step2 .np-back-link,
.np-page-step2 .np-next-link,
.np-page-step2 .np-publish-nav-separator {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
font-size: 0 !important;
line-height: 0 !important;
}
.np-page-step2 .np-back-link {
position: absolute !important;
left: 0 !important;
top: 0 !important;
display: block !important;
}
.np-page-step2 .np-publish-nav-separator {
position: absolute !important;
left: 207px !important;
top: 0 !important;
display: block !important;
}
.np-page-step2 .np-next-link {
position: absolute !important;
right: 0 !important;
top: 0 !important;
display: block !important;
cursor: pointer !important;
}
/*
* Importante: utilizamos el tamaño NATIVO de los GIF.
* No los estiramos.
*/
.np-page-step2 .np-step2-nav-img {
display: block !important;
width: auto !important;
height: auto !important;
max-width: none !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
/*
* Aire inferior, como en la captura original.
* Los botones laterales no deben tocar el borde blanco.
*/
.np-page-step2 .np-publish-side-actions {
margin-top: 17px !important;
margin-bottom: 15px !important;
}
}
/* === END STEP2 GIF NAVIGATION === */
/* === STEP2 AJUSTE FINO HOVER Y SELECCION === */
@media (min-width: 769px) {
/*
* "Seleccionar otra."
* En el original se ve algo mayor que en nuestra versión.
*/
.np-page-step2 .np-selected-category a {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 13px !important;
font-weight: 400 !important;
color: #70966d !important;
margin-left: 4px !important;
text-decoration: none !important;
}
/*
* SIGUIENTE:
* no debe cambiar absolutamente nada al pasar el ratón.
*/
.np-page-step2 .np-next-link,
.np-page-step2 .np-next-link:hover,
.np-page-step2 .np-next-link:focus,
.np-page-step2 .np-next-link:active {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
transform: none !important;
appearance: none !important;
-webkit-appearance: none !important;
}
/*
* También anulamos cualquier efecto directamente
* sobre el GIF.
*/
.np-page-step2 .np-next-link img,
.np-page-step2 .np-next-link:hover img,
.np-page-step2 .np-next-link:focus img,
.np-page-step2 .np-next-link:active img {
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
transform: none !important;
opacity: 1 !important;
outline: 0 !important;
border: 0 !important;
}
/*
* ATRÁS tampoco debe tener efectos de hover.
*/
.np-page-step2 .np-back-link,
.np-page-step2 .np-back-link:hover,
.np-page-step2 .np-back-link:focus,
.np-page-step2 .np-back-link:active,
.np-page-step2 .np-back-link img,
.np-page-step2 .np-back-link:hover img {
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
transform: none !important;
outline: 0 !important;
}
}
/* === END STEP2 AJUSTE FINO HOVER Y SELECCION === */
/* === STEP2 TIPOGRAFIA COLOR POSICION FINAL === */
@media (min-width: 769px) {
/* ======================================================
CATEGORÍA SELECCIONADA
Original: verde #004400 y tipografía Verdana
====================================================== */
.np-page-step2 .np-selected-category {
font-family: Verdana, Arial, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
color: #004400 !important;
}
.np-page-step2 .np-selected-category strong {
font-family: Verdana, Arial, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
font-weight: 700 !important;
color: #004400 !important;
}
.np-page-step2 .np-selected-category a {
font-family: Verdana, Arial, sans-serif !important;
font-size: 10px !important;
line-height: 13px !important;
font-weight: 400 !important;
color: #669966 !important;
margin-left: 4px !important;
}
/* ======================================================
TÍTULO DEL PASO
El original es bastante más ancho porque usa Verdana
====================================================== */
.np-page-step2 .np-publish-heading-step2,
.np-page-step2 .np-publish-heading-step2 strong {
font-family: Verdana, Arial, sans-serif !important;
font-size: 13px !important;
line-height: 16px !important;
font-weight: 700 !important;
color: #004400 !important;
}
/* ======================================================
FORMULARIO
Las etiquetas originales son oscuras, NO moradas.
Movemos únicamente los campos 13px a la izquierda,
sin alterar "* Dato necesario".
====================================================== */
.np-page-step2 .np-location-form > label {
position: relative !important;
left: -13px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 12px !important;
font-weight: 400 !important;
color: #101010 !important;
}
.np-page-step2 .np-location-form select,
.np-page-step2 .np-location-form input[type="text"] {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
color: #101010 !important;
background: #ffffff !important;
border: 1px solid #777777 !important;
}
.np-page-step2 .np-required {
color: #cc0000 !important;
}
/* ======================================================
AVISOS ROJOS
====================================================== */
.np-page-step2 .np-publish-note {
color: #cc0000 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
font-weight: 400 !important;
font-style: italic !important;
}
.np-page-step2 .np-publish-warning {
color: #cc0000 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
font-weight: 700 !important;
font-style: italic !important;
/*
* En nuestra captura empieza unos 18px demasiado
* a la derecha respecto a la original.
*/
transform: translateX(-18px) !important;
}
/* ======================================================
GIF ATRÁS / CENTRO / SIGUIENTE
SIGUIENTE ya está bien colocado.
Ampliamos la navegación hacia la izquierda:
ATRÁS y centro retroceden, SIGUIENTE permanece.
====================================================== */
.np-page-step2 .np-publish-navigation-step2 {
width: 462px !important;
margin-left: 13px !important;
}
/* ======================================================
NINGÚN EFECTO DE HOVER SOBRE LOS GIF
====================================================== */
.np-page-step2 .np-back-link,
.np-page-step2 .np-back-link:hover,
.np-page-step2 .np-back-link:focus,
.np-page-step2 .np-back-link:active,
.np-page-step2 .np-next-link,
.np-page-step2 .np-next-link:hover,
.np-page-step2 .np-next-link:focus,
.np-page-step2 .np-next-link:active {
background: transparent !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
transform: none !important;
}
.np-page-step2 .np-step2-nav-img,
.np-page-step2 .np-back-link:hover .np-step2-nav-img,
.np-page-step2 .np-next-link:hover .np-step2-nav-img {
filter: none !important;
transform: none !important;
box-shadow: none !important;
opacity: 1 !important;
}
}
/* === END STEP2 TIPOGRAFIA COLOR POSICION FINAL === */
/* === NEWPASION STEP3 ORIGINAL LAYOUT === */
@media (min-width: 769px) {
/* ------------------------------------------------------
CABECERA
------------------------------------------------------ */
.np-page-step3 .np-headline {
top: 27px !important;
left: 185px !important;
right: 15px !important;
width: auto !important;
text-align: center !important;
white-space: normal !important;
text-transform: none !important;
}
.np-step3-header-title {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 18px !important;
line-height: 20px !important;
font-weight: 400 !important;
color: #50304e !important;
text-transform: none !important;
}
/* ------------------------------------------------------
ALTURA DEL CUERPO
------------------------------------------------------ */
.np-page-step3 .np-container {
min-height: 620px !important;
}
/* ------------------------------------------------------
TÍTULO PASO 3
------------------------------------------------------ */
.np-step3-heading {
display: flex !important;
align-items: center !important;
gap: 9px !important;
margin:
10px
0
7px
12px !important;
font-family: Arial, Helvetica, sans-serif !important;
}
.np-step3-heading strong {
color: #2d2d2d !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 17px !important;
font-weight: 700 !important;
}
/* ------------------------------------------------------
FORMULARIO GENERAL
------------------------------------------------------ */
.np-step3-form {
width: 600px !important;
margin:
0
0
0
47px !important;
font-family: Arial, Helvetica, sans-serif !important;
color: #333 !important;
}
.np-step3-columns {
display: grid !important;
grid-template-columns:
340px
235px !important;
column-gap: 20px !important;
align-items: start !important;
}
/* ------------------------------------------------------
CAMPOS
------------------------------------------------------ */
.np-step3-field {
margin: 0 0 3px 0 !important;
}
.np-step3-field label,
.np-step3-small-field label,
.np-step3-text-heading label,
.np-step3-phone-row label,
.np-step3-expiry label {
display: block !important;
margin: 0 0 1px 0 !important;
color: #333333 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 14px !important;
font-weight: 400 !important;
}
.np-step3-required {
color: #cc0000 !important;
}
.np-step3-field input,
.np-step3-small-field input,
.np-step3-small-field select,
.np-step3-phone-row input,
.np-step3-phone-row select,
.np-step3-expiry select {
height: 23px !important;
box-sizing: border-box !important;
padding: 1px 4px !important;
border: 1px solid #8c8c8c !important;
background: #ffffff !important;
color: #222 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
}
/* ------------------------------------------------------
COLUMNA IZQUIERDA
------------------------------------------------------ */
.np-step3-left > .np-step3-field input {
width: 320px !important;
}
.np-step3-three-fields {
display: grid !important;
grid-template-columns:
110px
110px
83px !important;
column-gap: 9px !important;
margin-top: 1px !important;
}
.np-step3-small-field select,
.np-step3-small-field input {
width: 100% !important;
}
.np-step3-text-field {
margin-top: 2px !important;
}
.np-step3-text-heading {
display: flex !important;
align-items: baseline !important;
justify-content: space-between !important;
width: 340px !important;
}
.np-step3-counter {
color: #555 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 13px !important;
font-weight: 400 !important;
}
.np-step3-text-field textarea {
display: block !important;
width: 340px !important;
height: 205px !important;
box-sizing: border-box !important;
padding: 3px !important;
resize: none !important;
border: 1px solid #8c8c8c !important;
background: #ffffff !important;
color: #222 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
}
/* ------------------------------------------------------
COLUMNA DERECHA
------------------------------------------------------ */
.np-step3-right .np-step3-field input {
width: 235px !important;
}
.np-step3-phone-row {
display: grid !important;
grid-template-columns:
96px
132px !important;
column-gap: 7px !important;
margin-top: 2px !important;
}
.np-step3-phone-number input,
.np-step3-phone-schedule select {
width: 100% !important;
}
.np-step3-expiry {
display: grid !important;
grid-template-columns:
95px
140px !important;
align-items: end !important;
margin-top: 8px !important;
}
.np-step3-expiry select {
width: 140px !important;
}
/* ------------------------------------------------------
CONDICIONES
------------------------------------------------------ */
.np-step3-terms {
width: 505px !important;
margin:
57px
0
0
20px !important;
color: #333 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 16px !important;
}
.np-step3-terms label {
display: flex !important;
align-items: flex-start !important;
}
.np-step3-terms input {
margin:
2px
8px
0
0 !important;
}
.np-step3-terms a {
color: #333 !important;
font-weight: 700 !important;
text-decoration: none !important;
}
/* ------------------------------------------------------
NAVEGACIÓN CON GIFS REALES
------------------------------------------------------ */
.np-step3-navigation {
position: relative !important;
width: 500px !important;
height: 28px !important;
margin:
38px
0
0
30px !important;
}
.np-step3-back,
.np-step3-middle,
.np-step3-next {
position: absolute !important;
top: 0 !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
outline: 0 !important;
}
.np-step3-back {
left: 0 !important;
}
.np-step3-middle {
left: 245px !important;
}
.np-step3-next {
right: 0 !important;
cursor: pointer !important;
}
.np-step3-navigation img,
.np-step3-navigation a:hover img,
.np-step3-navigation button:hover img {
display: block !important;
width: auto !important;
height: auto !important;
max-width: none !important;
border: 0 !important;
box-shadow: none !important;
filter: none !important;
transform: none !important;
opacity: 1 !important;
}
.np-step3-next:hover,
.np-step3-next:focus,
.np-step3-next:active {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
filter: none !important;
transform: none !important;
}
/* ------------------------------------------------------
NOTAS INFERIORES
------------------------------------------------------ */
.np-step3-notes {
margin:
11px
0
7px
-8px !important;
color: #555 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 14px !important;
font-style: italic !important;
}
/* ------------------------------------------------------
SIDEBAR: en el paso 3 los botones inferiores
están más abajo que en los pasos anteriores
------------------------------------------------------ */
.np-page-step3 .np-publish-side-actions {
margin-top: 70px !important;
}
/* ------------------------------------------------------
ERRORES
------------------------------------------------------ */
.np-step3-errors {
width: 550px !important;
margin:
0
0
8px
47px !important;
padding: 5px !important;
border: 1px solid #cc9999 !important;
background: #fff4f4 !important;
color: #a00000 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
}
}
/* === END NEWPASION STEP3 ORIGINAL LAYOUT === */
/* === STEP3 ESCALA ORIGINAL PASION === */
@media (min-width: 769px) {
/* ======================================================
El cuerpo NO debe forzarse a 620px.
Esa era la causa de buena parte del espacio sobrante.
====================================================== */
.np-page-step3 .np-container {
height: auto !important;
min-height: 420px !important;
}
/* ======================================================
TÍTULO PASO 3
====================================================== */
.np-page-step3 .np-step3-heading {
margin:
3px
0
3px
12px !important;
gap: 7px !important;
}
.np-page-step3 .np-step3-heading strong {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 13px !important;
line-height: 15px !important;
font-weight: 700 !important;
color: #222222 !important;
}
/* ======================================================
FORMULARIO GENERAL
Original mucho más compacto.
====================================================== */
.np-page-step3 .np-step3-form {
width: 480px !important;
margin:
0
0
0
47px !important;
}
.np-page-step3 .np-step3-columns {
grid-template-columns:
280px
180px !important;
column-gap: 18px !important;
}
/* ======================================================
TIPOGRAFÍA DE LOS CAMPOS
====================================================== */
.np-page-step3 .np-step3-field label,
.np-page-step3 .np-step3-small-field label,
.np-page-step3 .np-step3-text-heading label,
.np-page-step3 .np-step3-phone-row label,
.np-page-step3 .np-step3-expiry label {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 12px !important;
font-weight: 400 !important;
color: #333333 !important;
margin-bottom: 0 !important;
}
/* ======================================================
COLUMNA IZQUIERDA
====================================================== */
/* Título más corto, como el original */
.np-page-step3
.np-step3-left > .np-step3-field input {
width: 255px !important;
height: 20px !important;
}
/*
* Soy / Busco / Mi edad
*/
.np-page-step3 .np-step3-three-fields {
grid-template-columns:
105px
105px
58px !important;
column-gap: 6px !important;
margin-top: 0 !important;
}
.np-page-step3 .np-step3-small-field select,
.np-page-step3 .np-step3-small-field input {
width: 100% !important;
height: 20px !important;
padding: 0 2px !important;
font-size: 11px !important;
}
/* Texto + contador */
.np-page-step3 .np-step3-text-field {
margin-top: 1px !important;
}
.np-page-step3 .np-step3-text-heading {
width: 280px !important;
}
.np-page-step3 .np-step3-counter {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 12px !important;
color: #555555 !important;
}
/*
* Esta era una de las diferencias más grandes:
* 340x205 -> aproximadamente 280x142
*/
.np-page-step3 .np-step3-text-field textarea {
width: 280px !important;
height: 142px !important;
padding: 2px !important;
font-size: 11px !important;
line-height: 14px !important;
border: 1px solid #8c8c8c !important;
background: #ffffff !important;
}
/* ======================================================
COLUMNA DERECHA
====================================================== */
.np-page-step3 .np-step3-right .np-step3-field {
margin-bottom: 2px !important;
}
.np-page-step3
.np-step3-right
.np-step3-field input {
width: 180px !important;
height: 20px !important;
padding: 1px 3px !important;
font-size: 11px !important;
}
/*
* Teléfono / horario
*/
.np-page-step3 .np-step3-phone-row {
grid-template-columns:
78px
98px !important;
column-gap: 4px !important;
margin-top: 1px !important;
}
.np-page-step3 .np-step3-phone-row input,
.np-page-step3 .np-step3-phone-row select {
width: 100% !important;
height: 20px !important;
padding: 0 2px !important;
font-size: 11px !important;
}
/*
* Caducidad
*/
.np-page-step3 .np-step3-expiry {
grid-template-columns:
70px
105px !important;
margin-top: 7px !important;
}
.np-page-step3 .np-step3-expiry select {
width: 105px !important;
height: 20px !important;
padding: 0 2px !important;
font-size: 11px !important;
}
/* ======================================================
CONDICIONES
====================================================== */
.np-page-step3 .np-step3-terms {
width: 430px !important;
margin:
38px
0
0
10px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 14px !important;
color: #333333 !important;
}
.np-page-step3 .np-step3-terms input {
margin:
1px
7px
0
0 !important;
}
/* ======================================================
ATRÁS / CENTRO / SIGUIENTE
La versión anterior estaba demasiado extendida.
====================================================== */
.np-page-step3 .np-step3-navigation {
width: 445px !important;
height: 24px !important;
margin:
28px
0
0
28px !important;
}
.np-page-step3 .np-step3-middle {
left: 215px !important;
}
/*
* Sin sombras ni hover, igual que en Paso 2.
*/
.np-page-step3 .np-step3-back,
.np-page-step3 .np-step3-back:hover,
.np-page-step3 .np-step3-back:focus,
.np-page-step3 .np-step3-back:active,
.np-page-step3 .np-step3-next,
.np-page-step3 .np-step3-next:hover,
.np-page-step3 .np-step3-next:focus,
.np-page-step3 .np-step3-next:active {
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
transform: none !important;
}
.np-page-step3 .np-step3-navigation img,
.np-page-step3 .np-step3-navigation a:hover img,
.np-page-step3 .np-step3-navigation button:hover img {
filter: none !important;
transform: none !important;
box-shadow: none !important;
opacity: 1 !important;
}
/* ======================================================
NOTAS INFERIORES
====================================================== */
.np-page-step3 .np-step3-notes {
margin:
8px
0
8px
-8px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 12px !important;
color: #555555 !important;
}
/* ======================================================
BOTONES DERECHA
En nuestra versión estaban demasiado abajo.
====================================================== */
.np-page-step3 .np-publish-side-actions {
margin-top: 48px !important;
}
/* ======================================================
Todos los controles del Step 3 blancos.
====================================================== */
.np-page-step3 input[type="text"],
.np-page-step3 input[type="email"],
.np-page-step3 input[type="number"],
.np-page-step3 select,
.np-page-step3 textarea {
background: #ffffff !important;
border-color: #8c8c8c !important;
color: #222222 !important;
}
}
/* === END STEP3 ESCALA ORIGINAL PASION === */
/* === STEP3 TIPOGRAFIA ORIGINAL FINAL === */
@media (min-width: 769px) {
/* Título principal del paso */
.np-page-step3 .np-step3-heading strong {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 17px !important;
font-weight: 700 !important;
color: #222222 !important;
}
/* Labels generales */
.np-page-step3 .np-step3-field label,
.np-page-step3 .np-step3-small-field label,
.np-page-step3 .np-step3-text-heading label,
.np-page-step3 .np-step3-phone-row label,
.np-page-step3 .np-step3-expiry label {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 13px !important;
font-weight: 400 !important;
color: #333333 !important;
}
/* Texto dentro de inputs/selects */
.np-page-step3 input[type="text"],
.np-page-step3 input[type="email"],
.np-page-step3 input[type="number"],
.np-page-step3 select {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 16px !important;
}
/* Texto del anuncio */
.np-page-step3 .np-step3-text-field textarea {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
}
/* 0 de 510 caracteres */
.np-page-step3 .np-step3-counter {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 13px !important;
color: #555555 !important;
}
/* Condiciones de uso */
.np-page-step3 .np-step3-terms {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
color: #333333 !important;
}
.np-page-step3 .np-step3-terms a {
font-size: 12px !important;
line-height: 15px !important;
font-weight: 700 !important;
}
/* Notas inferiores */
.np-page-step3 .np-step3-notes {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 13px !important;
color: #555555 !important;
}
}
/* === END STEP3 TIPOGRAFIA ORIGINAL FINAL === */
/* === NEWPASION STEP4 ORIGINAL LAYOUT === */
@media (min-width: 769px) {
.np-step4-header-title {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 18px !important;
line-height: 20px !important;
font-weight: 400 !important;
color: #50304e !important;
text-transform: none !important;
}
/* ------------------------------------------------------
TITULAR DEL PASO 4
------------------------------------------------------ */
.np-step4-heading {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin:
5px
0
9px
12px !important;
font-family: Arial, Helvetica, sans-serif !important;
}
.np-step4-heading strong {
color: #222222 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 13px !important;
line-height: 15px !important;
font-weight: 700 !important;
}
/* ------------------------------------------------------
DOS COLUMNAS
------------------------------------------------------ */
.np-step4-layout {
display: grid !important;
grid-template-columns:
270px
230px !important;
column-gap: 18px !important;
width: 520px !important;
margin:
0
0
20px
47px !important;
font-family: Arial, Helvetica, sans-serif !important;
}
/* ------------------------------------------------------
COLUMNA IZQUIERDA
------------------------------------------------------ */
.np-step4-upload {
padding:
6px
14px
0
0 !important;
box-sizing: border-box !important;
border-right:
1px
dotted
#bdbdbd !important;
}
.np-step4-upload p {
width: 245px !important;
margin:
0
0
5px
0 !important;
color: #444444 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 14px !important;
font-weight: 400 !important;
}
.np-step4-upload p strong {
font-weight: 700 !important;
}
.np-step4-formats {
font-style: italic !important;
}
/* ------------------------------------------------------
INPUT FILE
------------------------------------------------------ */
.np-step4-file-row {
margin-top: 29px !important;
}
.np-step4-file-row input[type="file"] {
width: 245px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
color: #333333 !important;
}
/* ------------------------------------------------------
BOTONES
------------------------------------------------------ */
.np-step4-buttons {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
margin:
14px
0
0
18px !important;
}
.np-step4-photo-button,
.np-step4-no-photo-button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
width: 86px !important;
height: 37px !important;
box-sizing: border-box !important;
padding: 2px 4px !important;
border:
2px
solid
#55775a !important;
border-radius: 4px !important;
background:
linear-gradient(
to bottom,
#eef9eb 0%,
#cfe3cc 100%
) !important;
box-shadow:
inset 0 0 0 1px #ffffff !important;
color: #275e2c !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 10px !important;
font-weight: 700 !important;
text-align: center !important;
cursor: pointer !important;
}
.np-step4-camera-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 24px !important;
height: 22px !important;
flex: 0 0 24px !important;
border-radius: 3px !important;
background: #6e906d !important;
color: #eaf5e8 !important;
font-size: 15px !important;
}
.np-step4-cross-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 23px !important;
height: 23px !important;
flex: 0 0 23px !important;
color: #b72424 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 29px !important;
line-height: 21px !important;
font-weight: 700 !important;
}
/* ------------------------------------------------------
COLUMNA DERECHA: EJEMPLOS
------------------------------------------------------ */
.np-step4-examples {
padding-top: 0 !important;
}
.np-step4-example {
width: 220px !important;
margin:
0
0
20px
0 !important;
}
.np-step4-example-title {
margin-bottom: 5px !important;
color: #5a344f !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 15px !important;
font-weight: 700 !important;
text-align: center !important;
}
.np-step4-example-copy {
color: #555555 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 9px !important;
line-height: 10px !important;
text-transform: uppercase !important;
}
.np-step4-example-copy strong {
display: block !important;
margin-bottom: 2px !important;
color: #884d80 !important;
font-size: 9px !important;
}
.np-step4-example-copy p {
margin:
0
0
2px
0 !important;
}
/* ------------------------------------------------------
FOTO DE DEMOSTRACIÓN
------------------------------------------------------ */
.np-step4-demo-photo {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 150px !important;
height: 105px !important;
margin:
3px
auto
6px
auto !important;
border:
1px
solid
#8c8c8c !important;
background:
linear-gradient(
145deg,
#7cb8e7 0%,
#b4d9f3 45%,
#d2e7f5 100%
) !important;
color: #456c8c !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
}
}
/* === END NEWPASION STEP4 ORIGINAL LAYOUT === */
/* ==========================================================
STEP 4 - ICONO REAL ENVIAR FOTO + FOTO MOLINO
========================================================== */
@media (min-width: 769px) {
.np-step4-photo-button {
gap: 5px !important;
}
.np-step4-photo-icon {
display: block !important;
width: 26px !important;
height: 22px !important;
flex: 0 0 26px !important;
object-fit: contain !important;
}
.np-step4-camera-icon {
display: none !important;
}
.np-step4-demo-photo {
display: block !important;
width: 150px !important;
height: 105px !important;
margin:
3px
auto
6px
auto !important;
border:
1px
solid
#8c8c8c !important;
background: #ffffff !important;
object-fit: cover !important;
color: transparent !important;
font-size: 0 !important;
overflow: hidden !important;
}
}
/* === STEP4 FIDELIDAD TITULOS Y BOTONES === */
@media (min-width: 769px) {
/* ======================================================
TITULOS ANUNCIO SIN FOTO / CON FOTO
El original lleva relieve gris.
====================================================== */
.np-page-step4 .np-step4-example-title {
color: #5b344f !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 15px !important;
font-weight: 700 !important;
text-align: center !important;
letter-spacing: 0 !important;
text-shadow:
1px 1px 0 rgba(255,255,255,.95),
2px 2px 1px rgba(90,90,90,.28) !important;
}
/* ======================================================
BOTONES: ASPECTO PASION ORIGINAL
====================================================== */
.np-page-step4 .np-step4-photo-button,
.np-page-step4 .np-step4-no-photo-button {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
height: 36px !important;
padding:
2px
5px !important;
box-sizing: border-box !important;
border:
2px
solid
#527155 !important;
border-radius: 5px !important;
background:
linear-gradient(
to bottom,
#f2faef 0%,
#e4f2df 47%,
#cbdcc7 100%
) !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.9),
inset 0 1px 0 #ffffff,
0 1px 1px rgba(0,0,0,.35) !important;
color: #225928 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 9px !important;
font-weight: 700 !important;
letter-spacing: .1px !important;
text-align: center !important;
text-shadow:
1px 1px 0 #ffffff !important;
cursor: pointer !important;
}
.np-page-step4 .np-step4-photo-button {
width: 88px !important;
}
.np-page-step4 .np-step4-no-photo-button {
width: 92px !important;
}
/* Sin cambio visual al hacer hover */
.np-page-step4 .np-step4-photo-button:hover,
.np-page-step4 .np-step4-photo-button:focus,
.np-page-step4 .np-step4-photo-button:active,
.np-page-step4 .np-step4-no-photo-button:hover,
.np-page-step4 .np-step4-no-photo-button:focus,
.np-page-step4 .np-step4-no-photo-button:active {
background:
linear-gradient(
to bottom,
#f2faef 0%,
#e4f2df 47%,
#cbdcc7 100%
) !important;
border:
2px
solid
#527155 !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.9),
inset 0 1px 0 #ffffff,
0 1px 1px rgba(0,0,0,.35) !important;
transform: none !important;
filter: none !important;
outline: none !important;
}
/* ======================================================
ICONO ENVIAR FOTO
====================================================== */
.np-page-step4 .np-step4-photo-icon {
width: 26px !important;
height: 24px !important;
flex: 0 0 26px !important;
object-fit: contain !important;
margin: 0 !important;
filter: none !important;
}
/* ======================================================
X PUBLICAR SIN FOTO
Más grande y pesada, como en el original.
====================================================== */
.np-page-step4 .np-step4-cross-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 25px !important;
height: 27px !important;
flex: 0 0 25px !important;
margin: 0 !important;
color: #b52323 !important;
font-family: Arial Black, Arial, Helvetica, sans-serif !important;
font-size: 31px !important;
line-height: 25px !important;
font-weight: 900 !important;
text-shadow:
1px 1px 0 #ffffff,
2px 2px 1px rgba(80,80,80,.25) !important;
}
/* ======================================================
SEPARACION ENTRE BOTONES
====================================================== */
.np-page-step4 .np-step4-buttons {
gap: 12px !important;
margin:
14px
0
0
17px !important;
}
/* ======================================================
TEXTOS DE LOS EJEMPLOS
Algo más parecidos al peso del original.
====================================================== */
.np-page-step4 .np-step4-example-copy {
color: #4b4b4b !important;
font-size: 9px !important;
line-height: 10px !important;
font-weight: 500 !important;
}
.np-page-step4 .np-step4-example-copy strong {
color: #884d80 !important;
font-weight: 700 !important;
}
}
/* === END STEP4 FIDELIDAD TITULOS Y BOTONES === */
/* === STEP4 FONT SHADOW FINAL === */
@media (min-width: 769px) {
/* ======================================================
TITULAR SUPERIOR DEL PASO 4
====================================================== */
.np-page-step4 .np-step4-heading strong {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 16px !important;
font-weight: 700 !important;
color: #222222 !important;
}
/* ======================================================
TEXTO DE INSTRUCCIONES
====================================================== */
.np-page-step4 .np-step4-upload p {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
font-weight: 400 !important;
color: #333333 !important;
}
.np-page-step4 .np-step4-upload p strong {
font-size: 12px !important;
font-weight: 700 !important;
}
.np-page-step4 .np-step4-formats {
font-size: 12px !important;
line-height: 15px !important;
font-style: italic !important;
}
/* ======================================================
SELECTOR DE ARCHIVO
====================================================== */
.np-page-step4 .np-step4-file-row input[type="file"] {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
color: #222222 !important;
}
/* ======================================================
ANUNCIO SIN FOTO / ANUNCIO CON FOTO
El original tiene una sombra gris claramente visible
hacia abajo y hacia la derecha.
====================================================== */
.np-page-step4 .np-step4-example-title {
color: #59334f !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
line-height: 16px !important;
font-weight: 700 !important;
text-align: center !important;
/*
* Relieve antiguo tipo Pasion.com
*/
text-shadow:
1px 1px 0 #ffffff,
2px 2px 0 #b7b7b7,
3px 3px 1px rgba(70,70,70,.22) !important;
}
/* ======================================================
TEXTO DE LOS ANUNCIOS DE EJEMPLO
====================================================== */
.np-page-step4 .np-step4-example-copy {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 11px !important;
font-weight: 600 !important;
color: #4a4a4a !important;
}
.np-page-step4 .np-step4-example-copy strong {
font-size: 10px !important;
line-height: 11px !important;
font-weight: 700 !important;
color: #884d80 !important;
}
/* ======================================================
BOTONES
Un punto más grandes de letra.
====================================================== */
.np-page-step4 .np-step4-photo-button,
.np-page-step4 .np-step4-no-photo-button {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 10px !important;
font-weight: 700 !important;
}
}
/* === END STEP4 FONT SHADOW FINAL === */
/* === STEP4 TITULOS FOTO EXACTOS === */
.np-page-step4 .np-step4-example-title,
.np-page-step4 .np-step4-example-title span,
.np-page-step4 .np-step4-preview-title,
.np-page-step4 .np-step4-preview-title span {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 10px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
text-align: center !important;
color: #6c3c61 !important;
/* relieve mucho más parecido al original */
text-shadow:
1px 1px 0 #d7d7d7,
2px 2px 0 #efefef !important;
margin: 0 0 6px 0 !important;
padding: 0 !important;
}
/* ajusta el bloque para que quede más compacto como en pasion */
.np-page-step4 .np-step4-example-header,
.np-page-step4 .np-step4-preview-header {
margin: 0 0 8px 0 !important;
padding: 0 !important;
text-align: center !important;
}
/* cuerpo del ejemplo un pelín más cercano al original */
.np-page-step4 .np-step4-example-copy,
.np-page-step4 .np-step4-example-copy * {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 11px !important;
color: #444 !important;
}
/* oferta en morado fino como el original */
.np-page-step4 .np-step4-example-copy strong,
.np-page-step4 .np-step4-example-copy b {
color: #884d80 !important;
font-weight: 700 !important;
}
/* sombra verdosa clarita detrás del título "ANUNCIO CON FOTO" */
.np-page-step4 .np-step4-example-with-photo .np-step4-example-title,
.np-page-step4 .np-step4-example-with-photo .np-step4-preview-title {
text-shadow:
1px 1px 0 #d6e4d2,
2px 2px 0 #f2f7ef !important;
}
/* sombra gris clarita para "ANUNCIO SIN FOTO" */
.np-page-step4 .np-step4-example-without-photo .np-step4-example-title,
.np-page-step4 .np-step4-example-without-photo .np-step4-preview-title {
text-shadow:
1px 1px 0 #d9d9d9,
2px 2px 0 #f1f1f1 !important;
}
/* por si ambas cajas usan el mismo marcado sin clases diferenciadas */
.np-page-step4 .np-step4-example-column:first-of-type .np-step4-example-title,
.np-page-step4 .np-step4-example-column:first-of-type .np-step4-preview-title {
text-shadow:
1px 1px 0 #d9d9d9,
2px 2px 0 #f1f1f1 !important;
}
.np-page-step4 .np-step4-example-column:last-of-type .np-step4-example-title,
.np-page-step4 .np-step4-example-column:last-of-type .np-step4-preview-title {
text-shadow:
1px 1px 0 #d6e4d2,
2px 2px 0 #f2f7ef !important;
}
/* === END STEP4 TITULOS FOTO EXACTOS === */
/* === STEP4 FONDOS TITULOS FOTO === */
@media (min-width: 769px) {
/*
* Fondo rojo muy sutil detrás de:
* ANUNCIO SIN FOTO
*/
.np-page-step4
.np-step4-example-no-photo
.np-step4-example-title {
display: block !important;
width: 135px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 2px 4px !important;
box-sizing: border-box !important;
background:
linear-gradient(
to bottom,
rgba(244, 221, 221, .72),
rgba(252, 241, 241, .50)
) !important;
border-radius: 2px !important;
}
/*
* Fondo verde muy sutil detrás de:
* ANUNCIO CON FOTO
*/
.np-page-step4
.np-step4-example-with-photo
.np-step4-example-title {
display: block !important;
width: 135px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 2px 4px !important;
box-sizing: border-box !important;
background:
linear-gradient(
to bottom,
rgba(218, 236, 214, .75),
rgba(241, 248, 239, .52)
) !important;
border-radius: 2px !important;
}
}
/* === END STEP4 FONDOS TITULOS FOTO === */
/* === STEP4 TAMANO TIPOGRAFIA ORIGINAL === */
@media (min-width: 769px) {
/* Cabecera del paso */
.np-page-step4 .np-step4-heading strong {
font-size: 15px !important;
line-height: 17px !important;
font-weight: 700 !important;
}
/* Instrucciones izquierda */
.np-page-step4 .np-step4-upload p,
.np-page-step4 .np-step4-upload p strong,
.np-page-step4 .np-step4-formats {
font-size: 13px !important;
line-height: 16px !important;
}
/* Selector de archivo */
.np-page-step4 .np-step4-file-row input[type="file"] {
font-size: 12px !important;
}
/* ANUNCIO SIN FOTO / CON FOTO */
.np-page-step4 .np-step4-example-title {
font-size: 13px !important;
line-height: 12px !important;
font-weight: 700 !important;
}
/* Texto de los ejemplos */
.np-page-step4 .np-step4-example-copy {
font-size: 11px !important;
line-height: 11px !important;
font-weight: 500 !important;
}
.np-page-step4 .np-step4-example-copy strong {
font-size: 11px !important;
line-height: 11px !important;
font-weight: 700 !important;
}
/* OFERTA */
.np-page-step4 .np-step4-offer {
font-size: 10px !important;
line-height: 11px !important;
font-weight: 700 !important;
}
/* Botones: solo un poco más contundentes */
.np-page-step4 .np-step4-photo-button,
.np-page-step4 .np-step4-no-photo-button {
font-size: 11px !important;
line-height: 10px !important;
font-weight: 700 !important;
}
}
/* === END STEP4 TAMANO TIPOGRAFIA ORIGINAL === */
/* === STEP4 TYPOGRAPHY PASION MATCH === */
@media (min-width: 769px) {
/* Cabecera superior */
.np-page-step4 .np-step4-header-title {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 19px !important;
line-height: 21px !important;
font-weight: 400 !important;
}
/* Paso 4: titular principal */
.np-page-step4 .np-step4-heading strong {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
line-height: 17px !important;
font-weight: 700 !important;
color: #222 !important;
}
/* Instrucciones de la izquierda */
.np-page-step4 .np-step4-upload p {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 13px !important;
line-height: 16px !important;
font-weight: 400 !important;
color: #262626 !important;
}
.np-page-step4 .np-step4-upload p strong {
font-size: 13px !important;
font-weight: 700 !important;
}
.np-page-step4 .np-step4-formats {
font-size: 13px !important;
line-height: 16px !important;
font-style: italic !important;
}
/* Selector de archivo */
.np-page-step4 .np-step4-file-row input[type="file"] {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
color: #222 !important;
}
/* ANUNCIO SIN FOTO / CON FOTO */
.np-page-step4 .np-step4-example-title {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 13px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}
/* OFERTA */
.np-page-step4 .np-step4-offer {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 10px !important;
line-height: 11px !important;
font-weight: 700 !important;
color: #884d80 !important;
}
/* Texto del anuncio de ejemplo */
.np-page-step4 .np-step4-example-copy {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 11px !important;
font-weight: 600 !important;
color: #333 !important;
}
.np-page-step4 .np-step4-example-copy strong {
font-size: 11px !important;
line-height: 11px !important;
font-weight: 700 !important;
}
/* Botones */
.np-page-step4 .np-step4-photo-button,
.np-page-step4 .np-step4-no-photo-button {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 10px !important;
font-weight: 700 !important;
}
}
/* === END STEP4 TYPOGRAPHY PASION MATCH === */
/* === PENDING EMAIL PUBLICACION === */
.np-page-step4 .np-step4-errors {
margin: 7px 0 8px 0 !important;
color: #b00000 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
line-height: 14px !important;
font-weight: 700 !important;
}
.np-page-pending .np-pending-box {
width: 470px !important;
margin: 28px auto 50px auto !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 13px !important;
line-height: 17px !important;
text-align: center !important;
color: #333 !important;
}
.np-page-pending .np-pending-alert {
margin-bottom: 7px !important;
color: #c00000 !important;
font-size: 18px !important;
line-height: 20px !important;
font-weight: 700 !important;
}
.np-page-pending .np-pending-title {
margin-bottom: 19px !important;
color: #587e3f !important;
font-size: 15px !important;
line-height: 18px !important;
font-weight: 700 !important;
}
.np-page-pending .np-pending-email {
margin: 7px auto 13px auto !important;
color: #884d80 !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.np-page-pending .np-pending-box p {
margin: 8px 0 !important;
}
.np-page-pending .np-pending-spam {
color: #8d2424 !important;
font-weight: 700 !important;
}
/* === END PENDING EMAIL PUBLICACION === */
/* === PENDING EMAIL ORIGINAL PASION === */
.np-page-pending .np-pending-original {
width: 590px !important;
margin:
58px
0
145px
10px !important;
padding: 0 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
color: #333 !important;
text-align: left !important;
}
/* ¡¡ATENCIÓN!! */
.np-page-pending .np-pending-alert {
margin:
0
0
18px
0 !important;
padding: 0 !important;
color: #c51b1b !important;
font-size: 20px !important;
line-height: 22px !important;
font-weight: 700 !important;
text-align: center !important;
}
/* TÍTULO PRINCIPAL */
.np-page-pending .np-pending-title {
margin:
0
0
20px
0 !important;
padding: 0 !important;
color: #171717 !important;
font-size: 18px !important;
line-height: 21px !important;
font-weight: 700 !important;
text-align: left !important;
}
/* TEXTO INSTRUCCIONES */
.np-page-pending .np-pending-instructions {
margin: 0 !important;
padding: 0 !important;
color: #444 !important;
font-size: 13px !important;
line-height: 17px !important;
font-weight: 400 !important;
}
.np-page-pending .np-pending-instructions p {
margin:
0
0
17px
0 !important;
padding: 0 !important;
}
/* DOS LÍNEAS CON GUIONES */
.np-page-pending .np-pending-steps {
margin: 0 !important;
padding: 0 !important;
font-size: 13px !important;
line-height: 17px !important;
}
/* ABRIR CORREO */
.np-page-pending .np-pending-open-mail {
margin:
19px
0
30px
0 !important;
padding: 0 !important;
color: #555 !important;
font-size: 18px !important;
line-height: 21px !important;
font-weight: 400 !important;
text-align: center !important;
}
.np-page-pending .np-pending-open-mail a {
color: #555 !important;
text-decoration: none !important;
font-size: inherit !important;
font-weight: inherit !important;
}
.np-page-pending .np-pending-open-mail a:hover {
text-decoration: underline !important;
}
/* AVISO SPAM */
.np-page-pending .np-pending-spam {
margin:
0
0
0
0 !important;
padding: 0 !important;
color: #444 !important;
font-size: 13px !important;
line-height: 17px !important;
font-style: italic !important;
font-weight: 400 !important;
text-align: left !important;
}
.np-page-pending .np-pending-spam strong {
color: #333 !important;
font-size: inherit !important;
font-style: italic !important;
font-weight: 700 !important;
}
/*
* Neutralizar las reglas de la primera versión
* de esta pantalla.
*/
.np-page-pending .np-pending-box,
.np-page-pending .np-pending-email {
display: none !important;
}
/* === END PENDING EMAIL ORIGINAL PASION === */
/* === MIS ANUNCIOS PASION ORIGINAL === */
.np-page-account-ads .np-account-ads-wrap {
width: 600px !important;
margin:
18px
0
25px
0 !important;
padding: 0 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
color: #555 !important;
}
/* =========================================================
CABECERA ÁREA PRIVADA
========================================================= */
.np-page-account-ads .np-account-top {
display: grid !important;
grid-template-columns:
205px
76px
86px
215px !important;
column-gap: 6px !important;
align-items: start !important;
min-height: 122px !important;
margin-bottom: 7px !important;
}
/* LOGO "MIS ANUNCIOS" */
.np-page-account-ads .np-account-myads-logo {
position: relative !important;
width: 200px !important;
height: 83px !important;
margin-top: 4px !important;
overflow: hidden !important;
color: #729a69 !important;
font-family:
Arial Black,
Arial,
Helvetica,
sans-serif !important;
font-weight: 900 !important;
text-transform: lowercase !important;
text-shadow:
2px 2px 0 #dbe5d8,
4px 4px 1px rgba(90,120,80,.16) !important;
}
.np-page-account-ads .np-myads-mis {
position: absolute !important;
top: 0 !important;
left: 2px !important;
font-size: 46px !important;
line-height: 46px !important;
letter-spacing: -4px !important;
}
.np-page-account-ads .np-myads-anuncios {
position: absolute !important;
top: 36px !important;
left: 4px !important;
font-size: 38px !important;
line-height: 39px !important;
letter-spacing: -4px !important;
}
/* CRÉDITOS */
.np-page-account-ads .np-account-credit-box {
width: 76px !important;
margin-top: 18px !important;
border: 1px solid #b7c8ae !important;
background:
linear-gradient(
to bottom,
#e7f0e2,
#9fbd92
) !important;
text-align: center !important;
box-shadow:
inset 0 0 0 1px #f8fbf7 !important;
}
.np-page-account-ads .np-account-credit-number {
height: 40px !important;
color: #63825b !important;
background: #edf5e9 !important;
font-size: 28px !important;
line-height: 40px !important;
font-weight: 400 !important;
}
.np-page-account-ads .np-account-credit-label {
padding: 3px 0 4px 0 !important;
color: #fff !important;
font-size: 13px !important;
line-height: 14px !important;
font-weight: 700 !important;
}
/* RECARGAR / FACTURAS */
.np-page-account-ads .np-account-credit-links {
margin-top: 19px !important;
padding-left: 3px !important;
font-size: 14px !important;
line-height: 19px !important;
font-weight: 700 !important;
}
.np-page-account-ads .np-account-credit-links a {
display: block !important;
color: #74516c !important;
text-decoration: none !important;
}
.np-page-account-ads .np-account-credit-links .np-account-what {
margin-top: 1px !important;
font-size: 10px !important;
line-height: 12px !important;
color: #555 !important;
}
/* PANEL USUARIO */
.np-page-account-ads .np-account-user-panel {
text-align: right !important;
color: #777 !important;
font-size: 12px !important;
line-height: 15px !important;
}
.np-page-account-ads .np-account-user-panel a {
display: block !important;
color: #777 !important;
text-decoration: none !important;
}
.np-page-account-ads .np-account-user-panel a:hover {
text-decoration: underline !important;
}
.np-page-account-ads .np-account-email {
margin-top: 7px !important;
color: #805277 !important;
font-size: 14px !important;
line-height: 17px !important;
font-weight: 700 !important;
}
.np-page-account-ads .np-account-published-count {
display: block !important;
margin-top: 1px !important;
color: #444 !important;
font-size: 11px !important;
line-height: 14px !important;
}
/* SALIR */
.np-page-account-ads .np-account-logout-form {
margin: 0 !important;
}
.np-page-account-ads .np-account-logout {
appearance: none !important;
border: 0 !important;
background: transparent !important;
margin: 0 0 2px auto !important;
padding: 0 !important;
color: #805277 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 20px !important;
line-height: 23px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.np-page-account-ads .np-account-door {
display: inline-block !important;
width: 8px !important;
height: 13px !important;
margin-right: 5px !important;
vertical-align: -1px !important;
border: 1px solid #a76b16 !important;
background:
linear-gradient(
to right,
#eda832,
#c87914
) !important;
}
/* =========================================================
BUSCADOR
========================================================= */
.np-page-account-ads .np-account-filter {
display: flex !important;
align-items: center !important;
width: 440px !important;
margin:
0
0
20px
11px !important;
}
.np-page-account-ads .np-account-search-icon {
position: relative !important;
display: block !important;
width: 24px !important;
height: 24px !important;
margin-right: 8px !important;
}
.np-page-account-ads .np-account-search-icon::before {
content: "" !important;
position: absolute !important;
top: 2px !important;
left: 2px !important;
width: 13px !important;
height: 13px !important;
border: 3px solid #888 !important;
border-radius: 50% !important;
background: #ddd !important;
}
.np-page-account-ads .np-account-search-icon::after {
content: "" !important;
position: absolute !important;
width: 10px !important;
height: 3px !important;
top: 17px !important;
left: 16px !important;
background: #777 !important;
transform: rotate(45deg) !important;
transform-origin: left center !important;
}
.np-page-account-ads .np-account-filter input {
box-sizing: border-box !important;
width: 305px !important;
height: 24px !important;
padding: 2px 5px !important;
border:
1px
solid
#b5b5b5 !important;
background: #fff !important;
box-shadow:
inset 1px 1px 2px
rgba(0,0,0,.08) !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 12px !important;
}
.np-page-account-ads .np-account-filter button {
width: 72px !important;
height: 24px !important;
margin-left: 0 !important;
border:
1px
solid
#aaa !important;
background:
linear-gradient(
to bottom,
#fff,
#e6e6e6
) !important;
color: #555 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 12px !important;
cursor: pointer !important;
}
/* =========================================================
LISTADO
========================================================= */
.np-page-account-ads .np-account-list {
width: 600px !important;
}
.np-page-account-ads .np-account-ad {
width: 600px !important;
margin:
0
0
15px
0 !important;
padding: 0 !important;
border: 0 !important;
background: #fff !important;
}
/* FRANJA */
.np-page-account-ads .np-account-ad-strip {
display: grid !important;
grid-template-columns:
1fr
92px
52px !important;
align-items: center !important;
min-height: 25px !important;
padding:
1px
6px !important;
box-sizing: border-box !important;
border:
1px
solid
#eadce8 !important;
border-radius:
7px
7px
3px
3px !important;
background:
linear-gradient(
to bottom,
#f8eef7,
#ead7e7
) !important;
box-shadow:
inset 0 1px 0
#fff !important;
color: #9a708f !important;
font-size: 12px !important;
line-height: 15px !important;
}
.np-page-account-ads .np-account-ad-location {
text-align: center !important;
}
.np-page-account-ads .np-account-ad-ref {
text-align: center !important;
color: #a2889e !important;
font-size: 11px !important;
}
.np-page-account-ads .np-account-ad-days {
text-align: right !important;
color: #735069 !important;
font-size: 12px !important;
font-weight: 700 !important;
}
/* CUERPO */
.np-page-account-ads .np-account-ad-body {
display: grid !important;
grid-template-columns:
minmax(0,1fr)
142px !important;
column-gap: 9px !important;
padding:
7px
4px
5px
4px !important;
box-sizing: border-box !important;
min-height: 120px !important;
}
.np-page-account-ads .np-account-ad-body.no-photo {
display: block !important;
min-height: 78px !important;
}
.np-page-account-ads .np-account-ad-title {
margin-bottom: 1px !important;
color: #4c2746 !important;
font-size: 14px !important;
line-height: 16px !important;
font-weight: 700 !important;
}
.np-page-account-ads .np-account-ad-description {
color: #666 !important;
font-size: 12px !important;
line-height: 14px !important;
font-weight: 400 !important;
}
.np-page-account-ads .np-account-expiry {
color: #66505f !important;
font-weight: 700 !important;
}
.np-page-account-ads .np-account-view-photos {
display: inline-block !important;
margin-top: 10px !important;
padding:
2px
8px !important;
border:
1px
solid
#d1b9cc !important;
border-radius: 3px !important;
background:
#fbf6fa !important;
color: #78536f !important;
font-size: 10px !important;
line-height: 9px !important;
text-align: center !important;
text-decoration: none !important;
}
/* FOTO */
.np-page-account-ads .np-account-ad-photo {
position: relative !important;
width: 142px !important;
height: 164px !important;
overflow: hidden !important;
background: #eee !important;
}
.np-page-account-ads .np-account-ad-photo img {
display: block !important;
width: 142px !important;
height: 164px !important;
object-fit: cover !important;
}
.np-page-account-ads .np-account-photo-count {
position: absolute !important;
right: 2px !important;
bottom: 2px !important;
padding:
1px
4px !important;
background:
rgba(60,60,60,.75) !important;
color: #fff !important;
font-size: 9px !important;
line-height: 11px !important;
font-weight: 700 !important;
}
/* =========================================================
ACCIONES
========================================================= */
.np-page-account-ads .np-account-actions {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 6px !important;
padding:
4px
4px
5px
4px !important;
border-bottom:
1px
solid
#efe2ed !important;
white-space: nowrap !important;
}
.np-page-account-ads .np-account-actions a {
display: inline-flex !important;
align-items: center !important;
gap: 2px !important;
color: #777 !important;
font-size: 11px !important;
line-height: 14px !important;
text-decoration: none !important;
}
.np-page-account-ads .np-account-actions a:hover {
text-decoration: underline !important;
}
.np-page-account-ads .np-account-actions img {
display: inline-block !important;
width: 13px !important;
height: 13px !important;
object-fit: contain !important;
}
.np-page-account-ads .np-action-renew span {
color: #4ca53a !important;
font-size: 16px !important;
font-weight: 700 !important;
}
.np-page-account-ads .np-action-delete span {
color: #c53131 !important;
font-size: 18px !important;
line-height: 12px !important;
font-weight: 700 !important;
}
.np-page-account-ads .np-action-share span {
color: #d1aa36 !important;
}
.np-page-account-ads .np-action-stats span {
color: #5a9b75 !important;
}
.np-page-account-ads .np-action-messages {
padding:
1px
4px !important;
background:
#edf1e8 !important;
border:
1px
solid
#d7ddd1 !important;
}
/* VACÍO */
.np-page-account-ads .np-account-empty {
margin:
25px
0 !important;
padding:
15px !important;
border-top:
1px
solid
#e6d5e2 !important;
color: #805277 !important;
font-size: 13px !important;
}
/* PAGINACIÓN */
.np-page-account-ads .np-account-pagination {
margin-top: 15px !important;
font-size: 11px !important;
}
/* RESPONSIVE */
@media (max-width: 768px) {
.np-page-account-ads .np-account-ads-wrap,
.np-page-account-ads .np-account-list,
.np-page-account-ads .np-account-ad {
width: 100% !important;
}
.np-page-account-ads .np-account-top {
display: block !important;
}
.np-page-account-ads .np-account-myads-logo {
margin-bottom: 10px !important;
}
.np-page-account-ads .np-account-credit-box {
display: inline-block !important;
vertical-align: top !important;
}
.np-page-account-ads .np-account-credit-links {
display: inline-block !important;
vertical-align: top !important;
margin-left: 8px !important;
}
.np-page-account-ads .np-account-user-panel {
margin-top: 15px !important;
text-align: left !important;
}
.np-page-account-ads .np-account-filter {
width: 100% !important;
margin-left: 0 !important;
}
.np-page-account-ads .np-account-filter input {
flex: 1 1 auto !important;
width: auto !important;
}
.np-page-account-ads .np-account-ad-body {
grid-template-columns:
1fr
120px !important;
}
.np-page-account-ads .np-account-ad-photo,
.np-page-account-ads .np-account-ad-photo img {
width: 120px !important;
height: 145px !important;
}
.np-page-account-ads .np-account-actions {
flex-wrap: wrap !important;
}
}
/* === END MIS ANUNCIOS PASION ORIGINAL === */
/* === MIS ANUNCIOS AJUSTE ORIGINAL 2 === */
@media (min-width: 769px) {
/*
* LOGO MIS ANUNCIOS
*/
.np-page-account-ads .np-account-myads-logo {
width: 205px !important;
height: 82px !important;
margin-top: 0 !important;
display: flex !important;
align-items: flex-start !important;
overflow: visible !important;
}
.np-page-account-ads .np-account-myads-image {
display: block !important;
width: 200px !important;
height: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
/*
* CABECERA SUPERIOR
*/
.np-page-account-ads .np-account-top {
grid-template-columns:
205px
82px
100px
205px !important;
column-gap: 7px !important;
min-height: 124px !important;
}
/*
* CAJA CRÉDITOS
*/
.np-page-account-ads .np-account-credit-box {
width: 80px !important;
margin-top: 17px !important;
}
.np-page-account-ads .np-account-credit-number {
height: 42px !important;
font-size: 29px !important;
line-height: 42px !important;
}
.np-page-account-ads .np-account-credit-label {
font-size: 13px !important;
line-height: 15px !important;
}
/*
* RECARGAR / FACTURAS
*/
.np-page-account-ads .np-account-credit-links {
margin-top: 17px !important;
font-size: 15px !important;
line-height: 19px !important;
}
.np-page-account-ads .np-account-credit-links .np-account-what {
margin-top: 1px !important;
font-size: 10px !important;
line-height: 12px !important;
}
/*
* USUARIO
*/
.np-page-account-ads .np-account-user-panel {
font-size: 13px !important;
line-height: 16px !important;
}
.np-page-account-ads .np-account-email {
margin-top: 4px !important;
font-size: 14px !important;
line-height: 17px !important;
}
.np-page-account-ads .np-account-logout {
font-size: 21px !important;
line-height: 23px !important;
margin-bottom: 2px !important;
}
.np-page-account-ads .np-account-published-count {
font-size: 12px !important;
line-height: 14px !important;
}
/*
* FILTRO
*/
.np-page-account-ads .np-account-filter {
width: 445px !important;
margin:
0
0
22px
11px !important;
}
.np-page-account-ads .np-account-filter input {
height: 26px !important;
}
.np-page-account-ads .np-account-filter button {
width: 73px !important;
height: 26px !important;
font-size: 12px !important;
}
/*
* FRANJA SUPERIOR DEL ANUNCIO
*/
.np-page-account-ads .np-account-ad-strip {
min-height: 28px !important;
padding:
2px
7px !important;
font-size: 13px !important;
line-height: 16px !important;
border-radius:
7px
7px
4px
4px !important;
}
.np-page-account-ads .np-account-ad-ref {
font-size: 12px !important;
}
.np-page-account-ads .np-account-ad-days {
font-size: 13px !important;
}
/*
* CUERPO DEL ANUNCIO
*/
.np-page-account-ads .np-account-ad-body {
padding:
7px
5px
7px
5px !important;
column-gap: 10px !important;
}
.np-page-account-ads .np-account-ad-title {
font-size: 15px !important;
line-height: 17px !important;
margin-bottom: 2px !important;
}
.np-page-account-ads .np-account-ad-description {
font-size: 13px !important;
line-height: 15px !important;
}
.np-page-account-ads .np-account-view-photos {
margin-top: 13px !important;
padding:
3px
9px !important;
font-size: 10px !important;
line-height: 10px !important;
}
/*
* FOTO
*/
.np-page-account-ads .np-account-ad-photo {
width: 145px !important;
height: 170px !important;
}
.np-page-account-ads .np-account-ad-photo img {
width: 145px !important;
height: 170px !important;
}
/*
* BARRA DE ACCIONES
*/
.np-page-account-ads .np-account-actions {
gap: 7px !important;
padding:
5px
5px
7px
5px !important;
min-height: 25px !important;
}
.np-page-account-ads .np-account-actions a {
gap: 3px !important;
font-size: 12px !important;
line-height: 15px !important;
}
.np-page-account-ads .np-account-actions img {
width: 15px !important;
height: 15px !important;
}
.np-page-account-ads .np-action-renew span {
font-size: 18px !important;
}
.np-page-account-ads .np-action-delete span {
font-size: 19px !important;
}
.np-page-account-ads .np-action-messages {
padding:
2px
5px !important;
}
/*
* MÁS AIRE ENTRE ANUNCIOS
*/
.np-page-account-ads .np-account-ad {
margin-bottom: 17px !important;
}
}
/* === END MIS ANUNCIOS AJUSTE ORIGINAL 2 === */
/* === MIS ANUNCIOS CREDITOS Y LOGOUT === */
@media (min-width: 769px) {
/*
* CAJA DE CRÉDITOS
* Más parecida a la original de pasion.com
*/
.np-page-account-ads .np-account-credit-box {
width: 86px !important;
height: 57px !important;
margin-top: 16px !important;
box-sizing: border-box !important;
border: 1px solid #9eaf96 !important;
background: #e9f2e5 !important;
box-shadow:
inset 0 0 0 1px rgba(255,255,255,.65) !important;
border-radius: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
.np-page-account-ads .np-account-credit-number {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 38px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
background:
linear-gradient(
to bottom,
#eef6eb 0%,
#e1eddd 100%
) !important;
color: #5f7f58 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 27px !important;
line-height: 38px !important;
font-weight: 400 !important;
}
.np-page-account-ads .np-account-credit-label {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 18px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
border-top: 1px solid #8da681 !important;
background:
linear-gradient(
to bottom,
#a7c39b 0%,
#91b184 100%
) !important;
color: #ffffff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 13px !important;
line-height: 18px !important;
font-weight: 700 !important;
text-shadow:
0 1px 0 rgba(0,0,0,.12) !important;
}
/*
* EN MIS ANUNCIOS NO EXISTE "CERRAR SESIÓN"
* EN EL MENÚ LATERAL.
*
* El botón Salir de arriba permanece intacto.
*/
.np-page-account-ads .np-sidebar form[action*="/salir"],
.np-page-account-ads .np-side-menu form[action*="/salir"],
.np-page-account-ads .np-menu form[action*="/salir"],
.np-page-account-ads aside form[action*="/salir"],
.np-page-account-ads .np-sidebar-logout,
.np-page-account-ads .np-menu-logout {
display: none !important;
}
}
/* === END MIS ANUNCIOS CREDITOS Y LOGOUT === */
/* === ICONOS REALES MIS ANUNCIOS === */
.np-page-account-ads .np-account-logout {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 5px !important;
}
.np-page-account-ads .np-account-logout-icon {
display: inline-block !important;
width: 16px !important;
height: 16px !important;
object-fit: contain !important;
margin: 0 !important;
}
.np-page-account-ads .np-account-door {
display: none !important;
}
.np-page-account-ads .np-action-renew-icon {
width: 13px !important;
height: 13px !important;
object-fit: contain !important;
}
.np-page-account-ads .np-action-share-icon {
width: 15px !important;
height: 15px !important;
object-fit: contain !important;
}
.np-page-account-ads .np-action-stats-icon {
width: 14px !important;
height: 14px !important;
object-fit: contain !important;
}
.np-page-account-ads .np-action-renew > span,
.np-page-account-ads .np-action-share > span,
.np-page-account-ads .np-action-stats > span {
display: none !important;
}
/* === END ICONOS REALES MIS ANUNCIOS === */
/* === ICONO PAPELERA BORRAR MIS ANUNCIOS === */
.np-page-account-ads .np-action-delete {
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
}
.np-page-account-ads .np-action-delete > span {
display: none !important;
}
.np-page-account-ads .np-action-delete-icon {
display: inline-block !important;
width: 13px !important;
height: 13px !important;
object-fit: contain !important;
vertical-align: middle !important;
margin: 0 !important;
}
/* === END ICONO PAPELERA BORRAR MIS ANUNCIOS === */
/* === MODAL RENOVAR PASION === */
body.np-modal-open {
overflow: hidden !important;
}
.np-renew-overlay {
display: none;
position: fixed !important;
z-index: 50000 !important;
inset: 0 !important;
background:
rgba(0, 0, 0, .72) !important;
align-items: center !important;
justify-content: center !important;
}
.np-renew-overlay.is-open {
display: flex !important;
}
/* VENTANA */
.np-renew-modal {
position: relative !important;
width: 425px !important;
height: 570px !important;
box-sizing: border-box !important;
border:
1px
solid
#858d83 !important;
background:
#e5f5e5 !important;
box-shadow:
0
1px
2px
rgba(0,0,0,.55) !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
color: #285c34 !important;
}
/* CERRAR */
.np-renew-close {
position: absolute !important;
top: 2px !important;
right: 5px !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
color: #315d36 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 16px !important;
line-height: 20px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
/* =========================================================
RENOVAR GRATIS
========================================================= */
.np-renew-free-section {
height: 302px !important;
box-sizing: border-box !important;
padding:
30px
24px
15px
24px !important;
}
.np-renew-free-head {
display: flex !important;
align-items: flex-start !important;
gap: 20px !important;
}
/* FLECHA GRANDE VERDE */
.np-renew-big-arrow {
position: relative !important;
display: block !important;
width: 58px !important;
height: 65px !important;
margin:
12px
0
0
1px !important;
}
.np-renew-big-arrow::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 4px !important;
width: 0 !important;
height: 0 !important;
border-left:
26px solid transparent !important;
border-right:
26px solid transparent !important;
border-bottom:
27px solid #79b819 !important;
}
.np-renew-big-arrow::after {
content: "" !important;
position: absolute !important;
top: 24px !important;
left: 15px !important;
width: 30px !important;
height: 38px !important;
border-radius:
2px
2px
4px
4px !important;
background:
linear-gradient(
to right,
#599a15,
#8ec52b,
#5f9f18
) !important;
box-shadow:
inset
0
1px
1px
rgba(255,255,255,.45) !important;
}
.np-renew-free-title {
color: #174e30 !important;
font-size: 37px !important;
line-height: 39px !important;
font-weight: 700 !important;
letter-spacing:
-.5px !important;
}
/* BOTÓN CENTRAL */
.np-renew-free-action {
margin-top: 66px !important;
text-align: center !important;
}
.np-renew-now {
appearance: none !important;
border:
2px
solid
#d0b954 !important;
border-radius: 3px !important;
padding:
1px
4px !important;
background:
#eef3d7 !important;
color: #4f7a42 !important;
box-shadow:
inset
0
0
0
1px
#f7f9e9 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 16px !important;
line-height: 18px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.np-renew-now:hover {
background:
#f4f6d9 !important;
}
.np-renew-wait {
color: #53795a !important;
font-size: 13px !important;
line-height: 16px !important;
font-weight: 700 !important;
}
.np-renew-error {
margin:
15px
auto
0
auto !important;
width: 300px !important;
color: #a13535 !important;
font-size: 11px !important;
line-height: 14px !important;
text-align: center !important;
}
/* =========================================================
AUTO RENUEVA
========================================================= */
.np-auto-renew-section {
height: 267px !important;
box-sizing: border-box !important;
border-top:
1px
solid
#9ba99b !important;
padding:
14px
27px
15px
27px !important;
}
.np-auto-renew-head {
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
/* ICONO CIRCULAR */
.np-auto-renew-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 68px !important;
height: 68px !important;
color: #287d15 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 78px !important;
line-height: 68px !important;
font-weight: 700 !important;
transform:
rotate(-30deg) !important;
}
.np-auto-renew-title {
color: #176032 !important;
font-size: 27px !important;
line-height: 29px !important;
font-weight: 700 !important;
}
.np-auto-renew-help {
margin-top:
1px !important;
color: #53765b !important;
font-size: 16px !important;
line-height: 18px !important;
text-align: center !important;
}
/* OPCIONES */
.np-auto-renew-options {
margin-top:
27px !important;
color: #335c3e !important;
font-size: 16px !important;
line-height: 29px !important;
text-align: center !important;
}
.np-auto-renew-options label {
display: block !important;
white-space: nowrap !important;
}
.np-auto-renew-options strong {
margin-right:
8px !important;
font-size: 16px !important;
}
.np-auto-renew-options select {
height: 27px !important;
border:
1px
solid
#8b8b7e !important;
background:
#e9f6df !important;
color: #3e6548 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 16px !important;
}
.np-auto-renew-frequency {
width: 145px !important;
}
.np-auto-renew-night {
width: 58px !important;
}
/* MENSAJE DE ÉXITO */
.np-page-account-ads
.np-renew-success-message {
margin:
-5px
0
12px
0 !important;
padding:
5px
8px !important;
border:
1px
solid
#b8d3ac !important;
background:
#edf7e9 !important;
color:
#497043 !important;
font-size:
11px !important;
font-weight:
700 !important;
}
/* === END MODAL RENOVAR PASION === */
/* === RENOVAR AJUSTE FIDELIDAD ORIGINAL === */
/* Ventana: el original es claramente más alto */
.np-renew-modal {
width: 425px !important;
height: 605px !important;
}
/* =========================================================
BLOQUE SUPERIOR
========================================================= */
.np-renew-free-section {
height: 307px !important;
padding:
30px
18px
15px
17px !important;
}
.np-renew-free-head {
gap: 14px !important;
}
/* Flecha superior algo más grande y más a la izquierda */
.np-renew-big-arrow {
width: 66px !important;
height: 70px !important;
margin:
9px
0
0
0 !important;
}
.np-renew-big-arrow::before {
left: 3px !important;
border-left-width: 29px !important;
border-right-width: 29px !important;
border-bottom-width: 29px !important;
}
.np-renew-big-arrow::after {
top: 26px !important;
left: 16px !important;
width: 32px !important;
height: 40px !important;
}
/* Texto Renovar gratis */
.np-renew-free-title {
font-size: 36px !important;
line-height: 39px !important;
}
/* Botón / información de próxima renovación */
.np-renew-free-action {
margin-top: 67px !important;
}
/* =========================================================
BLOQUE AUTO-RENUEVA
========================================================= */
.np-auto-renew-section {
height: 297px !important;
padding:
14px
19px
20px
19px !important;
}
.np-auto-renew-head {
gap: 8px !important;
}
.np-auto-renew-icon {
width: 72px !important;
height: 72px !important;
margin-left: 1px !important;
font-size: 80px !important;
line-height: 70px !important;
}
.np-auto-renew-title {
font-size: 27px !important;
line-height: 29px !important;
}
.np-auto-renew-help {
font-size: 16px !important;
line-height: 18px !important;
}
/*
* En el original los selectores están más abajo.
*/
.np-auto-renew-options {
margin-top: 32px !important;
font-size: 16px !important;
line-height: 31px !important;
}
.np-auto-renew-frequency {
width: 143px !important;
}
.np-auto-renew-night {
width: 58px !important;
}
/* Cerrar ligeramente más pegado a la esquina */
.np-renew-close {
top: 1px !important;
right: 4px !important;
}
/* === END RENOVAR AJUSTE FIDELIDAD ORIGINAL === */
/* === BORRAR ANUNCIO MIS ANUNCIOS === */
.np-page-account-ads .np-delete-form {
display: inline-flex !important;
margin: 0 !important;
padding: 0 !important;
}
.np-page-account-ads button.np-action-delete {
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #777 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 12px !important;
line-height: 15px !important;
font-weight: 400 !important;
cursor: pointer !important;
}
.np-page-account-ads button.np-action-delete:hover {
text-decoration: underline !important;
}
.np-page-account-ads .np-delete-success-message {
margin:
-5px
0
12px
0 !important;
padding:
5px
8px !important;
border:
1px
solid
#b8d3ac !important;
background:
#edf7e9 !important;
color:
#497043 !important;
font-size:
11px !important;
font-weight:
700 !important;
}
/* === END BORRAR ANUNCIO MIS ANUNCIOS === */
/* === MODIFICAR ANUNCIO MENSAJE === */
.np-page-account-ads .np-edit-success-message {
margin:
-5px
0
12px
0 !important;
padding:
5px
8px !important;
border:
1px
solid
#b8d3ac !important;
background:
#edf7e9 !important;
color:
#497043 !important;
font-size:
11px !important;
font-weight:
700 !important;
}
/* === END MODIFICAR ANUNCIO MENSAJE === */
/* === GESTION FOTOS PASION === */
.np-page-account-photos .np-photos-wrap {
width: 590px !important;
margin: 25px 0 45px 5px !important;
font-family: Arial, Helvetica, sans-serif !important;
color: #555 !important;
}
/* CABECERA */
.np-page-account-photos .np-photos-top {
display: grid !important;
grid-template-columns: 205px 200px 180px !important;
align-items: start !important;
min-height: 112px !important;
}
.np-page-account-photos .np-photos-logo img {
display: block !important;
width: 195px !important;
height: auto !important;
}
.np-page-account-photos .np-photos-heading {
padding-top: 11px !important;
}
.np-page-account-photos .np-photos-title {
color: #555 !important;
font-size: 18px !important;
line-height: 21px !important;
}
.np-page-account-photos .np-photos-reference {
color: #4e494d !important;
font-size: 20px !important;
line-height: 22px !important;
font-weight: 700 !important;
}
/* AÑADIR / VOLVER */
.np-page-account-photos .np-photos-top-actions {
display: flex !important;
justify-content: flex-end !important;
gap: 17px !important;
padding-top: 4px !important;
}
.np-page-account-photos .np-photo-add-form {
margin: 0 !important;
padding: 0 !important;
}
.np-page-account-photos .np-photo-top-action {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
width: 65px !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
color: #44833e !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 16px !important;
font-weight: 700 !important;
text-decoration: none !important;
cursor: pointer !important;
}
.np-page-account-photos .np-photo-add-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 44px !important;
height: 44px !important;
margin-bottom: 1px !important;
border: 4px solid #4a942f !important;
border-radius: 50% !important;
background: linear-gradient(
#8fd33c,
#4ca31d
) !important;
color: #fff !important;
font-size: 38px !important;
line-height: 38px !important;
font-weight: 700 !important;
}
.np-page-account-photos .np-photo-back-icon {
display: block !important;
width: 53px !important;
height: 43px !important;
color: #399d22 !important;
font-size: 53px !important;
line-height: 40px !important;
font-weight: 700 !important;
transform: rotate(14deg) !important;
}
/* MENSAJES */
.np-page-account-photos .np-photos-errors,
.np-page-account-photos .np-photos-success {
width: 430px !important;
margin: 0 auto 16px auto !important;
padding: 5px 8px !important;
box-sizing: border-box !important;
font-size: 11px !important;
line-height: 14px !important;
font-weight: 700 !important;
}
.np-page-account-photos .np-photos-errors {
border: 1px solid #dcb5b5 !important;
background: #fff0f0 !important;
color: #9b3232 !important;
}
.np-page-account-photos .np-photos-success {
border: 1px solid #b8d3ac !important;
background: #edf7e9 !important;
color: #497043 !important;
}
/* FOTOS */
.np-page-account-photos .np-photos-list {
margin-top: 10px !important;
}
.np-page-account-photos .np-photo-item {
display: grid !important;
grid-template-columns: 220px 95px !important;
column-gap: 24px !important;
align-items: center !important;
width: 340px !important;
margin: 0 auto 25px auto !important;
}
.np-page-account-photos .np-photo-preview {
width: 210px !important;
min-height: 190px !important;
text-align: center !important;
}
.np-page-account-photos .np-photo-preview img {
display: block !important;
width: 210px !important;
max-height: 285px !important;
object-fit: cover !important;
margin: 0 auto !important;
border: 0 !important;
}
/* CAMBIAR / BORRAR */
.np-page-account-photos .np-photo-item-actions {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 13px !important;
}
.np-page-account-photos .np-photo-item-actions form {
margin: 0 !important;
padding: 0 !important;
}
.np-page-account-photos .np-photo-change,
.np-page-account-photos .np-photo-delete {
appearance: none !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
line-height: 16px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.np-page-account-photos .np-photo-change {
color: #2782b6 !important;
}
.np-page-account-photos .np-photo-change-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 39px !important;
height: 39px !important;
margin-bottom: 1px !important;
border-radius: 50% !important;
background: linear-gradient(
#48a5db,
#1871b2
) !important;
color: #fff !important;
font-size: 31px !important;
line-height: 38px !important;
}
.np-page-account-photos .np-photo-delete {
color: #b44632 !important;
}
.np-page-account-photos .np-photo-delete img {
width: 38px !important;
height: 38px !important;
object-fit: contain !important;
margin-bottom: 1px !important;
}
/* SIN FOTOS */
.np-page-account-photos .np-photos-empty {
width: 400px !important;
margin: 45px auto 80px auto !important;
color: #666 !important;
font-size: 13px !important;
text-align: center !important;
}
/* RESPONSIVE */
@media (max-width: 768px) {
.np-page-account-photos .np-photos-wrap {
width: 100% !important;
margin-left: 0 !important;
}
.np-page-account-photos .np-photos-top {
display: block !important;
}
.np-page-account-photos .np-photos-heading {
margin: 12px 0 !important;
}
.np-page-account-photos .np-photos-top-actions {
justify-content: flex-start !important;
margin-bottom: 25px !important;
}
.np-page-account-photos .np-photo-item {
width: 100% !important;
grid-template-columns:
minmax(0, 1fr)
85px !important;
column-gap: 10px !important;
}
.np-page-account-photos .np-photo-preview,
.np-page-account-photos .np-photo-preview img {
width: 100% !important;
}
}
/* === END GESTION FOTOS PASION === */
/* === GALERIA GRANDE MIS ANUNCIOS === */
/* =========================================================
FOTO DEL ANUNCIO
========================================================= */
.np-page-account-ads
.np-account-photo-button {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
/*
* MANITA, NO LUPA
*/
cursor: pointer !important;
}
.np-page-account-ads
.np-account-photo-button img {
display: block !important;
width: 100% !important;
height: auto !important;
cursor: pointer !important;
}
.np-page-account-ads
.np-account-view-photos {
cursor: pointer !important;
}
/* =========================================================
LIGHTBOX
========================================================= */
body.np-photo-lightbox-open {
overflow: hidden !important;
}
.np-photo-lightbox {
display: none !important;
position: fixed !important;
z-index: 999999 !important;
inset: 0 !important;
box-sizing: border-box !important;
background:
rgba(
0,
0,
0,
.74
) !important;
align-items: center !important;
justify-content: center !important;
padding:
20px !important;
}
.np-photo-lightbox.is-open {
display: flex !important;
}
/* =========================================================
CONTENEDOR DE LA FOTO
========================================================= */
.np-photo-lightbox-window {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
max-width:
calc(100vw - 42px) !important;
max-height:
calc(100vh - 42px) !important;
margin: 0 !important;
padding:
13px !important;
box-sizing:
border-box !important;
background:
#fff !important;
border:
1px
solid
#bbb !important;
border-radius:
2px !important;
box-shadow:
0
4px
18px
rgba(0,0,0,.55) !important;
}
/* =========================================================
IMAGEN GRANDE
========================================================= */
.np-photo-lightbox-window
#np-photo-lightbox-image {
display: block !important;
width: auto !important;
height: auto !important;
max-width:
calc(100vw - 70px) !important;
max-height:
calc(100vh - 70px) !important;
object-fit:
contain !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
box-shadow:
none !important;
user-select:
none !important;
}
/* =========================================================
BOTÓN CERRAR
========================================================= */
.np-photo-lightbox-close {
position:
absolute !important;
z-index:
10 !important;
top:
-17px !important;
right:
-17px !important;
display:
flex !important;
align-items:
center !important;
justify-content:
center !important;
width:
31px !important;
height:
31px !important;
margin:
0 !important;
padding:
0
0
2px
0 !important;
border:
3px
solid
#fff !important;
border-radius:
50% !important;
background:
#292929 !important;
color:
#fff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
27px !important;
line-height:
25px !important;
font-weight:
400 !important;
cursor:
pointer !important;
box-shadow:
0
1px
3px
rgba(0,0,0,.75) !important;
}
.np-photo-lightbox-close:hover {
background:
#111 !important;
}
/* =========================================================
FLECHAS
========================================================= */
.np-photo-lightbox-arrow {
position:
absolute !important;
z-index:
9 !important;
top:
50% !important;
transform:
translateY(-50%) !important;
display:
flex !important;
align-items:
center !important;
justify-content:
center !important;
width:
31px !important;
height:
31px !important;
margin:
0 !important;
padding:
0
0
4px
0 !important;
border:
2px
solid
#fff !important;
border-radius:
50% !important;
background:
rgba(
22,
29,
31,
.92
) !important;
color:
#fff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
31px !important;
line-height:
26px !important;
font-weight:
400 !important;
cursor:
pointer !important;
box-shadow:
0
1px
3px
rgba(0,0,0,.55) !important;
}
.np-photo-lightbox-prev {
left:
20px !important;
}
.np-photo-lightbox-next {
right:
20px !important;
}
.np-photo-lightbox-arrow:hover {
background:
#111 !important;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 700px) {
.np-photo-lightbox {
padding:
12px !important;
}
.np-photo-lightbox-window {
max-width:
calc(100vw - 24px) !important;
max-height:
calc(100vh - 24px) !important;
padding:
7px !important;
}
.np-photo-lightbox-window
#np-photo-lightbox-image {
max-width:
calc(100vw - 38px) !important;
max-height:
calc(100vh - 38px) !important;
}
.np-photo-lightbox-close {
top:
-10px !important;
right:
-10px !important;
}
.np-photo-lightbox-prev {
left:
10px !important;
}
.np-photo-lightbox-next {
right:
10px !important;
}
}
/* === END GALERIA GRANDE MIS ANUNCIOS === */
/* === MENSAJES MIS ANUNCIOS === */
.np-page-ad-messages .np-messages-wrap {
width: 100% !important;
max-width: 760px !important;
margin: 0 auto 30px auto !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
color: #4b5149 !important;
}
/* =========================================================
FICHA DEL ANUNCIO
========================================================= */
.np-page-ad-messages .np-message-ad-card {
display: grid !important;
grid-template-columns:
minmax(0, 1fr)
350px !important;
gap: 8px !important;
align-items: start !important;
}
.np-page-ad-messages .np-message-description {
padding: 4px 2px 12px 2px !important;
font-size: 15px !important;
line-height: 20px !important;
color: #4c554b !important;
}
.np-page-ad-messages .np-message-tools {
display: grid !important;
grid-template-columns:
1fr
1fr !important;
gap: 6px !important;
}
.np-page-ad-messages .np-message-links,
.np-page-ad-messages .np-message-stats {
min-height: 120px !important;
box-sizing: border-box !important;
padding: 8px 10px !important;
border: 1px solid #c7d6c0 !important;
border-radius: 5px !important;
background: #f4fff0 !important;
box-shadow:
0 1px 2px rgba(0,0,0,.16) !important;
}
.np-page-ad-messages .np-message-links span {
display: block !important;
color: #518556 !important;
font-size: 15px !important;
line-height: 21px !important;
font-weight: 700 !important;
}
.np-page-ad-messages .np-message-stats {
font-size: 14px !important;
line-height: 20px !important;
}
.np-page-ad-messages .np-message-stats-title {
margin: -4px 0 3px 0 !important;
color: #639870 !important;
font-size: 14px !important;
text-align: right !important;
}
.np-page-ad-messages .np-message-stats strong {
display: inline-block !important;
min-width: 27px !important;
color: #455147 !important;
font-size: 15px !important;
}
/* FOTO */
.np-page-ad-messages .np-message-ad-photo {
position: relative !important;
text-align: right !important;
}
.np-page-ad-messages .np-message-photo-count {
margin: 0 3px 2px 0 !important;
color: #6b9870 !important;
font-size: 11px !important;
line-height: 14px !important;
font-weight: 700 !important;
text-align: right !important;
}
.np-page-ad-messages .np-message-ad-photo img {
display: block !important;
width: 100% !important;
max-height: 470px !important;
object-fit: contain !important;
background: #fff !important;
}
/* =========================================================
TÍTULO
========================================================= */
.np-page-ad-messages .np-messages-title {
margin: 10px 0 2px 0 !important;
color: #487a50 !important;
font-size: 21px !important;
line-height: 25px !important;
font-weight: 400 !important;
text-align: center !important;
letter-spacing: .3px !important;
}
/* =========================================================
MENSAJE
========================================================= */
.np-page-ad-messages .np-message-item {
margin-bottom: 7px !important;
padding: 5px 5px 8px 5px !important;
border: 1px solid #e0cfc8 !important;
background: #fff0ed !important;
}
.np-page-ad-messages .np-message-item.is-read {
background: #f8f3f1 !important;
}
.np-page-ad-messages .np-message-item.is-unread {
background: #fff0ed !important;
}
.np-page-ad-messages .np-message-head {
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
gap: 10px !important;
}
.np-page-ad-messages .np-message-subject {
color: #525052 !important;
font-size: 16px !important;
line-height: 20px !important;
font-weight: 400 !important;
}
.np-page-ad-messages .np-message-head-right {
display: flex !important;
align-items: flex-start !important;
gap: 7px !important;
}
.np-page-ad-messages .np-message-date {
color: #a0504e !important;
font-size: 12px !important;
line-height: 18px !important;
white-space: nowrap !important;
}
.np-page-ad-messages .np-message-state-form {
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
}
.np-page-ad-messages .np-message-state-form label {
color: #666 !important;
font-size: 10px !important;
text-align: center !important;
}
.np-page-ad-messages .np-message-state-form select {
height: 22px !important;
border: 1px solid #7f957a !important;
background: #dff0d7 !important;
color: #416543 !important;
font-size: 12px !important;
}
/* TEXTO */
.np-page-ad-messages .np-message-body {
min-height: 45px !important;
padding: 13px 0 10px 0 !important;
color: #526254 !important;
font-size: 14px !important;
line-height: 19px !important;
}
/* PIE MENSAJE */
.np-page-ad-messages .np-message-footer {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 35px !important;
}
.np-page-ad-messages .np-message-sender {
color: #51775a !important;
font-size: 12px !important;
}
.np-page-ad-messages .np-message-sender strong {
margin-right: 15px !important;
color: #57526c !important;
font-size: 13px !important;
}
.np-page-ad-messages .np-message-spam {
border: 0 !important;
padding: 0 !important;
background: transparent !important;
color: #5b8c64 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.np-page-ad-messages .np-message-spam:hover {
text-decoration: underline !important;
}
/* VACÍO */
.np-page-ad-messages .np-messages-empty {
padding: 20px !important;
border: 1px solid #d5ddd0 !important;
background: #f7faf5 !important;
color: #666 !important;
font-size: 13px !important;
text-align: center !important;
}
.np-page-ad-messages .np-message-success {
margin: 4px 0 8px 0 !important;
padding: 5px 8px !important;
border: 1px solid #b8d3ac !important;
background: #edf7e9 !important;
color: #497043 !important;
font-size: 11px !important;
font-weight: 700 !important;
}
.np-page-ad-messages .np-message-back {
margin-top: 16px !important;
text-align: center !important;
}
.np-page-ad-messages .np-message-back a {
color: #6a3e68 !important;
font-size: 12px !important;
}
/* RESPONSIVE */
@media (max-width: 760px) {
.np-page-ad-messages .np-message-ad-card {
display: block !important;
}
.np-page-ad-messages .np-message-ad-photo {
margin-top: 10px !important;
}
.np-page-ad-messages .np-message-ad-photo img {
max-height: 70vh !important;
}
.np-page-ad-messages .np-message-tools {
grid-template-columns: 1fr !important;
}
.np-page-ad-messages .np-message-head {
display: block !important;
}
.np-page-ad-messages .np-message-head-right {
margin-top: 5px !important;
justify-content: space-between !important;
}
}
/* === END MENSAJES MIS ANUNCIOS === */
/* === BORRAR MENSAJES === */
.np-page-ad-messages .np-message-actions {
display: flex !important;
align-items: center !important;
gap: 17px !important;
}
.np-page-ad-messages .np-message-actions form {
margin: 0 !important;
padding: 0 !important;
}
.np-page-ad-messages .np-message-delete {
border: 0 !important;
padding: 0 !important;
background: transparent !important;
color: #a34d4d !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.np-page-ad-messages .np-message-delete:hover {
text-decoration: underline !important;
}
/* === END BORRAR MENSAJES === */
/* === MENSAJES FICHA CENTRADA === */
/* CONTENIDO GENERAL */
.np-page-ad-messages .np-messages-wrap {
width: 620px !important;
max-width:
calc(100% - 10px) !important;
margin:
8px
auto
30px
auto !important;
}
/* =========================================================
FICHA DEL ANUNCIO
========================================================= */
.np-page-ad-messages
.np-message-ad-card {
display: flex !important;
flex-direction:
column !important;
align-items:
center !important;
width:
100% !important;
gap:
12px !important;
}
/* TEXTO */
.np-page-ad-messages
.np-message-ad-copy {
width:
100% !important;
text-align:
center !important;
}
.np-page-ad-messages
.np-message-description {
width:
100% !important;
box-sizing:
border-box !important;
padding:
5px
10px
11px
10px !important;
text-align:
center !important;
font-size:
15px !important;
line-height:
20px !important;
}
/* =========================================================
ACCIONES + ESTADÍSTICAS
========================================================= */
.np-page-ad-messages
.np-message-tools {
display: grid !important;
grid-template-columns:
180px
180px !important;
justify-content:
center !important;
gap:
8px !important;
width:
100% !important;
margin:
0
auto
7px
auto !important;
}
.np-page-ad-messages
.np-message-links,
.np-page-ad-messages
.np-message-stats {
width:
180px !important;
min-height:
118px !important;
box-sizing:
border-box !important;
text-align:
left !important;
}
.np-page-ad-messages
.np-message-stats-title {
text-align:
center !important;
}
/* =========================================================
FOTO DEBAJO Y CENTRADA
========================================================= */
.np-page-ad-messages
.np-message-ad-photo {
width:
500px !important;
max-width:
100% !important;
margin:
0
auto
4px
auto !important;
text-align:
center !important;
}
.np-page-ad-messages
.np-message-photo-count {
width:
100% !important;
margin:
0
0
3px
0 !important;
text-align:
right !important;
font-size:
11px !important;
}
.np-page-ad-messages
.np-message-ad-photo img {
display:
block !important;
width:
auto !important;
height:
auto !important;
max-width:
500px !important;
max-height:
520px !important;
margin:
0
auto !important;
object-fit:
contain !important;
}
/* =========================================================
MENSAJES RECIBIDOS
========================================================= */
.np-page-ad-messages
.np-messages-title {
width:
100% !important;
margin:
10px
auto
4px
auto !important;
text-align:
center !important;
font-size:
21px !important;
line-height:
25px !important;
}
.np-page-ad-messages
.np-message-list {
width:
100% !important;
margin:
0
auto !important;
}
.np-page-ad-messages
.np-message-item {
width:
100% !important;
box-sizing:
border-box !important;
}
/* VOLVER */
.np-page-ad-messages
.np-message-back {
width:
100% !important;
margin-top:
15px !important;
text-align:
center !important;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 700px) {
.np-page-ad-messages
.np-messages-wrap {
width:
100% !important;
max-width:
100% !important;
}
.np-page-ad-messages
.np-message-tools {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr) !important;
width:
100% !important;
}
.np-page-ad-messages
.np-message-links,
.np-page-ad-messages
.np-message-stats {
width:
100% !important;
}
.np-page-ad-messages
.np-message-ad-photo {
width:
100% !important;
}
.np-page-ad-messages
.np-message-ad-photo img {
max-width:
100% !important;
max-height:
70vh !important;
}
}
/* === END MENSAJES FICHA CENTRADA === */
/* === FICHA PUBLICA NEWPASION === */
.np-page-public-ad .np-public-ad-wrap {
width: 100% !important;
max-width: 720px !important;
margin: 0 auto 35px auto !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
color: #4b4048 !important;
}
/* MIGAS */
.np-public-breadcrumb {
margin: 4px 0 5px 0 !important;
color: #666 !important;
font-size: 12px !important;
}
.np-public-breadcrumb a {
color: #696969 !important;
text-decoration: none !important;
}
/* FRANJA */
.np-public-ad-strip {
display: grid !important;
grid-template-columns:
135px
1fr
110px !important;
align-items: center !important;
min-height: 24px !important;
padding: 0 7px !important;
box-sizing: border-box !important;
border-radius: 4px !important;
background:
#f5dcec !important;
color:
#b04c88 !important;
font-size:
12px !important;
}
.np-public-ad-place {
text-align:
center !important;
font-weight:
700 !important;
}
.np-public-auto-renew {
color:
#e00035 !important;
font-size:
10px !important;
font-weight:
700 !important;
text-align:
right !important;
}
/* TÍTULO */
.np-public-ad-title {
margin:
5px
0
4px
0 !important;
padding:
5px
8px !important;
background:
#f9d9f4 !important;
color:#884D80 !important;
font-family:Verdana, Arial, sans-serif !important;
font-size:16px !important;
line-height:19px !important;
font-weight:700 !important;
text-align:center !important;
text-decoration:none !important;
}
/* TEXTO */
.np-public-ad-description {
margin:
6px
2px
10px
2px !important;
color:
#4d4d4d !important;
font-size:
15px !important;
line-height:
21px !important;
}
.np-public-ad-age {
white-space:
nowrap !important;
}
/* ACCIONES */
.np-public-ad-actions {
display:
flex !important;
flex-wrap:
wrap !important;
align-items:
center !important;
gap:
13px !important;
margin:
13px
4px
17px
4px !important;
}
.np-public-ad-actions a,
.np-public-contact-trigger {
border:
0 !important;
padding:
0 !important;
background:
transparent !important;
color:
#4c4249 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
13px !important;
line-height:
18px !important;
text-decoration:
none !important;
cursor:
pointer !important;
}
.np-public-ad-actions a:hover,
.np-public-contact-trigger:hover {
text-decoration:
underline !important;
}
.np-public-phone {
color:
#555 !important;
font-size:
13px !important;
font-weight:
700 !important;
}
/* FOTO PRINCIPAL */
.np-public-photo-area {
width:
100% !important;
text-align:
center !important;
}
.np-public-photo-count {
width:
min(
600px,
100%
) !important;
margin:
0
auto
3px
auto !important;
color:
#59835b !important;
font-size:
11px !important;
font-weight:
700 !important;
text-align:
right !important;
}
.np-public-main-photo {
display:
block !important;
width:
fit-content !important;
max-width:
100% !important;
margin:
0
auto !important;
padding:
0 !important;
border:
0 !important;
background:
transparent !important;
cursor:
pointer !important;
}
.np-public-main-photo img {
display:
block !important;
width:
auto !important;
height:
auto !important;
max-width:
600px !important;
max-height:
780px !important;
margin:
0
auto !important;
object-fit:
contain !important;
cursor:
pointer !important;
}
/* MINIATURAS */
.np-public-thumbnails {
display:
flex !important;
justify-content:
center !important;
gap:
5px !important;
margin-top:
8px !important;
}
.np-public-thumb {
width:
60px !important;
height:
60px !important;
margin:
0 !important;
padding:
2px !important;
border:
1px
solid
#c59abd !important;
background:
white !important;
cursor:
pointer !important;
}
.np-public-thumb img {
width:
100% !important;
height:
100% !important;
object-fit:
cover !important;
}
/* SIN FOTO */
.np-public-no-photo {
margin:
40px
auto !important;
color:
#777 !important;
font-size:
13px !important;
text-align:
center !important;
}
/* MENSAJE ENVIADO */
.np-public-contact-success {
margin:
8px
auto
14px
auto !important;
padding:
6px
10px !important;
border:
1px
solid
#b7d1aa !important;
background:
#edf8e9 !important;
color:
#497348 !important;
font-size:
12px !important;
text-align:
center !important;
}
/* =========================================================
CONTACTAR
========================================================= */
.np-public-contact-modal {
display:
none !important;
position:
fixed !important;
z-index:
950000 !important;
inset:
0 !important;
align-items:
center !important;
justify-content:
center !important;
padding:
15px !important;
background:
rgba(
0,
0,
0,
.68
) !important;
}
.np-public-contact-modal.is-open {
display:
flex !important;
}
.np-public-contact-box {
position:
relative !important;
width:
390px !important;
max-width:
calc(100vw - 30px) !important;
padding:
20px !important;
box-sizing:
border-box !important;
border:
1px
solid
#b8a3b4 !important;
background:
#fff !important;
box-shadow:
0
4px
18px
rgba(0,0,0,.55) !important;
}
.np-public-contact-close {
position:
absolute !important;
top:
3px !important;
right:
7px !important;
border:
0 !important;
background:
transparent !important;
color:
#6e2c5f !important;
font-size:
25px !important;
cursor:
pointer !important;
}
.np-public-contact-title {
margin-bottom:
13px !important;
color:
#8c3c79 !important;
font-size:
17px !important;
font-weight:
700 !important;
}
.np-public-contact-box label {
display:
block !important;
margin:
8px
0
2px
0 !important;
color:
#555 !important;
font-size:
12px !important;
font-weight:
700 !important;
}
.np-public-contact-box input,
.np-public-contact-box textarea {
width:
100% !important;
box-sizing:
border-box !important;
border:
1px
solid
#aaa !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
13px !important;
}
.np-public-contact-box input {
height:
27px !important;
}
.np-public-contact-box textarea {
height:
115px !important;
resize:
vertical !important;
}
.np-public-contact-submit {
display:
block !important;
margin:
14px
auto
0
auto !important;
padding:
5px
15px !important;
border:
1px
solid
#945681 !important;
background:
#ead7e7 !important;
color:
#70275f !important;
font-size:
12px !important;
font-weight:
700 !important;
cursor:
pointer !important;
}
.np-public-honeypot {
position:
absolute !important;
left:
-99999px !important;
width:
1px !important;
height:
1px !important;
opacity:
0 !important;
}
.np-public-contact-errors {
margin-bottom:
8px !important;
padding:
5px
8px !important;
background:
#fff0f0 !important;
color:
#a13838 !important;
font-size:
11px !important;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 700px) {
.np-public-ad-strip {
grid-template-columns:
auto
1fr !important;
}
.np-public-auto-renew {
display:
none !important;
}
.np-public-ad-title {
font-size:
20px !important;
line-height:
24px !important;
}
.np-public-main-photo img {
max-width:
100% !important;
max-height:
75vh !important;
}
}
/* === END FICHA PUBLICA NEWPASION === */
/* === CONTACTO DATOS ANUNCIO === */
/* MODAL MÁS PARECIDO A LA REFERENCIA */
.np-public-contact-box {
width:
480px !important;
min-height:
430px !important;
max-height:
calc(100vh - 50px) !important;
overflow-y:
auto !important;
padding:
28px
25px
30px
25px !important;
border-radius:
3px !important;
background:
#fff !important;
}
/* X CIRCULAR */
.np-public-contact-close {
top:
-17px !important;
right:
-17px !important;
display:
flex !important;
align-items:
center !important;
justify-content:
center !important;
width:
30px !important;
height:
30px !important;
padding:
0
0
2px
0 !important;
border:
3px
solid
#fff !important;
border-radius:
50% !important;
background:
#292929 !important;
color:
#fff !important;
font-size:
25px !important;
line-height:
24px !important;
box-shadow:
0
1px
3px
rgba(0,0,0,.7) !important;
}
/* TÍTULO */
.np-public-contact-title {
margin:
0
0
19px
0 !important;
color:
#383838 !important;
font-size:
22px !important;
line-height:
26px !important;
font-weight:
700 !important;
}
/* NOMBRE */
.np-contact-person {
margin-bottom:
10px !important;
color:
#cc0088 !important;
font-size:
13px !important;
font-weight:
700 !important;
}
/* ENVIAR EMAIL */
.np-contact-email-trigger {
display:
inline-flex !important;
align-items:
center !important;
gap:
5px !important;
margin:
0
0
14px
0 !important;
padding:
0 !important;
border:
0 !important;
background:
transparent !important;
color:
#d00091 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
14px !important;
cursor:
pointer !important;
}
.np-contact-email-trigger:hover {
text-decoration:
underline !important;
}
.np-contact-email-icon {
color:
#aaa !important;
}
/* TELÉFONO */
.np-contact-phone-block {
margin:
4px
0
14px
0 !important;
color:
#444 !important;
font-size:
13px !important;
}
.np-contact-phone-block > strong {
display:
block !important;
margin-bottom:
8px !important;
}
.np-contact-phone-line {
display:
flex !important;
align-items:
center !important;
gap:
10px !important;
}
.np-contact-phone-number {
color:
#d00091 !important;
font-size:
14px !important;
text-decoration:
none !important;
cursor:
pointer !important;
}
.np-contact-phone-number:hover {
text-decoration:
underline !important;
}
/* WHATSAPP */
.np-contact-whatsapp {
display:
flex !important;
align-items:
center !important;
justify-content:
center !important;
width:
19px !important;
height:
19px !important;
border-radius:
50% !important;
background:
#35c759 !important;
color:
#fff !important;
font-size:
0 !important;
text-decoration:
none !important;
}
.np-contact-whatsapp::after {
content:
"☎" !important;
font-size:
11px !important;
transform:
rotate(-18deg) !important;
}
/* HORARIO */
.np-contact-schedule {
margin-top:
3px !important;
color:
#888 !important;
font-size:
10px !important;
}
/* SIN TELÉFONO */
.np-contact-no-phone {
margin-top:
8px !important;
color:
#777 !important;
font-size:
12px !important;
}
/* =========================================================
FORMULARIO EMAIL
========================================================= */
.np-contact-email-form {
display:
none;
}
.np-contact-back {
display:
block !important;
margin:
0
0
13px
0 !important;
padding:
0 !important;
border:
0 !important;
background:
transparent !important;
color:
#9b4e83 !important;
font-size:
11px !important;
cursor:
pointer !important;
}
.np-contact-back:hover {
text-decoration:
underline !important;
}
/* MÓVIL */
@media (max-width: 550px) {
.np-public-contact-box {
width:
calc(100vw - 30px) !important;
min-height:
380px !important;
padding:
24px
18px !important;
}
.np-public-contact-close {
top:
-10px !important;
right:
-10px !important;
}
}
/* === END CONTACTO DATOS ANUNCIO === */
/* === CONTACTAR PASION DEFINITIVO === */
/* =========================================================
CONTACTAR: SOBRE + TELÉFONO
========================================================= */
.np-page-public-ad .np-public-contact-trigger {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #65385f !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 13px !important;
line-height: 17px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.np-page-public-ad .np-public-contact-icons {
display: inline-flex !important;
align-items: center !important;
gap: 0 !important;
margin-right: 1px !important;
}
.np-page-public-ad .np-contact-envelope-icon {
display: inline-block !important;
color: #555 !important;
font-size: 14px !important;
line-height: 14px !important;
}
.np-page-public-ad .np-contact-phone-icon {
display: inline-block !important;
position: relative !important;
left: -1px !important;
color: #555 !important;
font-size: 12px !important;
line-height: 12px !important;
transform: rotate(-18deg) !important;
}
/* =========================================================
OVERLAY
========================================================= */
.np-public-contact-modal {
display: none !important;
position: fixed !important;
z-index: 999999 !important;
inset: 0 !important;
width: 100vw !important;
height: 100vh !important;
padding: 0 !important;
margin: 0 !important;
background:
rgba(0, 0, 0, .70) !important;
align-items: center !important;
justify-content: center !important;
}
.np-public-contact-modal.is-open {
display: flex !important;
}
/* =========================================================
CAJA COMO LA ANTIGUA PASION
========================================================= */
.np-public-contact-modal .np-public-contact-box {
position: relative !important;
width: 350px !important;
height: 520px !important;
min-width: 0 !important;
min-height: 0 !important;
max-width:
calc(100vw - 30px) !important;
max-height:
calc(100vh - 30px) !important;
box-sizing: border-box !important;
margin: 0 !important;
padding:
38px
30px
26px
30px !important;
overflow-y: auto !important;
border:
2px
solid
#ffffff !important;
border-radius: 0 !important;
background:
#d3bdd0 !important;
box-shadow:
0
2px
7px
rgba(0,0,0,.75) !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
}
/* =========================================================
CERRAR [X]
========================================================= */
.np-public-contact-modal .np-public-contact-close {
position: absolute !important;
top: 1px !important;
right: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #66395f !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 13px !important;
line-height: 18px !important;
font-weight: 700 !important;
box-shadow: none !important;
cursor: pointer !important;
}
/* =========================================================
TÍTULO
========================================================= */
.np-public-contact-modal .np-public-contact-title {
margin:
0
0
18px
0 !important;
padding: 0 !important;
color: #413c40 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 20px !important;
line-height: 24px !important;
font-weight: 700 !important;
text-align: left !important;
}
/* =========================================================
NOMBRE
========================================================= */
.np-public-contact-modal .np-contact-person {
margin:
0
0
10px
0 !important;
color: #a10076 !important;
font-size: 13px !important;
line-height: 17px !important;
font-weight: 700 !important;
}
/* =========================================================
ENVIAR EMAIL
========================================================= */
.np-public-contact-modal .np-contact-email-trigger {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
margin:
0
0
16px
0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #b00082 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 13px !important;
line-height: 17px !important;
cursor: pointer !important;
}
.np-public-contact-modal .np-contact-email-icon {
color: #777 !important;
}
/* =========================================================
TELÉFONOS
========================================================= */
.np-public-contact-modal .np-contact-phone-block {
margin:
0
0
16px
0 !important;
padding: 0 !important;
color: #444 !important;
font-size: 13px !important;
}
.np-public-contact-modal
.np-contact-phone-block > strong {
display: block !important;
margin:
0
0
8px
0 !important;
color: #444 !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.np-public-contact-modal .np-contact-phone-line {
display: flex !important;
align-items: center !important;
gap: 9px !important;
}
.np-public-contact-modal .np-contact-phone-number {
color: #b00082 !important;
font-size: 14px !important;
line-height: 18px !important;
text-decoration: none !important;
cursor: pointer !important;
}
.np-public-contact-modal
.np-contact-phone-number:hover {
text-decoration: underline !important;
}
.np-public-contact-modal .np-contact-schedule {
margin-top: 3px !important;
color: #6d5e69 !important;
font-size: 10px !important;
}
/* =========================================================
WHATSAPP
========================================================= */
.np-public-contact-modal .np-contact-whatsapp {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
border-radius: 50% !important;
background: #39c75a !important;
color: #fff !important;
font-size: 0 !important;
text-decoration: none !important;
}
.np-public-contact-modal
.np-contact-whatsapp::after {
content: "☎" !important;
color: #fff !important;
font-size: 10px !important;
transform: rotate(-18deg) !important;
}
/* =========================================================
FORMULARIO EMAIL
========================================================= */
.np-public-contact-modal .np-contact-email-form {
display: none;
}
.np-public-contact-modal .np-contact-back {
display: block !important;
margin:
-13px
0
14px
0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #724266 !important;
font-size: 11px !important;
cursor: pointer !important;
}
.np-public-contact-modal
.np-public-contact-box label {
display: block !important;
margin:
7px
0
2px
0 !important;
color: #544852 !important;
font-size: 11px !important;
font-weight: 700 !important;
}
.np-public-contact-modal
.np-public-contact-box input,
.np-public-contact-modal
.np-public-contact-box textarea {
width: 100% !important;
box-sizing: border-box !important;
border:
1px
solid
#927f8f !important;
background:
#f8f2f7 !important;
color: #444 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 12px !important;
}
.np-public-contact-modal
.np-public-contact-box input {
height: 24px !important;
}
.np-public-contact-modal
.np-public-contact-box textarea {
height: 105px !important;
}
.np-public-contact-modal
.np-public-contact-submit {
display: block !important;
margin:
13px
auto
0
auto !important;
padding:
4px
12px !important;
border:
1px
solid
#805675 !important;
background:
#eee0eb !important;
color: #653c5c !important;
font-size: 11px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 450px) {
.np-public-contact-modal
.np-public-contact-box {
width:
calc(100vw - 24px) !important;
height:
min(
520px,
calc(100vh - 24px)
) !important;
padding:
38px
20px
22px
20px !important;
}
}
/* === END CONTACTAR PASION DEFINITIVO === */
/* === FIX ICONOS CONTACTAR === */
.np-page-public-ad .np-public-contact-icons {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 2px !important;
margin-right: 3px !important;
width: auto !important;
}
.np-page-public-ad .np-contact-envelope-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 14px !important;
height: 15px !important;
flex: 0 0 14px !important;
color: #555 !important;
font-size: 14px !important;
line-height: 15px !important;
}
.np-page-public-ad .np-contact-phone-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
width: 13px !important;
height: 15px !important;
flex: 0 0 13px !important;
margin: 0 !important;
color: #555 !important;
font-size: 12px !important;
line-height: 15px !important;
transform: rotate(-18deg) !important;
}
/* === END FIX ICONOS CONTACTAR === */
/* === TELEFONO SVG CONTACTAR === */
.np-page-public-ad
.np-public-contact-icons {
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
margin-right: 3px !important;
vertical-align: middle !important;
}
.np-page-public-ad
.np-contact-envelope-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 14px !important;
height: 14px !important;
flex: 0 0 14px !important;
color: #555 !important;
font-size: 13px !important;
line-height: 14px !important;
transform: none !important;
}
.np-page-public-ad
.np-contact-phone-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
width: 14px !important;
height: 14px !important;
flex: 0 0 14px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
}
.np-page-public-ad
.np-contact-phone-svg {
display: block !important;
width: 13px !important;
height: 13px !important;
margin: 0 !important;
padding: 0 !important;
fill: #555 !important;
transform: none !important;
}
/* === END TELEFONO SVG CONTACTAR === */
/* === ICONOS REALES FICHA PUBLICA === */
/* =========================================================
BARRA
========================================================= */
.np-page-public-ad
.np-public-ad-actions {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 12px !important;
margin:
13px
4px
17px
4px !important;
}
/* TODOS LOS ENLACES */
.np-page-public-ad
.np-public-contact-trigger,
.np-page-public-ad
.np-public-action-link {
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #65385f !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 13px !important;
line-height: 17px !important;
font-weight: 400 !important;
text-decoration: none !important;
cursor: pointer !important;
}
/* CONTACTAR EN NEGRITA COMO PASION */
.np-page-public-ad
.np-public-contact-trigger {
font-weight: 700 !important;
}
.np-page-public-ad
.np-public-contact-trigger:hover,
.np-page-public-ad
.np-public-action-link:hover {
text-decoration: underline !important;
}
/* =========================================================
ICONOS GENERALES
========================================================= */
.np-page-public-ad
.np-action-icon {
display: block !important;
width: 15px !important;
height: 15px !important;
min-width: 15px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
vertical-align: middle !important;
transform: none !important;
}
/* =========================================================
SOBRE + TELÉFONO
========================================================= */
.np-page-public-ad
.np-public-contact-icons {
display: inline-flex !important;
align-items: center !important;
gap: 2px !important;
width: auto !important;
margin: 0 1px 0 0 !important;
}
.np-page-public-ad
.np-action-icon-envelope {
width: 17px !important;
height: 14px !important;
min-width: 17px !important;
}
.np-page-public-ad
.np-action-icon-phone {
width: 14px !important;
height: 14px !important;
min-width: 14px !important;
/*
* El PNG ya tiene la orientación correcta.
*/
transform: none !important;
}
/* COMPARTIR */
.np-page-public-ad
.np-action-icon-share {
width: 15px !important;
height: 15px !important;
}
/* FAVORITO */
.np-page-public-ad
.np-action-icon-favorite {
width: 15px !important;
height: 15px !important;
}
/* DENUNCIAR */
.np-page-public-ad
.np-action-icon-report {
width: 15px !important;
height: 15px !important;
}
/* =========================================================
ANULAR TELÉFONO ANTIGUO SVG / TEXTO
========================================================= */
.np-page-public-ad
.np-contact-phone-svg {
display: none !important;
}
/* === END ICONOS REALES FICHA PUBLICA === */
/* === LISTADOS PUBLICOS PASION === */
.np-page-public-listing .np-listing-wrap {
width: 100% !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
}
/* =========================================================
BUSCADOR
========================================================= */
.np-listing-search-title {
width: 220px !important;
margin:
3px
0
0
auto !important;
padding:
2px
8px !important;
box-sizing:
border-box !important;
background:
#ad86ac !important;
color:
#fff !important;
font-size:
12px !important;
font-weight:
700 !important;
text-align:
right !important;
}
.np-listing-search {
margin-bottom:
4px !important;
padding:
5px !important;
border:
1px
solid
#ead6e6 !important;
border-radius:
4px !important;
background:
#fbf0f8 !important;
color:
#4d2346 !important;
font-size:
11px !important;
}
.np-listing-search-row {
display:
flex !important;
align-items:
center !important;
gap:
5px !important;
margin-bottom:
5px !important;
}
.np-listing-search select,
.np-listing-search input {
height:
22px !important;
box-sizing:
border-box !important;
border:
1px
solid
#7e3771 !important;
background:
#fff !important;
color:
#43163c !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
}
.np-listing-category-select,
.np-listing-province-select {
width:
170px !important;
font-weight:
700 !important;
}
.np-listing-words-row label {
min-width:
180px !important;
text-align:
right !important;
}
.np-listing-words-row input {
width:
190px !important;
}
.np-listing-lower-row {
justify-content:
center !important;
}
.np-listing-search button {
margin-left:
auto !important;
padding:
2px
12px !important;
border:
1px
solid
#62315b !important;
border-radius:
9px !important;
background:
#72426d !important;
color:
#fff !important;
font-size:
11px !important;
font-weight:
700 !important;
cursor:
pointer !important;
}
/* RESULTADOS */
.np-listing-found {
margin:
3px
0
4px
0 !important;
color:
#ac6092 !important;
font-size:
12px !important;
text-align:
center !important;
}
/* =========================================================
ANUNCIO
========================================================= */
.np-listing-ad {
margin:
0
0
11px
0 !important;
padding-bottom:
7px !important;
border-bottom:
1px
solid
#eadce7 !important;
}
.np-listing-ad-strip {
display:
grid !important;
grid-template-columns:
1fr
180px !important;
min-height:
24px !important;
align-items:
center !important;
padding:
0
8px !important;
box-sizing:
border-box !important;
border:
1px
solid
#e7d0e2 !important;
border-radius:
4px !important;
background:
#f5e6f1 !important;
color:
#ad5c91 !important;
font-size:
12px !important;
}
.np-listing-location {
text-align:
center !important;
}
.np-listing-reference {
text-align:
right !important;
font-size:
10px !important;
}
.np-listing-reference strong {
margin-left:
5px !important;
color:
#e00022 !important;
font-size:
9px !important;
}
/* CUERPO */
.np-listing-ad-content {
display:
grid !important;
grid-template-columns:
minmax(0, 1fr)
135px !important;
gap:
8px !important;
min-height:
145px !important;
padding-top:
4px !important;
}
.np-listing-title {
display:
block !important;
margin-bottom:
2px !important;
color:
#3b082f !important;
font-size:
14px !important;
line-height:
17px !important;
font-weight:
700 !important;
text-decoration:
none !important;
}
.np-listing-title:hover {
text-decoration:
underline !important;
}
.np-listing-description {
color:
#8d426f !important;
font-size:
12px !important;
line-height:
15px !important;
}
.np-listing-description span {
color:
#73345d !important;
white-space:
nowrap !important;
}
/* VER FOTOS */
.np-listing-view-photos {
display:
inline-block !important;
margin-top:
10px !important;
padding:
2px
7px !important;
border:
1px
solid
#d58ade !important;
border-radius:
3px !important;
color:
#a54dab !important;
font-size:
10px !important;
line-height:
9px !important;
text-align:
center !important;
text-decoration:
none !important;
}
/* FOTO */
.np-listing-photo {
position:
relative !important;
display:
block !important;
width:
125px !important;
height:
145px !important;
margin-left:
auto !important;
overflow:
hidden !important;
text-decoration:
none !important;
}
.np-listing-photo img {
display:
block !important;
width:
100% !important;
height:
100% !important;
object-fit:
cover !important;
cursor:
pointer !important;
}
.np-listing-photo span {
position:
absolute !important;
right:
2px !important;
bottom:
2px !important;
padding:
0
3px !important;
background:
rgba(40,40,40,.78) !important;
color:
#fff !important;
font-size:
9px !important;
font-weight:
700 !important;
}
/* =========================================================
ACCIONES
========================================================= */
.np-listing-actions {
display:
flex !important;
align-items:
center !important;
flex-wrap:
wrap !important;
gap:
10px !important;
margin-top:
4px !important;
}
.np-listing-actions a {
display:
inline-flex !important;
align-items:
center !important;
gap:
2px !important;
color:
#9b4b80 !important;
font-size:
12px !important;
text-decoration:
none !important;
}
.np-listing-actions a:hover {
text-decoration:
underline !important;
}
.np-listing-actions img {
display:
block !important;
width:
14px !important;
height:
14px !important;
object-fit:
contain !important;
}
.np-listing-contact img {
width:
13px !important;
height:
13px !important;
}
/* VACÍO */
.np-listing-empty {
margin:
30px
0 !important;
color:
#777 !important;
font-size:
13px !important;
text-align:
center !important;
}
/* PAGINACIÓN */
.np-listing-pagination {
display:
flex !important;
justify-content:
center !important;
align-items:
center !important;
gap:
15px !important;
margin:
18px
0 !important;
font-size:
11px !important;
}
.np-listing-pagination a {
color:
#934b7c !important;
}
.np-listing-pagination
.is-disabled {
color:
#aaa !important;
}
/* RESPONSIVE */
@media (max-width: 650px) {
.np-listing-search-row {
flex-wrap:
wrap !important;
}
.np-listing-category-select,
.np-listing-province-select {
width:
100% !important;
}
.np-listing-words-row label {
width:
100% !important;
min-width:
0 !important;
text-align:
left !important;
}
.np-listing-words-row input {
width:
100% !important;
}
.np-listing-ad-content {
grid-template-columns:
minmax(0, 1fr)
100px !important;
}
.np-listing-photo {
width:
95px !important;
height:
125px !important;
}
.np-listing-actions {
gap:
7px !important;
}
}
/* === END LISTADOS PUBLICOS PASION === */
/* === LISTADO PASION FIDELIDAD === */
/* =========================================================
CABECERA DE CATEGORÍA
========================================================= */
.np-page-public-listing
.np-category-header {
padding:
3px
0
0
0 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
}
.np-page-public-listing
.np-category-header-path {
color:
#8e4176 !important;
font-size:
12px !important;
line-height:
15px !important;
}
.np-page-public-listing
.np-category-header-path strong {
color:
#6e275e !important;
font-size:
13px !important;
}
.np-page-public-listing
.np-category-header-description {
margin-top:
1px !important;
color:
#a35a89 !important;
font-size:
10px !important;
line-height:
13px !important;
}
/* =========================================================
CONTENEDOR
========================================================= */
.np-page-public-listing
.np-listing-wrap {
width:
100% !important;
margin:
0 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
}
/* =========================================================
BUSCANUNCIOS
========================================================= */
.np-page-public-listing
.np-listing-search-title {
width:
218px !important;
height:
18px !important;
box-sizing:
border-box !important;
margin:
3px
0
0
auto !important;
padding:
2px
8px
0
8px !important;
background:
#ad88ad !important;
color:
#fff !important;
font-size:
12px !important;
line-height:
15px !important;
font-weight:
700 !important;
text-align:
right !important;
}
.np-page-public-listing
.np-listing-search {
min-height:
83px !important;
box-sizing:
border-box !important;
margin:
0
0
3px
0 !important;
padding:
5px
4px
4px
4px !important;
border:
1px
solid
#ead8e7 !important;
border-radius:
4px !important;
background:
#faf0f8 !important;
color:
#471b40 !important;
font-size:
11px !important;
}
.np-listing-search-top {
display:
flex !important;
gap:
5px !important;
margin-bottom:
5px !important;
}
.np-listing-search-top select {
width:
170px !important;
height:
22px !important;
border:
1px
solid
#79366e !important;
background:
#fff !important;
color:
#42133b !important;
font-size:
11px !important;
font-weight:
700 !important;
}
.np-listing-search-words {
display:
flex !important;
align-items:
center !important;
gap:
5px !important;
margin-bottom:
5px !important;
}
.np-listing-search-words label {
width:
181px !important;
text-align:
right !important;
}
.np-listing-search-words input {
width:
158px !important;
height:
21px !important;
box-sizing:
border-box !important;
border:
1px
solid
#79366e !important;
}
.np-listing-search-bottom {
display:
flex !important;
align-items:
center !important;
gap:
4px !important;
}
.np-listing-search-bottom label {
margin-left:
28px !important;
}
.np-listing-search-bottom select {
height:
21px !important;
border:
1px
solid
#79366e !important;
background:
#fff !important;
color:
#42133b !important;
font-size:
11px !important;
}
.np-listing-search-bottom
select[name="age_from"],
.np-listing-search-bottom
select[name="age_to"] {
width:
58px !important;
}
.np-listing-search-bottom
select[name="order"] {
width:
120px !important;
margin-left:
6px !important;
}
.np-listing-search-bottom button {
margin-left:
auto !important;
min-width:
74px !important;
height:
20px !important;
padding:
0
10px !important;
border:
1px
solid
#5e2c57 !important;
border-radius:
10px !important;
background:
linear-gradient(
#86567f,
#61365c
) !important;
color:
#fff !important;
font-size:
11px !important;
line-height:
17px !important;
font-weight:
700 !important;
cursor:
pointer !important;
}
/* RESULTADOS */
.np-page-public-listing
.np-listing-found {
margin:
1px
0
4px
0 !important;
color:
#a5578b !important;
font-size:
12px !important;
line-height:
16px !important;
text-align:
center !important;
}
/* =========================================================
ANUNCIO
========================================================= */
.np-page-public-listing
.np-classic-ad {
width:
100% !important;
margin:
0
0
7px
0 !important;
padding:
0
0
3px
0 !important;
border-bottom:
1px
solid
#eadce7 !important;
}
/* FRANJA ROSA */
.np-page-public-listing
.np-classic-ad-strip {
display:
grid !important;
grid-template-columns:
minmax(0, 1fr)
175px !important;
align-items:
center !important;
width:
100% !important;
min-height:
24px !important;
box-sizing:
border-box !important;
padding:
0
5px !important;
border:
1px
solid
#e6d0e1 !important;
border-radius:
4px !important;
background:
#f5e7f1 !important;
color:
#ad5e91 !important;
font-size:
12px !important;
line-height:
18px !important;
}
.np-classic-ad-location {
text-align:
center !important;
}
.np-classic-ad-reference {
text-align:
right !important;
font-size:
10px !important;
white-space:
nowrap !important;
}
.np-classic-ad-reference strong {
margin-left:
4px !important;
color:
#ed001c !important;
font-size:
9px !important;
}
/* =========================================================
CUERPO
========================================================= */
.np-page-public-listing
.np-classic-ad-body {
display:
grid !important;
grid-template-columns:
minmax(0, 1fr)
160px !important;
gap:
7px !important;
align-items:
start !important;
width:
100% !important;
padding:
4px
1px
0
1px !important;
box-sizing:
border-box !important;
}
.np-page-public-listing
.np-classic-ad-body.no-photo {
display:
block !important;
}
/* TEXTO */
.np-classic-ad-copy {
min-width:
0 !important;
}
.np-classic-ad-title {
display:
block !important;
margin:
0
0
1px
0 !important;
padding:
0 !important;
color:
#33072d !important;
font-size:
14px !important;
line-height:
16px !important;
font-weight:
700 !important;
text-decoration:
none !important;
}
.np-classic-ad-title:hover {
text-decoration:
underline !important;
}
.np-classic-ad-description {
margin:
0 !important;
padding:
0 !important;
color:
#914c79 !important;
font-size:
12px !important;
line-height:
15px !important;
font-weight:
400 !important;
text-align:
left !important;
}
.np-classic-ad-age {
color:
#73375f !important;
white-space:
nowrap !important;
}
/* VER FOTOS */
.np-classic-view-photos {
display:
inline-block !important;
margin:
10px
0
0
0 !important;
padding:
2px
8px !important;
border:
1px
solid
#ce79dc !important;
border-radius:
3px !important;
color:
#a84cb1 !important;
font-size:
10px !important;
line-height:
9px !important;
text-align:
center !important;
text-decoration:
none !important;
}
/* =========================================================
FOTO
========================================================= */
.np-classic-ad-photo {
position:
relative !important;
display:
block !important;
width:
160px !important;
height:
145px !important;
margin:
0
0
0
auto !important;
overflow:
hidden !important;
background:
#eee !important;
text-decoration:
none !important;
cursor:
pointer !important;
}
.np-classic-ad-photo img {
display:
block !important;
width:
100% !important;
height:
100% !important;
object-fit:
cover !important;
cursor:
pointer !important;
}
.np-classic-ad-photo span {
position:
absolute !important;
right:
2px !important;
bottom:
1px !important;
padding:
0
3px !important;
background:
rgba(45,45,45,.80) !important;
color:
#fff !important;
font-size:
9px !important;
line-height:
12px !important;
font-weight:
700 !important;
}
/* =========================================================
ACCIONES
========================================================= */
.np-classic-actions {
display:
flex !important;
align-items:
center !important;
flex-wrap:
wrap !important;
gap:
11px !important;
min-height:
25px !important;
margin:
2px
0
0
1px !important;
}
.np-classic-actions a {
display:
inline-flex !important;
align-items:
center !important;
gap:
2px !important;
margin:
0 !important;
padding:
0 !important;
color:
#a14d82 !important;
font-size:
12px !important;
line-height:
15px !important;
font-weight:
400 !important;
text-decoration:
none !important;
}
.np-classic-actions a:hover {
text-decoration:
underline !important;
}
.np-classic-actions img {
display:
block !important;
width:
14px !important;
height:
14px !important;
object-fit:
contain !important;
}
.np-classic-actions
.np-classic-contact {
gap:
3px !important;
}
.np-classic-contact-icons {
display:
inline-flex !important;
align-items:
center !important;
gap:
2px !important;
}
.np-classic-contact-icons img:first-child {
width:
16px !important;
height:
13px !important;
}
.np-classic-contact-icons img:last-child {
width:
13px !important;
height:
13px !important;
}
/* =========================================================
PAGINACIÓN
========================================================= */
.np-listing-pagination {
display:
flex !important;
justify-content:
center !important;
gap:
15px !important;
margin:
15px
0 !important;
font-size:
11px !important;
}
.np-listing-pagination a {
color:
#98497e !important;
}
.np-listing-pagination .is-disabled {
color:
#aaa !important;
}
/* =========================================================
MÓVIL
========================================================= */
@media (max-width: 650px) {
.np-listing-search-top {
flex-wrap:
wrap !important;
}
.np-listing-search-top select {
width:
100% !important;
}
.np-listing-search-words label {
width:
auto !important;
text-align:
left !important;
}
.np-listing-search-words {
flex-wrap:
wrap !important;
}
.np-listing-search-words input {
width:
100% !important;
}
.np-listing-search-bottom {
flex-wrap:
wrap !important;
}
.np-listing-search-bottom label {
margin-left:
0 !important;
}
.np-classic-ad-body {
grid-template-columns:
minmax(0, 1fr)
110px !important;
}
.np-classic-ad-photo {
width:
110px !important;
height:
135px !important;
}
.np-classic-actions {
gap:
7px !important;
}
}
/* === END LISTADO PASION FIDELIDAD === */
/* === BUSCANUNCIOS Y CONTACTAR LISTADO === */
/* =========================================================
PESTAÑA EL BUSCANUNCIOS
========================================================= */
.np-page-public-listing
.np-listing-search-title {
position: relative !important;
z-index: 2 !important;
width: 215px !important;
height: 18px !important;
box-sizing: border-box !important;
margin:
3px
0
0
auto !important;
padding:
1px
8px
0
8px !important;
overflow:
visible !important;
background:
#aa84a9 !important;
color:
#fff !important;
font-size:
12px !important;
line-height:
16px !important;
font-weight:
700 !important;
text-align:
right !important;
}
/*
* Cuña inclinada izquierda,
* como la pestaña de Pasion.
*/
.np-page-public-listing
.np-listing-search-title::before {
content: "" !important;
position:
absolute !important;
top:
0 !important;
left:
-54px !important;
width:
0 !important;
height:
0 !important;
border-top:
18px
solid
transparent !important;
border-right:
54px
solid
#aa84a9 !important;
}
/* =========================================================
SELECT DE ORDEN
========================================================= */
.np-page-public-listing
.np-listing-search-bottom
select[name="order"] {
width:
122px !important;
}
/* =========================================================
CONTACTAR DEL LISTADO ES BUTTON, NO LINK
========================================================= */
.np-page-public-listing
.np-classic-actions
.np-classic-contact {
appearance: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background:
transparent !important;
color:
#a14d82 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
12px !important;
line-height:
15px !important;
cursor:
pointer !important;
}
.np-page-public-listing
.np-classic-actions
.np-classic-contact:hover {
text-decoration:
underline !important;
}
.np-page-public-listing
.np-classic-contact-icons {
display:
inline-flex !important;
align-items:
center !important;
gap:
2px !important;
}
.np-page-public-listing
.np-classic-contact-icons
img:first-child {
width:
16px !important;
height:
13px !important;
object-fit:
contain !important;
}
.np-page-public-listing
.np-classic-contact-icons
img:last-child {
width:
13px !important;
height:
13px !important;
object-fit:
contain !important;
}
/* =========================================================
MODAL CONTACTAR DESDE LISTADO
========================================================= */
/*
* Reutilizamos la estética de la ficha:
* fondo oscurecido + ventana malva estrecha y alta.
*/
.np-page-public-listing
.np-public-contact-modal {
display:
none !important;
position:
fixed !important;
z-index:
999999 !important;
inset:
0 !important;
width:
100vw !important;
height:
100vh !important;
padding:
0 !important;
background:
rgba(0,0,0,.70) !important;
align-items:
center !important;
justify-content:
center !important;
}
.np-page-public-listing
.np-public-contact-modal.is-open {
display:
flex !important;
}
.np-page-public-listing
.np-public-contact-modal
.np-public-contact-box {
position:
relative !important;
width:
350px !important;
height:
520px !important;
min-height:
0 !important;
max-width:
calc(100vw - 30px) !important;
max-height:
calc(100vh - 30px) !important;
box-sizing:
border-box !important;
padding:
38px
30px
25px
30px !important;
overflow-y:
auto !important;
border:
2px
solid
#fff !important;
border-radius:
0 !important;
background:
#d3bdd0 !important;
box-shadow:
0
2px
7px
rgba(0,0,0,.75) !important;
}
/* CERRAR */
.np-page-public-listing
.np-list-contact-close {
position:
absolute !important;
top:
1px !important;
right:
3px !important;
width:
auto !important;
height:
auto !important;
margin:
0 !important;
padding:
0 !important;
border:
0 !important;
background:
transparent !important;
color:
#66395f !important;
font-size:
13px !important;
line-height:
18px !important;
font-weight:
700 !important;
cursor:
pointer !important;
}
/* NOMBRE */
.np-page-public-listing
.np-contact-person {
margin-bottom:
10px !important;
color:
#a10076 !important;
font-size:
13px !important;
font-weight:
700 !important;
}
/* ENVIAR MENSAJE */
.np-page-public-listing
.np-contact-email-trigger {
display:
inline-flex !important;
align-items:
center !important;
gap:
5px !important;
margin:
0
0
16px
0 !important;
padding:
0 !important;
border:
0 !important;
background:
transparent !important;
color:
#b00082 !important;
font-size:
13px !important;
cursor:
pointer !important;
}
/* TELÉFONOS */
.np-page-public-listing
.np-contact-phone-block {
margin-bottom:
16px !important;
color:
#444 !important;
font-size:
13px !important;
}
.np-page-public-listing
.np-contact-phone-block > strong {
display:
block !important;
margin-bottom:
8px !important;
}
.np-page-public-listing
.np-contact-phone-number {
color:
#b00082 !important;
font-size:
14px !important;
text-decoration:
none !important;
}
.np-page-public-listing
.np-contact-phone-number:hover {
text-decoration:
underline !important;
}
/* MENSAJE ENVIADO */
.np-list-contact-success {
margin:
3px
0
6px
0 !important;
padding:
4px
7px !important;
border:
1px
solid
#bad3b0 !important;
background:
#eff8eb !important;
color:
#4e744c !important;
font-size:
11px !important;
text-align:
center !important;
}
/* FORMULARIO */
.np-page-public-listing
.np-contact-email-form {
display:
none;
}
.np-page-public-listing
.np-contact-back {
display:
block !important;
margin:
-13px
0
14px
0 !important;
padding:
0 !important;
border:
0 !important;
background:
transparent !important;
color:
#724266 !important;
font-size:
11px !important;
cursor:
pointer !important;
}
/* === END BUSCANUNCIOS Y CONTACTAR LISTADO === */
/* === LIGHTBOX Y CONTACTO LISTADO V2 === */
/* =========================================================
FOTO / VER FOTOS CLICABLES
========================================================= */
.np-page-public-listing
button.np-classic-ad-photo {
appearance: none !important;
border: 0 !important;
padding: 0 !important;
cursor: pointer !important;
}
.np-page-public-listing
.np-classic-ad-photo img {
cursor: pointer !important;
}
.np-page-public-listing
button.np-classic-view-photos {
appearance: none !important;
cursor: pointer !important;
background: #fff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
}
/* =========================================================
LIGHTBOX
========================================================= */
body.np-list-lightbox-open {
overflow: hidden !important;
}
.np-list-lightbox {
display: none !important;
position: fixed !important;
z-index: 9999999 !important;
inset: 0 !important;
padding:
20px !important;
box-sizing:
border-box !important;
background:
rgba(
0,
0,
0,
.78
) !important;
align-items:
center !important;
justify-content:
center !important;
}
.np-list-lightbox.is-open {
display: flex !important;
}
.np-list-lightbox-window {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content:
center !important;
width:
auto !important;
height:
auto !important;
max-width:
calc(100vw - 45px) !important;
max-height:
calc(100vh - 45px) !important;
padding:
12px !important;
box-sizing:
border-box !important;
border:
1px
solid
#aaa !important;
background:
#fff !important;
box-shadow:
0
4px
18px
rgba(0,0,0,.7) !important;
}
.np-list-lightbox-window
#np-list-lightbox-image {
display: block !important;
width:
auto !important;
height:
auto !important;
max-width:
calc(100vw - 75px) !important;
max-height:
calc(100vh - 75px) !important;
object-fit:
contain !important;
user-select:
none !important;
}
/* X */
.np-list-lightbox-close {
position: absolute !important;
z-index: 20 !important;
top:
-16px !important;
right:
-16px !important;
display: flex !important;
align-items: center !important;
justify-content:
center !important;
width:
31px !important;
height:
31px !important;
padding:
0
0
2px
0 !important;
border:
3px
solid
#fff !important;
border-radius:
50% !important;
background:
#272727 !important;
color:
#fff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
26px !important;
line-height:
25px !important;
cursor:
pointer !important;
box-shadow:
0
1px
3px
rgba(0,0,0,.7) !important;
}
/* FLECHAS */
.np-list-lightbox-arrow {
position: absolute !important;
z-index: 15 !important;
top:
50% !important;
transform:
translateY(-50%) !important;
display: flex !important;
align-items: center !important;
justify-content:
center !important;
width:
31px !important;
height:
31px !important;
padding:
0
0
3px
0 !important;
border:
2px
solid
#fff !important;
border-radius:
50% !important;
background:
rgba(25,25,25,.92) !important;
color:
#fff !important;
font-size:
30px !important;
line-height:
25px !important;
cursor:
pointer !important;
box-shadow:
0
1px
3px
rgba(0,0,0,.6) !important;
}
.np-list-lightbox-prev {
left:
18px !important;
}
.np-list-lightbox-next {
right:
18px !important;
}
/* =========================================================
CONTACTAR - REDISEÑO
========================================================= */
.np-page-public-listing
.np-public-contact-modal
.np-public-contact-box {
width:
395px !important;
height:
auto !important;
min-height:
390px !important;
max-height:
calc(100vh - 45px) !important;
padding:
38px
27px
27px
27px !important;
overflow-y:
auto !important;
border:
2px
solid
#fff !important;
background:
linear-gradient(
180deg,
#ddc9dc 0%,
#cfb5cc 100%
) !important;
box-shadow:
0
4px
15px
rgba(0,0,0,.65) !important;
}
/* CERRAR */
.np-page-public-listing
.np-list-contact-close {
top:
4px !important;
right:
6px !important;
color:
#63345b !important;
font-size:
14px !important;
line-height:
18px !important;
font-weight:
700 !important;
}
/* TÍTULO */
.np-page-public-listing
.np-public-contact-title {
margin:
0
0
18px
0 !important;
padding-bottom:
9px !important;
border-bottom:
1px
solid
rgba(105,50,94,.22) !important;
color:
#44363f !important;
font-size:
23px !important;
line-height:
27px !important;
font-weight:
700 !important;
}
/* NOMBRE */
.np-page-public-listing
.np-contact-person {
margin:
0
0
12px
0 !important;
color:
#9d006f !important;
font-size:
16px !important;
line-height:
20px !important;
font-weight:
700 !important;
}
/* ENVIAR MENSAJE */
.np-page-public-listing
.np-contact-email-trigger {
display:
inline-flex !important;
align-items:
center !important;
gap:
7px !important;
margin:
0
0
19px
0 !important;
padding:
6px
10px !important;
border:
1px
solid
#b28daa !important;
border-radius:
3px !important;
background:
rgba(
255,
255,
255,
.28
) !important;
color:
#a00074 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
14px !important;
line-height:
18px !important;
font-weight:
700 !important;
cursor:
pointer !important;
}
.np-page-public-listing
.np-contact-email-trigger:hover {
background:
rgba(
255,
255,
255,
.45
) !important;
}
/* BLOQUES DE TELÉFONO */
.np-page-public-listing
.np-contact-phone-block {
margin:
0
0
14px
0 !important;
padding:
10px
12px !important;
border-left:
4px
solid
#9e4d8a !important;
border-radius:
2px !important;
background:
rgba(
255,
255,
255,
.24
) !important;
color:
#4b3f47 !important;
font-size:
14px !important;
}
.np-page-public-listing
.np-contact-phone-block > strong {
display:
block !important;
margin-bottom:
6px !important;
color:
#53434e !important;
font-size:
14px !important;
}
.np-page-public-listing
.np-contact-phone-number {
color:
#a00074 !important;
font-size:
18px !important;
line-height:
22px !important;
font-weight:
700 !important;
text-decoration:
none !important;
}
.np-page-public-listing
.np-contact-phone-number:hover {
text-decoration:
underline !important;
}
.np-page-public-listing
.np-contact-schedule {
margin-top:
4px !important;
color:
#766572 !important;
font-size:
11px !important;
line-height:
14px !important;
}
/* SIN TELÉFONO */
.np-page-public-listing
.np-contact-no-phone {
padding:
10px !important;
background:
rgba(
255,
255,
255,
.22
) !important;
color:
#65535f !important;
font-size:
13px !important;
line-height:
17px !important;
}
/* =========================================================
FORMULARIO MENSAJE
========================================================= */
.np-page-public-listing
.np-contact-back {
margin:
-16px
0
15px
0 !important;
color:
#764669 !important;
font-size:
12px !important;
}
.np-page-public-listing
.np-public-contact-box label {
display:
block !important;
margin:
9px
0
3px
0 !important;
color:
#4c4148 !important;
font-size:
13px !important;
font-weight:
700 !important;
}
.np-page-public-listing
.np-public-contact-box input,
.np-page-public-listing
.np-public-contact-box textarea {
width:
100% !important;
box-sizing:
border-box !important;
border:
1px
solid
#9c8097 !important;
border-radius:
2px !important;
background:
#fffafd !important;
color:
#333 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
13px !important;
}
.np-page-public-listing
.np-public-contact-box input {
height:
30px !important;
padding:
3px
6px !important;
}
.np-page-public-listing
.np-public-contact-box textarea {
height:
120px !important;
padding:
6px !important;
resize:
vertical !important;
}
.np-page-public-listing
.np-public-contact-submit {
margin-top:
15px !important;
padding:
6px
16px !important;
border:
1px
solid
#7f5275 !important;
border-radius:
3px !important;
background:
#eee0eb !important;
color:
#64385b !important;
font-size:
13px !important;
font-weight:
700 !important;
}
/* =========================================================
MÓVIL
========================================================= */
@media (max-width: 500px) {
.np-page-public-listing
.np-public-contact-modal
.np-public-contact-box {
width:
calc(100vw - 26px) !important;
min-height:
360px !important;
padding:
36px
20px
22px
20px !important;
}
.np-list-lightbox {
padding:
9px !important;
}
.np-list-lightbox-window {
max-width:
calc(100vw - 18px) !important;
max-height:
calc(100vh - 18px) !important;
padding:
7px !important;
}
.np-list-lightbox-window
#np-list-lightbox-image {
max-width:
calc(100vw - 35px) !important;
max-height:
calc(100vh - 35px) !important;
}
}
/* === END LIGHTBOX Y CONTACTO LISTADO V2 === */
/* === SEO BUSCANUNCIOS FINAL === */
/* PESTAÑA EL BUSCANUNCIOS MÁS CORTA */
.np-page-public-listing
.np-listing-search-title {
position: relative !important;
width: 205px !important;
height: 18px !important;
margin: 3px 0 0 auto !important;
padding:
1px
8px
0
8px !important;
box-sizing: border-box !important;
background: #aa84a9 !important;
color: #fff !important;
font-size: 12px !important;
line-height: 16px !important;
font-weight: 700 !important;
text-align: right !important;
}
/* CUÑA DEL LADO IZQUIERDO */
.np-page-public-listing
.np-listing-search-title::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -47px !important;
width: 0 !important;
height: 0 !important;
border-top:
18px
solid
transparent !important;
border-right:
47px
solid
#aa84a9 !important;
}
/* BOTÓN BUSCAR */
.np-page-public-listing
.np-search-submit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 3px !important;
min-width: 76px !important;
height: 20px !important;
margin-left: auto !important;
padding:
0
9px
0
6px !important;
border:
1px
solid
#57234f !important;
border-radius:
10px !important;
background:
linear-gradient(
#87527e,
#5c2e56
) !important;
color: #fff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 11px !important;
line-height: 17px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.np-page-public-listing
.np-search-loupe {
display: block !important;
width: 14px !important;
height: 14px !important;
flex: 0 0 14px !important;
fill: none !important;
stroke: #fff !important;
stroke-width: 2.5 !important;
stroke-linecap: round !important;
}
/* === END SEO BUSCANUNCIOS FINAL === */
/* === BUSCANUNCIOS FIDELIDAD V3 === */
/* =========================================================
CAJA DEL BUSCADOR
========================================================= */
.np-page-public-listing
.np-listing-search {
position: relative !important;
min-height: 88px !important;
padding:
5px
8px
5px
8px !important;
}
/* =========================================================
PESTAÑA "EL BUSCANUNCIOS"
ORIGINAL: MÁS CORTA
========================================================= */
.np-page-public-listing
.np-listing-search-title {
position: relative !important;
z-index: 5 !important;
width: 175px !important;
height: 18px !important;
margin:
3px
0
0
auto !important;
padding:
1px
7px
0
7px !important;
box-sizing:
border-box !important;
overflow:
visible !important;
background:
#aa84a9 !important;
color:
#fff !important;
font-size:
12px !important;
line-height:
16px !important;
font-weight:
700 !important;
text-align:
right !important;
}
/* CUÑA IZQUIERDA */
.np-page-public-listing
.np-listing-search-title::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: -46px !important;
width: 0 !important;
height: 0 !important;
border-top:
18px
solid
transparent !important;
border-right:
46px
solid
#aa84a9 !important;
}
/* =========================================================
PRIMERA FILA
========================================================= */
.np-page-public-listing
.np-listing-search-top {
display: flex !important;
align-items: center !important;
gap: 5px !important;
margin-bottom:
5px !important;
}
/* =========================================================
PALABRAS
========================================================= */
.np-page-public-listing
.np-listing-search-words {
display: flex !important;
align-items: center !important;
margin-bottom:
5px !important;
}
/* =========================================================
FILA INFERIOR
========================================================= */
.np-page-public-listing
.np-listing-search-bottom {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height:
22px !important;
box-sizing:
border-box !important;
padding-right:
88px !important;
}
/* =========================================================
BOTÓN BUSCAR:
PEGADO A LA DERECHA COMO PASION
========================================================= */
.np-page-public-listing
.np-search-submit {
position: absolute !important;
top: 0 !important;
right: 0 !important;
display:
inline-flex !important;
align-items:
center !important;
justify-content:
center !important;
gap:
3px !important;
width:
73px !important;
min-width:
73px !important;
height:
20px !important;
margin:
0 !important;
padding:
0
7px
0
4px !important;
border:
1px
solid
#57234f !important;
border-radius:
10px !important;
background:
linear-gradient(
#87527e,
#5c2e56
) !important;
color:
#fff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
line-height:
17px !important;
font-weight:
700 !important;
cursor:
pointer !important;
box-shadow:
inset
0
1px
0
rgba(255,255,255,.30) !important;
}
/* LUPA */
.np-page-public-listing
.np-search-loupe {
display: block !important;
width:
14px !important;
height:
14px !important;
flex:
0
0
14px !important;
fill:
none !important;
stroke:
#fff !important;
stroke-width:
2.5 !important;
stroke-linecap:
round !important;
}
/* =========================================================
CONTACTAR
========================================================= */
body.np-contact-modal-open {
overflow:
hidden !important;
}
.np-page-public-listing
.np-list-contact-trigger {
position:
relative !important;
z-index:
2 !important;
pointer-events:
auto !important;
cursor:
pointer !important;
}
/* El modal SIEMPRE por encima de todo */
.np-page-public-listing
#np-list-contact-modal {
z-index:
9999999 !important;
}
/* === END BUSCANUNCIOS FIDELIDAD V3 === */
/* === SIDEBAR LISTADOS PASION === */
/* =========================================================
CABECERA CONTEXTUAL
========================================================= */
.np-page-public-listing
.np-category-header {
width: 100% !important;
padding:
1px
0
0
0 !important;
box-sizing:
border-box !important;
text-align:
left !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
}
.np-page-public-listing
.np-category-header-path {
margin:
0
0
1px
0 !important;
color:
#93527f !important;
font-size:
12px !important;
line-height:
14px !important;
}
.np-page-public-listing
.np-category-header-path strong {
color:
#65325b !important;
font-size:
13px !important;
font-weight:
700 !important;
}
.np-page-public-listing
.np-category-header-description {
color:
#a3598a !important;
font-size:
10px !important;
line-height:
13px !important;
}
.np-page-public-listing
.np-category-header-warning {
margin-top:
8px !important;
color:
#9d477c !important;
font-size:
10px !important;
line-height:
13px !important;
font-weight:
700 !important;
text-align:
center !important;
}
.np-page-public-listing
.np-category-header-slogan {
margin-top:
4px !important;
color:
#8a0015 !important;
font-size:
12px !important;
line-height:
14px !important;
font-weight:
700 !important;
text-align:
left !important;
}
/* =========================================================
CAJAS DEL SIDEBAR
========================================================= */
.np-page-public-listing
.np-list-sidebar-box {
width:
100% !important;
margin:
14px
0
0
0 !important;
padding:
0 !important;
box-sizing:
border-box !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
}
.np-page-public-listing
.np-list-sidebar-title {
height:
19px !important;
box-sizing:
border-box !important;
padding:
2px
4px
0
4px !important;
border-radius:
5px
5px
0
0 !important;
background:
#ead9e8 !important;
color:
#ffffff !important;
font-size:
11px !important;
line-height:
15px !important;
font-weight:
700 !important;
text-align:
center !important;
}
/* =========================================================
CONTACTOS
========================================================= */
.np-page-public-listing
.np-sidebar-category-list {
width:
100% !important;
}
.np-page-public-listing
.np-sidebar-category-list a {
display:
block !important;
width:
100% !important;
min-height:
18px !important;
box-sizing:
border-box !important;
padding:
2px
3px
1px
3px !important;
border-bottom:
1px
solid
#ecddea !important;
background:
#fbf4f9 !important;
color:
#39072e !important;
font-size:
9px !important;
line-height:
12px !important;
font-weight:
700 !important;
text-decoration:
none !important;
text-align:
left !important;
}
.np-page-public-listing
.np-sidebar-category-list a:hover {
background:
#f1e2ef !important;
color:
#741c61 !important;
}
.np-page-public-listing
.np-sidebar-category-list
a.is-active {
background:
#274f2c !important;
color:
#fff !important;
}
/* =========================================================
MAPA
========================================================= */
.np-page-public-listing
.np-sidebar-province-map {
width:
100% !important;
margin:
72px
0
0
0 !important;
text-align:
center !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
}
.np-page-public-listing
.np-sidebar-map-title {
margin-bottom:
3px !important;
color:
#3d1736 !important;
font-size:
10px !important;
line-height:
13px !important;
font-weight:
700 !important;
}
.np-page-public-listing
.np-spain-province-map {
width:
132px !important;
min-height:
90px !important;
margin:
0
auto !important;
color:
#777 !important;
font-size:
9px !important;
}
.np-page-public-listing
.np-spain-province-map svg {
display:
block !important;
width:
132px !important;
height:
auto !important;
margin:
0
auto !important;
overflow:
visible !important;
}
.np-page-public-listing
.np-map-credit {
margin-top:
2px !important;
color:
#ad93aa !important;
font-size:
6px !important;
line-height:
8px !important;
text-align:
center !important;
}
.np-page-public-listing
.np-map-error {
display:
block !important;
padding:
10px
3px !important;
}
/* =========================================================
LO MÁS BUSCADO
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched {
margin-top:
55px !important;
}
.np-page-public-listing
.np-sidebar-most-searched ol {
margin:
4px
0
0
22px !important;
padding:
0 !important;
color:
#7d4a73 !important;
font-size:
8px !important;
line-height:
10px !important;
}
.np-page-public-listing
.np-sidebar-most-searched li {
margin:
0
0
2px
0 !important;
padding:
0 !important;
}
.np-page-public-listing
.np-sidebar-most-searched a {
color:
#9b4c82 !important;
font-size:
8px !important;
line-height:
10px !important;
text-decoration:
none !important;
}
.np-page-public-listing
.np-sidebar-most-searched a:hover {
text-decoration:
underline !important;
}
/* =========================================================
MÓVIL
========================================================= */
@media (max-width: 700px) {
.np-page-public-listing
.np-sidebar-province-map {
margin-top:
20px !important;
}
.np-page-public-listing
.np-sidebar-most-searched {
margin-top:
20px !important;
}
}
/* === END SIDEBAR LISTADOS PASION === */
/* === LISTADO PASION COMPOSICION FINAL === */
/* =========================================================
PÁGINA / COLUMNAS
========================================================= */
.np-page-public-listing .np-container {
padding-top: 7px !important;
}
.np-page-public-listing .np-columns {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 135px !important;
gap: 8px !important;
align-items: start !important;
}
.np-page-public-listing .np-content {
min-width: 0 !important;
width: auto !important;
}
.np-page-public-listing .np-sidebar {
width: 135px !important;
min-width: 135px !important;
max-width: 135px !important;
overflow: visible !important;
}
/* =========================================================
HEADER: LOGO A LA IZQUIERDA / TEXTO A LA DERECHA
========================================================= */
.np-page-public-listing .np-header {
position: relative !important;
display: block !important;
min-height: 82px !important;
}
.np-page-public-listing .np-brand {
position: absolute !important;
left: 7px !important;
top: 5px !important;
width: 168px !important;
height: 70px !important;
z-index: 3 !important;
}
.np-page-public-listing .np-logo {
display: block !important;
width: 168px !important;
height: auto !important;
max-height: 70px !important;
object-fit: contain !important;
}
.np-page-public-listing .np-headline {
display: block !important;
box-sizing: border-box !important;
margin: 0 !important;
padding:
4px
8px
3px
185px !important;
width: 100% !important;
min-height: 78px !important;
text-align: left !important;
}
/* CABECERA CONTEXTUAL */
.np-page-public-listing .np-category-header {
width: 100% !important;
padding: 0 !important;
text-align: left !important;
}
.np-page-public-listing .np-category-header-path {
margin: 0 0 1px 0 !important;
color: #91517f !important;
font-size: 12px !important;
line-height: 14px !important;
}
.np-page-public-listing .np-category-header-path strong {
color: #64305a !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.np-page-public-listing .np-category-header-description {
margin: 0 !important;
color: #a55b8d !important;
font-size: 10px !important;
line-height: 13px !important;
}
.np-page-public-listing .np-category-header-warning {
margin: 7px 0 2px 0 !important;
color: #9e4a7d !important;
font-size: 10px !important;
line-height: 12px !important;
font-weight: 700 !important;
text-align: center !important;
}
.np-page-public-listing .np-category-header-slogan {
margin: 2px 0 0 0 !important;
color: #8c0016 !important;
font-size: 12px !important;
line-height: 14px !important;
font-weight: 700 !important;
text-align: left !important;
}
/* =========================================================
MENÚ + CONTACTOS
========================================================= */
.np-page-public-listing .np-menu {
width: 135px !important;
max-width: 135px !important;
}
.np-page-public-listing .np-list-sidebar-box {
display: block !important;
width: 135px !important;
max-width: 135px !important;
margin: 14px 0 0 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.np-page-public-listing .np-list-sidebar-title {
width: 135px !important;
height: 19px !important;
box-sizing: border-box !important;
padding: 2px 3px 0 3px !important;
border-radius: 5px 5px 0 0 !important;
background: #ead9e8 !important;
color: #fff !important;
font-size: 11px !important;
line-height: 15px !important;
font-weight: 700 !important;
text-align: center !important;
}
.np-page-public-listing .np-sidebar-category-list {
width: 135px !important;
}
.np-page-public-listing .np-sidebar-category-list a {
display: block !important;
width: 135px !important;
min-height: 18px !important;
box-sizing: border-box !important;
padding: 2px 3px 1px 3px !important;
border-bottom:
1px solid #eadce8 !important;
background: #fbf4f9 !important;
color: #35062c !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size: 9px !important;
line-height: 12px !important;
font-weight: 700 !important;
text-align: left !important;
text-decoration: none !important;
overflow-wrap: break-word !important;
}
.np-page-public-listing
.np-sidebar-category-list a.is-active {
background: #244e29 !important;
color: #fff !important;
}
/* =========================================================
MAPA: 100% DENTRO DE LA COLUMNA
========================================================= */
.np-page-public-listing .np-sidebar-province-map {
display: block !important;
width: 135px !important;
max-width: 135px !important;
box-sizing: border-box !important;
/*
* En Pasion hay separación, pero no 72px absurdos.
*/
margin:
58px
0
0
0 !important;
padding: 0 !important;
overflow: hidden !important;
text-align: center !important;
}
.np-page-public-listing .np-sidebar-map-title {
width: 135px !important;
margin:
0
0
3px
0 !important;
color: #381431 !important;
font-size: 10px !important;
line-height: 13px !important;
font-weight: 700 !important;
text-align: center !important;
}
.np-page-public-listing .np-spain-province-map {
display: block !important;
width: 135px !important;
height: 94px !important;
min-width: 0 !important;
min-height: 0 !important;
max-width: 135px !important;
max-height: 94px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.np-page-public-listing .np-spain-province-map svg {
display: block !important;
width: 135px !important;
height: 93px !important;
min-width: 135px !important;
min-height: 93px !important;
max-width: 135px !important;
max-height: 93px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.np-page-public-listing .np-spain-province-map svg * {
vector-effect: non-scaling-stroke;
}
.np-page-public-listing .np-map-credit {
width: 135px !important;
margin: 2px 0 0 0 !important;
color: #b8a1b4 !important;
font-size: 5px !important;
line-height: 6px !important;
text-align: center !important;
}
/* =========================================================
LO MÁS BUSCADO
========================================================= */
.np-page-public-listing .np-sidebar-most-searched {
width: 135px !important;
/*
* Debajo del mapa, no a kilómetros.
*/
margin:
48px
0
0
0 !important;
}
.np-page-public-listing
.np-sidebar-most-searched ol {
box-sizing: border-box !important;
width: 135px !important;
margin:
4px
0
0
0 !important;
padding:
0
5px
4px
25px !important;
color: #73446a !important;
font-size: 8px !important;
line-height: 10px !important;
text-align: left !important;
}
.np-page-public-listing
.np-sidebar-most-searched li {
margin: 0 0 2px 0 !important;
padding: 0 !important;
}
.np-page-public-listing
.np-sidebar-most-searched a {
color: #974d7e !important;
font-size: 8px !important;
line-height: 10px !important;
text-decoration: none !important;
}
/* =========================================================
NO DEJAR QUE NADA DEL ASIDE SE SALGA
========================================================= */
.np-page-public-listing .np-sidebar,
.np-page-public-listing .np-sidebar * {
box-sizing: border-box !important;
}
.np-page-public-listing .np-sidebar img,
.np-page-public-listing .np-sidebar svg {
max-width: 100% !important;
}
/* =========================================================
MÓVIL
========================================================= */
@media (max-width: 700px) {
.np-page-public-listing .np-columns {
display: block !important;
}
.np-page-public-listing .np-sidebar {
width: 100% !important;
max-width: 100% !important;
}
.np-page-public-listing .np-headline {
padding-left: 175px !important;
}
.np-page-public-listing .np-sidebar-province-map,
.np-page-public-listing .np-sidebar-most-searched {
margin-top: 18px !important;
}
}
/* === END LISTADO PASION COMPOSICION FINAL === */
/* === SIDEBAR PASION FIDELIDAD V2 === */
/* =========================================================
CONTENEDOR
========================================================= */
.np-page-public-listing
.np-sidebar {
width: 135px !important;
min-width: 135px !important;
max-width: 135px !important;
}
/* =========================================================
CAJAS
========================================================= */
.np-page-public-listing
.np-list-sidebar-box {
display: block !important;
width: 135px !important;
max-width: 135px !important;
margin:
14px
0
0
0 !important;
padding: 0 !important;
box-sizing:
border-box !important;
}
.np-page-public-listing
.np-list-sidebar-title {
width: 135px !important;
height: 20px !important;
box-sizing:
border-box !important;
padding:
2px
3px
1px
3px !important;
border-radius:
5px
5px
0
0 !important;
background:
#ead8e7 !important;
color:
#fff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
line-height:
16px !important;
font-weight:
700 !important;
text-align:
center !important;
}
/* =========================================================
CATEGORÍAS
========================================================= */
.np-page-public-listing
.np-sidebar-category-list {
width:
135px !important;
}
.np-page-public-listing
.np-sidebar-category-list a {
display:
block !important;
width:
135px !important;
box-sizing:
border-box !important;
min-height:
18px !important;
margin:
0 !important;
padding:
2px
3px
2px
3px !important;
border-bottom:
1px
solid
#e9d8e5 !important;
background:
#fbf3f9 !important;
color:
#3b062f !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
10px !important;
line-height:
12px !important;
font-weight:
700 !important;
text-decoration:
none !important;
text-align:
left !important;
}
.np-page-public-listing
.np-sidebar-category-list
.np-sidebar-province-name {
display:
block !important;
}
.np-page-public-listing
.np-sidebar-category-list
a.is-active {
background:
#244e29 !important;
color:
#fff !important;
}
/* =========================================================
MAPA
========================================================= */
.np-page-public-listing
.np-sidebar-province-map {
display:
block !important;
position:
relative !important;
width:
135px !important;
/*
* Separación parecida al Pasion.
*/
margin:
82px
0
0
0 !important;
padding:
0 !important;
overflow:
visible !important;
text-align:
center !important;
}
.np-page-public-listing
.np-sidebar-map-title {
width:
135px !important;
margin:
0
0
3px
0 !important;
color:
#3b1734 !important;
font-size:
10px !important;
line-height:
13px !important;
font-weight:
700 !important;
text-align:
center !important;
}
.np-page-public-listing
.np-spain-province-map {
display:
block !important;
position:
relative !important;
width:
148px !important;
height:
103px !important;
margin:
0
0
0
-7px !important;
padding:
0 !important;
overflow:
visible !important;
}
.np-page-public-listing
.np-spain-province-map svg {
display:
block !important;
width:
148px !important;
height:
102px !important;
max-width:
none !important;
max-height:
none !important;
margin:
0 !important;
padding:
0 !important;
overflow:
visible !important;
}
/* =========================================================
LO MÁS BUSCADO
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched {
width:
135px !important;
margin:
64px
0
0
0 !important;
}
.np-page-public-listing
.np-sidebar-most-searched ol {
width:
135px !important;
box-sizing:
border-box !important;
margin:
3px
0
0
0 !important;
padding:
0
4px
5px
22px !important;
color:
#77456e !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
9px !important;
line-height:
10px !important;
text-align:
left !important;
}
.np-page-public-listing
.np-sidebar-most-searched li {
margin:
0
0
2px
0 !important;
padding:
0 !important;
}
.np-page-public-listing
.np-sidebar-most-searched a {
color:
#984d7f !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
9px !important;
line-height:
10px !important;
text-decoration:
none !important;
}
/* =========================================================
ATRIBUCIÓN FUERA DEL BLOQUE VISUAL PRINCIPAL
========================================================= */
.np-page-public-listing
.np-map-license {
width:
135px !important;
margin:
5px
0
0
0 !important;
color:
#c3b0c0 !important;
font-size:
5px !important;
line-height:
6px !important;
text-align:
center !important;
}
/* =========================================================
EVITAR REGLAS ANTERIORES
========================================================= */
.np-page-public-listing
.np-map-credit {
display:
none !important;
}
/* === END SIDEBAR PASION FIDELIDAD V2 === */
/* === SIDEBAR PASION FIDELIDAD V3 === */
/* =========================================================
MIGAS DE PAN
========================================================= */
.np-page-public-listing
.np-category-header-path {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 3px !important;
margin:
0
0
2px
0 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
12px !important;
line-height:
14px !important;
}
.np-page-public-listing
.np-breadcrumb-link {
color:
#92517f !important;
font-size:
12px !important;
font-weight:
700 !important;
text-decoration:
none !important;
cursor:
pointer !important;
}
.np-page-public-listing
.np-breadcrumb-link:hover {
color:
#5c2550 !important;
text-decoration:
underline !important;
}
.np-page-public-listing
.np-breadcrumb-separator {
color:
#a4779c !important;
font-weight:
400 !important;
}
.np-page-public-listing
.np-category-header-path strong {
color:
#632f59 !important;
font-size:
13px !important;
line-height:
14px !important;
font-weight:
700 !important;
}
/* =========================================================
SIDEBAR UN POCO MÁS ANCHO COMO EL ORIGINAL
========================================================= */
.np-page-public-listing
.np-columns {
grid-template-columns:
minmax(0, 1fr)
145px !important;
gap:
8px !important;
}
.np-page-public-listing
.np-sidebar,
.np-page-public-listing
.np-menu,
.np-page-public-listing
.np-list-sidebar-box,
.np-page-public-listing
.np-list-sidebar-title,
.np-page-public-listing
.np-sidebar-category-list {
width:
145px !important;
min-width:
145px !important;
max-width:
145px !important;
}
.np-page-public-listing
.np-sidebar-category-list a {
width:
145px !important;
padding:
2px
4px
2px
4px !important;
font-size:
10px !important;
line-height:
12px !important;
}
/* =========================================================
MAPA
========================================================= */
.np-page-public-listing
.np-sidebar-province-map {
width:
145px !important;
margin:
78px
0
0
0 !important;
padding:
0 !important;
overflow:
visible !important;
text-align:
center !important;
}
.np-page-public-listing
.np-sidebar-map-title {
width:
145px !important;
margin:
0
0
4px
0 !important;
color:
#35112f !important;
font-size:
10px !important;
line-height:
13px !important;
font-weight:
700 !important;
text-align:
center !important;
}
/*
* Contenedor algo más grande.
*/
.np-page-public-listing
.np-spain-province-map {
position:
relative !important;
display:
block !important;
width:
151px !important;
height:
106px !important;
margin:
0
0
0
-3px !important;
padding:
0 !important;
overflow:
visible !important;
}
.np-page-public-listing
.np-spain-province-map svg {
display:
block !important;
width:
151px !important;
height:
104px !important;
max-width:
none !important;
max-height:
none !important;
margin:
0 !important;
padding:
0 !important;
overflow:
visible !important;
}
/*
* Provincias más contrastadas.
*/
.np-page-public-listing
.np-spain-province-map path,
.np-page-public-listing
.np-spain-province-map polygon {
stroke:
#4f174c !important;
stroke-width:
.75 !important;
}
/* =========================================================
LO MÁS BUSCADO
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched {
width:
145px !important;
max-width:
145px !important;
margin:
67px
0
0
0 !important;
padding:
0 !important;
background:
#fff7fc !important;
border-radius:
5px
5px
3px
3px !important;
}
.np-page-public-listing
.np-sidebar-most-searched
.np-list-sidebar-title {
width:
145px !important;
height:
21px !important;
padding:
2px
4px
1px
4px !important;
border-radius:
5px
5px
0
0 !important;
background:
#ead8e7 !important;
color:
#fff !important;
font-size:
11px !important;
line-height:
17px !important;
font-weight:
700 !important;
}
/*
* El original tiene texto bastante más legible
* que el que pusimos nosotros.
*/
.np-page-public-listing
.np-sidebar-most-searched ol {
display:
block !important;
width:
145px !important;
box-sizing:
border-box !important;
margin:
0 !important;
padding:
5px
5px
7px
24px !important;
background:
#fff7fc !important;
color:
#80416f !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
9px !important;
line-height:
10.5px !important;
text-align:
left !important;
}
.np-page-public-listing
.np-sidebar-most-searched li {
margin:
0
0
3px
0 !important;
padding:
0 !important;
color:
#734068 !important;
font-size:
9px !important;
line-height:
10.5px !important;
}
.np-page-public-listing
.np-sidebar-most-searched a {
display:
inline !important;
color:
#a04883 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
9px !important;
line-height:
10.5px !important;
font-weight:
400 !important;
text-decoration:
none !important;
}
.np-page-public-listing
.np-sidebar-most-searched a:hover {
text-decoration:
underline !important;
}
/* =========================================================
LICENCIA DEL MAPA
========================================================= */
.np-page-public-listing
.np-map-license {
width:
145px !important;
margin:
4px
0
0
0 !important;
color:
#c9b6c5 !important;
font-size:
4px !important;
line-height:
5px !important;
text-align:
center !important;
}
/* === END SIDEBAR PASION FIDELIDAD V3 === */
/* === LO MAS BUSCADO FIDELIDAD FINAL === */
/* =========================================================
CAJA COMPLETA
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched {
display: block !important;
width: 145px !important;
min-width: 145px !important;
max-width: 145px !important;
box-sizing: border-box !important;
margin:
64px
0
0
0 !important;
padding: 0 !important;
border-radius:
6px
6px
3px
3px !important;
background:
#fff7fc !important;
overflow: hidden !important;
}
/* =========================================================
CABECERA ROSA
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched
.np-list-sidebar-title {
display: block !important;
width: 145px !important;
height: 22px !important;
box-sizing: border-box !important;
margin: 0 !important;
padding:
2px
3px
1px
3px !important;
background:
#ead5e6 !important;
color:
#ffffff !important;
border-radius:
6px
6px
0
0 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
12px !important;
line-height:
18px !important;
font-weight:
700 !important;
text-align:
center !important;
}
/* =========================================================
LISTA
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched ol {
display: block !important;
width: 145px !important;
box-sizing: border-box !important;
margin: 0 !important;
padding:
5px
4px
8px
24px !important;
background:
#fff7fc !important;
color:
#63355a !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
10px !important;
line-height:
11.5px !important;
font-weight:
400 !important;
text-align:
left !important;
}
/* =========================================================
CADA RESULTADO
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched li {
margin:
0
0
3px
0 !important;
padding: 0 !important;
color:
#63355a !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
10px !important;
line-height:
11.5px !important;
font-weight:
400 !important;
}
/* =========================================================
ENLACES
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched a {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
color:
#a04480 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
10px !important;
line-height:
11.5px !important;
font-weight:
400 !important;
text-decoration:
none !important;
}
.np-page-public-listing
.np-sidebar-most-searched a:hover {
color:
#74265d !important;
text-decoration:
underline !important;
}
/* =========================================================
NÚMEROS DE LA LISTA
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched
li::marker {
color:
#59344f !important;
font-size:
10px !important;
font-weight:
400 !important;
}
/* === END LO MAS BUSCADO FIDELIDAD FINAL === */
/* === MAPA BREADCRUMBS MOSTSEARCH FINAL === */
/* =========================================================
MIGAS REALMENTE CLICABLES
========================================================= */
.np-page-public-listing
.np-headline {
position:
relative !important;
z-index:
20 !important;
pointer-events:
auto !important;
}
.np-page-public-listing
.np-category-header {
position:
relative !important;
z-index:
21 !important;
pointer-events:
auto !important;
}
.np-page-public-listing
.np-category-header-path {
position:
relative !important;
z-index:
22 !important;
pointer-events:
auto !important;
}
.np-page-public-listing
.np-breadcrumb-link {
position:
relative !important;
z-index:
30 !important;
display:
inline-block !important;
pointer-events:
auto !important;
cursor:
pointer !important;
color:
#93517f !important;
font-size:
12px !important;
font-weight:
700 !important;
text-decoration:
none !important;
}
.np-page-public-listing
.np-breadcrumb-link:hover {
color:
#5c214e !important;
text-decoration:
underline !important;
}
/* =========================================================
NOMBRE DE PROVINCIA AL PASAR EL RATÓN
========================================================= */
.np-page-public-listing
.np-map-hover-name {
display:
block !important;
width:
145px !important;
height:
14px !important;
box-sizing:
border-box !important;
margin:
0
0
1px
0 !important;
padding:
0 !important;
color:
#3b1236 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
10px !important;
line-height:
14px !important;
font-weight:
700 !important;
text-align:
center !important;
white-space:
nowrap !important;
}
/* =========================================================
MAPA MÁS GRANDE
========================================================= */
.np-page-public-listing
.np-sidebar-province-map {
width:
145px !important;
margin:
78px
0
0
0 !important;
overflow:
visible !important;
}
.np-page-public-listing
.np-sidebar-map-title {
width:
145px !important;
margin-bottom:
1px !important;
}
/*
* El SVG que usamos tiene más aire interno que
* el mapa antiguo. Lo renderizamos a 175 px para
* que visualmente el territorio tenga aproximadamente
* el tamaño de la referencia.
*/
.np-page-public-listing
.np-spain-province-map {
position:
relative !important;
display:
block !important;
width:
175px !important;
height:
121px !important;
left:
50% !important;
transform:
translateX(-50%) !important;
margin:
0 !important;
padding:
0 !important;
overflow:
visible !important;
}
.np-page-public-listing
.np-spain-province-map svg {
display:
block !important;
width:
175px !important;
height:
121px !important;
max-width:
none !important;
max-height:
none !important;
margin:
0 !important;
padding:
0 !important;
overflow:
visible !important;
}
/* =========================================================
LO MÁS BUSCADO MÁS LEGIBLE
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched {
width:
145px !important;
margin-top:
67px !important;
}
.np-page-public-listing
.np-sidebar-most-searched
.np-list-sidebar-title {
width:
145px !important;
height:
22px !important;
font-size:
12px !important;
line-height:
18px !important;
}
.np-page-public-listing
.np-sidebar-most-searched ol {
width:
145px !important;
box-sizing:
border-box !important;
margin:
0 !important;
padding:
5px
3px
8px
24px !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
10.5px !important;
line-height:
12px !important;
}
.np-page-public-listing
.np-sidebar-most-searched li {
margin:
0
0
3px
0 !important;
padding:
0 !important;
font-size:
10.5px !important;
line-height:
12px !important;
}
.np-page-public-listing
.np-sidebar-most-searched a {
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
10.5px !important;
line-height:
12px !important;
color:
#9e477f !important;
}
.np-page-public-listing
.np-sidebar-most-searched
li::marker {
font-size:
10.5px !important;
}
/* === END MAPA BREADCRUMBS MOSTSEARCH FINAL === */
/* === MAPA PUBLICADO WARNING V4 === */
/* =========================================================
AVISO CABECERA
========================================================= */
.np-page-public-listing
.np-category-header-warning {
margin:
7px
0
2px
0 !important;
color:
#9b1f68 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
line-height:
13px !important;
font-weight:
700 !important;
text-align:
center !important;
opacity:
1 !important;
text-shadow:
none !important;
}
/* =========================================================
NUEVO FILTRO PUBLICADO
========================================================= */
.np-page-public-listing
.np-published-label {
display:
inline-block !important;
margin:
0
2px
0
7px !important;
color:
#471b40 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
line-height:
20px !important;
font-weight:
400 !important;
white-space:
nowrap !important;
}
.np-page-public-listing
.np-published-select {
width:
145px !important;
height:
21px !important;
box-sizing:
border-box !important;
margin:
0 !important;
padding:
0
2px !important;
border:
1px
solid
#79366e !important;
background:
#fff !important;
color:
#42133b !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
}
/*
* Ahora hay más elementos en la fila.
* Dejamos sitio al botón Buscar en la derecha.
*/
.np-page-public-listing
.np-listing-search-bottom {
gap:
3px !important;
padding-right:
82px !important;
}
.np-page-public-listing
.np-listing-search-bottom
select[name="order"] {
width:
121px !important;
}
/* =========================================================
ELIMINAR "FILTRAR POR PROVINCIAS"
========================================================= */
.np-page-public-listing
.np-sidebar-map-title {
display:
none !important;
}
/* =========================================================
NOMBRE PROVINCIA AL HACER HOVER
========================================================= */
.np-page-public-listing
.np-map-hover-name {
display:
block !important;
width:
145px !important;
height:
15px !important;
margin:
0
0
2px
0 !important;
padding:
0 !important;
color:
#42143b !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
10px !important;
line-height:
15px !important;
font-weight:
700 !important;
text-align:
center !important;
}
/* =========================================================
MAPA:
NUNCA SALIRSE DE LA COLUMNA
========================================================= */
.np-page-public-listing
.np-sidebar-province-map {
position:
relative !important;
display:
block !important;
width:
145px !important;
max-width:
145px !important;
box-sizing:
border-box !important;
margin:
78px
0
0
0 !important;
padding:
0 !important;
overflow:
visible !important;
text-align:
center !important;
}
/*
* IMPORTANTE:
*
* antes lo dejamos en 175px,
* de ahí que Baleares saliera de la columna.
*
* Ahora TODO el SVG queda dentro de 145px.
*/
.np-page-public-listing
.np-spain-province-map {
position:
relative !important;
display:
block !important;
width:
145px !important;
height:
100px !important;
max-width:
145px !important;
max-height:
100px !important;
left:
auto !important;
transform:
none !important;
margin:
0 !important;
padding:
0 !important;
overflow:
visible !important;
cursor:
default !important;
}
.np-page-public-listing
.np-spain-province-map svg {
display:
block !important;
width:
145px !important;
height:
100px !important;
min-width:
0 !important;
min-height:
0 !important;
max-width:
145px !important;
max-height:
100px !important;
margin:
0 !important;
padding:
0 !important;
overflow:
visible !important;
}
/*
* Evitar que reglas anteriores vuelvan
* a agrandar el SVG.
*/
.np-page-public-listing
.np-sidebar
.np-spain-province-map svg {
width:
145px !important;
max-width:
145px !important;
}
/* =========================================================
BALEARES / CANARIAS:
TODO EL SVG RECIBE PUNTERO
========================================================= */
.np-page-public-listing
.np-spain-province-map
[id^="ES-"] {
pointer-events:
all !important;
}
.np-page-public-listing
.np-spain-province-map
[id^="ES-"]:hover {
cursor:
pointer !important;
}
/* =========================================================
LO MÁS BUSCADO:
AL SUBIR EL MAPA, LA CAJA TAMBIÉN
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched {
margin-top:
58px !important;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 700px) {
.np-page-public-listing
.np-listing-search-bottom {
padding-right:
0 !important;
}
.np-page-public-listing
.np-published-label {
margin-left:
0 !important;
}
.np-page-public-listing
.np-published-select {
width:
auto !important;
min-width:
145px !important;
}
}
/* === END MAPA PUBLICADO WARNING V4 === */
/* === BUSCANUNCIOS OFERTA DEMANDA V5 === */
/* =========================================================
SELECTORES PRINCIPALES:
LÍNEAS ERÓTICAS / MADRID
========================================================= */
.np-page-public-listing
.np-listing-search-top {
display:
flex !important;
align-items:
center !important;
gap:
5px !important;
margin:
0
0
6px
0 !important;
}
.np-page-public-listing
.np-listing-search-top select {
height:
23px !important;
padding:
0
5px !important;
border:
1px
solid
#6f245f !important;
background:
#fff !important;
color:
#27051f !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
12px !important;
line-height:
21px !important;
font-weight:
700 !important;
}
.np-page-public-listing
.np-listing-category-select {
width:
180px !important;
}
.np-page-public-listing
.np-listing-province-select {
width:
170px !important;
}
/* =========================================================
FILA CENTRAL:
EDAD + ORDEN + PUBLICADO
========================================================= */
.np-page-public-listing
.np-listing-search-bottom {
position:
static !important;
display:
flex !important;
align-items:
center !important;
flex-wrap:
nowrap !important;
gap:
4px !important;
width:
100% !important;
min-height:
22px !important;
box-sizing:
border-box !important;
margin:
0
0
6px
0 !important;
padding:
0 !important;
}
.np-page-public-listing
.np-listing-search-bottom label {
margin-left:
26px !important;
white-space:
nowrap !important;
}
.np-page-public-listing
.np-listing-search-bottom
select[name="age_from"],
.np-page-public-listing
.np-listing-search-bottom
select[name="age_to"] {
width:
63px !important;
height:
21px !important;
}
.np-page-public-listing
.np-listing-search-bottom
select[name="order"] {
width:
122px !important;
height:
21px !important;
margin-left:
5px !important;
}
.np-page-public-listing
.np-published-label {
margin:
0
2px
0
5px !important;
font-size:
11px !important;
}
.np-page-public-listing
.np-published-select {
width:
145px !important;
height:
21px !important;
}
/* =========================================================
FILA INFERIOR:
PALABRAS + OFERTA/DEMANDA + BUSCAR
========================================================= */
.np-page-public-listing
.np-listing-search-words {
display:
flex !important;
align-items:
center !important;
width:
100% !important;
min-height:
22px !important;
box-sizing:
border-box !important;
margin:
0 !important;
padding:
0 !important;
gap:
5px !important;
}
.np-page-public-listing
.np-listing-search-words label {
width:
177px !important;
min-width:
177px !important;
margin:
0 !important;
color:
#471b40 !important;
font-size:
11px !important;
line-height:
20px !important;
text-align:
right !important;
}
.np-page-public-listing
.np-listing-search-words
input[name="q"] {
width:
150px !important;
height:
21px !important;
box-sizing:
border-box !important;
margin:
0 !important;
border:
1px
solid
#79366e !important;
background:
#fff !important;
}
/* OFERTA Y DEMANDA */
.np-page-public-listing
.np-ad-mode-select {
width:
116px !important;
height:
21px !important;
box-sizing:
border-box !important;
margin:
0 !important;
padding:
0
2px !important;
border:
1px
solid
#79366e !important;
background:
#fff !important;
color:
#42133b !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
}
/* BUSCAR AL EXTREMO DERECHO */
.np-page-public-listing
.np-listing-search-words
.np-search-submit {
position:
static !important;
display:
inline-flex !important;
align-items:
center !important;
justify-content:
center !important;
gap:
3px !important;
width:
74px !important;
min-width:
74px !important;
height:
20px !important;
margin:
0
0
0
auto !important;
padding:
0
7px
0
5px !important;
border:
1px
solid
#56234f !important;
border-radius:
10px !important;
background:
linear-gradient(
#87527e,
#5b2d55
) !important;
color:
#fff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
line-height:
17px !important;
font-weight:
700 !important;
cursor:
pointer !important;
}
/* =========================================================
CAJA BUSCANUNCIOS
========================================================= */
.np-page-public-listing
.np-listing-search {
min-height:
91px !important;
box-sizing:
border-box !important;
padding:
5px
8px
5px
8px !important;
}
/* =========================================================
MÓVIL
========================================================= */
@media (max-width: 700px) {
.np-page-public-listing
.np-listing-search-top,
.np-page-public-listing
.np-listing-search-bottom,
.np-page-public-listing
.np-listing-search-words {
flex-wrap:
wrap !important;
}
.np-page-public-listing
.np-listing-search-words label {
width:
100% !important;
min-width:
100% !important;
text-align:
left !important;
}
.np-page-public-listing
.np-listing-search-words
input[name="q"] {
width:
100% !important;
}
}
/* === END BUSCANUNCIOS OFERTA DEMANDA V5 === */
/* === MAPA SIDEBAR AMPLIADO V5 === */
/* =========================================================
COLUMNA FÍSICA DEL LATERAL
========================================================= */
/*
* Damos 165px reales al lateral.
* Las cajas siguen midiendo 145px,
* pero el mapa puede ocupar más espacio.
*/
.np-page-public-listing
.np-columns {
grid-template-columns:
minmax(0, 1fr)
165px !important;
gap:
8px !important;
}
.np-page-public-listing
.np-sidebar {
width:
165px !important;
min-width:
165px !important;
max-width:
165px !important;
overflow:
visible !important;
}
/* =========================================================
CAJAS NORMALES CONSERVAN 145PX
========================================================= */
.np-page-public-listing
.np-menu,
.np-page-public-listing
.np-list-sidebar-box,
.np-page-public-listing
.np-sidebar-category-list {
width:
145px !important;
min-width:
145px !important;
max-width:
145px !important;
margin-left:
auto !important;
margin-right:
0 !important;
}
.np-page-public-listing
.np-list-sidebar-title,
.np-page-public-listing
.np-sidebar-category-list a {
width:
145px !important;
}
/* =========================================================
MAPA MÁS GRANDE
========================================================= */
.np-page-public-listing
.np-sidebar-province-map {
position:
relative !important;
display:
block !important;
width:
165px !important;
max-width:
165px !important;
margin:
78px
0
0
0 !important;
padding:
0 !important;
overflow:
visible !important;
text-align:
center !important;
}
/* nombre de provincia */
.np-page-public-listing
.np-map-hover-name {
width:
165px !important;
height:
15px !important;
margin:
0
0
2px
0 !important;
font-size:
10px !important;
line-height:
15px !important;
text-align:
center !important;
}
/*
* El dibujo completo pasa a 165px.
* Baleares y Canarias siguen dentro
* porque ahora la columna también mide 165.
*/
.np-page-public-listing
.np-spain-province-map {
position:
relative !important;
display:
block !important;
width:
165px !important;
height:
114px !important;
max-width:
165px !important;
max-height:
114px !important;
left:
auto !important;
transform:
none !important;
margin:
0 !important;
padding:
0 !important;
overflow:
visible !important;
}
.np-page-public-listing
.np-spain-province-map svg {
display:
block !important;
width:
165px !important;
height:
114px !important;
min-width:
0 !important;
min-height:
0 !important;
max-width:
165px !important;
max-height:
114px !important;
margin:
0 !important;
padding:
0 !important;
overflow:
visible !important;
}
/* =========================================================
LO MÁS BUSCADO ALINEADO A LA DERECHA
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched {
width:
145px !important;
max-width:
145px !important;
margin-left:
auto !important;
margin-right:
0 !important;
margin-top:
58px !important;
}
/* =========================================================
SIN OFERTA/DEMANDA:
EL CAMPO DE PALABRAS GANA ESPACIO
========================================================= */
.np-page-public-listing
.np-listing-search-words
input[name="q"] {
flex:
0
0
150px !important;
}
.np-page-public-listing
.np-listing-search-words
.np-search-submit {
margin-left:
auto !important;
}
/* === END MAPA SIDEBAR AMPLIADO V5 === */
/* === MAPA PASION ESCALA FINAL === */
/* =========================================================
COLUMNA DERECHA
========================================================= */
/*
* Las cajas continúan en 145px,
* pero dejamos espacio físico para un mapa
* más parecido al original.
*/
.np-page-public-listing
.np-columns {
grid-template-columns:
minmax(0, 1fr)
180px !important;
gap:
8px !important;
}
.np-page-public-listing
.np-sidebar {
width:
180px !important;
min-width:
180px !important;
max-width:
180px !important;
overflow:
visible !important;
}
/* MENÚ Y CAJAS SIGUEN COMO ESTABAN */
.np-page-public-listing
.np-menu,
.np-page-public-listing
.np-sidebar-contacts,
.np-page-public-listing
.np-sidebar-most-searched {
width:
145px !important;
min-width:
145px !important;
max-width:
145px !important;
margin-left:
auto !important;
margin-right:
0 !important;
}
/* =========================================================
ZONA DEL MAPA
========================================================= */
.np-page-public-listing
.np-sidebar-province-map {
position:
relative !important;
display:
block !important;
width:
180px !important;
max-width:
180px !important;
box-sizing:
border-box !important;
margin:
78px
0
0
0 !important;
padding:
0 !important;
overflow:
hidden !important;
text-align:
center !important;
}
/* =========================================================
"FILTRAR POR PROVINCIAS"
========================================================= */
.np-page-public-listing
.np-sidebar-map-title {
display:
block !important;
width:
180px !important;
margin:
0
0
0
0 !important;
padding:
0 !important;
color:
#35112f !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
10px !important;
line-height:
13px !important;
font-weight:
700 !important;
text-align:
center !important;
}
/* =========================================================
NOMBRE DE PROVINCIA
========================================================= */
.np-page-public-listing
.np-map-hover-name {
display:
block !important;
width:
180px !important;
height:
14px !important;
margin:
0 !important;
padding:
0 !important;
color:
#3c1236 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
10px !important;
line-height:
14px !important;
font-weight:
700 !important;
text-align:
center !important;
}
/* =========================================================
MAPA
========================================================= */
.np-page-public-listing
.np-spain-province-map {
position:
relative !important;
display:
block !important;
width:
180px !important;
height:
128px !important;
max-width:
180px !important;
max-height:
128px !important;
box-sizing:
border-box !important;
margin:
0 !important;
padding:
0 !important;
overflow:
hidden !important;
}
.np-page-public-listing
.np-spain-province-map svg {
display:
block !important;
width:
180px !important;
height:
128px !important;
min-width:
180px !important;
min-height:
128px !important;
max-width:
180px !important;
max-height:
128px !important;
margin:
0 !important;
padding:
0 !important;
overflow:
hidden !important;
}
/* Todos los grupos provinciales interactivos */
.np-page-public-listing
.np-spain-province-map [id^="ES-"] {
pointer-events:
all !important;
cursor:
pointer !important;
}
/* =========================================================
LO MÁS BUSCADO
========================================================= */
.np-page-public-listing
.np-sidebar-most-searched {
margin-top:
52px !important;
}
/* === END MAPA PASION ESCALA FINAL === */
/* === BUSCANUNCIOS COMPACTO PASION V6 === */
/* =========================================================
CAJA GENERAL
========================================================= */
.np-page-public-listing
.np-listing-search {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
min-height: 0 !important;
height: auto !important;
box-sizing: border-box !important;
margin:
0
0
3px
0 !important;
padding:
5px
8px
5px
8px !important;
gap:
4px !important;
border:
1px
solid
#ead8e7 !important;
border-radius:
4px !important;
background:
#faf0f8 !important;
}
/* =========================================================
ORDEN VISUAL DE LAS FILAS
1. Categoría / Provincia
2. Edad / Orden / Publicado
3. Palabras / Buscar
========================================================= */
.np-page-public-listing
.np-listing-search-top {
order: 1 !important;
}
.np-page-public-listing
.np-listing-search-bottom {
order: 2 !important;
}
.np-page-public-listing
.np-listing-search-words {
order: 3 !important;
}
/* =========================================================
FILA 1: CATEGORÍA + PROVINCIA
========================================================= */
.np-page-public-listing
.np-listing-search-top {
display: flex !important;
align-items: center !important;
gap: 5px !important;
width: 100% !important;
min-height: 23px !important;
margin: 0 !important;
padding: 0 !important;
}
.np-page-public-listing
.np-listing-search-top select {
height: 23px !important;
box-sizing: border-box !important;
margin: 0 !important;
padding:
0
5px !important;
border:
1px
solid
#69205b !important;
background:
#fff !important;
color:
#24041d !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
12px !important;
line-height:
21px !important;
font-weight:
700 !important;
}
.np-page-public-listing
.np-listing-category-select {
width:
185px !important;
}
.np-page-public-listing
.np-listing-province-select {
width:
175px !important;
}
/* =========================================================
FILA 2: EDAD + ORDEN + PUBLICADO
========================================================= */
.np-page-public-listing
.np-listing-search-bottom {
position: static !important;
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 4px !important;
width: 100% !important;
min-height: 22px !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
}
.np-page-public-listing
.np-listing-search-bottom label {
width: auto !important;
min-width: 0 !important;
margin:
0
1px
0
27px !important;
padding: 0 !important;
color:
#471b40 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
line-height:
21px !important;
font-weight:
400 !important;
white-space:
nowrap !important;
}
/* EDADES */
.np-page-public-listing
.np-listing-search-bottom
select[name="age_from"],
.np-page-public-listing
.np-listing-search-bottom
select[name="age_to"] {
width:
64px !important;
height:
21px !important;
margin: 0 !important;
padding:
0
2px !important;
}
/* ORDEN */
.np-page-public-listing
.np-listing-search-bottom
select[name="order"] {
width:
127px !important;
height:
21px !important;
margin:
0
0
0
6px !important;
padding:
0
2px !important;
}
/* PUBLICADO */
.np-page-public-listing
.np-published-label {
width: auto !important;
min-width: auto !important;
margin:
0
2px
0
7px !important;
font-size:
11px !important;
line-height:
21px !important;
}
.np-page-public-listing
.np-published-select {
width:
150px !important;
height:
21px !important;
margin:
0 !important;
padding:
0
2px !important;
}
/* =========================================================
FILA 3: PALABRAS + BUSCAR
========================================================= */
.np-page-public-listing
.np-listing-search-words {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 22px !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
gap:
5px !important;
}
.np-page-public-listing
.np-listing-search-words label {
width:
177px !important;
min-width:
177px !important;
margin: 0 !important;
padding: 0 !important;
color:
#471b40 !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
line-height:
21px !important;
text-align:
right !important;
}
/*
* IMPORTANTE:
* sin Oferta/Demanda el campo ocupa
* automáticamente todo el hueco.
*/
.np-page-public-listing
.np-listing-search-words
input[name="q"] {
flex:
1 1 auto !important;
width:
auto !important;
min-width:
120px !important;
height:
21px !important;
box-sizing:
border-box !important;
margin: 0 !important;
padding:
1px
4px !important;
border:
1px
solid
#79366e !important;
background:
#fff !important;
}
/* =========================================================
SI EXISTE OFERTA / DEMANDA EN OTRA CATEGORÍA
========================================================= */
.np-page-public-listing
.np-ad-mode-select {
flex:
0
0
115px !important;
width:
115px !important;
height:
21px !important;
box-sizing:
border-box !important;
margin: 0 !important;
}
/* =========================================================
BUSCAR
========================================================= */
.np-page-public-listing
.np-listing-search-words
.np-search-submit {
position:
static !important;
flex:
0
0
75px !important;
display:
inline-flex !important;
align-items:
center !important;
justify-content:
center !important;
gap:
3px !important;
width:
75px !important;
min-width:
75px !important;
height:
20px !important;
margin:
0 !important;
padding:
0
7px
0
5px !important;
border:
1px
solid
#55214d !important;
border-radius:
10px !important;
background:
linear-gradient(
#87527e,
#5b2d55
) !important;
color:
#fff !important;
font-family:
Arial,
Helvetica,
sans-serif !important;
font-size:
11px !important;
line-height:
17px !important;
font-weight:
700 !important;
cursor:
pointer !important;
}
/* =========================================================
ELIMINAR HUECOS HEREDADOS DE REGLAS ANTERIORES
========================================================= */
.np-page-public-listing
.np-listing-search-top,
.np-page-public-listing
.np-listing-search-bottom,
.np-page-public-listing
.np-listing-search-words {
margin-top:
0 !important;
margin-bottom:
0 !important;
}
.np-page-public-listing
.np-listing-search-bottom {
padding-right:
0 !important;
}
/* =========================================================
RESULTADOS MÁS PEGADOS AL BUSCADOR
========================================================= */
.np-page-public-listing
.np-listing-found {
margin:
1px
0
4px
0 !important;
}
/* === END BUSCANUNCIOS COMPACTO PASION V6 === */
/* === NEWPASION HOME SOURCE V5 === */
/*
|--------------------------------------------------------------------------
| MEDIDAS BASE
|--------------------------------------------------------------------------
|
| Fuente real Pasion:
|
| body = 789px
| contenido = 783px
| cabecera = 80px
|
*/
body {
background-color: #552C50;
}
.np-page-home-source {
width: 783px !important;
max-width: 783px !important;
margin:
0
auto !important;
border:
solid
2px
#2C0928 !important;
border-radius:
8px !important;
background: #fff !important;
}
/*
|--------------------------------------------------------------------------
| CABECERA
|--------------------------------------------------------------------------
*/
.np-page-home-source
.np-header {
position: relative !important;
display: block !important;
width: auto !important;
height: 80px !important;
min-height: 80px !important;
box-sizing: content-box !important;
margin:
0
0
8px
0 !important;
padding: 0 !important;
overflow: hidden !important;
border:
solid
2px
#fff !important;
border-radius:
8px !important;
box-shadow:
0
0
5px
#000 !important;
background:
linear-gradient(
160deg,
#A86AA0 6%,
#F8EEF7 90%
) !important;
}
.np-page-home-source
.np-brand {
position: absolute !important;
float: none !important;
left: 5px !important;
top: 3px !important;
width: 150px !important;
height: 74px !important;
margin: 0 !important;
padding: 0 !important;
}
.np-page-home-source
.np-logo {
display: block !important;
width: 150px !important;
height: 74px !important;
max-width: 150px !important;
object-fit: contain !important;
}
.np-page-home-source
.np-headline {
position: absolute !important;
float: none !important;
right: 18px !important;
top: 0 !important;
width: 600px !important;
height: 80px !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
overflow: hidden !important;
}
.np-source-claim {
padding-top: 21px;
color: #552C50;
text-align: center;
font-family:
verdana,
arial,
sans-serif;
font-size: 18px;
line-height: 22px;
font-weight: 400;
}
/*
|--------------------------------------------------------------------------
| CONTENIDO
|--------------------------------------------------------------------------
*/
.np-page-home-source
.np-columns {
display: block !important;
}
.np-page-home-source
.np-content {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
.np-page-home-source
.np-sidebar {
display: none !important;
}
.np-page-home-source
.np-container {
width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
padding:
0
0
10px
0 !important;
background: #fff !important;
}
.np-source-home {
width: 100%;
color: #92678C;
font-family:
verdana,
arial,
sans-serif;
font-size: 12px;
text-align: center;
}
/*
|--------------------------------------------------------------------------
| BOTONERA / BUSCADOR
|--------------------------------------------------------------------------
*/
.np-source-searchbox {
clear: both;
float: left;
width: 555px;
margin:
0
0
0
30px;
text-align: left;
}
.np-source-buttons {
width: 720px;
height: 32px;
margin: 0;
}
.np-source-button {
float: left;
width: 190px;
padding-top: 5px;
color: #557755;
font-size: 12px;
font-weight: bold;
text-align: left;
}
.np-source-button a {
position: relative;
display: block;
color: #5C395C;
text-decoration: none;
}
.np-source-button img {
display: block;
float: left;
width: 26px;
height: 24px;
margin:
2px
5px
0
0;
object-fit: contain;
}
.np-source-button span {
display: inline-block;
line-height: 14px;
}
.np-source-button em {
position: absolute;
top: -30px;
left: 90px;
width: 50px;
color: #aa2222;
font-size: 8px;
font-style: normal;
transform:
rotate(30deg);
}
.np-source-search-row {
clear: both;
padding-top: 39px;
}
.np-source-lupa {
float: left;
width: 26px;
height: 24px;
overflow: hidden;
}
.np-source-lupa img {
display: block;
width: 26px;
height: 24px;
object-fit: contain;
filter:
grayscale(1)
saturate(0);
}
.np-source-search-form {
float: left;
margin: 0;
padding: 0;
}
.np-source-input {
float: left;
}
.np-source-input input {
display: block;
box-sizing: content-box;
width: 400px;
height: 18px;
margin: 0;
padding:
5px
8px
0
6px;
border:
1px
solid
#ccc;
border-right-color: #999;
border-bottom-color: #999;
border-radius: 0;
background: #fff;
color: #000;
font:
bold
18px
arial,
sans-serif;
vertical-align: top;
}
.np-source-search-button-wrap {
float: left;
width: 61px;
height: 25px;
border-right:
1px
solid
#eee;
}
.np-source-search-button-wrap > div {
width: 70px;
height: 23px;
background: #EEE;
}
.np-source-search-button-wrap button {
width: 70px;
height: 23px;
padding: 0;
border: none;
border-radius: 0;
background: #EEE;
color: #000;
font-size: 15px;
font-weight: normal;
cursor: pointer;
}
/*
|--------------------------------------------------------------------------
| MAPA
|--------------------------------------------------------------------------
*/
.np-source-mapbox {
float: left;
width: 136px;
height: 148px;
margin:
10px
0
0
15px;
overflow: hidden;
background: transparent;
}
.np-source-map {
position: relative;
width: 136px;
height: 129px;
}
.np-source-map svg {
display: block;
width: 136px !important;
height: 129px !important;
}
.np-source-province-name {
width: 136px;
box-sizing: border-box;
padding: 0;
border: 0;
background: #fff;
color: #3a003a;
font-size: 11px;
font-weight: 400;
text-align: center;
}
/*
|--------------------------------------------------------------------------
| CATEGORÍAS
|--------------------------------------------------------------------------
*/
.np-source-categories {
clear: both;
margin:
0
15px;
text-align: justify;
}
.np-source-row {
float: left;
width: 100%;
margin: 0;
}
.np-source-icon {
float: left;
width: 60px;
height: 60px;
margin-top: 14px;
}
.np-source-icon-left {
clear: both;
}
.np-source-icon a {
display: block;
width: 60px;
height: 60px;
text-decoration: none;
}
.np-source-icon img {
display: block;
width: 60px;
height: 60px;
object-fit: contain;
}
.np-source-category {
float: left;
box-sizing: content-box;
width: 300px;
height: 60px;
margin-top: 14px;
overflow: hidden;
padding-left: 8px;
background-color: #F2E3F2;
color: #92678C;
vertical-align: top;
line-height: 1.1;
text-align: justify;
}
.np-source-separator {
float: left;
width: 14px;
height: 14px;
}
.np-source-cat1 {
color: #391334 !important;
font-family:
verdana,
arial,
sans-serif !important;
font-size: 17px !important;
line-height: 18.7px;
font-weight: 100 !important;
text-transform: uppercase;
text-decoration: none;
text-align: justify;
}
.np-source-cat2 {
position: relative;
z-index: 2;
color: #B491AF !important;
font-family:
verdana,
arial,
sans-serif;
font-size: 8pt;
font-weight: 400;
line-height: 1.1;
text-decoration: none;
}
.np-source-cat2 span {
white-space: nowrap;
}
.np-source-cat1:hover,
.np-source-cat2:hover {
background-color: #CEBACE;
text-decoration: none;
}
/*
|--------------------------------------------------------------------------
| SUMARIO
|--------------------------------------------------------------------------
*/
.np-source-summary {
clear: both;
box-sizing: border-box;
padding:
30px
30px
0
30px;
color: #92678C;
font-family:
verdana,
arial,
sans-serif;
font-size: 8pt !important;
font-weight: 400;
line-height: normal;
text-align: center !important;
}
.np-source-summary a {
color: #884D80;
text-decoration: none;
}
.np-source-notice {
color: #999;
font-family:
verdana,
arial,
sans-serif;
font-size: 10px;
text-align: center;
}
/*
|--------------------------------------------------------------------------
| FOOTER
|--------------------------------------------------------------------------
*/
.np-page-home-source
.np-footer-links {
clear: both;
margin: 0 !important;
padding:
0
0
15px
0 !important;
color: #fff !important;
font-family:
verdana,
arial,
sans-serif;
font-size: 10px !important;
font-weight: normal !important;
text-align: center;
text-transform: uppercase;
}
.np-page-home-source
.np-footer-links a {
color: #fff !important;
background: none !important;
}
.np-page-home-source
.np-copyright {
clear: both;
margin:
0
0
30px
0 !important;
color: #92678C;
font-family:
verdana,
arial,
sans-serif;
font-size: 10px !important;
text-align: center;
}
/*
|--------------------------------------------------------------------------
| LIMPIEZA FLOATS
|--------------------------------------------------------------------------
*/
.np-source-home::after,
.np-source-categories::after,
.np-source-row::after,
.np-source-search-row::after {
display: block;
clear: both;
content: "";
}
/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/
@media (max-width: 800px) {
.np-page-home-source {
width: calc(100% - 10px) !important;
max-width: none !important;
}
.np-source-searchbox {
width: calc(100% - 20px);
margin-left: 10px;
}
.np-source-mapbox {
display: none;
}
.np-source-buttons {
width: 100%;
}
.np-source-button {
width: 33.333%;
}
.np-source-categories {
margin:
0
8px;
}
.np-source-row {
display: block;
float: none;
}
.np-source-category {
float: none;
width: calc(100% - 76px);
min-height: 60px;
height: auto;
margin-left: 60px;
}
.np-source-icon {
position: absolute;
}
.np-source-separator,
.np-source-icon-right {
display: none;
}
}
/* === END NEWPASION HOME SOURCE V5 === */
/* === STEP1 CANONICO FUENTE PASION === */
@media (min-width: 769px) {
/*
|--------------------------------------------------------------------------
| .contenido ORIGINAL
|--------------------------------------------------------------------------
|
| .contenido {
| background-color:#fff;
| margin:0 auto;
| width:783px;
| border:solid 2px #2C0928;
| border-radius:8px;
| text-align:center;
| padding:0 0 10px 0;
| }
|
*/
.np-page-step1 .np-contenido-shell {
background-color: #FFFFFF !important;
margin:
0
auto !important;
width: 783px !important;
border:
solid
2px
#2C0928 !important;
border-radius:
8px !important;
text-align:
center !important;
padding:
0
0
10px
0 !important;
box-sizing:
content-box !important;
}
/*
|--------------------------------------------------------------------------
| .cab ORIGINAL
|--------------------------------------------------------------------------
|
| border:2px white
| radius:8px
| shadow:0 0 5px black
| height:80px
| margin-bottom:8px
|
| Ahora el margen queda DENTRO de .contenido,
| por lo que esos 8px son blancos, no morados.
|
*/
.np-page-step1 .np-header {
position:
relative !important;
display:
block !important;
width:
auto !important;
height:
80px !important;
min-height:
80px !important;
margin:
0
0
8px
0 !important;
padding:
0 !important;
overflow:
hidden !important;
box-sizing:
content-box !important;
border:
solid
2px
#FFFFFF !important;
border-radius:
8px !important;
box-shadow:
0
0
5px
#000000 !important;
background:
linear-gradient(
160deg,
#A86AA0 6%,
#F8EEF7 90%
) !important;
}
/*
* Nada inventado encima de .cab.
*/
.np-page-step1 .np-header::before,
.np-page-step1 .np-header::after {
display:
none !important;
content:
none !important;
}
/*
|--------------------------------------------------------------------------
| LOGO ORIGINAL
|--------------------------------------------------------------------------
*/
.np-page-step1 .np-brand {
position:
absolute !important;
left:
5px !important;
top:
3px !important;
width:
150px !important;
height:
74px !important;
margin:
0 !important;
padding:
0 !important;
}
.np-page-step1 .np-logo {
display:
block !important;
width:
150px !important;
height:
74px !important;
max-width:
150px !important;
max-height:
74px !important;
object-fit:
contain !important;
}
/*
|--------------------------------------------------------------------------
| txtClaim4 ORIGINAL
|--------------------------------------------------------------------------
*/
.np-page-step1 .np-headline {
position:
absolute !important;
top:
0 !important;
right:
18px !important;
width:
600px !important;
height:
80px !important;
margin:
0 !important;
padding:
0 !important;
overflow:
visible !important;
text-align:
center !important;
}
.np-page-step1 .np-publish-header-title {
margin:
0 !important;
padding:
20px
0
0
0 !important;
color:
#552C50 !important;
font-family:
Verdana,
Arial,
sans-serif !important;
font-size:
18px !important;
line-height:
normal !important;
font-weight:
400 !important;
text-align:
center !important;
}
/*
* .descripcion original:
* Verdana/Arial
* 8pt
* peso 400
* #843E7B
*
* Solo ampliamos unos px porque NEWPASION ocupa más
* caracteres que PASION.
*/
.np-page-step1 .np-publish-header-description {
display:
block !important;
position:
relative !important;
left:
-4px !important;
width:
608px !important;
margin:
0 !important;
padding:
0 !important;
color:
#843E7B !important;
font-family:
Verdana,
Arial,
sans-serif !important;
font-size:
8pt !important;
line-height:
normal !important;
font-weight:
400 !important;
letter-spacing:
0 !important;
text-align:
center !important;
}
/*
|--------------------------------------------------------------------------
| CONTENIDO / TABLA ORIGINAL
|--------------------------------------------------------------------------
|
| td.main:
| padding:0 5px 0 10px
|
| td.menulat:
| width:135px
| padding:4px 7px 0 7px
|
*/
.np-page-step1 .np-container {
width:
100% !important;
margin:
0 !important;
padding:
0 !important;
border:
0 !important;
border-radius:
0 !important;
box-shadow:
none !important;
background:
transparent !important;
}
.np-page-step1 .np-columns {
display:
grid !important;
grid-template-columns:
minmax(0, 1fr)
149px !important;
gap:
0 !important;
align-items:
start !important;
width:
100% !important;
margin:
0 !important;
padding:
0 !important;
}
.np-page-step1 .np-content {
width:
auto !important;
max-width:
none !important;
min-width:
0 !important;
margin:
0 !important;
padding:
0
5px
0
10px !important;
box-sizing:
border-box !important;
}
.np-page-step1 .np-sidebar {
width:
135px !important;
margin:
0 !important;
padding:
4px
7px
0
7px !important;
box-sizing:
content-box !important;
}
/*
|--------------------------------------------------------------------------
| .paso ORIGINAL
|--------------------------------------------------------------------------
*/
.np-page-step1 .np-pasion-paso {
display:
block !important;
min-height:
40px !important;
margin:
10px
0
0
0 !important;
padding:
0 !important;
color:
#884D80 !important;
font-family:
Verdana,
Arial,
sans-serif !important;
font-size:
10pt !important;
line-height:
normal !important;
font-weight:
700 !important;
text-align:
left !important;
}
/*
* .paso img ORIGINAL:
* float:left;
* margin:0 5px;
*/
.np-page-step1
.np-pasion-paso
> div:first-child
img {
float:
left !important;
display:
block !important;
width:
40px !important;
height:
40px !important;
margin:
0
5px !important;
padding:
0 !important;
border:
0 !important;
}
.np-page-step1
.np-pasion-paso
> div:nth-child(2) {
margin:
0 !important;
padding:
0 !important;
font-weight:
700 !important;
}
/*
|--------------------------------------------------------------------------
| .consejos ORIGINAL
|--------------------------------------------------------------------------
|
| margin:10px 0 0 50px
|
| NO define font-weight:
| hereda 700 de .paso.
|
*/
.np-page-step1 .np-pasion-consejos {
margin:
10px
0
0
50px !important;
padding:
0 !important;
color:
#AB0000 !important;
font-size:
10pt !important;
line-height:
normal !important;
font-weight:
700 !important;
text-align:
left !important;
}
.np-page-step1 .np-pasion-consejos a,
.np-page-step1 .np-pasion-consejos a:visited {
color:
#AB0000 !important;
background:
transparent !important;
font-weight:
700 !important;
text-decoration:
none !important;
}
.np-page-step1 .np-pasion-consejos strong {
font-weight:
700 !important;
}
/*
|--------------------------------------------------------------------------
| ÁRBOL ORIGINAL
|--------------------------------------------------------------------------
|
| margin:20px 0 0 45px
| width:250px
|
*/
.np-page-step1 .np-pasion-arbol {
display:
block !important;
width:
250px !important;
margin:
20px
0
22px
45px !important;
padding:
0 !important;
text-align:
left !important;
}
.np-page-step1 ul.np-pasion-mktree {
width:
250px !important;
margin:
0
0
0
7px !important;
padding:
0 !important;
}
.np-page-step1 ul.np-pasion-mktree > li {
list-style:
none !important;
margin:
7px
0
0
0 !important;
padding:
0 !important;
color:
#884D80 !important;
font-size:
10pt !important;
line-height:
normal !important;
font-weight:
700 !important;
text-transform:
uppercase !important;
}
.np-page-step1 .np-pasion-cat-form {
display:
block !important;
margin:
0 !important;
padding:
0 !important;
}
.np-page-step1 .np-pasion-cat-link {
display:
inline !important;
margin:
0 !important;
padding:
0 !important;
border:
0 !important;
border-radius:
0 !important;
background:
transparent !important;
color:
#884D80 !important;
font:
700
10pt
Verdana,
Arial,
sans-serif !important;
text-transform:
uppercase !important;
cursor:
pointer !important;
appearance:
none !important;
-webkit-appearance:
none !important;
}
.np-page-step1 .np-pasion-cat-link:hover {
color:
#001100 !important;
background-color:
#CEBACE !important;
}
/*
|--------------------------------------------------------------------------
| MENÚ ORIGINAL
|--------------------------------------------------------------------------
*/
.np-page-step1 .np-menu {
width:
134px !important;
margin:
0 !important;
padding:
0 !important;
position:
static !important;
text-align:
left !important;
}
.np-page-step1 .np-menu-title {
width:
134px !important;
margin:
0 !important;
padding-top:
4px !important;
background:
#F0DCED !important;
color:
#FFFFFF !important;
font-size:
8pt !important;
line-height:
normal !important;
text-align:
center !important;
border-radius:
5px
5px
0
0 !important;
}
.np-page-step1 .np-menu > a {
position:
relative !important;
display:
block !important;
width:
129px !important;
height:
24px !important;
min-height:
24px !important;
margin:
0 !important;
padding:
2px
0
2px
3px !important;
box-sizing:
content-box !important;
border-left:
1px
solid
#F0DCED !important;
border-right:
1px
solid
#F0DCED !important;
border-bottom:
1px
solid
#F0DCED !important;
background:
#F8F1F7 !important;
}
.np-page-step1 .np-menu-row-content {
display:
block !important;
height:
24px !important;
margin:
0 !important;
padding:
0 !important;
}
.np-page-step1 .np-menu-icon {
float:
left !important;
display:
block !important;
width:
26px !important;
height:
24px !important;
margin:
0
5px
0
0 !important;
object-fit:
contain !important;
}
.np-page-step1 .np-menu-label {
color:
#884D80 !important;
font-size:
7pt !important;
line-height:
normal !important;
font-weight:
700 !important;
}
/*
* .gratis ORIGINAL:
*
* top:-16px
* left:80px
* width:50px
* rotate(30deg)
*
* Lo reproducimos sobre la fila Publicar.
*/
.np-page-step1 .np-menu-free {
position:
absolute !important;
top:
-2px !important;
left:
80px !important;
right:
auto !important;
width:
50px !important;
margin:
0 !important;
padding:
0 !important;
color:
#AA2222 !important;
font-size:
8px !important;
line-height:
normal !important;
font-weight:
400 !important;
white-space:
nowrap !important;
transform:
rotate(30deg) !important;
transform-origin:
center
center !important;
}
/*
|--------------------------------------------------------------------------
| BUSCADOR LATERAL
|--------------------------------------------------------------------------
*/
.np-page-step1 .np-search-menu-row {
display:
flex !important;
align-items:
flex-start !important;
width:
129px !important;
min-height:
24px !important;
padding:
2px
0
2px
3px !important;
border-left:
1px
solid
#F0DCED !important;
border-right:
1px
solid
#F0DCED !important;
background:
#F8F1F7 !important;
}
.np-page-step1 .np-search-menu-icon {
width:
26px !important;
height:
24px !important;
flex:
0
0
26px !important;
margin:
0
5px
0
0 !important;
}
.np-page-step1 .np-search-menu-label {
color:
#884D80 !important;
font-size:
7pt !important;
font-weight:
700 !important;
}
.np-page-step1 .np-sidebar-search {
width:
134px !important;
height:
99px !important;
margin:
0 !important;
padding:
0
4px !important;
box-sizing:
border-box !important;
background:
#F8F1F7 !important;
border-left:
1px
solid
#F0DCED !important;
border-right:
1px
solid
#F0DCED !important;
border-bottom:
1px
solid
#F0DCED !important;
}
.np-page-step1 .np-sidebar-search input[type="text"] {
display:
block !important;
width:
123px !important;
height:
19px !important;
margin:
0 !important;
padding:
1px
2px !important;
box-sizing:
border-box !important;
border:
1px
solid
#3A003A !important;
border-radius:
0 !important;
background:
#F8EEF7 !important;
color:
#3A003A !important;
font-size:
12px !important;
font-weight:
400 !important;
}
.np-page-step1 .np-search-submit {
width:
74px !important;
height:
20px !important;
margin:
12px
0
0
25px !important;
}
/*
* En HTML original hay:
*
*
* antes de COMUNICAR ERRORES.
*/
.np-page-step1 .np-publish-side-actions {
margin-top:
32px !important;
}
/* --- STEP1 INTERACCION ORIGINAL FINAL --- */
/* ======================================================
DESCRIPCIÓN DE CABECERA
Fuente original:
Verdana/Arial
8pt
peso 400
#843E7B
Conservamos el borde derecho y ganamos sitio
hacia la izquierda porque NEWPASION es más largo.
====================================================== */
.np-page-step1 .np-publish-header-description {
display: block !important;
position: relative !important;
left: -20px !important;
width: 620px !important;
margin: 0 !important;
padding: 0 !important;
color: #843E7B !important;
font-family:
Verdana,
Arial,
sans-serif !important;
font-size: 8pt !important;
line-height: normal !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-align: center !important;
}
/* ======================================================
CATEGORÍAS
Original:
normal #884D80
hover #001100 + underline
SIN fondo malva.
====================================================== */
.np-page-step1 .np-pasion-cat-link {
color: #884D80 !important;
background-color: transparent !important;
font-family:
Verdana,
Arial,
sans-serif !important;
font-size: 10pt !important;
font-weight: 700 !important;
}
.np-page-step1 .np-pasion-cat-link:hover,
.np-page-step1 .np-pasion-cat-link:focus {
color: #001100 !important;
background-color: transparent !important;
text-decoration: underline !important;
outline: none !important;
}
/* ======================================================
8 CONSEJOS
Toda la línea hereda bold de .paso.
Hover global original:
#001100 + subrayado.
====================================================== */
.np-page-step1 .np-pasion-consejos,
.np-page-step1 .np-pasion-consejos a,
.np-page-step1 .np-pasion-consejos a:visited {
color: #AB0000 !important;
background-color: transparent !important;
font-family:
Verdana,
Arial,
sans-serif !important;
font-size: 10pt !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.np-page-step1 .np-pasion-consejos a:hover,
.np-page-step1 .np-pasion-consejos a:focus {
color: #001100 !important;
background-color: transparent !important;
font-weight: 700 !important;
text-decoration: underline !important;
}
/* ======================================================
MENÚ LATERAL
.mepr original:
font-size:7pt
font-weight:bold
====================================================== */
.np-page-step1 .np-menu > a {
position: relative !important;
overflow: visible !important;
color: #884D80 !important;
background-color: #F8F1F7 !important;
font-family:
Verdana,
Arial,
sans-serif !important;
font-size: 7pt !important;
font-weight: 700 !important;
line-height: normal !important;
text-decoration: none !important;
}
.np-page-step1 .np-menu-label,
.np-page-step1 .np-search-menu-label {
color: #884D80 !important;
font-family:
Verdana,
Arial,
sans-serif !important;
font-size: 7pt !important;
line-height: normal !important;
font-weight: 700 !important;
text-transform: uppercase !important;
}
/* Hover como Pasion:
texto oscuro + subrayado,
sin pintar la fila de malva. */
.np-page-step1 .np-menu > a:hover,
.np-page-step1 .np-menu > a:focus {
color: #001100 !important;
background-color: #F8F1F7 !important;
text-decoration: none !important;
}
.np-page-step1 .np-menu > a:hover .np-menu-label,
.np-page-step1 .np-menu > a:focus .np-menu-label {
color: #001100 !important;
text-decoration: underline !important;
}
/* ======================================================
GRATIS !!
CSS original:
font-size:8px
color:#aa2222
position:relative
top:-16px
left:80px
width:50px
rotate(30deg)
====================================================== */
.np-page-step1 .np-menu-free {
display: block !important;
position: relative !important;
top: -16px !important;
left: 80px !important;
right: auto !important;
width: 50px !important;
margin: 0 !important;
padding: 0 !important;
color: #AA2222 !important;
background: transparent !important;
font-family:
Verdana,
Arial,
sans-serif !important;
font-size: 8px !important;
line-height: normal !important;
font-weight: 700 !important;
white-space: nowrap !important;
text-decoration: none !important;
transform: rotate(30deg) !important;
-ms-transform: rotate(30deg) !important;
-webkit-transform: rotate(30deg) !important;
transform-origin: center center !important;
z-index: 20 !important;
}
.np-page-step1 .np-menu > a:hover .np-menu-free,
.np-page-step1 .np-menu > a:focus .np-menu-free {
color: #AA2222 !important;
text-decoration: none !important;
}
/* --- END STEP1 INTERACCION ORIGINAL FINAL --- */
/* --- STEP1 SIDEBAR ORIGINAL FINAL --- */
/* ======================================================
GRATIS !!
El CSS original usaba:
top:-16px
left:80px
width:50px
rotate(30deg)
Pero el DOM original no tenía nuestro wrapper
np-menu-row-content.
Aquí usamos su POSICIÓN VISUAL equivalente:
x = 80px desde la fila Publicar
y = aproximadamente 3px desde arriba.
====================================================== */
.np-page-step1
.np-menu > a {
position: relative !important;
overflow: visible !important;
}
.np-page-step1
.np-menu-free {
display: block !important;
position: absolute !important;
top: 3px !important;
left: 80px !important;
right: auto !important;
width: 50px !important;
margin: 0 !important;
padding: 0 !important;
color: #AA2222 !important;
background: transparent !important;
font-family:
Verdana,
Arial,
sans-serif !important;
font-size: 8px !important;
line-height: normal !important;
font-weight: 700 !important;
white-space: nowrap !important;
text-decoration: none !important;
transform: rotate(30deg) !important;
-webkit-transform: rotate(30deg) !important;
transform-origin:
center
center !important;
z-index: 20 !important;
}
.np-page-step1
.np-menu > a:hover
.np-menu-free {
color: #AA2222 !important;
text-decoration: none !important;
}
/* ======================================================
BUSCADOR LATERAL
Pasion original:
.cajaBuscador { height:99px }
En nuestro HTML tenemos:
- cabecera BUSCADOR DE ANUNCIOS ~28px
- cuerpo del buscador
Por tanto el cuerpo debe ocupar aproximadamente 71px
para que EL CONJUNTO mida los 99px originales.
Antes lo teníamos en 99px + cabecera = ~128px.
====================================================== */
.np-page-step1
.np-sidebar-search {
height: 71px !important;
min-height: 71px !important;
padding:
0
4px !important;
box-sizing: border-box !important;
}
/* ======================================================
BOTONES INFERIORES
El original NO los construía con CSS.
Eran imágenes completas:
errores.gif 136 x 35
sugerencias.gif 136 x 35
====================================================== */
.np-page-step1
.np-publish-side-actions {
display: block !important;
width: 136px !important;
margin:
32px
0
0
0 !important;
padding: 0 !important;
text-align: left !important;
}
.np-page-step1
.np-original-side-button {
display: block !important;
width: 136px !important;
height: 35px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
text-decoration: none !important;
line-height: 0 !important;
}
.np-page-step1
.np-original-side-button img {
display: block !important;
width: 136px !important;
height: 35px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
/*
* Distancia entre los dos botones observada
* en la estructura original
.
*/
.np-page-step1
.np-original-side-errors {
margin-bottom: 17px !important;
}
.np-page-step1
.np-original-side-button:hover {
background: transparent !important;
text-decoration: none !important;
}
.np-page-step1
.np-original-side-button:hover img {
background: transparent !important;
}
/* --- END STEP1 SIDEBAR ORIGINAL FINAL --- */
}
/* === END STEP1 CANONICO FUENTE PASION === */
/* === STEP2 CANONICO FUENTE PASION === */
@media (min-width: 769px) {
/* ======================================================
REGLAS DEL