/* =========================================================
   NEWPASION · FICHA PUBLICA
   Basada en PASION.COM 2017
   ========================================================= */


/* =========================================================
   CONTENEDOR
   ========================================================= */

.np-paganu-wrap {
    width:769px;
    max-width:100%;

    margin:
        4px
        auto
        35px
        auto;

    padding:0;

    box-sizing:border-box;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color:#4B4048;
}


/* =========================================================
   PREVIEW
   ========================================================= */

.np-paganu-preview {
    margin:5px 7px 12px;

    padding:8px 12px;

    border:1px solid #D19A28;

    background:#FFF8DC;

    color:#725411;

    font-size:13px;
    font-weight:bold;

    text-align:center;
}

.np-paganu-preview span {
    display:block;

    margin-top:2px;

    font-weight:normal;
}


/* =========================================================
   CABECERA PUBLICAR / MODIFICAR
   ========================================================= */

.np-page-public-ad-shell
.cab.cabbg {
    position:relative !important;
}


.np-page-public-ad-shell
.np-paganu-header-actions {
    position:absolute;

    top:12px;
    left:198px;

    display:flex;

    align-items:flex-start;

    gap:38px;

    z-index:20;
}


.np-page-public-ad-shell
.np-paganu-header-action {
    display:flex;

    align-items:flex-start;

    gap:4px;

    margin:0;
    padding:0;

    color:#74406C;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:11px;

    line-height:12px;

    font-weight:bold;

    text-decoration:none;

    text-align:left;

    white-space:nowrap;
}


.np-page-public-ad-shell
.np-paganu-header-action:hover {
    text-decoration:underline;
}


.np-page-public-ad-shell
.np-paganu-header-action
.np-pasion-menu-icon {
    display:inline-block;

    flex:0 0 22px;

    width:22px;
    height:22px;

    margin:0;
    padding:0;
}


.np-page-public-ad-shell
.cab.cabbg
> .txtClaim4 {
    position:absolute !important;

    left:175px !important;
    right:10px !important;
    top:57px !important;

    margin:0 !important;
    padding:0 !important;

    color:#68235D !important;

    font-size:13px !important;
    line-height:15px !important;

    font-weight:bold !important;

    text-align:left !important;
}


.np-page-public-ad-shell
.cab.cabbg
> .txtClaim4
> br {
    display:none !important;
}


/* =========================================================
   ESTADISTICAS
   ORIGINAL: 160px + gráfico 160x95
   ========================================================= */

.pagAnuStatsAnuBox {
    width:160px;

    text-align:left;

    float:right;

    padding-bottom:10px;

    margin:
        0
        0
        10px
        10px;

    border:
        2px
        solid
        #E8D8E5;

    border-radius:5px;

    background:#FCF8FB;

    box-sizing:border-box;
}


.pagAnuStatsAnu {
    margin:0;

    font-size:11px;

    line-height:13px;
}


.pagAnuStatsAnu .stats {
    color:#8A5480;

    text-shadow:
        2px
        2px
        2px
        #E5CBE0;

    margin-right:10px;

    text-align:right;
}


.pagAnuStatsAnu .dato {
    padding:
        0
        0
        0
        10px;

    color:#74536D;

    white-space:nowrap;
}


.pagAnuStatsAnu .dato strong {
    color:#9A4E8D;

    font-weight:bold;
}


.pagAnuGraph {
    width:160px;
    height:100px;

    overflow:hidden;

    margin:
        0
        auto;

    text-align:center;
}


.np-paganu-stats-svg {
    display:block;

    width:160px;
    height:100px;

    overflow:hidden;
}


.np-chart-grid {
    stroke:#D6C7D3;

    stroke-width:1;
}


.np-chart-area {
    fill:#D7A7CE;

    fill-opacity:.36;
}


.np-chart-line {
    fill:none;

    stroke:#7C2F70;

    stroke-width:2;

    stroke-linejoin:round;

    stroke-linecap:round;
}


.np-chart-label {
    fill:#555;

    font-family:Arial;

    font-size:8px;
}


.np-chart-title {
    fill:#444;

    font-family:Arial;

    font-size:11px;

    font-style:italic;
}


.pagAnuMoreSt {
    text-align:center;

    padding:
        9px
        0
        0
        0;

    font-size:11px;
}


.pagAnuMoreSt a {
    color:#884B7E;

    text-decoration:none;
}


.pagAnuMoreSt a:hover {
    text-decoration:underline;
}


