{} *{} /*endBaseStyles*/
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 /* Estilos base */ body { font-family: 'Open Sans', sans-serif; color: #4A3B31; margin: 0; padding: 0; overflow-x: hidden; position: relative; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } /* Video de fondo */ .video-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; object-fit: cover; opacity: 0.3; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: -1; } /* Contenedor principal */ .container-biolink { background-color: rgba(255, 248, 240, 0.9); border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); padding: 2rem; width: 90%; max-width: 500px; margin-top: 2rem; margin-bottom: 2rem; margin-left: auto; margin-right: auto; text-align: center; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3); position: relative; z-index: 1; } /* Imagen de perfil */ .profile-image { width: 140px; /* Un poco más grande para el nuevo logo */ height: 140px; border-radius: 50%; object-fit: contain; /* Contain para que se vea todo el logo */ background-color: #fff; /* Fondo blanco por si el logo tiene transparencia */ margin: 0 auto 1rem; border: 4px solid #FFC107; padding: 5px; /* Pequeño espacio interior */ } /* Textos */ .restaurant-name { font-family: 'Montserrat', sans-serif; font-size: 2.2rem; color: #D35400; margin-bottom: 0.5rem; text-shadow: 1px 1px 3px rgba(0,0,0,0.1); } .restaurant-slogan { font-size: 1.1rem; color: #704214; margin-bottom: 2rem; } /* Botones */ .link-button { display: flex; align-items: center; justify-content: center; background-color: #A0522D; color: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 600; text-decoration: none; padding: 1rem; margin-bottom: 1rem; border-radius: 50px; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(160, 82, 45, 0.3); border: 2px solid transparent; } .link-button i { margin-right: 0.75rem; font-size: 1.2em; } .link-button:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(160, 82, 45, 0.4); } /* Botón de Sorteo con Animación */ .sorteo-button { background: linear-gradient(45deg, #FFD700, #FFA500); /* Dorado/Naranja brillante */ color: #4A3B31; /* Texto oscuro para contraste */ font-weight: 700; border: 2px solid #FFF; animation: pulse 2s infinite; } .sorteo-button:hover { background: linear-gradient(45deg, #FFA500, #FFD700); box-shadow: 0 0 20px rgba(255, 215, 0, 0.6); } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 165, 0, 0.7); } 70% { transform: scale(1.02); box-shadow: 0 0 0 10px rgba(255, 165, 0, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 165, 0, 0); } } .whatsapp-button { background-color: #25D366; } .whatsapp-button:hover { background-color: #1EAE54; } .menu-button { background-color: #E67E22; } .menu-button:hover { background-color: #D35400; } .location-button { background-color: #4285F4; } .location-button:hover { background-color: #357AE8; } /* Footer */ .footer-biolink { margin-top: 2.5rem; font-size: 0.9rem; color: #704214; } /* Protección de imagen */ img { pointer-events: none; -webkit-user-drag: none; user-select: none; } /* Responsive */ @media (max-width: 480px) { .container-biolink { padding: 1.5rem; width: 90%; margin-top: 1rem; margin-bottom: 1rem; } .restaurant-name { font-size: 1.8rem; } .restaurant-slogan { font-size: 1rem; } .link-button { padding: 0.8rem; font-size: 0.9rem; } }