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:
FrankZamora
2025-11-08 15:50:55 -06:00
parent 8e640cf047
commit b353b5eb04

View File

@@ -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 {