/* ════════════════════════════════════════════
   AP SEGUIMIENTO — CSS FINAL ESTABLE
   Versión unificada y sin conflictos
   ════════════════════════════════════════════ */

:root{
    --ap-seg-red:#d71920;
    --ap-seg-dark:#060606;
    --ap-seg-dark-2:#0f0f10;
    --ap-seg-white:#ffffff;
    --ap-seg-text:#111111;
    --ap-seg-muted:#666666;
    --ap-seg-line:rgba(255,255,255,.10);
    --ap-seg-line-soft:rgba(255,255,255,.07);
    --ap-seg-card:rgba(255,255,255,.03);
    --ap-seg-card-hover:rgba(255,255,255,.05);
    --ap-seg-radius-lg:18px;
    --ap-seg-radius-md:12px;
    --ap-seg-shadow:0 12px 32px rgba(0,0,0,.18);
}

/* ───────────────────────────────────────────
   DOT ANIMADO
   ─────────────────────────────────────────── */
.ap-seg-live-dot,
.ap-seg-home__dot{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--ap-seg-red);
    margin-right:8px;
    vertical-align:middle;
    flex-shrink:0;
    animation:apSegPulse 1.8s ease-in-out infinite;
}

@keyframes apSegPulse{
    0%,100%{opacity:1;transform:scale(1);}
    50%{opacity:.55;transform:scale(1.2);}
}

/* ───────────────────────────────────────────
   HOME
   ─────────────────────────────────────────── */
.ap-seg-home{
    position:relative;
    margin:44px 0;
    padding:34px 0 38px;
    background:var(--ap-seg-dark);
    color:#fff;
    box-shadow:0 0 0 100vmax var(--ap-seg-dark);
    clip-path:inset(0 -100vmax);
    overflow:visible;
}

.ap-seg-home .ap-container,
.ap-seg-home__inner{
    position:relative;
    z-index:2;
}

.ap-seg-home .ap-section-block__head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:16px;
    margin-bottom:24px;
}

.ap-seg-home .ap-section-block__title,
.ap-seg-home .ap-section-block__title a,
.ap-seg-home__heading{
    display:flex;
    align-items:center;
    color:#fff;
    text-decoration:none;
}

.ap-seg-home .ap-section-block__title{
    font-size:clamp(34px,4vw,54px);
    line-height:1;
    font-weight:900;
    letter-spacing:-.03em;
    text-transform:uppercase;
}

.ap-seg-home .ap-section-block__more{
    color:rgba(255,255,255,.58);
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}

.ap-seg-home .ap-section-block__more:hover{
    color:#fff;
}

/* ───────────────────────────────────────────
   GRID GENERAL
   ─────────────────────────────────────────── */
.ap-seg-home__grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:0;
}

/* ───────────────────────────────────────────
   CARD PRINCIPAL
   ─────────────────────────────────────────── */
.ap-seg-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    grid-template-areas:
        "header header"
        "main list"
        "more list";
    gap:0 30px;
    width:100%;
    min-width:0;
    padding:26px;
    background:var(--ap-seg-card);
    border:1px solid var(--ap-seg-line);
    border-radius:var(--ap-seg-radius-lg);
    box-shadow:none;
    transition:background .25s ease,border-color .25s ease,transform .25s ease;
}

.ap-seg-card:hover{
    background:var(--ap-seg-card-hover);
    border-color:rgba(255,255,255,.15);
}

.ap-seg-card:first-child,
.ap-seg-card:last-child,
.ap-seg-card:only-child{
    margin:0;
}

/* ───────────────────────────────────────────
   HEADER CARD
   ─────────────────────────────────────────── */
.ap-seg-card__header{
    grid-area:header;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:0 0 16px 16px;
    border-left:4px solid var(--ap-seg-red);
    border-bottom:1px solid var(--ap-seg-line);
    margin-bottom:18px;
}

