/*
Theme Name: Tecnología Digital CR Noticias
Theme URI: https://tecdigitalcr.com/
Author: Tecnología Digital CR
Description: Portal de noticias tecnológicas, rápido, responsive y con portada editorial.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tecdigitalcr
*/
:root{--navy:#0a172b;--blue:#1267d6;--light:#f3f6fa;--ink:#172238;--muted:#65728a;--line:#e1e7f0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}img{max-width:100%;height:auto}.wrap{max-width:1180px;margin:auto;padding:0 22px}.topline{background:#071121;color:#cbd5e1;font-size:12px;padding:7px 0}.mast{background:var(--navy);color:#fff;padding:27px 0}.mast .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:31px;font-weight:900;letter-spacing:-1.2px;line-height:1}.brand span{color:#5fb2ff}.tagline{font-size:12px;color:#a7b8d1;margin-top:7px;letter-spacing:1.1px;text-transform:uppercase}.nav{background:#0e294a;color:#fff}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav ul{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap}.nav li a{display:block;padding:13px 15px;font-weight:700;font-size:13px}.nav a:hover{background:var(--blue);color:white}.searchform{display:flex;gap:6px}.searchform input{border:1px solid #4d6280;border-radius:4px;background:#fff;padding:7px;max-width:155px}.searchform button,.btn{border:0;background:var(--blue);color:#fff;padding:9px 13px;border-radius:4px;cursor:pointer}.ticker{padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.ticker strong{color:var(--blue);margin-right:12px}.main{padding:34px 0 60px}.section-title{display:flex;align-items:center;gap:16px;font-size:21px;line-height:1.3;margin:0 0 22px;font-weight:850}.section-title:after{content:'';height:3px;background:var(--blue);flex:1}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;margin-bottom:42px}.hero-side{display:grid;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 4px 18px rgba(10,23,43,.045)}.card img{width:100%;height:190px;object-fit:cover;display:block}.card.feature img{height:320px}.card-body{padding:18px}.card h2,.card h3{line-height:1.28;margin:8px 0 10px;letter-spacing:-.4px}.card h2{font-size:27px}.card h3{font-size:18px}.cat{font-size:11px;color:var(--blue);text-transform:uppercase;font-weight:900;letter-spacing:.7px}.meta{font-size:12px;color:var(--muted)}.excerpt{font-size:14px;color:#56637a;margin:10px 0 0}.cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sidebar{background:var(--light);border-radius:10px;padding:24px;align-self:start}.sidebar h3{margin-top:0}.sidebar ul{list-style:none;padding:0}.sidebar li{border-bottom:1px solid var(--line);padding:10px 0}.sidebar li a{font-weight:650}.pill{display:inline-block;background:#e5f0ff;color:#1359b3;border-radius:40px;padding:5px 10px;font-size:12px;font-weight:700;margin:4px}.single{max-width:800px;margin:auto}.single h1{font-size:clamp(30px,4vw,49px);line-height:1.13;letter-spacing:-1px}.single .lead{font-size:19px;color:var(--muted)}.single .content{font-size:17px}.single .content a{text-decoration:underline;color:var(--blue)}.single .content img{border-radius:8px}.pagination{margin:35px 0}.pagination .page-numbers{padding:8px 12px;border:1px solid var(--line);border-radius:4px}.pagination .current{background:var(--blue);color:white}.empty{background:var(--light);padding:35px;border-radius:8px}.footer{background:#081628;color:#b8c7dd;padding:46px 0 22px}.footer .wrap{display:grid;grid-template-columns:2fr 1fr;gap:50px}.footer a{color:#cfe0fa}.footer small{display:block;border-top:1px solid #29415c;padding-top:18px;margin-top:30px}.footer h3{color:white}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:850px){.hero-grid,.cols{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr}.sidebar{order:2}.mast .wrap{align-items:flex-start}.nav .wrap{display:block}.nav ul{overflow-x:auto;flex-wrap:nowrap}.nav li{flex-shrink:0}.searchform{padding:8px 0}.footer .wrap{grid-template-columns:1fr}}@media(max-width:550px){.brand{font-size:26px}.hero-side,.post-grid{grid-template-columns:1fr}.card.feature img{height:220px}.mast .wrap{display:block}.mast .searchform{margin-top:15px}.card h2{font-size:22px}}

/* Versión final: ancho fluido, diseño editorial y tipografía adaptable */
.wrap{width:min(100% - 48px,1320px);max-width:none;padding:0;margin-inline:auto}
.mast .wrap,.nav .wrap{width:min(100% - 48px,1320px)}
.main{padding-top:38px}
.single{max-width:920px;width:100%;margin:0 auto}
.single .content{font-size:clamp(16px,1.3vw,19px);line-height:1.85}
.single h1{font-size:clamp(30px,3.6vw,52px);overflow-wrap:anywhere}
.single .content p{margin:0 0 1.3em}
.single .content img{width:auto;max-width:100%}
.card img{background:#0b2346}
.card,.nav li a,.btn{transition:box-shadow .2s,transform .2s,background .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #071b3722}
.nav ul{justify-content:flex-start;gap:4px}
.nav li a{white-space:nowrap}
.topline{letter-spacing:.03em}
.meta,.single .meta,.card .meta,.tdc-visual-date{display:none!important}
@media(max-width:900px){.wrap,.mast .wrap,.nav .wrap{width:min(100% - 32px,1320px)}.cols{grid-template-columns:1fr}.nav ul{overflow-x:auto;scrollbar-width:thin}.hero-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap,.mast .wrap,.nav .wrap{width:calc(100% - 28px)}.brand{font-size:clamp(23px,6vw,30px)}.mast{padding:22px 0}.searchform input{max-width:none;min-width:0;flex:1}.searchform{width:100%}.nav li a{padding:12px 10px}.main{padding-top:24px}.single h1{font-size:clamp(29px,8vw,38px)}.card.feature img{height:230px}.hero-side,.post-grid{grid-template-columns:1fr}.footer .wrap{display:block}}

/* TDC 3.0: layout fluido sin estrechar el encabezado */
html,body{width:100%;min-width:0;overflow-x:hidden}
.topline,.mast,.nav,.footer{width:100%;max-width:none}
.wrap,.mast .wrap,.nav .wrap,.footer .wrap{width:calc(100% - 48px);max-width:1440px;margin-left:auto;margin-right:auto}
.main.wrap{max-width:1440px}
.single{width:100%;max-width:1000px;margin-inline:auto}
.single article{width:100%;max-width:none}
.single .content{width:100%;max-width:none;line-height:1.8}
.single h1{font-size:clamp(30px,3.4vw,48px);line-height:1.17}
@media(max-width:700px){.wrap,.mast .wrap,.nav .wrap,.footer .wrap{width:calc(100% - 28px)}.single{max-width:100%}.single .content{font-size:16px}.nav ul{flex-wrap:nowrap;overflow-x:auto}.nav li{flex-shrink:0}}


/* =====================================
   TECNOLOGÍA DIGITAL CR
   ARTÍCULOS RESPONSIVE
===================================== */

body {
    margin: 0;
    padding: 0;
}

/* Contenedor principal */

.tdc-article-layout {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 55px 30px;
    box-sizing: border-box;
}

/* Artículo */

.tdc-article {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

/* Encabezado del artículo */

.tdc-article-header {
    margin-bottom: 35px;
}

/* Categoría */

.tdc-category {
    color: #1268d6;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.tdc-category a {
    color: #1268d6;
    text-decoration: none;
}

/* Título */

.tdc-article-title {
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.15;
    font-weight: 800;
    color: #17233b;
    margin: 0;
}

/* Imagen principal */

.tdc-article-image {
    margin: 35px 0;
}

.tdc-article-image img {
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: cover;
    border-radius: 12px;
}

/* Contenido */

.tdc-article-content {
    font-size: 18px;
    line-height: 1.85;
    color: #26344a;
}

.tdc-article-content p {
    margin-bottom: 25px;
}

.tdc-article-content h2 {
    font-size: 29px;
    margin-top: 40px;
    color: #17233b;
}

.tdc-article-content h3 {
    font-size: 23px;
    margin-top: 30px;
}

/* Pie del artículo */

.tdc-article-footer {
    margin-top: 45px;
    padding-top: 25px;
    border-top: 1px solid #e1e7f0;
}

/* TABLET */

@media (max-width: 1024px) {

    .tdc-article-layout {
        padding: 40px 25px;
    }

    .tdc-article {
        max-width: 100%;
    }

}

/* CELULARES */

@media (max-width: 768px) {

    .tdc-article-layout {
        padding: 30px 18px;
    }

    .tdc-article-title {
        font-size: 30px;
    }

    .tdc-article-content {
        font-size: 16px;
        line-height: 1.75;
    }

    .tdc-article-content h2 {
        font-size: 24px;
    }

    .tdc-article-image img {
        border-radius: 8px;
    }

}