.iusa-downloads{--azul:#0069bd;--oscuro:#102657;--gris:#647084;font-family:Arial,sans-serif;color:#17233c;background:#fff}
.iusa-downloads *{box-sizing:border-box}
.iusa-downloads .downloads-container{width:min(1100px,92%);margin:auto}
.iusa-downloads .downloads-hero{background:linear-gradient(105deg,rgba(235,246,255,.98),rgba(235,246,255,.94) 42%,rgba(235,246,255,.12)),url('https://iusa.com.mx/assets/imgs/descarga/banner_1920.png') center/cover no-repeat;min-height:265px;display:flex;align-items:center}
.iusa-downloads .downloads-hero h1{font-size:clamp(36px,5vw,58px);font-weight:750;color:var(--oscuro);margin:12px 0;line-height:1.1}
.iusa-downloads .downloads-hero p{font-size:17px;line-height:1.6;color:#536174;max-width:480px}
.iusa-downloads .downloads-breadcrumb{font-size:13px;color:var(--azul)}
.iusa-downloads .downloads-content{padding:32px 0 55px}
.iusa-downloads .downloads-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:26px}
.iusa-downloads .filter-btn{padding:15px 10px;background:#f1f5fa;border:0;border-radius:12px;color:var(--oscuro);font-size:14px;cursor:pointer;transition:.25s}
.iusa-downloads .filter-btn:hover{background:#dceaf8}
.iusa-downloads .filter-btn.active{background:var(--azul);color:#fff}
.iusa-downloads .downloads-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.iusa-downloads .download-card{min-width:0;border:1px solid #e3e9f0;border-radius:13px;padding:18px;background:#fff;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.iusa-downloads .download-card[hidden]{display:none}
.iusa-downloads .download-card:hover{transform:translateY(-5px);box-shadow:0 9px 25px rgba(0,45,100,.10)}
.iusa-downloads .download-image{height:145px;display:flex;align-items:center;justify-content:center}
.iusa-downloads .download-image img{max-width:100%;max-height:140px;object-fit:contain}
.iusa-downloads .download-card h3{font-size:14px;line-height:1.4;margin:12px 0 6px;color:#17233c;font-weight:700}
.iusa-downloads .download-card p{font-size:12px;line-height:1.5;color:var(--gris);margin:0 0 20px;flex-grow:1}
.iusa-downloads .download-btn{display:block;text-align:center;padding:10px 8px;border:1.5px solid var(--azul);border-radius:25px;color:var(--azul);background:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:.2s}
.iusa-downloads .download-btn:hover{background:var(--azul);color:#fff}
@media(max-width:1000px){.iusa-downloads .downloads-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.iusa-downloads .downloads-hero{min-height:230px}.iusa-downloads .downloads-filters{display:flex;overflow-x:auto;padding-bottom:8px}.iusa-downloads .filter-btn{flex:0 0 auto;min-width:110px}.iusa-downloads .downloads-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.iusa-downloads .download-card{padding:12px}.iusa-downloads .download-image{height:115px}.iusa-downloads .download-image img{max-height:110px}}
@media(max-width:380px){.iusa-downloads .downloads-grid{grid-template-columns:1fr}}


/* ======================================
   GUÍA DESTACADA IUSA 2026
====================================== */

.iusa-downloads .downloads-featured {
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 30px;
    margin-bottom: 48px;
    border: 1px solid #c9dff4;
    border-left: 5px solid #0069bd;
    border-radius: 16px;
    background: linear-gradient(110deg, #eef7ff, #ffffff);
    box-shadow: 0 8px 25px rgba(0, 60, 120, .06);
}

.iusa-downloads .featured-icon {
    width: 150px;
    height: 150px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    border: 1px solid #e4eaf1;
    border-radius: 12px;
}

.iusa-downloads .featured-icon img {
    max-width: 90%;
    max-height: 120px;
    object-fit: contain;
}

.iusa-downloads .featured-info {
    flex: 1;
    min-width: 0;
}

.iusa-downloads .featured-label {
    display: inline-block;
    color: #0069bd;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.iusa-downloads .featured-info h2 {
    font-size: clamp(21px, 2.5vw, 28px);
    line-height: 1.25;
    color: #102657;
    margin: 0 0 12px;
    font-weight: 700;
}

.iusa-downloads .featured-info p {
    color: #52647b;
    font-size: 14px;
    line-height: 1.65;
    margin: 0 0 12px;
}

.iusa-downloads .featured-format {
    font-size: 12px;
    color: #64748b;
}

.iusa-downloads .featured-action {
    flex-shrink: 0;
}

.iusa-downloads .featured-btn {
    display: inline-block;
    padding: 14px 22px;
    background: #0069bd;
    color: white;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    transition: background .2s, transform .2s;
}

.iusa-downloads .featured-btn:hover {
    background: #004f91;
    color: white;
    transform: translateY(-2px);
}

/* TÍTULO DE ARCHIVOS */
.iusa-downloads .downloads-section-heading {
    margin-bottom: 22px;
}

.iusa-downloads .downloads-section-heading h2 {
    font-size: 25px;
    color: #102657;
    margin: 0 0 8px;
}

.iusa-downloads .downloads-section-heading p {
    color: #64748b;
    font-size: 14px;
    margin: 0;
}

/* ======================================
   TABLETAS - 1024 PX
====================================== */

@media (max-width: 1024px) {

    .iusa-downloads .downloads-container {
        width: 92%;
    }

    .iusa-downloads .downloads-featured {
        gap: 20px;
        padding: 24px;
    }

    .iusa-downloads .featured-icon {
        width: 110px;
        height: 110px;
    }

    .iusa-downloads .downloads-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }
}

/* ======================================
   MÓVILES - 768 PX
====================================== */

@media (max-width: 768px) {

    .iusa-downloads .downloads-hero {
        min-height: 220px;
        padding: 32px 0;
        background-position: center;
    }

    .iusa-downloads .downloads-hero h1 {
        font-size: 34px;
        line-height: 1.15;
    }

    .iusa-downloads .downloads-hero p {
        font-size: 14px;
        max-width: 90%;
    }

    .iusa-downloads .downloads-content {
        padding-top: 25px;
        padding-bottom: 40px;
    }

    /* Guía destacada en columna */
    .iusa-downloads .downloads-featured {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 22px;
        margin-bottom: 36px;
    }

    .iusa-downloads .featured-icon {
        width: 90px;
        height: 90px;
    }

    .iusa-downloads .featured-icon img {
        max-height: 75px;
    }

    .iusa-downloads .featured-info h2 {
        font-size: 22px;
    }

    .iusa-downloads .featured-info p {
        font-size: 13px;
    }

    .iusa-downloads .featured-action {
        width: 100%;
    }

    .iusa-downloads .featured-btn {
        display: block;
        width: 100%;
        padding: 14px;
    }

    .iusa-downloads .downloads-section-heading h2 {
        font-size: 21px;
    }

    /* Filtros desplazables */
    .iusa-downloads .downloads-filters {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 12px;
        margin-bottom: 20px;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .iusa-downloads .filter-btn {
        flex: 0 0 auto;
        min-width: 100px;
        padding: 12px 16px;
        font-size: 13px;
    }

    /* Dos tarjetas por fila */
    .iusa-downloads .downloads-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .iusa-downloads .download-card {
        padding: 14px;
    }

    .iusa-downloads .download-image {
        height: 110px;
    }

    .iusa-downloads .download-image img {
        max-height: 105px;
    }

    .iusa-downloads .download-card h3 {
        font-size: 13px;
    }

    .iusa-downloads .download-card p {
        font-size: 12px;
    }

    .iusa-downloads .download-btn {
        font-size: 12px;
        padding: 11px 8px;
    }
}

/* ======================================
   MÓVILES PEQUEÑOS - 400 PX
====================================== */

@media (max-width: 400px) {

    .iusa-downloads .downloads-container {
        width: 92%;
    }

    .iusa-downloads .downloads-hero h1 {
        font-size: 30px;
    }

    .iusa-downloads .downloads-featured {
        padding: 18px;
    }

    .iusa-downloads .featured-info h2 {
        font-size: 20px;
    }

    .iusa-downloads .downloads-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .iusa-downloads .download-card {
        padding: 10px;
    }

    .iusa-downloads .download-image {
        height: 90px;
    }

    .iusa-downloads .download-image img {
        max-height: 85px;
    }
}