/* ======================================================
   MEGA MENU
====================================================== */

.mega-menu{

    position:absolute;

    top:55px;
    left:50%;

    transform:translateX(-50%);

    width:1200px;

    background:#fff;

    border-radius:18px;

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

    padding:35px;

    opacity:0;

    visibility:hidden;

    transition:.35s;

}

/* Mostrar menú */

.mega-menu-item:hover .mega-menu{

    opacity:1;

    visibility:visible;

    top:70px;

}

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

.mega-container{

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:25px;

}

/* ======================================================
   TARJETA
====================================================== */

.mega-card{

    display:flex;

    flex-direction:column;

    gap:15px;

}

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

.mega-card img{

    width:100%;

    height:160px;

    object-fit:cover;

    border-radius:12px;

}

/* ======================================================
   TITULO
====================================================== */

.mega-card h3{

    font-size:20px;

    color:var(--primary);

}

/* ======================================================
   LISTA
====================================================== */

.mega-card ul{

    display:flex;

    flex-direction:column;

    gap:10px;

}

.mega-card ul li a{

    color:var(--secondary);

    font-size:14px;

    transition:.3s;

}

.mega-card ul li a:hover{

    color:var(--gold);

    padding-left:6px;

}

/* ======================================================
   BOTON
====================================================== */

.mega-btn{

    margin-top:auto;

    display:inline-block;

    padding:12px 18px;

    background:var(--primary);

    color:#fff;

    text-align:center;

    border-radius:30px;

    transition:.3s;

    font-size:14px;

    font-weight:600;

}

.mega-btn:hover{

    background:var(--gold);

}