Tienda
ESPECIALISTAS EN
TRAJES A LA MEDIDA
TRAJES DE NOVIOS
CONOCE TODAS NUESTRAS COLECCIONES
TRAJES DE NOVIOS
CONOCE TODAS NUESTRAS COLECCIONES
TRAJES EJECUTIVOS
TRAJES EJECUTIVOS
ACCESORIOS
ACCESORIOS
.citas-floating-wrapper {
position: fixed;
top: 70%; /* subí un poco para bajar el botón */
left: 20px;
transform: translateY(-50%);
z-index: 9999;
display: flex;
justify-content: flex-start;
}
.citas-cta {
display: inline-flex;
align-items: center;
gap: 10px;
background-color: black;
color: white;
padding: 12px 20px;
border-radius: 999px;
font-weight: bold;
font-size: 16px;
text-decoration: none;
box-shadow: 0 0 0 0 transparent;
animation: pulse-citas 2s infinite;
width: auto;
transition: none;
}
.citas-cta svg {
width: 26px;
height: 26px;
fill: none;
stroke: white;
stroke-width: 2;
}
.citas-cta span.texto-hover {
transition: color 0.3s;
}
.citas-cta:hover span.texto-hover {
color: #f1c232; /* dorado amarillón naranja */
}
@keyframes pulse-citas {
0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.6); }
70% { box-shadow: 0 0 0 12px rgba(0, 0, 0, 0); }
100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}
@media (max-width: 768px) {
.citas-floating-wrapper {
left: 50%;
bottom: 25px; /* subí un poco para emparejar */
top: auto;
transform: translateX(-50%);
justify-content: center;
}
.citas-cta {
font-size: 15px;
padding: 10px 16px;
white-space: nowrap;
}
}
- 2
- 3
- 4
