/* TODO4PC COLLECTION */
.u4-col-hero{padding:48px 0 42px;background:radial-gradient(circle at 88% 15%,rgba(45,210,195,.22),transparent 30%),linear-gradient(135deg,#071b3b,#0d3777);color:#fff}
.u4-col-hero>div>span{color:#55ded2;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.u4-col-hero h1{margin:9px 0 12px;font-size:clamp(31px,5vw,52px);line-height:1.05}
.u4-col-hero-desc{max-width:760px;color:rgba(255,255,255,.76);line-height:1.7}
.u4-col-filter{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.u4-col-filter a{padding:9px 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:700;text-decoration:none}
.u4-col-filter a:hover,.u4-col-filter a.active{border-color:#25c9ba;background:#25c9ba;color:#062a41}
.u4-col-layout,.u4-col-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start;padding-top:34px;padding-bottom:58px}
.u4-col-main,.u4-col-single-main{min-width:0}
.u4-col-head,.u4-col-software-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.u4-col-head span,.u4-col-block-title span,.u4-col-software-title span{color:#0cae9f;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.u4-col-head h2,.u4-col-block-title h2,.u4-col-software-title h2{margin:3px 0 0;color:#10233d;font-size:25px}
.u4-col-head>strong,.u4-col-software-title>strong{padding:8px 12px;border-radius:8px;background:#edf8f7;color:#078c81;font-size:12px}
.u4-col-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.u4-col-card{overflow:hidden;border:1px solid #e2e8ee;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(21,43,72,.06);transition:.22s}
.u4-col-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(21,43,72,.11)}
.u4-col-cover{position:relative;display:block;height:245px;overflow:hidden;background:#eaf0f5}
.u4-col-cover img{width:100%;height:100%;object-fit:cover;transition:.35s}
.u4-col-card:hover .u4-col-cover img{transform:scale(1.045)}
.u4-col-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#9aa8b6;font-size:54px}
.u4-col-cover>b{position:absolute;right:13px;bottom:13px;padding:8px 11px;border-radius:8px;background:rgba(7,28,58,.88);color:#fff;font-size:11px}
.u4-col-body{padding:21px}
.u4-col-cat,.u4-col-soft-cat{display:inline-flex;padding:6px 10px;border-radius:7px;background:#e8faf7;color:#078d82;font-size:10px;font-weight:800;text-decoration:none;text-transform:uppercase}
.u4-col-card h3{margin:12px 0 8px;font-size:22px;line-height:1.25}
.u4-col-card h3 a,.u4-col-software-card h3 a{color:#10233d;text-decoration:none}
.u4-col-card p{margin:0;color:#6e7b89;font-size:14px;line-height:1.65}
.u4-col-mini{display:flex;align-items:center;margin-top:16px}
.u4-col-mini span,.u4-col-mini em{display:grid;width:42px;height:42px;place-items:center;overflow:hidden;margin-left:-7px;border:3px solid #fff;border-radius:50%;background:#edf2f6;color:#6f8193;font-size:12px;font-style:normal}
.u4-col-mini span:first-child{margin-left:0}.u4-col-mini img{width:100%;height:100%;object-fit:cover}
.u4-col-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding-top:16px;border-top:1px solid #edf0f3}
.u4-col-foot span{color:#8793a0;font-size:11px}.u4-col-foot a{color:#0b4e91;font-size:12px;font-weight:800;text-decoration:none}
.u4-col-pagination{margin-top:31px}.u4-col-pagination .nav-links{display:flex;flex-wrap:wrap;gap:7px}
.u4-col-pagination .page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;padding:0 12px;border:1px solid #dce4eb;border-radius:8px;background:#fff;color:#183a61;text-decoration:none}
.u4-col-pagination .current,.u4-col-pagination a:hover{border-color:#0db2a3;background:#0db2a3;color:#fff}
.u4-col-empty{padding:55px 25px;border:1px dashed #cbd4de;border-radius:15px;text-align:center}.u4-col-empty i{color:#9ba8b5;font-size:46px}
.u4-col-sidebar>.u4-sidebar{position:sticky;top:20px}
.u4-col-single-hero {
    position: relative;
    overflow: hidden;
    min-height: 470px;
    color: #fff;
    background: #081c3d;
}

.u4-col-single-hero.u4-col-has-background {
    background: #071a35;
}

.u4-col-single-hero.u4-col-no-background {
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(27, 203, 188, 0.18),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #071b3b,
            #0d3777
        );
}
.u4-col-bg,.u4-col-overlay{position:absolute;inset:0}.u4-col-bg{background-position:center;background-size:cover;filter:blur(7px);transform:scale(1.06);opacity:.36}
.u4-col-overlay{background:linear-gradient(90deg,rgba(5,22,50,.98),rgba(5,22,50,.68))}
.u4-col-single-inner{position:relative;z-index:2;padding-top:28px;padding-bottom:42px}
.u4-col-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px;color:rgba(255,255,255,.58);font-size:12px}
.u4-col-breadcrumbs a{color:rgba(255,255,255,.78);text-decoration:none}
.u4-col-single-head{display:grid;grid-template-columns:360px minmax(0,1fr);gap:42px;align-items:center}
.u4-col-single-cover{overflow:hidden;height:340px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(255,255,255,.08);box-shadow:0 25px 70px rgba(0,0,0,.3)}
.u4-col-single-cover img{width:100%;height:100%;object-fit:cover}.u4-col-single-cover>span{display:grid;width:100%;height:100%;place-items:center;font-size:70px}
.u4-col-single-info h1{margin:14px 0;color:#fff;font-size:clamp(35px,5vw,60px);line-height:1.02}
.u4-col-single-info>p{max-width:760px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.7}
.u4-col-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.u4-col-stats>div{display:flex;align-items:center;gap:11px;min-width:155px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.07)}
.u4-col-stats>div>i{color:#4ed8cc;font-size:19px}.u4-col-stats span,.u4-col-stats strong{display:block}.u4-col-stats span{color:rgba(255,255,255,.54);font-size:10px;text-transform:uppercase}.u4-col-stats strong{color:#fff;font-size:13px;text-transform:none}
.u4-col-scroll{display:inline-flex;gap:9px;margin-top:24px;padding:12px 17px;border-radius:9px;background:#16bcae;color:#052f3d;font-size:13px;font-weight:900;text-decoration:none}
.u4-col-description{margin-bottom:34px}.u4-col-entry{padding:29px;border:1px solid #e2e8ee;border-radius:15px;background:#fff;color:#364a5e;font-size:16px;line-height:1.82}
.u4-col-entry img{max-width:100%;height:auto;border-radius:10px}
.u4-col-software-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.u4-col-software-card{display:grid;grid-template-columns:145px minmax(0,1fr);overflow:hidden;border:1px solid #e2e8ee;border-radius:14px;background:#fff;transition:.2s}
.u4-col-software-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(21,43,72,.09)}
.u4-col-software-thumb{display:block;min-height:215px;overflow:hidden;background:#edf2f6}.u4-col-software-thumb img{width:100%;height:100%;object-fit:cover}.u4-col-software-thumb>span{display:grid;width:100%;height:100%;place-items:center;color:#9da9b5;font-size:42px}
.u4-col-software-body{display:flex;flex-direction:column;align-items:flex-start;padding:18px}.u4-col-software-card h3{margin:10px 0 7px;font-size:18px;line-height:1.3}.u4-col-software-card p{margin:0 0 13px;color:#718090;font-size:13px;line-height:1.55}
.u4-col-soft-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.u4-col-soft-meta span{padding:5px 7px;border-radius:6px;background:#f0f4f7;color:#627488;font-size:10px}
.u4-col-soft-btn{margin-top:13px;color:#0b579c;font-size:12px;font-weight:800;text-decoration:none}
body.u4-dark .u4-col-card,body.u4-dark .u4-col-entry,body.u4-dark .u4-col-software-card,body.dark-mode .u4-col-card,body.dark-mode .u4-col-entry,body.dark-mode .u4-col-software-card{border-color:#293c4f;background:#172839}
body.u4-dark .u4-col-head h2,body.u4-dark .u4-col-block-title h2,body.u4-dark .u4-col-software-title h2,body.u4-dark .u4-col-card h3 a,body.u4-dark .u4-col-software-card h3 a,body.dark-mode .u4-col-head h2,body.dark-mode .u4-col-block-title h2,body.dark-mode .u4-col-software-title h2,body.dark-mode .u4-col-card h3 a,body.dark-mode .u4-col-software-card h3 a{color:#f2f6fa}
@media(max-width:1100px){.u4-col-software-grid{grid-template-columns:1fr}}
@media(max-width:980px){.u4-col-layout,.u4-col-single-layout{grid-template-columns:1fr}.u4-col-sidebar>.u4-sidebar{position:static}.u4-col-single-head{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:720px){.u4-col-grid{grid-template-columns:1fr}.u4-col-single-head{grid-template-columns:1fr}.u4-col-single-cover{max-width:430px;height:280px}.u4-col-stats{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:520px){.u4-col-software-card{grid-template-columns:110px minmax(0,1fr)}.u4-col-stats{grid-template-columns:1fr}.u4-col-entry{padding:21px}}


/* =========================================================
   AJUSTES COMPACTOS - ARCHIVO Y SINGLE
========================================================= */
@media (min-width: 1081px) {
    .u4-col-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 17px;
    }
}

.u4-col-cover {
    height: 175px;
}

.u4-col-body {
    padding: 16px;
}

.u4-col-card h3 {
    margin: 9px 0 6px;
    font-size: 17px;
}

.u4-col-card p {
    font-size: 12px;
    line-height: 1.55;
}

.u4-col-mini {
    margin-top: 12px;
}

.u4-col-mini span,
.u4-col-mini em {
    width: 34px;
    height: 34px;
    border-width: 2px;
    font-size: 10px;
}

.u4-col-foot {
    margin-top: 13px;
    padding-top: 12px;
}

.u4-col-cover > b {
    right: 10px;
    bottom: 10px;
    padding: 6px 9px;
    font-size: 10px;
}

.u4-col-single-hero {
    min-height: 370px;
}

.u4-col-single-inner {
    padding-top: 20px;
    padding-bottom: 30px;
}

.u4-col-breadcrumbs {
    margin-bottom: 18px;
}

.u4-col-single-head {
    grid-template-columns: 275px minmax(0, 1fr);
    gap: 32px;
}

.u4-col-single-cover {
    height: 255px;
    border-radius: 16px;
}

.u4-col-bg {
    filter: blur(4px);
    opacity: .48;
}

.u4-col-overlay {
    background: linear-gradient(90deg, rgba(5,22,50,.92), rgba(5,22,50,.48));
}

.u4-col-single-info h1 {
    font-size: clamp(32px, 4.4vw, 51px);
}

@media (max-width: 1080px) and (min-width: 721px) {
    .u4-col-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .u4-col-single-head {
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 24px;
    }
    .u4-col-single-cover { height: 225px; }
}

@media (max-width: 720px) {
    .u4-col-cover { height: 190px; }
    .u4-col-single-hero { min-height: 0; }
    .u4-col-single-head { grid-template-columns: 1fr; }
    .u4-col-single-cover { width: 230px; height: 215px; }
}


/* Tarjetas de software dentro de Collection: mismo estilo compacto de author.php */
.u4-col-author-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.u4-col-author-grid .u4-card {
    min-width: 0;
}

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

@media (max-width: 640px) {
    .u4-col-author-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

@media (max-width: 350px) {
    .u4-col-author-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   COLECCIONES - COMPATIBILIDAD CON data-u4-theme="dark"
========================================================= */
html[data-u4-theme="dark"] .u4-col-head h2,
html[data-u4-theme="dark"] .u4-col-block-title h2,
html[data-u4-theme="dark"] .u4-col-software-title h2,
html[data-u4-theme="dark"] .u4-col-card h3 a,
html[data-u4-theme="dark"] .u4-col-software-card h3 a {
    color: #f2f6fa;
}

html[data-u4-theme="dark"] .u4-col-head > div > span,
html[data-u4-theme="dark"] .u4-col-block-title > span,
html[data-u4-theme="dark"] .u4-col-software-title > span {
    color: #22c5c7;
}

html[data-u4-theme="dark"] .u4-col-layout,
html[data-u4-theme="dark"] .u4-col-single-layout,
html[data-u4-theme="dark"] .u4-col-single-main {
    background: transparent;
}

html[data-u4-theme="dark"] .u4-col-card,
html[data-u4-theme="dark"] .u4-col-entry,
html[data-u4-theme="dark"] .u4-col-software-card {
    border-color: #293c4f;
    background: #172839;
}

html[data-u4-theme="dark"] .u4-col-entry {
    color: #c6d0db;
}

html[data-u4-theme="dark"] .u4-col-card p,
html[data-u4-theme="dark"] .u4-col-software-card p,
html[data-u4-theme="dark"] .u4-col-meta,
html[data-u4-theme="dark"] .u4-col-soft-meta span {
    color: #aebbc8;
}

html[data-u4-theme="dark"] .u4-col-soft-meta span {
    background: #203447;
}

/* TODO4PC - refuerzo de tarjetas de colecciones en modo oscuro. */
html[data-u4-theme="dark"] .u4-col-card {
    background: #172839 !important;
    border-color: #2a3b4a !important;
    color: #c8d3de;
}
html[data-u4-theme="dark"] .u4-col-card h3,
html[data-u4-theme="dark"] .u4-col-card h3 a {
    color: #f4f7fa !important;
}
html[data-u4-theme="dark"] .u4-col-card p,
html[data-u4-theme="dark"] .u4-col-card .u4-col-meta {
    color: #aebbc8 !important;
}