Nuestras Especialidades
.servicios-section {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
text-align: center;
}
.servicios-section h2 {
font-size: 2.5rem;
color: #fff;
margin-bottom: 50px;
font-weight: 600;
}
.servicios-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
align-items: center;
}
.servicio-tag {
display: inline-block;
padding: 16px 32px;
border: 2px solid #aae9e6;
border-radius: 50px;
color: #fff;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
background: transparent;
position: relative;
overflow: hidden;
}
/* Efecto de fondo que crece desde el centro */
.servicio-tag::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-radius: 50px;
background: #aae9e6;
transition: all 0.4s ease;
transform: translate(-50%, -50%);
z-index: -1;
}
.servicio-tag:hover::before {
width: 100%;
height: 100%;
}
.servicio-tag:hover {
color: #0d5a58;
border-color: #7dd8d4;
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(170, 233, 230, 0.4);
}
/* Animación adicional al hacer clic */
.servicio-tag:active {
transform: translateY(-1px) scale(0.98);
}
/* Responsive */
@media (max-width: 768px) {
.servicios-section h2 {
font-size: 2rem;
}
.servicio-tag {
font-size: 0.9rem;
padding: 14px 28px;
}
}
@media (max-width: 480px) {
.servicios-section h2 {
font-size: 1.5rem;
margin-bottom: 30px;
}
.servicio-tag {
font-size: 0.85rem;
padding: 12px 24px;
}
}
Calle 98 # 9A-41, Oficina 311
Bogotá DC, Colombia
+57 318 712 8534
asesor@centrodeespecialistasforenses.com
¿Su caso tiene un componente médico-legal?
Solicite una videollamada inicial gratuita. Le orientamos y, si es procedente, avanzamos a un Concepto de Viabilidad que identifica los elementos a favor y en contra.
