*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Playfair Display', serif;
background:#f5f5f5;
color:#2f2f2f;
}

/* HEADER */

.header{
background:#E8A06A;
padding:10px 20px;
}

.nav{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
}

/* LOGO */

.logo-area{
display:flex;
align-items:center;
gap:10px;
font-family:'Cormorant Garamond', serif;
font-size:22px;
font-weight:bold;
color:white;
}

.logo-area img{
width:100px;
height:100px;
border-radius:50%;
}

/* MENU */

.menu{
display:flex;
gap:25px;
}

.menu a{
text-decoration:none;
color:white;
font-weight:500;
transition:0.3s;
}

.menu a:hover{
opacity:.7;
}

/* CONTENEDOR */

.contenedor{
max-width:1200px;
margin:auto;
padding:25px;
}

/* GRID */

.grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
gap:20px;
}

/* CARD */

.card{
background:white;
border-radius:10px;
overflow:hidden;
text-decoration:none;
color:#2f2f2f;
box-shadow:0 3px 10px rgba(0,0,0,0.08);
transition:.25s;
}

.card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* IMAGEN */

.imagen{
width:100%;
aspect-ratio:1/1;
overflow:hidden;
}

.imagen img{
width:100%;
height:100%;
object-fit:cover;
}

/* TITULO */

.titulo{
/* font-family:'Allura', cursive; */
font-family:'Great Vibes', cursive;
font-size:14pt;
padding:12px;

text-align:center;
}

/* VACIO */

.vacio{
text-align:center;
padding:60px;
font-size:20px;
}

/* MOBILE */

@media(max-width:700px){

.nav{
flex-direction:column;
gap:10px;
}

.menu{
gap:15px;
font-size:14px;
}

.grid{
grid-template-columns:repeat(2,1fr);
gap:12px;
}

.logo-area span{
display:none;
}

}

.imagen{
position:relative;
width:100%;
aspect-ratio:1/1;
overflow:hidden;
}

.imagen img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* banda */

.descripcion-hover{

position:absolute;
top:50%;
left:0;
width:100%;

transform:translateY(-50%);

background:rgba(0,0,0,0.65);
color:white;

text-align:center;

padding:12px 15px;

font-size:14pt;

opacity:0;

transition:0.3s;

font-family:'Great Vibes', cursive;

}

/* mostrar al pasar mouse */

.card:hover .descripcion-hover{

opacity:1;

}


/* FOOTER */

.footer{

margin-top:40px;
background:#E8A06A;
color:white;

}

.footer-contenido{

max-width:1200px;
margin:auto;
padding:20px;

text-align:center;

font-size:14px;

font-family:'Open Sans', sans-serif;

opacity:.9;

}

.footer-firma{

position:fixed;

bottom:0;
left:0;

width:100%;

text-align:center;

padding:6px 10px;

font-size:14pt;

font-family:'Great Vibes', cursive;

background:rgba(232,160,106,0.45);

color:#FFF;

backdrop-filter:blur(4px);

z-index:999;

}

.imagen{
position:relative;
overflow:hidden;
}

.vendido{

position:absolute;

top:15px;
left:-40px;

background:#ff7a00;

color:white;

font-weight:bold;
font-size:14px;

padding:8px 60px;

transform:rotate(-35deg);

box-shadow:0 4px 10px rgba(0,0,0,.3);

letter-spacing:2px;

}

.form-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
}

.form-group{
display:flex;
flex-direction:column;
}

.form-group input,
.form-group select,
.form-group textarea{

padding:8px;
border:1px solid #ccc;
border-radius:6px;
font-size:14px;

}

.form-group textarea{
grid-column:1 / -1;
}