/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 08 2025 | 18:20:38 */

.header_comercial{
    position:absolute
}

.site-footer{
	display:none
}

li.icono-1,
li.icono-2,
li.icono-3,
li.icono-4 { 
  display: flex;
  position: relative; /* importante para que el ::after se posicione dentro */
}

li.icono-1 a,
li.icono-2 a,
li.icono-3 a,
li.icono-4 a {
  margin-left: 15px;
}

li.icono-1::before,
li.icono-2::before,
li.icono-3::before,
li.icono-4::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: #054a8b24;
  border-radius: 5px;
  transition:.3s all ease
}

li.icono-1:hover::before,
li.icono-2:hover::before,
li.icono-3:hover::before,
li.icono-4:hover::before {
  background: #0589C9;
}

li.icono-1::after,
li.icono-2::after,
li.icono-3::after,
li.icono-4::after {
  content: "";
  position: absolute;
  top: 25px;
  left: 5px;
  width: 30px;
  height: 30px;
  background: #054a8b;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 30px 30px;
  mask-size: 30px 30px;
  transition:.3s all ease
}

li.icono-1:hover::after,
li.icono-2:hover::after,
li.icono-3:hover::after,
li.icono-4:hover::after {
  background: #fff;
}

/* Asigna los SVG de cada ícono */
li.icono-1::after {
  -webkit-mask-image: url('/wp-content/uploads/2025/09/Modulo-Comercial-Recursos-Estrategicos-1.svg');
  mask-image: url('/wp-content/uploads/2025/09/Modulo-Comercial-Recursos-Estrategicos-1.svg');
}

li.icono-2::after {
  -webkit-mask-image: url('/wp-content/uploads/2025/09/Modulo-Comercial-Recursos-Estrategicos-3.svg');
  mask-image: url('/wp-content/uploads/2025/09/Modulo-Comercial-Recursos-Estrategicos-3.svg');
}

li.icono-3::after {
  -webkit-mask-image: url('/wp-content/uploads/2025/09/Modulo-Comercial-Recursos-Estrategicos-4.svg');
  mask-image: url('/wp-content/uploads/2025/09/Modulo-Comercial-Recursos-Estrategicos-4.svg');
}

li.icono-4::after {
  -webkit-mask-image: url('/wp-content/uploads/2025/09/Modulo-Comercial-Recursos-Estrategicos-5-1.svg');
  mask-image: url('/wp-content/uploads/2025/09/Modulo-Comercial-Recursos-Estrategicos-5-1.svg');
}
li.icono-1 a,
li.icono-2 a,
li.icono-3 a,
li.icono-4 a{
    padding:0px 0px !important
}

li.icono-1,
li.icono-2,
li.icono-3,
li.icono-4{
    padding:20px 0px 0px 0px
}