.categories-page{

width:90%;
max-width:1200px;
margin:auto;

}

/* HERO */

.cat-hero{

margin-top:40px;
margin-bottom:50px;

background:linear-gradient(135deg,#f25c05,#ff8c42);

border-radius:16px;

color:white;

}

.cat-hero-inner{

padding:60px;

}

.cat-hero h1{

font-size:44px;
margin-bottom:10px;

}

.cat-hero p{

opacity:0.9;
font-size:18px;

}


/* HEADER */

.cat-header{

margin-bottom:35px;

}

.cat-header h2{

font-size:30px;
color:#f25c05;

}

.cat-header p{

color:#666;

}


/* GRID */

.cat-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}


/* TARJETAS */

.cat-card{

background:white;

padding:30px;

border-radius:14px;

text-decoration:none;
color:#333;

box-shadow:0 10px 25px rgba(0,0,0,0.08);

position:relative;

transition:0.3s;

}

.cat-card:hover{

transform:translateY(-8px);

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

}


/* ICONO */

.cat-icon{

width:55px;
height:55px;

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

border-radius:50%;

background:#f25c05;

color:white;

font-size:22px;

margin-bottom:15px;

}


/* TITULO */

.cat-card h3{

font-size:20px;
margin-bottom:6px;

}


/* TEXTO */

.cat-card p{

color:#666;
font-size:15px;

}


/* MULTIMEDIA DESTACADA */

.multimedia{

background:linear-gradient(135deg,#111,#333);

color:white;

}

.multimedia p{

color:#ddd;

}

.cat-badge{

position:absolute;
top:15px;
right:15px;

background:#f25c05;

color:white;

font-size:12px;

padding:5px 10px;

border-radius:20px;

}