/* Animaciones */
@keyframes waveAnimation {
  0% { background-position-x: 0; }
  100% { background-position-x: 1000px; }
}

@keyframes waveAnimationReverse {
  0% { background-position-x: 1000px; }
  100% { background-position-x: 0; }
}

/* OLA BASE */
.wave,
.wave2,
.wave3,
.wave4 {
  background: url('../img/footer/wave.png');
  background-size: 1000px 100px;
  filter: brightness(0) saturate(100%) invert(15%) sepia(91%) saturate(5927%) hue-rotate(348deg) brightness(96%) contrast(113%);
}

/* Si prefieres reemplazar el color directamente sin filtros (más limpio), usa SVG o PNG blanco con background-color */
.wave { animation: waveAnimation 30s linear infinite; }
.wave2 { animation: waveAnimationReverse 45s linear infinite; }
.wave3 { animation: waveAnimation 60s linear infinite; }
.wave4 { animation: waveAnimationReverse 75s linear infinite; }










/* ========================================
SECCIÓN
======================================== */

.card-sel-publicaciones{
padding:120px 5%;
overflow:hidden;


background:
radial-gradient(circle at top left,
rgba(99,102,241,.15),
transparent 35%),

radial-gradient(circle at top right,
rgba(236,72,153,.10),
transparent 35%),

#f8fafc;


}

/* ========================================
CABECERA
======================================== */

.card-sel-titulo{
text-align:center;
margin-bottom:80px;
}

.card-sel-titulo span{
display:inline-block;
padding:10px 20px;
background:rgba(99,102,241,.12);
color:#4f46e5;
border-radius:999px;
font-size:13px;
font-weight:700;
letter-spacing:1px;
}

.card-sel-titulo h2{
margin-top:20px;
font-size:3.5rem;
font-weight:800;
line-height:1.1;


background:
linear-gradient(
    135deg,
    #1e293b,
    #4f46e5
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;


}

.card-sel-titulo p{
max-width:750px;
margin:20px auto 0;
color:#64748b;
line-height:1.8;
font-size:1.05rem;
}




/* ========================================
CONTENEDOR
======================================== */

.card-sel-carousel-container{
position:relative;
width:100%;
max-width:1500px;
margin:auto;
height:650px;
perspective:1800px;
}

.card-sel-carousel-track{
position:relative;
width:100%;
height:100%;


display:flex;
justify-content:center;
align-items:center;

transform-style:preserve-3d;


}

/* ========================================
TARJETAS
======================================== */

.card-sel-slide{
position:absolute;


width:420px;
height:520px;

border-radius:30px;

overflow:hidden;

background:#fff;

cursor:pointer;

transition:
transform .8s ease,
opacity .8s ease,
filter .8s ease,
box-shadow .8s ease;

box-shadow:
0 30px 60px rgba(0,0,0,.12);


}

.card-sel-slide img{
width:100%;
height:100%;
object-fit:cover;
transition:1s;
}

/* ========================================
OVERLAY
======================================== */

.card-sel-slide::before{
content:"";


position:absolute;
inset:0;

z-index:2;

background:
linear-gradient(
    to top,
    rgba(0,0,0,.45),
    rgba(0,0,0,.08),
    transparent
);


}

/* ========================================
CENTRO
======================================== */

.card-sel-center{


z-index:10;

opacity:1;

transform:
translateX(0)
scale(1.08);

box-shadow:
0 45px 90px rgba(0,0,0,.25);


}

.card-sel-center img{
transform:scale(1.08);
}

/* ========================================
IZQUIERDA 1
======================================== */

.card-sel-left-1{


z-index:8;

opacity:.75;

transform:
translateX(-280px)
scale(.86);


}

.card-sel-left-1 img{
filter:grayscale(100%);
}

/* ========================================
IZQUIERDA 2
======================================== */

.card-sel-left-2{


z-index:6;

opacity:.35;

transform:
translateX(-520px)
scale(.68);


}

.card-sel-left-2 img{
filter:grayscale(100%);
}

/* ========================================
DERECHA 1
======================================== */

.card-sel-right-1{


z-index:8;

opacity:.75;

transform:
translateX(280px)
scale(.86);


}

.card-sel-right-1 img{
filter:grayscale(100%);
}

/* ========================================
DERECHA 2
======================================== */

.card-sel-right-2{


z-index:6;

opacity:.35;

transform:
translateX(520px)
scale(.68);


}

.card-sel-right-2 img{
filter:grayscale(100%);
}

/* ========================================
OCULTAS
======================================== */

.card-sel-hidden{
opacity:0;
pointer-events:none;


transform:
translateX(0)
scale(.4);


}

/* ========================================
   INFORMACIÓN AUTORIDAD
======================================== */

.card-sel-info{
    text-align: center;
    padding: 20px;
}

.card-sel-titulo-publicacion{
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
}

.card-sel-categoria{
    margin-top: 6px;
    font-size: 0.9rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.card-sel-categoria::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

    width: 80px;
    height: 3px;
    border-radius: 10px;

    background: linear-gradient(
        90deg,
        #2563eb,
        #7c3aed
    );
}

/* ========================================
BOTONES
======================================== */

.card-sel-nav-arrow{


position:absolute;

top:50%;

transform:translateY(-50%);

width:65px;
height:65px;

border:none;

border-radius:50%;

cursor:pointer;

z-index:30;

font-size:32px;

color:#4f46e5;

background:rgba(255,255,255,.9);

backdrop-filter:blur(20px);

box-shadow:
0 15px 35px rgba(0,0,0,.15);

transition:.3s;


}

.card-sel-nav-arrow:hover{


background:#4f46e5;
color:#fff;

transform:
translateY(-50%)
scale(1.1);


}

.card-sel-left{
left:20px;
}

.card-sel-right{
right:20px;
}

/* ========================================
DOTS
======================================== */

.card-sel-dots{


display:flex;

justify-content:center;

gap:12px;

margin-top:40px;


}

.card-sel-dot{


width:14px;
height:14px;

border-radius:50%;

cursor:pointer;

background:#cbd5e1;

transition:.4s;


}

.card-sel-dot.active{


width:50px;

border-radius:999px;

background:
linear-gradient(
    90deg,
    #4f46e5,
    #7c3aed
);


}

/* ========================================
RESPONSIVE
======================================== */

@media(max-width:768px){


.card-sel-publicaciones{
    padding:80px 20px;
}

.card-sel-titulo h2{
    font-size:2.2rem;
}

.card-sel-carousel-container{
    height:420px;
}

.card-sel-slide{
    width:230px;
    height:310px;
}

.card-sel-left-1{
    transform:
    translateX(-140px)
    scale(.80);
}

.card-sel-right-1{
    transform:
    translateX(140px)
    scale(.80);
}

.card-sel-left-2{
    transform:
    translateX(-260px)
    scale(.60);
}

.card-sel-right-2{
    transform:
    translateX(260px)
    scale(.60);
}

.card-sel-titulo-publicacion{
    font-size:1.3rem;
}

.card-sel-nav-arrow{
    width:50px;
    height:50px;
    font-size:24px;
}


}






/* ====================================
SECCIÓN NOTICIAS PREMIUM
==================================== */

.noticias-premium{

    padding:120px 5%;

    background:
    radial-gradient(circle at top left,
    rgba(99,102,241,.08),
    transparent 35%),

    radial-gradient(circle at bottom right,
    rgba(236,72,153,.08),
    transparent 35%),

    #f8fafc;
}

/* ====================================
TÍTULO
==================================== */

.noticias-premium-header{

    text-align:center;

    margin-bottom:80px;
}

.noticias-premium-header span{

    display:inline-block;

    padding:10px 24px;

    border-radius:999px;

    background:rgba(79,70,229,.1);

    color:#4f46e5;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;
}

.noticias-premium-header h2{

    margin-top:20px;

    font-size:3.5rem;

    font-weight:900;

    color:#0f172a;

    line-height:1.1;
}

.noticias-premium-header p{

    max-width:750px;

    margin:20px auto 0;

    color:#64748b;

    line-height:1.8;
}

/* ====================================
GRID
==================================== */

.noticias-premium-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(380px,1fr));

    gap:40px;
}

