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 {
|
.cta-section h3 {
|
||||||
color: #ffffff !important;
|
color: #ffffff !important;
|
||||||
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
|
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
@@ -72,19 +71,16 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.cta-button:hover {
|
.cta-button:hover {
|
||||||
background-color: var(--color-orange-hover) !important;
|
background-color: var(--color-orange-hover) !important;
|
||||||
color: #ffffff !important;
|
color: #ffffff !important;
|
||||||
transform: translateY(-2px);
|
transform: translateY(-2px);
|
||||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.cta-button:active {
|
.cta-button:active {
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.cta-button:focus {
|
.cta-button:focus {
|
||||||
|
|||||||
Reference in New Issue
Block a user