/*
Theme Name: TOTAL Tech
Theme URI: total-tech.pe
Template: hello-elementor
Author: CREW Creativos
Author URI: crewcreativos.com
Description: Tema personalizado diseñado para Total Technology Perú. Año 2026
Version: 1.0.1768948487
Updated: 2026-01-20 17:34:47
*/

/* Header */
.sub-menu .e-n-menu-title-container {
	align-items: baseline !important;
    text-align: left !important;
}
.sub-menu .e-n-menu-item ,.sub-menu .e-n-menu-title {
	width:100%;
}
.sub-menu .e-n-menu-title-text {
	white-space: normal;
}

/* Contenido */
.square-icon {
    transform: rotate(45deg);
    transform-origin: center;	
}
.square-icon svg {
    transform: rotate(-45deg);
    transform-origin: center;
}
.square-icon-animated {
    transform: rotate(45deg);
    transform-origin: center;
}
.square-icon-animated svg {
    transform: rotate(-45deg);
    transform-origin: center;
	transition: transform 0.3s ease;	
}
.square-icon-animated:hover svg {
    transform: rotate(0deg);
    transform-origin: center;
	transition: all 0.3s ease;	
}
.square-icon-box .elementor-icon-box-icon {
    transform: rotate(45deg);
    transform-origin: center;
}
.square-icon-box .elementor-icon-box-icon svg {
    transform: rotate(-45deg);
    transform-origin: center;
}
@media screen and (max-width: 768px)  {
.padding-15-mobile a {
	padding:15px !important;
}
}
.mobile-acordeon summary {
    padding-left: 35px !important;
}
#elementor-popup-modal-438 {
	outline: none !important;
    box-shadow: none !important;
}

/* Inicio */
.go-soluciones {
	transition: all 0.3s ease;
}
.go-soluciones:hover {
    transform: translateY(-5px);	
}
.go-soluciones:hover .elementor-icon {
	background-color: var(--e-global-color-text) !important;
}
.sol-01:hover ~ .sol-01-btn svg, 
.sol-02:hover ~ .sol-02-btn svg,
.sol-03:hover ~ .sol-03-btn svg,
.sol-04:hover ~ .sol-04-btn svg {
  transform: rotate(0deg);
}
.alanzas-slider img {
  filter: grayscale(100%);
}
.alanzas-slider img:hover {
  filter: grayscale(0);
}
.alanzas-slider .swiper-wrapper {
  transition-timing-function: linear !important;
}

/* Nosotros */
.casos-btn p {
  color: var(--e-global-color-secondary);
}
.casos-btn:hover {
  background-color: var(--e-global-color-primary) !important;
}
.casos-btn:hover p {
  color: #ffffff;
}
.casos-btn:hover .elementor-icon {
  transform:rotate(45deg);
}
.casos-btn:hover .elementor-icon svg {
  fill:#ffffff !important;
}

/* Contacto */
.datos-contacto .elementor-icon-box-title {
  margin-top:2px;
}

/* Footer */
.total-copyright p {
	margin:0;
}