/* =========================================================
   Páginas internas PRO: Radar SEO + Más Leídas
   ========================================================= */

/* ---------- RADAR SEO ---------- */
.dw-radar-seo-page{
    padding:42px 0 80px;
    background:
        radial-gradient(circle at 9% 16%, rgba(9,116,254,.055), transparent 28%),
        radial-gradient(circle at 90% 28%, rgba(94,231,255,.055), transparent 26%),
        #f7fbff;
}

.dw-radar-hero-pro{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:34px;
    align-items:center;
    padding:clamp(38px,5vw,72px);
    border-radius:42px;
    background:
        radial-gradient(circle at 100% 0%, rgba(94,231,255,.20), transparent 35%),
        linear-gradient(135deg,#030b16,#07192d 62%,#073b75);
    color:#fff;
    box-shadow:0 30px 90px rgba(5,31,71,.16);
}

.dw-radar-hero-pro::before{
    content:"";
    position:absolute;
    inset:-45%;
    background:conic-gradient(from 0deg, transparent, rgba(9,116,254,.24), transparent 22%);
    animation:dwRadarPageSpin 11s linear infinite;
    opacity:.34;
}

@keyframes dwRadarPageSpin{
    to{transform:rotate(360deg);}
}

.dw-radar-hero-copy,
.dw-radar-orb{
    position:relative;
    z-index:1;
}

.dw-radar-kicker,
.dw-radar-section-title span,
.dw-radar-card-label,
.dw-radar-panel-head span,
.dw-most-kicker{
    display:inline-block;
    color:#6fe6ff;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.11em;
}

.dw-radar-hero-copy h1{
    max-width:950px;
    margin:12px 0 18px;
    color:#fff;
    font-size:clamp(48px,7vw,96px);
    line-height:.9;
    letter-spacing:-.07em;
}

.dw-radar-hero-copy p{
    max-width:760px;
    color:rgba(255,255,255,.72);
    font-size:20px;
    line-height:1.55;
}

.dw-radar-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px;
}

.dw-radar-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 22px;
    border-radius:16px;
    background:#0974fe;
    color:#fff;
    text-decoration:none;
    font-weight:950;
    transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.dw-radar-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(9,116,254,.35);
}

.dw-radar-btn--ghost{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);
}

.dw-radar-orb{
    width:300px;
    height:300px;
    border-radius:50%;
    display:grid;
    place-items:center;
    text-align:center;
    isolation:isolate;
    background:radial-gradient(circle, rgba(9,116,254,.34), rgba(9,116,254,.07) 58%, transparent 60%);
    border:1px solid rgba(94,231,255,.20);
}

.dw-radar-orb__ring,
.dw-radar-orb__scan{
    position:absolute;
    inset:20px;
    border-radius:50%;
    border:1px solid rgba(94,231,255,.25);
}

.dw-radar-orb__ring{
    animation:dwRadarPulse 2.8s ease-in-out infinite;
}