/* ====================================
CARD
==================================== */

.noticias-premium-card{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    background:
    rgba(255,255,255,.8);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.6);

    box-shadow:
    0 15px 40px rgba(15,23,42,.08),
    0 35px 80px rgba(15,23,42,.12);

    transition:.5s;
}

.noticias-premium-card:hover{

    transform:
    translateY(-12px);

    box-shadow:
    0 25px 60px rgba(15,23,42,.15),
    0 50px 100px rgba(15,23,42,.18);
}

/* ====================================
IMAGEN
==================================== */

.noticias-premium-img{

    position:relative;

    height:280px;

    overflow:hidden;
}

.noticias-premium-img img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:1s;
}

.noticias-premium-card:hover img{

    transform:scale(1.12);
}

.noticias-premium-img::after{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    to top,
    rgba(0,0,0,.65),
    transparent
    );
}

/* ====================================
CATEGORÍA
==================================== */

.noticias-premium-categoria{

    position:absolute;

    top:20px;
    left:20px;

    z-index:5;

    padding:10px 18px;

    border-radius:999px;

    background:
    linear-gradient(
    135deg,
    #4f46e5,
    #7c3aed
    );

    color:#fff;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;
}

/* ====================================
FECHA
==================================== */

.noticias-premium-fecha{

    position:absolute;

    bottom:20px;
    left:20px;

    z-index:5;

    color:white;

    font-size:14px;

    font-weight:600;
}

/* ====================================
CONTENIDO
==================================== */

.noticias-premium-body{

    padding:35px;
}

.noticias-premium-body h3{

    font-size:1.6rem;

    color:#0f172a;

    margin-bottom:18px;

    line-height:1.4;
}

.noticias-premium-body p{

    color:#64748b;

    line-height:1.8;

    margin-bottom:30px;
}

/* ====================================
BOTÓN
==================================== */

.noticias-premium-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    color:#4f46e5;

    font-weight:700;

    transition:.3s;
}

.noticias-premium-link:hover{

    gap:18px;
}

/* ====================================
RESPONSIVE
==================================== */

@media(max-width:768px){

    .noticias-premium{

        padding:80px 20px;
    }

    .noticias-premium-header h2{

        font-size:2.2rem;
    }

    .noticias-premium-grid{

        grid-template-columns:1fr;
    }

}