

/* Oculta el título/hero superior de la página donde está el directorio. */
body.dgp-marketplace-page .entry-header,
body.dgp-marketplace-page .page-header,
body.dgp-marketplace-page .wp-block-post-title,
body.dgp-marketplace-page h1.entry-title,
body.dgp-marketplace-page h1.page-title{
    display:none!important;
}

body.dgp-marketplace-page .site-main,
body.dgp-marketplace-page main,
body.dgp-marketplace-page .content-area{
    padding-top:0!important;
    margin-top:0!important;
}

.dgp-marketplace{
    box-sizing:border-box;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width:min(1480px, calc(100vw - 56px));
    max-width:min(1480px, calc(100vw - 56px));
    margin:-10px 0 0;
    padding:18px 0 28px;
    font-family:inherit;
    color:#111827;
}

.dgp-marketplace *,
.dgp-marketplace *:before,
.dgp-marketplace *:after{
    box-sizing:border-box;
}

.dgp-hero{
    width:100%;
    background:#f7f9fc;
    border:1px solid #e8edf5;
    border-radius:18px;
    padding:34px 38px;
    margin-bottom:22px;
}


.dgp-reviewed-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-width:320px;
    margin:0 0 18px;
    padding:12px 22px;
    border-radius:999px;
    background:#16a34a;
    color:#fff;
    font-size:15px;
    line-height:1.2;
    font-weight:700;
    white-space:nowrap;
    box-shadow:0 8px 20px rgba(22,163,74,.18);
}

.dgp-reviewed-badge strong{
    color:#fff;
    font-weight:900;
}

.dgp-reviewed-icon{
    width:26px;
    height:26px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.22);
    color:#fff;
    font-weight:900;
    flex:0 0 26px;
}

.dgp-hero h1{
    margin:0 0 10px;
    font-size:clamp(30px,4vw,48px);
    line-height:1.1;
    font-weight:800;
}

.dgp-hero p{
    margin:0;
    color:#526070;
    font-size:18px;
    line-height:1.65;
    max-width:980px;
}

.dgp-filters{
    width:100%;
    display:grid;
    grid-template-columns:minmax(280px,1fr) 260px;
    gap:14px;
    margin:0 0 18px;
}

.dgp-filters input,
.dgp-filters select{
    width:100%;
    padding:14px 16px;
    border:1px solid #d9e0ea;
    border-radius:12px;
    font-size:16px;
    background:#fff;
}

.dgp-table{
    width:100%;
    border:1px solid #e5eaf2;
    border-radius:16px;
    overflow-x:auto;
    overflow-y:hidden;
    background:#fff;
    box-shadow:0 10px 32px rgba(15,23,42,.055);
    -webkit-overflow-scrolling:touch;
}

.dgp-row{
    min-width:1080px;
    display:grid;
    grid-template-columns:minmax(280px,2fr) minmax(170px,1.15fr) 76px 76px 115px 120px 135px;
    gap:18px;
    align-items:center;
    padding:18px 20px;
    border-bottom:1px solid #eef2f7;
}

.dgp-row:last-child{
    border-bottom:0;
}

.dgp-head{
    background:#111827;
    color:#fff;
    font-weight:800;
    font-size:16px;
}

.dgp-site strong{
    display:block;
    font-size:17px;
    font-weight:800;
    color:#111827;
}

.dgp-site a{
    display:block;
    color:#4b5563;
    text-decoration:none;
    font-size:14px;
    margin-top:4px;
    word-break:break-word;
}

.dgp-site a:hover{
    color:#0b76ef;
}

.dgp-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    padding:7px 10px;
    border-radius:999px;
    background:#eef6ff;
    font-weight:800;
}

.dgp-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#0b76ef;
    color:#fff!important;
    text-decoration:none;
    padding:11px 15px;
    border-radius:10px;
    font-weight:800;
    white-space:nowrap;
}

.dgp-btn:hover{
    filter:brightness(.95);
}

.dgp-muted{
    color:#6b7280;
    font-size:13px;
}

.dgp-empty{
    padding:26px;
    color:#6b7280;
}



.dgp-row[data-vip="1"]{
    background:linear-gradient(90deg, rgba(255,251,235,.82), rgba(255,255,255,1) 38%);
}

.dgp-vip-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:8px;
    padding:4px 9px;
    border-radius:999px;
    background:#f59e0b;
    color:#111827;
    font-size:12px;
    line-height:1;
    font-weight:900;
    letter-spacing:.02em;
    vertical-align:middle;
    white-space:nowrap;
    box-shadow:0 3px 10px rgba(245,158,11,.22);
}

