.img-perfil{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.footer-fijo {
    position: fixed; /* Fija el footer en la posición inferior */
    left: 0;
    bottom: 0;
    width: 100%; /* Hace que el footer ocupe todo el ancho de la ventana */
    background-color: #333; /* Color de fondo del footer */
    color: white; /* Color del texto */
    text-align: center; /* Centra el texto */
    padding: 5px 0; /* Espaciado interno del footer */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); /* Sombra superior para dar un efecto de elevación */

}

.container{
	padding-top: 2%;
}

#contacto{
	padding-bottom: 20%;
}

#login{
    padding-top: 0% !important;
}


       /* Contenedor principal */
        .producto {
            width: 100% /* Ancho del div */            
            position: relative; /* Posicionamiento relativo */
            background: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente */
            border-radius: 15px; /* Bordes redondeados */
            display: flex; /* Centrado del contenido */
            justify-content: center;
            align-items: center;
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Sombra */
        }

      /* Contenedor principal */
        .tag-producto {
            position: relative;
            width: 80%;
            padding: 20px;
            margin-bottom: 20px;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.3); /* Fondo semi-transparente */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra ligera */
            text-align: center;
            overflow: hidden;
        }

        /* Imagen del producto */
        .tag-producto img {
            width: 100%;
            border-radius: 8px;
            margin-bottom: 15px;

        }

        /* Etiqueta destacada */
        .etiqueta {
            position: absolute;
            top: 15px;
            left: -10px;
            background: #ffcc00;
            color: #333;
            padding: 5px 20px;
            font-size: 14px;
            font-weight: bold;
            border-radius: 0 10px 10px 0;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);            
        }

        /* Nombre del producto */
        .titulo {
            font-size: 18px;
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }

        /* Precio del producto */
        .precio {
            font-size: 22px;
            font-weight: bold;
            color: black;/*#28a745;*/
            margin-bottom: 10px;
        }

        /* Botón de acción */
        .btn-comprar {
            display: inline-block;
            text-decoration: none;
            color: white;
            background-color: #007bff;
            padding: 10px 20px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: bold;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            transition: background-color 0.3s ease;
        }

        .btn-comprar:hover {
            background-color: #0056b3;
        }