/* 
 * remove-skew.css
 * Este archivo elimina los estilos de transformación "skew" y rotaciones
 * que hacen que elementos se vean de lado, manteniendo colores y estructura.
 */

/* Eliminar skew de los botones principales */
.btn.btn-primary,
.btn.btn-light,
.btn.btn-dark,
.navbar.navbar-expand-lg .navbar-toggler,
.back-to-top a {
    transform: none !important;
}

.btn.btn-primary span,
.btn.btn-primary i,
.btn.btn-light span,
.btn.btn-light i,
.btn.btn-dark span,
.btn.btn-dark i,
.navbar.navbar-expand-lg .navbar-toggler span,
.back-to-top a i {
    transform: none !important;
}

/* Eliminar skew de la topbar */
.topbar .login-btn::after {
    transform: none !important;
}

/* Eliminar rotaciones en navbar y header */
.navbar-brand::before,
.navbar-brand-2::before {
    transform: none !important;
    right: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Corrección para los contenedores de servicios y características */
.service-item::after,
.service-item::before,
.feature-img::after,
.feature-img::before {
    transform: none !important;
}

/* Corrección para los elementos de trabajo/galería */
.work-content::before,
.gallery-item::before,
.gallery-content::after {
    transform: none !important;
}

/* Corrección para elementos de equipo */
.team-item::after,
.team-item::before,
.team-social {
    transform: none !important;
}

/* Corrección para contenedores de testimoniales */
.testimonial-item::before,
.testimonial-item::after {
    transform: none !important;
}

/* Corrección para secciones de eventos y cursos */
.event-item::before,
.event-item::after,
.course-item::before,
.course-item::after {
    transform: none !important;
}

/* Mejorar aspecto de botones al eliminar skew */
.btn.btn-primary,
.btn.btn-light,
.btn.btn-dark {
    border-radius: 4px !important;
}

/* Corrección para elementos específicos con rotaciones */
.nav-shaps-1,
.nav-shaps-2,
.footer-shape,
.footer::after,
.footer::before {
    transform: none !important;
}

/* Correcciones adicionales para contenedores y cajas */
.about-content::before,
.about-content::after,
.contact-box::before,
.contact-box::after,
.goal-content::before,
.goal-content::after {
    transform: none !important;
}

/* Asegurar que no haya efectos extraños en elementos del footer */
.footer-item::after,
.footer-item::before,
.copyright::before,
.copyright::after {
    transform: none !important;
}

/* Mejoras adicionales para móviles */
@media (max-width: 991px) {
    /* Asegurar que los botones no tengan transformaciones en móvil */
    .btn,
    .btn-primary,
    .btn-secondary,
    .btn-light,
    .btn-dark {
        transform: none !important;
    }
    
    /* Correcciones para el navbar en móvil */
    .navbar .navbar-nav,
    .navbar .navbar-collapse {
        margin-left: 0 !important;
        background-color: #fff !important;
        border-radius: 0 !important;
        width: 100% !important;
    }
    
    /* Mantener consistencia visual al eliminar skew */
    .navbar-toggler,
    .dropdown-menu {
        border-radius: 4px !important;
        transform: none !important;
    }
}