@media(max-width:920px){
    .dgp-marketplace{
        width:calc(100vw - 24px);
        max-width:calc(100vw - 24px);
        padding:24px 0;
    }

    .dgp-hero{
        padding:26px 22px;
    }

    .dgp-filters{
        grid-template-columns:1fr;
    }

    .dgp-table{
        border:0;
        background:transparent;
        box-shadow:none;
        overflow:visible;
    }

    .dgp-head{
        display:none;
    }

    .dgp-row{
        min-width:0;
        display:block;
        border:1px solid #e5eaf2;
        border-radius:16px;
        margin-bottom:12px;
        background:#fff;
        padding:16px;
    }

    .dgp-row>div{
        margin:9px 0;
    }

    .dgp-row>div:before{
        font-weight:800;
        color:#111827;
    }

    .dgp-row>div:nth-child(2):before{content:'Categoría: '}
    .dgp-row>div:nth-child(3):before{content:'DA: '}
    .dgp-row>div:nth-child(4):before{content:'PA: '}
    .dgp-row>div:nth-child(5):before{content:'Tráfico: '}
    .dgp-row>div:nth-child(6):before{content:'Precio: '}
}


.dgp-seo-content{
    width:100%;
    margin:34px 0 0;
    padding:34px 38px;
    background:#ffffff;
    border:1px solid #e5eaf2;
    border-radius:18px;
    box-shadow:0 10px 32px rgba(15,23,42,.045);
    color:#1f2937;
}

.dgp-seo-content h2{
    margin:34px 0 14px;
    font-size:clamp(25px,3vw,34px);
    line-height:1.18;
    font-weight:900;
    color:#111827;
}

.dgp-seo-content h2:first-child{
    margin-top:0;
}

.dgp-seo-content h3{
    margin:26px 0 10px;
    font-size:clamp(20px,2.2vw,25px);
    line-height:1.25;
    font-weight:850;
    color:#111827;
}

.dgp-seo-content p,
.dgp-seo-content li{
    font-size:17px;
    line-height:1.78;
    color:#374151;
}

.dgp-seo-content p{
    margin:0 0 16px;
}

.dgp-seo-content ul,
.dgp-seo-content ol{
    margin:0 0 20px 22px;
    padding:0;
}

.dgp-seo-content li{
    margin:0 0 10px;
}

.dgp-steps{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
    margin:22px 0 30px;
}

.dgp-step{
    padding:18px;
    background:#f8fafc;
    border:1px solid #e5eaf2;
    border-radius:16px;
}

.dgp-step span{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    border-radius:999px;
    background:#0b76ef;
    color:#fff;
    font-weight:900;
}

.dgp-step p{
    margin:0;
    font-size:15px;
    line-height:1.55;
}

.dgp-tip-box{
    margin:18px 0 30px;
    padding:22px;
    background:#f7f9fc;
    border:1px solid #dfe7f2;
    border-radius:16px;
}

.dgp-tip-box h3{
    margin-top:0;
}

.dgp-footprints{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:18px 0 30px;
}

.dgp-footprints code{
    display:block;
    padding:12px 14px;
    border-radius:10px;
    background:#111827;
    color:#ffffff;
    font-size:14px;
    white-space:normal;
    word-break:break-word;
}

@media(max-width:1100px){
    .dgp-steps{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:720px){
    .dgp-seo-content{
        padding:24px 18px;
    }

    .dgp-steps,
    .dgp-footprints{
        grid-template-columns:1fr;
    }

    .dgp-seo-content p,
    .dgp-seo-content li{
        font-size:16px;
    }
}


.dgp-top-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    margin:0 0 18px;
}

.dgp-top-actions .dgp-reviewed-badge{
    margin:0;
}

.dgp-add-web-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:12px 22px;
    border-radius:999px;
    color:#ffffff!important;
    text-decoration:none!important;
    font-size:15px;
    line-height:1.2;
    font-weight:800;
    box-shadow:0 8px 20px rgba(15,23,42,.14);
    transition:all .2s ease;
    white-space:nowrap;
}

.dgp-add-web-btn strong{
    color:#ffffff;
    font-weight:900;
    margin-left:4px;
}

.dgp-add-web-btn:hover{
    transform:translateY(-1px);
    filter:brightness(.96);
}

.dgp-add-web-btn-mail{
    background:#0b76ef;
}

.dgp-add-web-btn-whatsapp{
    background:#22c55e;
}

@media(max-width:820px){
    .dgp-top-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .dgp-add-web-btn{
        width:100%;
        white-space:normal;
        text-align:center;
    }
}


.dgp-btn-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    margin-right:8px;
    border-radius:999px;
    background:rgba(255,255,255,.20);
    color:#fff;
    font-size:15px;
    font-weight:900;
    line-height:1;
    flex:0 0 24px;
}

.dgp-btn-icon svg{
    width:15px;
    height:15px;
    fill:#ffffff;
    display:block;
}

.dgp-btn-icon-whatsapp{
    background:rgba(255,255,255,.22);
}