/* =========================================================
   REFERENCIA
   MEDIDAS ORIGINALES
   ========================================================= */

.pagAnuRefBox {
    height:20px;

    margin:
        15px
        167px
        0
        5px;

    padding:
        2px
        5px
        0
        5px;

    box-sizing:border-box;

    text-align:left;

    background:#F1E4EF;

    border-top:
        1px
        solid
        #D8BDD3;

    border-bottom:
        1px
        solid
        #D8BDD3;

    font-size:12px;
}


.anuRefBox {
    display:inline;

    font-size:11px;
}


.anuDemanda {
    display:inline;

    margin:
        0
        10px
        0
        5px;
}


.anuTitulo {
    display:inline;
}


.anuFecha {
    display:inline;

    float:right;

    font-weight:bold;
}


.anuFecha.np-is-auto {
    color:#D00038;

    font-size:10px;
}


/* =========================================================
   TITULO
   ========================================================= */

.pagAnuTituloBox {
    padding:
        8px
        5px;

    text-align:center;

    background:#FBF6FA;

    margin-right:165px;
}


.np-paganu-title {
    
    font-size: 16px !important;

    border-top:
        2px
        solid
        #E7D9E4;

    border-bottom:
        2px
        solid
        #E7D9E4;

    padding:
        2px
        0;

    background:#FFF;

    font-family: Verdana, Arial, sans-serif !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #884D80 !important;
}


.np-paganu-title a {
    
    color: #884D80 !important;

    
    font-weight: 700 !important;

    
    text-decoration: none !important;

    display: inline !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 16px !important;
    text-align: center !important;
}


/* =========================================================
   TEXTO
   EXACTAMENTE EL COMPORTAMIENTO DEL FLOAT ORIGINAL:
   SIN margin-right.
   El gráfico hace que estadísticas sea suficientemente alta.
   ========================================================= */

.pagAnuDatosBox {
    text-align:center;

    border-bottom:
        2px
        solid
        #EEE2EB;

    margin:
        0
        0
        15px
        0;
}


.pagAnuCuerpoAnu {
    
    min-height: 90px !important;

    
    margin: 0 175px 0 8px !important;

    
    font-family: Arial, sans-serif !important;

    
    font-size: 17px !important;

    line-height:20px;

    
    text-align: justify !important;

    
    color: #92678C !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    display: block !important;
    font-weight: 400 !important;

}


.pagAnuAttsAnuBox {
    margin-top:15px;
}


/* =========================================================
   BOTONERA PASION
   ========================================================= */

.pagAnuContactAnuBox {
    clear:both;

    padding:
        10px
        0
        10px
        10px;

    text-align:left;
}


.pagAnuContactAnuBox
.pagAnuContactAnu {
    display:inline-block;

    margin-right:10px;

    vertical-align:middle;
}


.np-pasion-action {
    display:inline-flex;

    align-items:center;

    gap:3px;

    height:16px;

    margin:0;

    padding:0;

    border:0;

    background:transparent;

    color:#854B7A;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:12px;

    line-height:16px;

    font-weight:400;

    text-decoration:none;

    cursor:pointer;

    vertical-align:middle;
}


.np-pasion-action:hover {
    text-decoration:underline;
}


.np-pasion-contact-icons {
    display:inline-flex;

    align-items:center;

    gap:2px;

    height:16px;
}


.np-pasion-action img {
    display:inline-block;

    width:auto;
    height:auto;

    max-height:15px;

    margin:0;

    vertical-align:middle;
}


.np-pasion-icon-envelope {
    filter:grayscale(1);

    opacity:.80;
}


.np-pasion-icon-phone {
    max-height:14px !important;
}


/* =========================================================
   FOTOS
   ========================================================= */

.pagAnuFotoBox {
    clear:both;

    width:100%;

    text-align:center;
}


.pagAnuFoto {
    display:block;

    margin:
        5px
        auto;

    text-align:center;
}





.np-paganu-photo-button {
    display:inline-block;

    margin:0;

    padding:0;

    border:0;

    background:transparent;

    cursor:pointer;
}


.np-paganu-photo-button img {
    display:block;

    max-width:100%;

    height:auto;

    margin:
        0
        auto;

    border:0;
}


.np-paganu-no-photo {
    clear:both;

    margin:
        20px
        auto;

    color:#777;

    text-align:center;

    font-size:13px;
}


/* =========================================================
   SEGUNDA BOTONERA
   ========================================================= */

.np-paganu-lower-actions {
    clear:both;

    width:100%;

    margin:
        8px
        0
        25px
        0;
}


