.organika-section{

min-height:700px;

position:relative;

display:flex;

justify-content:center;

align-items:center;

background-image:url("../images/organika.webp");

background-size:cover;

background-position:center;

padding:80px 20px;

}



.organika-overlay{

position:absolute;

inset:0;

background:
rgba(0,0,0,.75);

}



.organika-content{

position:relative;

z-index:2;

max-width:1000px;

text-align:center;

color:white;

}



.organika-logo{

width:180px;

margin-bottom:20px;

}



.organika-content h2{

font-size:45px;

letter-spacing:3px;

margin-bottom:30px;

}



.organika-content p{

font-size:18px;

line-height:1.8;

max-width:800px;

margin:20px auto;

color:#ddd;

}



.organika-restaurantes{

display:flex;

justify-content:center;

align-items:center;

gap:20px;

flex-wrap:nowrap;

width:100%;

margin-top:50px;

}



.lista-restaurantes{

display:flex;

justify-content:center;

align-items:center;

gap:20px;

flex-wrap:wrap;

margin-top:50px;

}


.restaurante-card:hover{

transform:translateY(-10px);

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

}


.organika-restaurantes h3{


font-size:22px;

margin-bottom:10px;


}



.organika-restaurantes span{

color:#ccc;

font-size:14px;

}

.restaurante-card{

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

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

padding:20px;

border-radius:20px;

width:150px;

height:120px;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

backdrop-filter:blur(8px);

transition:.3s;

cursor:pointer;

}

/* ===========================
   TABLETS
=========================== */

@media (max-width: 992px){

.organika-content{
    width:95%;
}

.organika-restaurantes{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    width:100%;
}

.restaurante-card{
    width:100%;
    height:150px;
}

}