/*HERO*/
.hero-video-container{position:relative;width:100%;height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;}
.back-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,31,63,0.4);z-index:-1;}
.hero-logo{flex:0 0 auto;filter:brightness(0) invert(1);}
.hero-grid{position:relative;z-index:2;width:100%;max-width:1200px;display:flex;align-items:center;justify-content:center;gap:40px;padding:0 40px;}
.big-badge{width:280px;height:auto;opacity:0.9;}
.hero-text-col{flex:1;color:var(--header-text);text-align:left;padding-left:5%;padding-right:5%;}
.hero-text-col h1{font-size:3rem;line-height:1.1;font-weight:800;margin-bottom:15px;text-shadow:0 2px 10px var(--shadow-mid-alpha);}
.hero-text-col h3{font-size:1.2rem;font-weight:700;margin-bottom:25px;text-shadow:0 2px 4px var(--shadow-mid-alpha);}
.hero-text-col p{font-size:1rem;margin-bottom:25px;text-shadow:0 2px 4px var(--shadow-mid-alpha);}

/*DISCOVER Y SECTION TEXT*/
.image-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;}
.image-card{position:relative;display:block;width:100%;aspect-ratio:1/1;background-size:cover;background-position:center;border-radius:4px;overflow:hidden;text-decoration:none;box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--shadow-mid-alpha);transition:background-color 0.3s ease;z-index:1;}
.card-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;}
.card-content h3{color:var(--header-text);font-size:1.8rem;font-weight:700;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,0.5);margin:0;}
.image-card:hover .card-overlay{background-color:rgba(0,31,63,0.6);}
.image-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px var(--shadow-mid-alpha);}

/* ENVIAR RECONOCIMIENTO*/
.cta-recognition-container{max-width:1200px;margin:40px auto;padding:0 20px;}
.cta-banner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,var(--grad-blue1) 0%,var(--grad-blue2) 100%);color:var(--header-text);text-decoration:none;padding:30px 50px;border-radius:12px;box-shadow:0 5px 15px rgba(0,31,63,0.2);transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);}
.cta-content{display:flex;align-items:center;gap:25px;}
.cta-icon{font-size:2.5rem;color:var(--secondar);background:rgba(255,255,255,0.1);width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
.cta-text h3{margin:0;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}
.cta-text p{margin:5px 0 0 0;font-size:1rem;color:var(--text-very-light);font-weight:300;}
.cta-action{display:flex;align-items:center;gap:10px;background-color:rgba(255,255,255,0.1);padding:10px 20px;border-radius:50px;transition:background 0.3s ease;}
.cta-action span{font-weight:600;font-size:0.95rem;}
.cta-banner:hover{transform:translateY(-3px);box-shadow:0 10px 25px var(--shadow-mid-alpha);}
.cta-banner:hover .cta-action{background-color:var(--secondary);color:var(--header-text);}
.cta-banner:hover .cta-action i{transform:translateX(5px);}

/*RESPONSIVE*/
@media (max-width: 900px) {
    .hero-grid{flex-direction:column;text-align:center;padding:0 20px;}
    .hero-text-col{text-align:center;padding-left:0;padding-right:0;}
    .big-badge{width:150px;margin-bottom:auto;}
    .hero-text-col h1{font-size:1rem;}
    .hero-text-col h3{font-size:0.9rem;}
    .hero-text-col p{font-size: 0.7rem;}

}

@media (max-width: 768px) {
    .first-new-image-col{height:200px;flex:none;}
    .image-card{height:320px;}
    .image-cards-grid .news-card{gap:20px;}
    .card-content h3{font-size:1.3rem;}
    .cta-banner{flex-direction:column;text-align:center;padding:30px 20px;gap:20px;}
    .cta-content{flex-direction:column;gap:15px;}
    .cta-action{width:100%;justify-content:center;}

}


@media (max-width: 480px) {
    .image-card{height:300px;}
}