.pagAnuDatosSeparator {
    clear:both;
}

/* =========================================================
   LO MÁS BUSCADO
   ========================================================= */

.np-pasion-popular {
    clear:both;

    width:100%;

    margin:
        0
        auto
        25px
        auto;

    text-align:left;
}


.np-pasion-popular-title {
    width:100%;

    height:17px;

    box-sizing:border-box;

    padding-top:2px;

    border-radius:
        5px
        5px
        0
        0;

    background:#F0DCED;

    color:#FFF;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:11px;

    line-height:13px;

    font-weight:bold;

    text-align:center;
}


.np-pasion-popular-list {
    column-count:3;

    column-gap:30px;

    margin:
        4px
        8px
        0
        28px;

    padding:0;

    color:#7C3B70;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:10px;

    line-height:12px;
}


.np-pasion-popular-list li {
    break-inside:avoid;

    margin:0;

    padding:0;
}


.np-pasion-popular-list a {
    color:#8A4A7E;

    text-decoration:none;
}


.np-pasion-popular-list a:hover {
    text-decoration:underline;
}





/* =========================================================
   EL BUSCANUNCIOS
   MEDIDAS / ESTRUCTURA PASION ORIGINAL
   ========================================================= */

#busgen {

    width:624px;

    margin:
        0
        auto
        60px
        auto;
}


#busgen
.buscanuncios {

    height:17px;

    box-sizing:border-box;

    margin:0;

    padding:
        2px
        3px
        0
        0;

    vertical-align:top;

    text-align:right;

    color:#FFF;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:12px;

    line-height:15px;

    font-weight:700;

    background:
        url('/assets/img/ui/pasion-original-sprite.png')
        #FFF
        no-repeat
        scroll
        398px
        -47px;
}


#busgen
.bus {

    overflow:visible;

    min-height:76px;

    box-sizing:border-box;

    padding:
        6px
        0
        0
        0;

    text-align:left;

    background:#F8F1F7;

    border-right:
        4px
        solid
        #F0DCED;

    border-bottom:
        2px
        solid
        #F0DCED;

    border-radius:
        5px
        0
        5px
        5px;
}


#busgen
.busli {

    vertical-align:text-top;

    color:#3A003A;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:11px;

    line-height:20px;
}


#busgen
.busli1 {

    height:28px;
}


/*
 * Medida original:
 * .cm2 = 170px
 */
#busgen
.cm2 {

    width:170px;

    height:20px;

    box-sizing:border-box;

    margin:0;

    padding:0;

    border:
        1px
        solid
        #3A003A;

    background:#FFF;

    color:#3A003A;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:11px;

    font-weight:bold;

    vertical-align:top;
}


#busgen
#protmp {

    margin-left:3px;
}


#busgen
.filtro {

    line-height:20px;
}


#busgen
.np-bus-original-words {

    height:22px;

    box-sizing:border-box;

    text-align:left;

    white-space:nowrap;
}


#busgen
#palabras {

    width:162px;
    height:17px;

    box-sizing:border-box;

    margin:
        0
        0
        0
        3px;

    padding:
        0
        2px;

    border:
        1px
        solid
        #3A003A;

    background:#FFF;

    color:#3A003A;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:11px;

    vertical-align:middle;
}


#busgen
.np-bus-original-filters {

    height:22px;

    box-sizing:border-box;

    white-space:nowrap;

    text-align:left;
}


#busgen
.imputs {

    height:20px;

    box-sizing:border-box;

    margin:0;

    padding:
        0
        2px;

    border:
        1px
        solid
        #3A003A;

    background:#FFF;

    color:#3A003A;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:11px;

    vertical-align:middle;
}


/*
 * NO fijamos ancho a desde/hasta/orden.
 * El original deja que el navegador calcule
 * el ancho según su contenido.
 */
#busgen
#edadd,

#busgen
#edadh,

#busgen
#orden {

    width:auto !important;
}


/*
 * Botón original:
 * .f1 = 74 × 20
 * background-position -106px -127px
 */
#busgen
.np-bus-original-submit {

    float:right;

    width:79px;
    height:20px;

    margin:
        0
        0
        0
        0;

    padding:0;

    border:0;

    background:transparent;

    cursor:pointer;
}


#busgen
.np-bus-original-submit
.f1 {

    display:block;

    float:right;

    width:74px;
    height:20px;

    margin-right:5px;

    background-image:
        url('/assets/img/ui/pasion-original-sprite.png');

    background-repeat:no-repeat;

    background-position:
        -106px
        -127px;
}





