*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Roboto',sans-serif;
}

body{
background:#f4f6f8;
color:#333;
}

/* HEADER */

header{
background:#1f2933;
text-align:center;
padding:2.5rem 1rem;
}

.header-container h1{
font-size:2.6rem;
color:white;
margin-bottom:8px;
}

.header-container p{
color:#d9dee3;
}

/* RECETAS */

.recetas-container{
max-width:1100px;
margin:auto;
padding:2rem;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:2rem;
}

.receta-card{
display:block;
background:white;
border-radius:14px;
overflow:hidden;
text-decoration:none;
color:#333;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
transition:all .3s;
}

.receta-card img{
width:100%;
height:220px;
object-fit:cover;
}

.receta-card h2{
padding:1rem;
text-align:center;
}

.receta-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 30px rgba(0,0,0,0.15);
}

/* FOOTER */

footer{
background:#1f2933;
text-align:center;
padding:1.5rem;
color:white;
}

.footer-links{
margin-top:10px;
}

.footer-links a{
color:#d9dee3;
margin:0 10px;
text-decoration:none;
font-size:14px;
}

/* RESPONSIVE */

@media(max-width:900px){

.recetas-container{
grid-template-columns:1fr;
}

}

/* COOKIE BANNER */

#cookie-banner{

position:fixed;

bottom:20px;

left:50%;

transform:translateX(-50%);

width:90%;

max-width:500px;

z-index:999;

}

.cookie-box{

background:white;

padding:20px;

border-radius:14px;

box-shadow:0 10px 30px rgba(0,0,0,0.2);

text-align:center;

}

.cookie-box p{

font-size:14px;

margin-bottom:15px;

}

.cookie-buttons{

display:flex;

justify-content:center;

gap:10px;

}

.cookie-buttons button{

border:none;

padding:8px 16px;

border-radius:8px;

cursor:pointer;

font-weight:600;

}

#acceptCookies{

background:#1f2933;

color:white;

}

#rejectCookies{

background:#e4e7eb;

}

/* PAGINAS LEGALES */

.legal-container{

max-width:900px;

margin:auto;

padding:3rem 2rem;

line-height:1.7;

}

.legal-container h2{

margin-top:2rem;

margin-bottom:10px;

font-size:1.4rem;

color:#1f2933;

}

.legal-container p{

margin-bottom:10px;

}

.legal-container ul{

margin-left:20px;

margin-bottom:15px;

}

.legal-container li{

margin-bottom:6px;

}

/* PAGINA RECETA */

.receta-page{

max-width:900px;

margin:auto;

padding:2rem;

}

.receta-img{

width:100%;

border-radius:12px;

margin-bottom:20px;

}

.receta-info{

display:flex;

gap:20px;

margin-bottom:30px;

flex-wrap:wrap;

}

.info-box{

background:white;

padding:15px;

border-radius:10px;

box-shadow:0 5px 15px rgba(0,0,0,0.08);

flex:1;

text-align:center;

}

.receta-section{

margin-bottom:30px;

}

.receta-section h2{

margin-bottom:10px;

color:#1f2933;

}

.receta-section ul{

margin-left:20px;

}

.receta-section ol{

margin-left:20px;

}

.receta-section li{

margin-bottom:8px;

line-height:1.6;

}