/*==========================
SECCION CULTURA  
===========================*/

.vip-cultura{

    width:100%;
    padding:70px 20px;
    background:#10233f;
    background-image:
    linear-gradient(rgba(16,35,63,.95),rgba(16,35,63,.95)),
    
    background-size:cover;
    color:#fff;

}

.vip-cultura-container{

    max-width:1300px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:start;

}

.vip-tag{

    display:inline-block;
    color:#f44336;
    font-size:13px;
    letter-spacing:2px;
    font-weight:700;
    margin-bottom:15px;

}

.vip-cultura h2{

    color:white;
    font-size:48px;
    margin-bottom:20px;
    font-weight:800;
    text-transform:uppercase;

}

.vip-cultura p{

    line-height:1.9;
    color:#f2f2f2;
    font-size:18px;

}

.vip-cultura-info img{

    width:100%;
    margin-top:35px;
    border-radius:12px;
    display:block;
    box-shadow:0 15px 40px rgba(0,0,0,.40);

}

/*==================
ACORDEON
===================*/



.vip-cultura-acordeon details:hover{

    border-color:white;

}

.vip-cultura-acordeon summary{

    cursor:pointer;
    padding:18px 22px;
    font-size:18px;
    font-weight:700;
    list-style:none;
    transition:.3s;

}



.vip-cultura-acordeon summary::before{

    content:"+";
    margin-right:10px;
    color:#ef3b2d;
    font-size:22px;
    font-weight:bold;

}

.vip-cultura-acordeon details[open] summary::before{

    content:"−";

}

.vip-cultura-acordeon .contenido{

    padding:0 22px 22px;

}

.vip-cultura-acordeon .contenido p{

    color:#ddd;
    font-size:17px;
    line-height:1.8;

}

/*=====================
BANNER
======================*/

.vip-banner{

    max-width:728px;
    margin:70px auto 0;

}

.vip-banner img{

    width:100%;
    display:block;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.30);

}

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

@media(max-width:992px){

.vip-cultura-container{

grid-template-columns:1fr;
gap:40px;

}

.vip-cultura h2{

font-size:38px;

}

}

@media(max-width:768px){

.vip-cultura{

padding:50px 15px;

}

.vip-cultura h2{

font-size:32px;

}

.vip-cultura p{

font-size:16px;

}

.vip-cultura-acordeon summary{

font-size:17px;

}

}

@media(max-width:480px){

.vip-cultura h2{

font-size:28px;

}

.vip-cultura p{

font-size:15px;

}

.vip-cultura-acordeon summary{

padding:15px;

}

.vip-cultura-acordeon .contenido{

padding:0 15px 15px;

}

}