.tiendapp{

               width: 50px; /* Ancho de la imagen en píxeles */
               height: auto; /* La altura se ajusta automáticamente para mantener la proporción */
	}

.encabezadoModal{
      background:  #dc3545;
      /*padding: 1.75rem 2rem 1.5rem;*/
	  /* padding: 2px 2px 2px 2px;*/
      border-radius: 16px 16px 0 0;
      position: relative;
}

/* ── Modal ── */
    .modal {
      border-radius: 16px;
      max-height: 100vh;
      overflow-y: auto;
      background-color: rgba(0, 0, 0, 0.5); 
      /*box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.5);;
      /*box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.5);*/
      animation: fadeUp 0.25s ease;
      
    }


        /* Contenido del modal */
        .modal-content {
            background-color: white;
            margin: 15% auto;
            padding: 0px; 
            border-radius: 5px;
            width: 100%;
            max-width: 500px;
            position: relative;
            animation: slideIn 0.3s ease-out;
        }

        /* Animación de entrada */
        @keyframes slideIn {
            from {
                transform: translateY(-100px);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        /* Botón de cerrar */
        .close {
            color:#000;
            float: right;
            font-size: 35px;
            font-weight: bold;
            cursor: pointer;
            position: absolute;
            right: 20px;
            top: 10px;
        }

        .close:hover {
            color: #000;
        }

        /* Estilos para el botón de abrir modal */
        .open-modal-btn {
            background-color: #007bff;
            color: white;
            padding: 12px 24px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
            margin: 20px;
        }

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

        /* Estilos para el contenido del modal */
        .modal-content h2 {
            margin-top: 0;
            color: #333;
        }

        .modal-content p {
            color: #666;
            line-height: 1.5;
        }

        .modal-buttons {
            margin-top: 20px;
            text-align: right;
        }

        .close-btn {
            background-color:  #dc3545;
            color: white;
            padding: 8px 16px;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }

        .close-btn:hover {
            background-color:  #dc3545;
        }