.dw-radar-orb__scan{
    border-color:transparent;
    background:conic-gradient(from 0deg, rgba(94,231,255,.4), transparent 21%);
    mask:radial-gradient(circle, transparent 54%, #000 56%);
    animation:dwRadarScan 3.8s linear infinite;
}

@keyframes dwRadarPulse{
    50%{transform:scale(1.08);opacity:.58;}
}
@keyframes dwRadarScan{
    to{transform:rotate(360deg);}
}

.dw-radar-orb strong{
    display:block;
    color:#fff;
    font-size:84px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.06em;
}

.dw-radar-orb span{
    display:block;
    margin-top:92px;
    position:absolute;
    color:#85eaff;
    font-size:12px;
    font-weight:950;
    letter-spacing:.12em;
}

.dw-radar-command-grid{
    display:grid;
    grid-template-columns:1.2fr repeat(4, minmax(0,1fr));
    gap:18px;
    margin:28px 0;
}

.dw-radar-command-card,
.dw-radar-signal-pro,
.dw-radar-panel-pro,
.dw-radar-cat-card,
.dw-radar-latest-card{
    border:1px solid rgba(9,116,254,.13);
    background:rgba(255,255,255,.92);
    box-shadow:0 20px 60px rgba(5,31,71,.055);
}

.dw-radar-command-card{
    grid-column:span 1;
    padding:28px;
    border-radius:30px;
}

.dw-radar-command-card h2{
    margin:10px 0 16px;
    font-size:34px;
    line-height:1;
    letter-spacing:-.04em;
}

.dw-radar-bars-pro{
    display:grid;
    gap:10px;
    margin:20px 0;
}

.dw-radar-bars-pro i{
    display:block;
    width:var(--w);
    height:9px;
    border-radius:999px;
    background:linear-gradient(90deg,#0974fe,#23ef9a);
    animation:dwRadarBarMove 2.6s ease-in-out infinite;
}

.dw-radar-bars-pro i:nth-child(2){animation-delay:.12s;}
.dw-radar-bars-pro i:nth-child(3){animation-delay:.24s;}
.dw-radar-bars-pro i:nth-child(4){animation-delay:.36s;}

@keyframes dwRadarBarMove{
    50%{filter:brightness(1.25); transform:scaleX(.96);}
}

.dw-radar-command-card p{
    color:#66758a;
    line-height:1.55;
}

.dw-radar-signal-pro{
    position:relative;
    overflow:hidden;
    padding:22px;
    border-radius:28px;
    transition:transform .24s ease, box-shadow .24s ease;
}

.dw-radar-signal-pro:hover,
.dw-radar-panel-pro:hover,
.dw-radar-cat-card:hover,
.dw-radar-latest-card:hover,
.dw-most-article-pro:hover{
    transform:translateY(-6px);
    box-shadow:0 28px 80px rgba(5,31,71,.09);
}

.dw-radar-signal-pro span{
    color:#66758a;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
}

.dw-radar-signal-pro strong{
    display:block;
    margin:12px 0 8px;
    color:#0974fe;
    font-size:42px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.05em;
}

.dw-radar-signal-pro p{
    color:#66758a;
    font-size:14px;
    line-height:1.42;
}

.dw-radar-section-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    margin:28px 0;
}

.dw-radar-panel-pro{
    padding:30px;
    border-radius:32px;
}

.dw-radar-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:22px;
}

.dw-radar-panel-head strong{
    color:#07192d;
    font-size:15px;
    font-weight:950;
}