/* === NP BACK TO RESULTS V1 START === */

.np-back-to-results {

    width:100%;

    margin:
        28px
        0
        28px
        0;

    padding:
        0
        0
        0
        10px;

    box-sizing:border-box;

    text-align:left;
}


.np-back-to-results a {

    color:#884D80 !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:18px !important;

    line-height:22px !important;

    font-weight:700 !important;

    text-align:left !important;

    text-decoration:none !important;

    text-shadow:
        1px
        1px
        0
        rgb(187,187,187) !important;

    cursor:pointer;
}


.np-back-to-results a:hover {

    color:#884D80 !important;

    text-decoration:underline !important;
}

/* === NP BACK TO RESULTS V1 END === */

/* === NP BREADCRUMB FINAL V5 START === */

/*
 * Referencia visual:
 *
 * PASION.com > CONTACTOS MUJERES
 *
 * NewPasion.com > CONTACTOS MUJERES
 *
 * Color corporativo ya utilizado por categorías:
 * rgb(85,44,80) = #552C50
 */

.np-page-public-ad-shell
.beacrumb {

    position:absolute !important;

    top:2px !important;
    left:175px !important;

    width:600px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:12px !important;
    line-height:15px !important;

    text-align:left !important;

    white-space:nowrap !important;

    color:#552C50 !important;

    z-index:30 !important;
}


/* NEWPASION */
.np-page-public-ad-shell
.beacrumb
.np-breadcrumb-brand {

    color:#552C50 !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:12px !important;

    font-weight:700 !important;

    text-decoration:none !important;
}


/* .com — más claro que la marca, pero perfectamente visible */
.np-page-public-ad-shell
.beacrumb
.np-breadcrumb-tld {

    color:#856B80 !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:12px !important;

    font-weight:700 !important;

    opacity:1 !important;
}


/* > */
.np-page-public-ad-shell
.beacrumb
.np-breadcrumb-separator {

    display:inline !important;

    margin:
        0
        5px !important;

    color:#967F91 !important;

    font-weight:400 !important;
}


/* CONTACTOS MUJERES */
.np-page-public-ad-shell
.beacrumb
.np-paganu-header-current {

    color:#552C50 !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:12px !important;

    font-weight:700 !important;

    text-decoration:none !important;
}


.np-page-public-ad-shell
.beacrumb
.np-breadcrumb-brand:hover,

.np-page-public-ad-shell
.beacrumb
.np-paganu-header-current:hover {

    text-decoration:underline !important;
}


/*
 * Publicar / modificar justo debajo,
 * como PASION original.
 */
.np-page-public-ad-shell
.np-paganu-header-actions {

    top:18px !important;
}

/* === NP BREADCRUMB FINAL V5 END === */


/* === NP PAGANU REFBOX PASION ORIGINAL START === */

/*
 * Réplica tipográfica de la franja original:
 *
 * Ref:500000028
 * Contactos mujeres en ... (ALMERÍA)
 * fecha/hora a la derecha
 */

.np-page-public-ad
.pagAnuRefBox {

    color:#444444 !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:12px !important;

    font-weight:400 !important;

    text-align:left !important;
}


.np-page-public-ad
.pagAnuRefBox
.anuRefBox {

    display:inline !important;

    color:#444444 !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:11px !important;

    line-height:13px !important;

    font-weight:400 !important;

    text-align:left !important;
}


.np-page-public-ad
.pagAnuRefBox
.anuRefBox b {

    color:#444444 !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:11px !important;

    line-height:13px !important;

    font-weight:700 !important;
}


.np-page-public-ad
.pagAnuRefBox
.anuTitulo {

    display:inline !important;

    color:#444444 !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:11px !important;

    line-height:13px !important;

    font-weight:400 !important;

    text-align:left !important;
}


.np-page-public-ad
.pagAnuRefBox
.anuTitulo b,
.np-page-public-ad
.pagAnuRefBox
.anuTitulo strong {

    color:#444444 !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:11px !important;

    line-height:13px !important;

    font-weight:700 !important;
}


.np-page-public-ad
.pagAnuRefBox
.anuFecha {

    display:inline !important;

    float:right !important;

    color:#444444 !important;

    font-family:
        Verdana,
        Arial,
        sans-serif !important;

    font-size:11px !important;

    line-height:13px !important;

    font-weight:700 !important;

    text-align:left !important;
}

/* === NP PAGANU REFBOX PASION ORIGINAL END === */