.ap-seg-card__meta{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.ap-seg-card__icono{
    font-size:22px;
    line-height:1;
    flex-shrink:0;
}

.ap-seg-card__label{
    display:block;
    font-size:10px;
    line-height:1;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:rgba(255,255,255,.45);
    margin-bottom:4px;
}

.ap-seg-card__titulo{
    margin:0;
    font-size:14px;
    line-height:1.35;
    font-weight:800;
    min-width:0;
}

.ap-seg-card__titulo a{
    color:#fff;
    text-decoration:none;
    word-break:break-word;
}

.ap-seg-card__titulo a:hover{
    opacity:.8;
}

.ap-seg-card__count{
    flex-shrink:0;
    font-size:11px;
    color:rgba(255,255,255,.35);
    white-space:nowrap;
}

/* ───────────────────────────────────────────
   COLUMNA PRINCIPAL
   ─────────────────────────────────────────── */
.ap-seg-card__main{
    grid-area:main;
    display:flex;
    flex-direction:column;
    text-decoration:none;
    color:inherit;
    min-width:0;
}

.ap-seg-card__main-img{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:var(--ap-seg-radius-md);
    background:#111;
    box-shadow:var(--ap-seg-shadow);
}

.ap-seg-card__main-img img,
.ap-seg-card__main-img .ap-img-cover{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.ap-seg-card__main:hover .ap-seg-card__main-img img,
.ap-seg-card__main:hover .ap-seg-card__main-img .ap-img-cover{
    transform:scale(1.03);
}

.ap-seg-card__nuevo{
    position:absolute;
    top:12px;
    left:12px;
    z-index:2;
    display:inline-block;
    background:var(--ap-seg-red);
    color:#fff;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
    padding:4px 10px;
    border-radius:999px;
}

.ap-seg-card__main-body{
    padding:14px 0 0;
    min-width:0;
}

.ap-seg-card__main-title{
    margin:0 0 8px;
    font-size:24px;
    line-height:1.15;
    font-weight:900;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:-.02em;
    word-break:break-word;
}

.ap-seg-card__main-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    font-size:11px;
    color:rgba(255,255,255,.42);
}

/* ───────────────────────────────────────────
   LISTA LATERAL
   ─────────────────────────────────────────── */
.ap-seg-card__list{
    grid-area:list;
    list-style:none;
    margin:0;
    min-width:0;
    padding:0 0 0 20px;
    border-left:1px solid var(--ap-seg-line);
}

.ap-seg-card__list-item{
    display:flex;
    align-items:flex-start;
    gap:8px;
    min-width:0;
    margin:0 0 14px;
    padding:0 0 14px;
    border-bottom:1px solid var(--ap-seg-line-soft);
}

.ap-seg-card__list-item:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:none;
}

.ap-seg-card__list-dot{
    width:6px;
    height:6px;
    border-radius:50%;
    flex-shrink:0;
    margin-top:7px;
    background:var(--ap-seg-red);
}

.ap-seg-card__list-title{
    display:block;
    font-size:12px;
    line-height:1.35;
    font-weight:700;
    color:rgba(255,255,255,.85);
    text-decoration:none;
    text-transform:uppercase;
    word-break:break-word;
}

.ap-seg-card__list-title:hover{
    color:#fff;
}

.ap-seg-card__list-date{
    display:block;
    margin-top:4px;
    font-size:10px;
    color:rgba(255,255,255,.36);
}

/* ───────────────────────────────────────────
   VER MÁS
   ─────────────────────────────────────────── */
.ap-seg-card__ver-mas{
    grid-area:more;
    display:inline-block;
    width:max-content;
    margin-top:16px;
    padding-top:12px;
    border-top:1px solid var(--ap-seg-line-soft);
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    color:rgba(255,255,255,.58);
}

.ap-seg-card__ver-mas:hover{
    color:#fff;
}

/* ───────────────────────────────────────────
   ARCHIVO
   ─────────────────────────────────────────── */
