Fix CTA: Eliminar sombras incorrectas (box-shadow y text-shadow)
PROBLEMA: El archivo cta.css tenía sombras que NO están en el template original: - text-shadow en .cta-section h3 - box-shadow en .cta-button (normal, hover, active) CAMBIOS: 1. Eliminar text-shadow de .cta-section h3 (línea 47) 2. Eliminar box-shadow de .cta-button (línea 75) 3. Eliminar box-shadow de .cta-button:hover (línea 82) 4. Eliminar box-shadow de .cta-button:active (línea 84) RESULTADO: Estilos ahora coinciden exactamente con el template de referencia: - index.html: Button boxShadow = "none", h3 textShadow = "none" - cta.css: Sin box-shadow ni text-shadow 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -44,7 +44,6 @@
|
||||
|
||||
.cta-section h3 {
|
||||
color: #ffffff !important;
|
||||
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
@@ -72,19 +71,16 @@
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
white-space: nowrap;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.cta-button:hover {
|
||||
background-color: var(--color-orange-hover) !important;
|
||||
color: #ffffff !important;
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.cta-button:active {
|
||||
transform: translateY(0);
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.cta-button:focus {
|
||||
|
||||
Reference in New Issue
Block a user