/*
body{
font-family: Arial, sans-serif;
margin:0;
}

/* Fondo modal */
.modal{
display:none;
position:fixed;
z-index:999;
left:0;
top:0;
width:100%;
height:100%;
justify-content:center;
align-items:center;
padding:10px;
}

/* Caja modal mas compacta */
.modal-content{
position:relative;
max-width:300px;
width:85%;
border-radius:12px;
overflow:hidden;
box-shadow:0 20px 40px rgba(0,0,0,0.5);
animation:zoom 0.4s ease;
background: url(../cafedifu.jpg);
}

/* Imagen */
.modal-content img{
width:100%;
height:auto;
display:block;
}

/* CONTENEDOR DEL BANNER */
.banner-envio{
position:relative;
width:100%;
margin-top:5px;
}

/* IMAGEN DE CINTA */
.cinta{
width:100%;
display:block;
}

/* TEXTO SOBRE LA CINTA */

/* TEXTO SOBRE LA CINTA */
.texto-cinta{
position:absolute;
top:35%;
left:50%;
transform:translate(-50%,-50%);
color:white;
font-weight:bold;
font-size:20px;
text-align:center;
width:80%;
line-height:1.3;
text-shadow:2px 2px 4px rgba(0,0,0,0.7);
}
/* Botón comprar */
.btn-comprar{
display:block;
text-align:center;
margin:12px auto 15px auto;
width:70%;
background:#4B0082;
color:white;
padding:8px 16px;
border-radius:25px;
font-weight:bold;
text-decoration:none;
font-size:16px;
box-shadow:0 5px 15px rgba(0,0,0,0.3);
transition:0.3s;
}
.btn-comprar:hover{
background:#00FF00;
transform:scale(1.05);
}

/* Botón cerrar */
.cerrar{
position:absolute;
top:8px;
right:8px;
background:#00FFFF;
color:black;
font-size:18px;
border-radius:50%;
width:28px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

/* Animación */
@keyframes zoom{
from{
transform:scale(0.7);
opacity:0;
}
to{
transform:scale(1);
opacity:1;
}
}