.ap-seg-archivo{
    padding:32px 0;
}

.ap-seg-archivo__title{
    display:flex;
    align-items:center;
    margin:0 0 8px;
    font-size:28px;
    font-weight:900;
    color:#111;
}

.ap-seg-archivo__intro{
    margin:0 0 28px;
    font-size:14px;
    color:#666;
}

.ap-seg-archivo__grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:16px;
}

.ap-seg-archivo__item{
    display:flex;
    overflow:hidden;
    background:#fff;
    color:inherit;
    text-decoration:none;
    border:1px solid #e5e7eb;
    border-radius:8px;
    transition:box-shadow .2s ease,transform .15s ease;
}

.ap-seg-archivo__item:hover{
    transform:translateY(-2px);
    box-shadow:0 4px 16px rgba(0,0,0,.1);
}

.ap-seg-archivo__item-bar{
    width:5px;
    flex-shrink:0;
}

.ap-seg-archivo__item-body{
    flex:1;
    padding:16px;
}

.ap-seg-archivo__icono{
    display:block;
    font-size:24px;
    margin-bottom:6px;
}

.ap-seg-archivo__item-body h3{
    margin:0 0 6px;
    font-size:15px;
    font-weight:800;
    color:#111;
}

.ap-seg-archivo__item-body p{
    margin:0 0 10px;
    font-size:12px;
    line-height:1.5;
    color:#666;
}

.ap-seg-archivo__stats{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    font-size:11px;
    color:#999;
}

/* ───────────────────────────────────────────
   DETALLE HERO
   ─────────────────────────────────────────── */
.ap-single-wrap{
    padding:0 0 50px;
}

.ap-seg-detail-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:28px;
    align-items:center;
    padding:24px 0 28px;
    margin-bottom:32px;
    border-bottom:1px solid #e5e7eb;
}

.ap-seg-detail-hero__left{
    min-width:0;
}

.ap-seg-detail-hero__breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:12px;
    font-size:12px;
    color:#999;
}

.ap-seg-detail-hero__breadcrumb a{
    color:#999;
    text-decoration:none;
}

.ap-seg-detail-hero__breadcrumb a:hover{
    color:#111;
}

.ap-seg-detail-hero__tag{
    display:flex;
    align-items:center;
    margin-bottom:10px;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.ap-seg-detail-hero__title{
    margin:0 0 10px;
    font-size:30px;
    line-height:1.12;
    font-weight:900;
    color:#111;
    word-break:break-word;
}

.ap-seg-detail-hero__title .icon{
    margin-right:8px;
}

.ap-seg-detail-hero__desc{
    margin:0 0 14px;
    font-size:14px;
    line-height:1.65;
    color:#555;
}

.ap-seg-detail-hero__stats{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    font-size:13px;
    color:#888;
}

.ap-seg-detail-hero__stats strong{
    color:#111;
}

.stat-pill{
    display:inline-flex;
    align-items:center;
    padding:6px 12px;
    background:#f5f5f5;
    border-radius:999px;
}

.stat-sep{
    color:#b4b4b4;
}

.stat-date{
    color:#777;
}

.ap-seg-detail-hero__img{
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:10px;
}

.ap-seg-detail-hero__img img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.ap-seg-hero__action{
    margin-top:20px;
}

.ap-seg-hero__action .ap-seguir-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 20px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
}

/* ───────────────────────────────────────────
   EMPTY STATE
   ─────────────────────────────────────────── */
.ap-seg-empty-state{
    text-align:center;
    padding:80px 20px;
    background:#f9f9f9;
    border-radius:12px;
    color:#888;
}

/* ───────────────────────────────────────────
   TIMELINE
   ─────────────────────────────────────────── */
.ap-seg-timeline{
    padding-bottom:60px;
}

.ap-seg-timeline__month{
    display:flex;
    align-items:center;
    gap:14px;
    margin:32px 0 16px;
}

