Auto commit: 2026-02-16T20:59:18.275Z
This commit is contained in:
Flatlogic Bot
parent
c82f9f67c8
commit
22af812c94
52
index.php
52
index.php
@ -497,13 +497,14 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
padding: 0.8rem;
|
||||
border-radius: 12px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent white */
|
||||
color: #0f172a;
|
||||
background-color: rgba(255, 255, 255, 0.1); /* Transparent glass */
|
||||
color: #ffffff;
|
||||
font-family: inherit;
|
||||
font-size: 0.95rem;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
transition: all 0.2s;
|
||||
backdrop-filter: blur(4px);
|
||||
}
|
||||
|
||||
.interaction-form textarea {
|
||||
@ -513,7 +514,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
|
||||
.interaction-form input::placeholder,
|
||||
.interaction-form textarea::placeholder {
|
||||
color: #64748b;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.send-whatsapp-btn {
|
||||
@ -577,24 +578,26 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
margin: 1rem auto;
|
||||
background: rgba(255, 255, 255, 0.85);
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border-radius: 12px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #333;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
backdrop-filter: blur(4px);
|
||||
backdrop-filter: blur(8px);
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
animation: qr-pulse 2s infinite ease-in-out;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.qr-placeholder:hover {
|
||||
animation-play-state: paused;
|
||||
transform: scale(1.05);
|
||||
box-shadow: 0 0 20px var(--accent-color);
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
@keyframes qr-pulse {
|
||||
@ -612,8 +615,8 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(255,255,255,0.7);
|
||||
backdrop-filter: blur(10px);
|
||||
background: rgba(0,0,0,0.6);
|
||||
backdrop-filter: blur(15px);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
opacity: 0;
|
||||
@ -628,22 +631,24 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
.qr-modal-content {
|
||||
max-width: 90%;
|
||||
max-height: 90%;
|
||||
background: white;
|
||||
padding: 20px;
|
||||
border-radius: 20px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
backdrop-filter: blur(20px);
|
||||
padding: 30px;
|
||||
border-radius: 32px;
|
||||
position: relative;
|
||||
transform: scale(0.7);
|
||||
transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.5);
|
||||
animation: glow-color-change 8s infinite ease-in-out;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
@keyframes glow-color-change {
|
||||
0% { box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.05); }
|
||||
33% { box-shadow: 0 0 50px rgba(2, 132, 199, 0.4), 0 0 100px rgba(0, 0, 0, 0.05); }
|
||||
66% { box-shadow: 0 0 50px rgba(244, 114, 182, 0.4), 0 0 100px rgba(0, 0, 0, 0.05); }
|
||||
100% { box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.05); }
|
||||
0% { box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.5); }
|
||||
33% { box-shadow: 0 0 50px rgba(56, 189, 248, 0.4), 0 0 100px rgba(0, 0, 0, 0.5); }
|
||||
66% { box-shadow: 0 0 50px rgba(244, 114, 182, 0.4), 0 0 100px rgba(0, 0, 0, 0.5); }
|
||||
100% { box-shadow: 0 0 50px rgba(0, 230, 118, 0.4), 0 0 100px rgba(0, 0, 0, 0.5); }
|
||||
}
|
||||
|
||||
.qr-modal-content::after {
|
||||
@ -656,7 +661,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
background: linear-gradient(
|
||||
120deg,
|
||||
transparent,
|
||||
rgba(0, 0, 0, 0.05),
|
||||
rgba(255, 255, 255, 0.1),
|
||||
transparent
|
||||
);
|
||||
transform: rotate(10deg);
|
||||
@ -679,18 +684,19 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
|
||||
.qr-modal-close {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 15px;
|
||||
color: #1e293b;
|
||||
font-size: 2rem;
|
||||
top: 15px;
|
||||
right: 20px;
|
||||
color: #ffffff;
|
||||
font-size: 2.5rem;
|
||||
cursor: pointer;
|
||||
z-index: 10;
|
||||
text-shadow: 0 0 10px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.qr-placeholder i {
|
||||
font-size: 3rem;
|
||||
margin-bottom: 10px;
|
||||
color: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.qr-placeholder span {
|
||||
@ -905,7 +911,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
|
||||
|
||||
<!-- Espacio para Código QR -->
|
||||
<div class="payment-section">
|
||||
<div class="qr-placeholder" style="padding: 0; overflow: hidden; background: white;" onclick="openQRModal()">
|
||||
<div class="qr-placeholder" style="padding: 0; overflow: hidden; background: rgba(255,255,255,0.1);" onclick="openQRModal()">
|
||||
<img src="./assets/pasted-20260216-203652-f5645ae9.jpg" alt="Código QR" style="width: 100%; height: 100%; object-fit: contain; border-radius: 12px;">
|
||||
</div>
|
||||
<p style="color: var(--accent-color); font-size: 0.9rem; font-weight: 600; margin-top: 0.5rem; text-transform: uppercase;">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user