Auto commit: 2026-02-15T17:12:07.641Z

This commit is contained in:
Flatlogic Bot 2026-02-15 17:12:07 +00:00
parent 44b4452aa8
commit 6e0da8cdf5

View File

@ -370,15 +370,27 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
margin-top: 2rem; margin-top: 2rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1.5rem;
text-align: left; text-align: left;
} }
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
}
.form-group {
display: flex;
flex-direction: column;
gap: 0.8rem;
}
.interaction-form label { .interaction-form label {
font-size: 0.85rem; font-size: 0.85rem;
font-weight: 600; font-weight: 700;
margin-bottom: -0.5rem;
opacity: 0.9; opacity: 0.9;
letter-spacing: 0.5px;
} }
.interaction-form input, .interaction-form input,
@ -578,6 +590,18 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
} }
} }
@media (max-width: 600px) {
.form-row {
grid-template-columns: 1fr;
}
.glass-card {
padding: 1.5rem;
}
.brand h1 {
font-size: 2rem;
}
}
</style> </style>
</head> </head>
<body> <body>
@ -621,14 +645,22 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
</div> </div>
<div class="interaction-form"> <div class="interaction-form">
<label for="user-name">NOMBRE</label> <div class="form-row">
<input type="text" id="user-name" placeholder="Tu nombre..."> <div class="form-group">
<label for="user-name">NOMBRE</label>
<input type="text" id="user-name" placeholder="Tu nombre...">
</div>
<label for="user-phone">MOVIL</label> <div class="form-group">
<input type="tel" id="user-phone" placeholder="Tu número..." onchange="savePhone(this.value)"> <label for="user-phone">MOVIL</label>
<input type="tel" id="user-phone" placeholder="Tu número..." onchange="savePhone(this.value)">
</div>
</div>
<label for="user-message">MENSAJE</label> <div class="form-group">
<textarea id="user-message" placeholder="¿Qué quieres escuchar?"></textarea> <label for="user-message">MENSAJE</label>
<textarea id="user-message" placeholder="¿Qué quieres escuchar?"></textarea>
</div>
<button class="send-whatsapp-btn" onclick="sendToWhatsApp()"> <button class="send-whatsapp-btn" onclick="sendToWhatsApp()">
<i class="bi bi-whatsapp"></i> WHATSAPP <i class="bi bi-whatsapp"></i> WHATSAPP