.ap-seg-timeline__month-line{
    flex:1;
    height:1px;
    background:#e5e7eb;
}

.ap-seg-timeline__month-label{
    display:inline-block;
    padding:4px 12px;
    border:1.5px solid currentColor;
    border-radius:20px;
    white-space:nowrap;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.ap-seg-timeline__item{
    display:grid;
    grid-template-columns:24px 1fr;
    gap:0 16px;
    margin-bottom:20px;
}

.ap-seg-timeline__line{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:6px;
}

.ap-seg-timeline__dot{
    width:12px;
    height:12px;
    border-radius:50%;
    flex-shrink:0;
    z-index:1;
}

.ap-seg-timeline__connector{
    width:2px;
    flex:1;
    min-height:40px;
    margin-top:4px;
    background:#e5e7eb;
}

.ap-seg-timeline__item:last-child .ap-seg-timeline__connector{
    opacity:.35;
}

.ap-seg-timeline__card{
    position:relative;
    padding-bottom:4px;
}

.ap-seg-timeline__badge-new{
    display:inline-block;
    margin-bottom:10px;
    padding:4px 10px;
    border-radius:999px;
    color:#fff;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.ap-seg-timeline__card-inner{
    display:grid;
    grid-template-columns:140px 1fr;
    overflow:hidden;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    transition:box-shadow .2s ease,transform .2s ease;
}

.ap-seg-timeline__card-inner:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.ap-seg-timeline__img{
    display:block;
    overflow:hidden;
}

.ap-seg-timeline__img img,
.ap-seg-timeline__img .ap-img-cover{
    display:block;
    width:140px;
    height:100%;
    min-height:110px;
    object-fit:cover;
    transition:transform .3s ease;
}

.ap-seg-timeline__card-inner:hover .ap-seg-timeline__img img,
.ap-seg-timeline__card-inner:hover .ap-seg-timeline__img .ap-img-cover{
    transform:scale(1.04);
}

.ap-seg-timeline__body{
    min-width:0;
    padding:12px 14px;
}

.ap-seg-timeline__cats{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-bottom:6px;
}

.ap-seg-timeline__cat{
    display:inline-block;
    padding:3px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    text-decoration:none;
    background:#11346f;
    color:#fff;
}

.ap-seg-timeline__title{
    margin:0 0 6px;
    font-size:15px;
    line-height:1.35;
    font-weight:800;
}

.ap-seg-timeline__title a{
    color:#111;
    text-decoration:none;
}

.ap-seg-timeline__title a:hover{
    opacity:.78;
}

.ap-seg-timeline__excerpt{
    margin:0 0 8px;
    font-size:12px;
    line-height:1.55;
    color:#666;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.ap-seg-timeline__meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;
    font-size:11px;
    color:#aaa;
}

.ap-seg-timeline__meta time{
    color:#888;
}

.ap-seg-timeline__meta .sep{
    color:#bbb;
}

.ap-seg-timeline__meta .author{
    color:#888;
}

/* ───────────────────────────────────────────
   TABLET
   ─────────────────────────────────────────── */
@media (max-width:1024px){
    .ap-seg-card{
        grid-template-columns:minmax(0,1fr);
        grid-template-areas:
            "header"
            "main"
            "list"
            "more";
        gap:16px 0;
        padding:22px;
    }

    .ap-seg-card__list{
        border-left:none;
        border-top:1px solid var(--ap-seg-line);
        padding-left:0;
        padding-top:16px;
    }

    .ap-seg-detail-hero{
        grid-template-columns:1fr;
        gap:16px;
    }

    .ap-seg-detail-hero__img{
        display:none;
    }
}

/* ───────────────────────────────────────────
   MOBILE
   ─────────────────────────────────────────── */
@media (max-width:640px){
    .ap-seg-home{
        margin:32px 0;
        padding:24px 0 28px;
    }

    .ap-seg-home .ap-section-block__head{
        flex-direction:column;
        align-items:flex-start;
        gap:8px;
    }

    .ap-seg-home .ap-section-block__title{
        font-size:42px;
    }

    .ap-seg-card{
        padding:16px;
        border-radius:14px;
    }

    .ap-seg-card__header{
        padding:0 0 12px 12px;
        margin-bottom:12px;
    }

    .ap-seg-card__main-title{
        font-size:18px;
    }

    .ap-seg-detail-hero{
        padding:16px 0 20px;
        margin-bottom:20px;
    }

    .ap-seg-detail-hero__title{
        font-size:22px;
    }

    .ap-seg-detail-hero__breadcrumb{
        font-size:11px;
    }

    .ap-seg-timeline__item{
        grid-template-columns:18px 1fr;
        gap:0 10px;
    }

    .ap-seg-timeline__card-inner{
        grid-template-columns:1fr;
    }

    .ap-seg-timeline__img{
        width:100%;
        aspect-ratio:16/9;
    }

    .ap-seg-timeline__img img,
    .ap-seg-timeline__img .ap-img-cover{
        width:100%;
        height:100%;
        min-height:unset;
    }

    .ap-seg-timeline__body{
        padding:12px;
    }

    .ap-seg-archivo__grid{
        grid-template-columns:1fr;
    }

    .ap-seg-archivo__title{
        font-size:22px;
    }

    .ap-seg-timeline__month{
        margin:24px 0 12px;
    }

    .ap-seg-timeline__month-label{
        font-size:10px;
        padding:3px 10px;
    }
}.ap-seg-card__header{
    grid-area: header;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 0 18px 16px;
    border-left: 4px solid var(--ap-seg-red);
    border-bottom: 1px solid var(--ap-seg-line);
    margin-bottom: 20px;
}

.ap-seg-card__meta{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.ap-seg-card__icono{
    font-size: 28px;
    line-height: 1;
    flex-shrink: 0;
}

.ap-seg-card__label{
    display: block;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .10em;
    color: rgba(255,255,255,.48);
    margin-bottom: 6px;
}

.ap-seg-card__titulo{
    margin: 0;
    font-size: 29px;
    line-height: 1.12;
    font-weight: 900;
    min-width: 0;
    letter-spacing: -.02em;
}

.ap-seg-card__titulo a{
    color: #fff;
    text-decoration: none;
    word-break: break-word;
}

.ap-seg-card__titulo a:hover{
    opacity: .82;
}

.ap-seg-card__count{
    flex-shrink: 0;
    font-size: 12px;
    color: rgba(255,255,255,.38);
    white-space: nowrap;
    padding-left: 12px;
}@media (max-width: 1024px){
    .ap-seg-card__titulo{
        font-size: 24px;
        line-height: 1.15;
    }
}

@media (max-width: 640px){
    .ap-seg-card__header{
        padding: 0 0 14px 12px;
        margin-bottom: 14px;
    }

    .ap-seg-card__icono{
        font-size: 22px;
    }

    .ap-seg-card__label{
        font-size: 11px;
        margin-bottom: 5px;
    }

    .ap-seg-card__titulo{
        font-size: 19px;
        line-height: 1.18;
    }

    .ap-seg-card__count{
        font-size: 11px;
    }
}/* ════════════════════════════════════════════
   ARCHIVO /SEGUIMIENTO — REDISEÑO PROFESIONAL
   ════════════════════════════════════════════ */

.ap-seg-archivo-page{
    padding: 26px 0 50px;
}

.ap-seg-archivo-hero{
    max-width: 820px;
    margin: 0 0 34px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
}

.ap-seg-archivo-hero__eyebrow{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #d71920;
}

.ap-seg-archivo-hero__title{
    margin: 0 0 10px;
    font-size: clamp(40px, 5vw, 64px);
    line-height: .98;
    font-weight: 900;
    letter-spacing: -.04em;
    color: #111;
}

.ap-seg-archivo-hero__intro{
    max-width: 760px;
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    color: #5d6670;
}

.ap-seg-archivo-list{
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
}

.ap-seg-archivo-card{
    position: relative;
    display: grid;
    grid-template-columns: 6px 1fr;
    background: #fff;
    border: 1px solid #e8eaee;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.04);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ap-seg-archivo-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    border-color: #dfe4ea;
}

.ap-seg-archivo-card__link{
    position: absolute;
    inset: 0;
    z-index: 3;
}

.ap-seg-archivo-card__bar{
    width: 6px;
    height: 100%;
}

.ap-seg-archivo-card__content{
    position: relative;
    z-index: 2;
    padding: 24px 26px;
}

.ap-seg-archivo-card__top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
}

.ap-seg-archivo-card__meta{
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.ap-seg-archivo-card__icon{
    font-size: 20px;
    line-height: 1;
    flex-shrink: 0;
}

.ap-seg-archivo-card__label{
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #d71920;
}

.ap-seg-archivo-card__stats{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 12px;
    color: #7a8088;
    white-space: nowrap;
}

.ap-seg-archivo-card__sep{
    color: #bcc2c9;
}

.ap-seg-archivo-card__main{
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) 320px;
    gap: 26px;
    align-items: center;
}

.ap-seg-archivo-card__text{
    min-width: 0;
}

.ap-seg-archivo-card__title{
    margin: 0 0 12px;
    font-size: clamp(28px, 3.4vw, 38px);
    line-height: 1.06;
    font-weight: 900;
    letter-spacing: -.03em;
    color: #111;
    word-break: break-word;
}

.ap-seg-archivo-card__desc{
    margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.65;
    color: #515860;
    max-width: 780px;
}

.ap-seg-archivo-card__cta{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #111;
}

.ap-seg-archivo-card__media{
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border-radius: 14px;
    background: #f4f4f4;
}

.ap-seg-archivo-card__img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ap-seg-archivo-empty{
    padding: 30px 0;
    font-size: 16px;
    color: #666;
}

/* TABLET */
@media (max-width: 1024px){
    .ap-seg-archivo-card__main{
        grid-template-columns: 1fr 280px;
        gap: 18px;
    }

    .ap-seg-archivo-card__content{
        padding: 22px;
    }

    .ap-seg-archivo-card__title{
        font-size: 30px;
    }

    .ap-seg-archivo-hero__intro{
        font-size: 17px;
    }
}

/* MOBILE */
@media (max-width: 768px){
    .ap-seg-archivo-page{
        padding: 16px 0 34px;
    }

    .ap-seg-archivo-hero{
        margin-bottom: 24px;
        padding-bottom: 16px;
    }

    .ap-seg-archivo-hero__title{
        font-size: 42px;
    }

    .ap-seg-archivo-hero__intro{
        font-size: 15px;
        line-height: 1.55;
    }

    .ap-seg-archivo-card__content{
        padding: 18px;
    }

    .ap-seg-archivo-card__top{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 14px;
    }

    .ap-seg-archivo-card__stats{
        white-space: normal;
    }

    .ap-seg-archivo-card__main{
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ap-seg-archivo-card__media{
        order: -1;
        aspect-ratio: 16 / 9;
    }

    .ap-seg-archivo-card__title{
        font-size: 24px;
        line-height: 1.12;
    }

    .ap-seg-archivo-card__desc{
        font-size: 14px;
        line-height: 1.6;
    }

    .ap-seg-archivo-card__cta{
        font-size: 12px;
    }
}

@media (max-width: 480px){
    .ap-seg-archivo-hero__title{
        font-size: 34px;
    }

    .ap-seg-archivo-card{
        border-radius: 14px;
    }

    .ap-seg-archivo-card__content{
        padding: 16px;
    }

    .ap-seg-archivo-card__title{
        font-size: 21px;
    }

    .ap-seg-archivo-card__desc{
        font-size: 13px;
    }
}