.dw-radar-keyword-cloud{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.dw-radar-keyword-cloud a{
    padding:10px 13px;
    border-radius:999px;
    background:#f2f8ff;
    border:1px solid rgba(9,116,254,.12);
    color:#07192d;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    transition:transform .2s ease, background .2s ease, color .2s ease;
}

.dw-radar-keyword-cloud a:hover{
    transform:translateY(-3px);
    background:#0974fe;
    color:#fff;
}

.dw-radar-alert-list{
    display:grid;
    gap:12px;
}

.dw-radar-alert-list div{
    padding:16px;
    border-radius:18px;
    background:#f6faff;
    border:1px solid rgba(9,116,254,.10);
}

.dw-radar-alert-list b{
    display:block;
    color:#07192d;
    margin-bottom:4px;
}

.dw-radar-alert-list small{
    color:#66758a;
    font-weight:750;
}

.dw-radar-section-title{
    margin:44px 0 22px;
}

.dw-radar-section-title h2{
    max-width:900px;
    margin:8px 0 0;
    font-size:clamp(34px,4vw,56px);
    line-height:.98;
    letter-spacing:-.05em;
}

.dw-radar-cat-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.dw-radar-cat-card{
    display:grid;
    gap:8px;
    padding:22px;
    border-radius:26px;
    text-decoration:none;
    transition:transform .24s ease, box-shadow .24s ease;
}

.dw-radar-cat-card span{
    color:#07192d;
    font-size:16px;
    font-weight:950;
}

.dw-radar-cat-card strong{
    color:#0974fe;
    font-size:44px;
    line-height:1;
    font-weight:950;
}

.dw-radar-cat-card small{
    color:#66758a;
    font-weight:800;
}

.dw-radar-latest-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.dw-radar-latest-card{
    overflow:hidden;
    border-radius:30px;
    transition:transform .24s ease, box-shadow .24s ease;
}

.dw-radar-latest-img{
    display:block;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#eef6ff;
}

.dw-radar-latest-img img,
.dw-radar-latest-img .dw-thumb-placeholder{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}

.dw-radar-latest-card:hover img{
    transform:scale(1.05);
}

.dw-radar-latest-card > div{
    padding:22px;
}

.dw-radar-latest-card h3{
    margin:12px 0 8px;
    font-size:24px;
    line-height:1.08;
    letter-spacing:-.025em;
}

.dw-radar-latest-card h3 a{
    color:#07192d;
    text-decoration:none;
}

.dw-radar-latest-card p{
    color:#66758a;
    line-height:1.5;
}

/* ---------- MÁS LEÍDAS ---------- */
.dw-most-read-page{
    padding:42px 0 80px;
    background:#f7fbff;
}

.dw-most-hero-pro{
    padding:clamp(38px,5vw,70px);
    border-radius:42px;
    background:
        radial-gradient(circle at 100% 0%,rgba(9,116,254,.18),transparent 36%),
        linear-gradient(135deg,#06101d,#07192d);
    color:#fff;
    margin-bottom:30px;
}

.dw-most-hero-pro h1{
    color:#fff;
    margin:12px 0 14px;
    font-size:clamp(48px,7vw,96px);
    line-height:.9;
    letter-spacing:-.07em;
}

.dw-most-hero-pro p{
    max-width:780px;
    color:rgba(255,255,255,.72);
    font-size:20px;
    line-height:1.55;
}

.dw-most-layout-pro{
    display:grid;
    gap:20px;
}

.dw-most-article-pro{
    position:relative;
    display:grid;
    grid-template-columns:330px minmax(0,1fr);
    gap:26px;
    align-items:center;
    padding:22px;
    border-radius:34px;
    background:#fff;
    border:1px solid rgba(9,116,254,.13);
    box-shadow:0 18px 58px rgba(5,31,71,.045);
    transition:transform .24s ease, box-shadow .24s ease;
}

.dw-most-article-img{
    display:block;
    height:210px;
    border-radius:26px;
    overflow:hidden;
    background:#eef6ff;
}

.dw-most-article-img img,
.dw-most-article-img .dw-thumb-placeholder{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}

.dw-most-article-pro:hover .dw-most-article-img img{
    transform:scale(1.05);
}

.dw-most-article-body{
    min-width:0;
}

.dw-most-article-top{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

.dw-most-rank-pro{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:16px;
    color:#0974fe;
    background:rgba(9,116,254,.08);
    font-size:18px;
    font-weight:950;
}

.dw-most-article-body h2{
    margin:16px 0 12px;
    max-width:980px;
    font-size:clamp(30px,3.6vw,54px);
    line-height:.98;
    letter-spacing:-.05em;
}

.dw-most-article-body h2 a{
    color:#07192d;
    text-decoration:none;
    transition:color .2s ease;
}

.dw-most-article-body h2 a:hover{
    color:#0974fe;
}

.dw-most-article-body p{
    max-width:820px;
    color:#66758a;
    font-size:17px;
    line-height:1.55;
}

.dw-most-meta-pro{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:16px;
    color:#66758a;
    font-size:13px;
    font-weight:850;
}

/* Responsive */
@media(max-width:1180px){
    .dw-radar-command-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .dw-radar-command-card{
        grid-column:1/-1;
    }

    .dw-radar-cat-grid,
    .dw-radar-latest-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:860px){
    .dw-radar-hero-pro,
    .dw-radar-section-grid,
    .dw-most-article-pro{
        grid-template-columns:1fr;
    }

    .dw-radar-orb{
        width:240px;
        height:240px;
        margin:auto;
    }

    .dw-radar-command-grid,
    .dw-radar-cat-grid,
    .dw-radar-latest-grid{
        grid-template-columns:1fr;
    }

    .dw-most-article-img{
        height:240px;
    }
}