html {
overflow-y: scroll !important;
}
/* ==========================================================
NEWPASION.COM
ARMAZON MAESTRO PASION.COM
Este archivo controla SOLO la geometría exterior.
Ninguna sección debe redefinir estas medidas.
========================================================== */
/* ==========================================================
ARMAZON HISTORICO:
Home, categorías, listados, login y Mis anuncios
========================================================== */
body.normal,
body.normal.busquedas {
background-color:#552C50 !important;
width:789px !important;
margin:0 auto !important;
padding-top:0 !important;
text-align:center !important;
font-family:
verdana,
cursive !important;
}
body.normal > .contenido,
body.normal.busquedas > .contenido {
width:783px !important;
margin:0 auto !important;
padding:
0
0
10px
0 !important;
box-sizing:content-box !important;
background:#fff !important;
border:
2px
solid
#2C0928 !important;
border-radius:8px !important;
text-align:center !important;
}
body.normal > .contenido > .cab,
body.normal.busquedas > .contenido > .cab,
body.normal > .contenido > .cabiecss3,
body.normal.busquedas > .contenido > .cabiecss3 {
height:80px !important;
margin:
0
0
8px
0 !important;
padding:0 !important;
box-sizing:content-box !important;
border:
2px
solid
#fff !important;
}
body.normal .cab > .logo,
body.normal.busquedas .cab > .logo,
body.normal .cabiecss3 > .logo,
body.normal.busquedas .cabiecss3 > .logo {
float:left !important;
width:150px !important;
margin:
3px
3px
0
5px !important;
padding:0 !important;
}
body.normal .cab > .logo a,
body.normal.busquedas .cab > .logo a,
body.normal .cabiecss3 > .logo a,
body.normal.busquedas .cabiecss3 > .logo a {
display:block !important;
width:150px !important;
height:74px !important;
overflow:hidden !important;
}
body.normal .cab > .logo img,
body.normal.busquedas .cab > .logo img,
body.normal .cabiecss3 > .logo img,
body.normal.busquedas .cabiecss3 > .logo img {
display:block !important;
width:150px !important;
height:auto !important;
max-width:150px !important;
max-height:74px !important;
margin:0 !important;
padding:0 !important;
object-fit:contain !important;
}
/* ==========================================================
PUBLICACION + AREA PRIVADA
MISMO ARMAZON EXACTO QUE PASION ORIGINAL
========================================================== */
@media (min-width:769px) {
/*
* BODY
* Exactamente la misma caja exterior que Home.
*/
body.np-body-publish,
body.np-body-account {
background-color:#552C50 !important;
width:789px !important;
margin:0 auto !important;
padding:0 !important;
text-align:center !important;
font-family:
verdana,
cursive !important;
}
/*
* PUBLICACION
* .np-page es solamente contenedor técnico.
* No puede añadir geometría propia.
*/
body.np-body-publish
> .np-page-publish {
width:789px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-sizing:content-box !important;
}
/*
* Equivalente EXACTO a .contenido histórico:
*
* width:783px
* border:2px
* padding-bottom:10px
*/
body.np-body-publish
.np-contenido-shell,
body.np-body-account
> .np-page {
width:783px !important;
margin:0 auto !important;
padding:
0
0
10px
0 !important;
background:#fff !important;
border:
2px
solid
#2C0928 !important;
border-radius:8px !important;
box-sizing:content-box !important;
text-align:center !important;
}
/*
* Equivalente EXACTO a .cab histórica.
*
* 80px de contenido
* + 2px de borde superior/inferior.
*/
body.np-body-publish
.np-contenido-shell
> .np-header,
body.np-body-account
> .np-page
> .np-header {
height:80px !important;
margin:
0
0
8px
0 !important;
padding:0 !important;
border:
2px
solid
#fff !important;
box-sizing:content-box !important;
}
/*
* Equivalente EXACTO a .logo histórica.
*/
body.np-body-publish
.np-brand,
body.np-body-account
.np-brand {
display:block !important;
float:left !important;
width:150px !important;
height:74px !important;
margin:
3px
3px
0
5px !important;
padding:0 !important;
transform:none !important;
box-sizing:content-box !important;
overflow:hidden !important;
}
body.np-body-publish
.np-logo,
body.np-body-account
.np-logo {
display:block !important;
width:150px !important;
height:auto !important;
max-width:150px !important;
max-height:74px !important;
margin:0 !important;
padding:0 !important;
object-fit:contain !important;
}
}
/* ==========================================================
FIN ARMAZON MAESTRO
========================================================== */
/* ==========================================================
PUBLICACION - LOGO SEGUN ESTRUCTURA ORIGINAL PASION
La caja .logo mantiene íntegramente el CSS original.
Solo adaptamos el PNG actual al hueco original 150x74.
========================================================== */
@media (min-width:769px) {
body.np-body-publish .cab .logo a,
body.np-body-publish .cab .logo img {
display:block !important;
width:150px !important;
height:74px !important;
margin:0 !important;
padding:0 !important;
}
body.np-body-publish .cab .logo img {
object-fit:contain !important;
}
}
/* FIN LOGO ORIGINAL PUBLICACION */
/* ==========================================================
PUBLICAR ANUNCIOS
ARMAZON LITERAL PASION.COM ORIGINAL
FUENTE ORIGINAL: .contenido / .cab / .cabbg / .logo / .txtClaim4
========================================================== */
@media (min-width:769px) {
body.np-body-publish {
background-color:#552C50 !important;
margin:0 auto !important;
padding:0 !important;
width:789px !important;
text-align:center !important;
font-family:verdana,cursive !important;
}
body.np-body-publish .np-page-publish {
width:789px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
}
body.np-body-publish .np-contenido-shell.contenido {
background-color:#fff !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;
}
body.np-body-publish .cab,
body.np-body-publish .cabiecss3 {
position:relative !important;
display:block !important;
width:auto !important;
height:80px !important;
min-height:80px !important;
max-height:80px !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;
box-sizing:content-box !important;
}
body.np-body-publish .cab.cabbg {
background:
linear-gradient(
160deg,
#A86AA0 6%,
#F8EEF7 90%
) !important;
}
body.np-body-publish .cab .logo {
position:static !important;
float:left !important;
display:block !important;
width:150px !important;
height:auto !important;
margin:
3px
3px
0
5px !important;
padding:0 !important;
transform:none !important;
flex:none !important;
}
body.np-body-publish .cab .logo a {
display:block !important;
width:150px !important;
height:74px !important;
margin:0 !important;
padding:0 !important;
}
body.np-body-publish .cab .logo img {
display:block !important;
width:150px !important;
height:74px !important;
max-width:150px !important;
max-height:74px !important;
margin:0 !important;
padding:0 !important;
object-fit:contain !important;
transform:none !important;
}
body.np-body-publish .cab .txtClaim4 {
float:right !important;
width:600px !important;
margin:
0
18px
0
0 !important;
padding:0 !important;
color:#552C50 !important;
text-align:center !important;
transform:none !important;
}
body.np-body-publish .cab .txtClaim4:first-child {
font-size:18px !important;
}
}
/* FIN PUBLICAR = PASION ORIGINAL */
/* ==========================================================
PUBLICAR · AJUSTE FINO CABECERA
SOLO LOGO + DESCRIPCION INFERIOR
========================================================== */
@media (min-width:769px) {
/*
* Mismo logo en TODOS los pasos de publicación.
* Lo subimos 2px sin mover cabecera ni armazón.
*/
body.np-body-publish .cab .logo {
position:relative !important;
top:-4px !important;
left:1px !important;
}
/*
* Paso 1:
* evitar que la descripción inferior se corte
* dentro de los 80px de la cabecera.
*/
body.np-body-publish
.cab
.txtClaim4
.descripcion {
display:block !important;
font-size:10px !important;
line-height:12px !important;
margin:0 !important;
padding:0 !important;
white-space:normal !important;
}
}
/* FIN AJUSTE CABECERA PUBLICAR */
/* PUBLICAR · TÍTULO CABECERA */
@media (min-width:769px) {
body.np-body-publish
.cab
.txtClaim4:first-child {
font-size:17px !important;
}
}
/* FIN TÍTULO CABECERA */
/* === NP MESSAGES NO BORDER START === */
/*
* Mensajes:
* mismo sombreado que el resto,
* pero SIN borde.
*/
body.np-page-account-ads
.np-account-actions
.np-action-messages,
body.np-page-account-ads
.np-account-actions
.np-action-messages.np-original-action-applied {
border:0 !important;
outline:0 !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.9),
inset 0 -1px 0 rgba(90,100,85,.08) !important;
}
/* === NP MESSAGES NO BORDER END === */
/* === NP PUBLIC AD FULLWIDTH SHELL START === */
/*
* Ficha pública PASION:
* no tiene sidebar lateral.
*
* Conservamos el armazón exterior histórico
* de 783px y entregamos todo el ancho interior
* a la ficha del anuncio.
*/
body.np-body-publish
.np-page-public-ad-shell
.np-container {
display:block !important;
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
box-sizing:border-box !important;
}
body.np-body-publish
.np-page-public-ad-shell
.np-columns {
display:block !important;
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
box-sizing:border-box !important;
}
body.np-body-publish
.np-page-public-ad-shell
.np-content {
display:block !important;
float:none !important;
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
box-sizing:border-box !important;
}
/*
* Seguridad adicional:
* aunque otro CSS intentase mostrar el sidebar,
* la ficha pública no lo utiliza.
*/
body.np-body-publish
.np-page-public-ad-shell
.np-sidebar {
display:none !important;
}
/* === NP PUBLIC AD FULLWIDTH SHELL END === */
/* NP-ACCOUNT-DESKTOP-SHELL-ALIGN-V1 */
@media (min-width: 800px) {
body.normal.busquedas.np-page-account-ads,
body.normal.busquedas.np-page-account-login {
width: 789px !important;
max-width: 789px !important;
box-sizing: content-box !important;
margin: 0 auto !important;
padding: 0 !important;
}
}
/* NP-ACCOUNT-DESKTOP-LOGO-ALIGN-V1 */
@media (min-width: 800px) {
body.normal.busquedas.np-page-account-ads > .contenido > .cab > .logo,
body.normal.busquedas.np-page-account-login > .contenido > .cab > .logo {
left: 0 !important;
}
}
/* NP-LOGIN-LOGO-ALIGN-V1 */
@media (min-width: 800px) {
body.normal.busquedas.np-login-logo-aligned > .contenido > .cab > .logo {
left: 0 !important;
}
}
/* NP-PUBLISH-DESKTOP-HOME-ALIGN-V1 */
@media (min-width: 800px) {
body.np-body-publish {
width: 789px !important;
max-width: none !important;
box-sizing: content-box !important;
margin: 0 auto !important;
padding: 0 !important;
}
body.np-body-publish > .np-page.np-page-publish {
width: 789px !important;
max-width: none !important;
min-width: 0 !important;
box-sizing: content-box !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.np-body-publish .np-contenido-shell.contenido {
width: 783px !important;
max-width: none !important;
box-sizing: content-box !important;
margin: 0 auto !important;
}
body.np-body-publish .cab > .logo {
position: static !important;
left: auto !important;
top: auto !important;
transform: none !important;
margin: 3px 3px 0 5px !important;
}
body.np-body-publish .cab > .logo img {
width: 150px !important;
height: auto !important;
min-height: 0 !important;
max-height: 74px !important;
}
}