/* 
 Theme Name:   GSM Carriers
 Theme URI:    
 Description:  
 Author:       admin
 Author URI:   http://gsm-carriers.com/
 Template:     generatepress
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


/***********************************
 Eliminamos el padding de las filas 
 con fondo de imagen o color
***********************************/

.et_pb_section {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.et_pb_with_background .et_pb_row {
    width: 100% !important;
}

/* =========================================================
   Micro-interacciones discretas (corporativo)
   ========================================================= */

/* Transiciones suaves sin efectos llamativos */
.main-nav .icon-whatsapp a,
.main-nav .icon-facebook a,
.main-nav .icon-instagram a,
#menu-item-lang-switch .button-lang-switch {
  transition: color .18s ease, opacity .18s ease, transform .12s ease;
}

/* Hover MUY sutil (opcional en íconos: leve lift) */
.main-nav .icon-whatsapp a:hover,
.main-nav .icon-facebook a:hover,
.main-nav .icon-instagram a:hover {
  transform: translateY(-1px);
  opacity: .96;
}

/* Estado activo apenas perceptible */
.main-nav .icon-whatsapp a:active,
.main-nav .icon-facebook a:active,
.main-nav .icon-instagram a:active,
#menu-item-lang-switch .button-lang-switch:active {
  transform: translateY(0);
  opacity: .9;
}

/* Accesibilidad: enfoque visible pero sobrio */
.main-nav .icon-whatsapp a:focus-visible,
.main-nav .icon-facebook a:focus-visible,
.main-nav .icon-instagram a:focus-visible,
#menu-item-lang-switch .button-lang-switch:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* =========================================================
   Botón de cambio de idioma (discreto + subrayado animado)
   ========================================================= */

#menu-item-lang-switch .button-lang-switch {
  display: inline-block;
  padding: 0.5rem 0.9rem;
  border-radius: 999px;
  border: 1px solid currentColor;
  text-decoration: none;
  line-height: 1;
  font-weight: 600;
  font-size: 18px;
  position: relative;
}

/* Subrayado suave al hover (sin mover el layout) */
#menu-item-lang-switch .button-lang-switch::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 8px;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .18s ease;
}
#menu-item-lang-switch .button-lang-switch:hover::after {
  transform: scaleX(1);
}

/* =========================================================
   Íconos de redes sociales en el menú principal (GeneratePress)
   ========================================================= */

/* WhatsApp */
.main-nav .icon-whatsapp a,
.main-nav .icon-whatsapp a:visited {
  color: #25D366;
}
.main-nav .icon-whatsapp a:hover {
  color: #128C7E;
}

/* Facebook */
.main-nav .icon-facebook a,
.main-nav .icon-facebook a:visited {
  color: #1877F2;
}
.main-nav .icon-facebook a:hover {
  color: #0D5BD7;
}

/* Instagram */
.main-nav .icon-instagram a,
.main-nav .icon-instagram a:visited {
  background: radial-gradient(circle at 30% 107%, 
              #fdf497 0%, #fdf497 5%, 
              #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-nav .icon-instagram a:hover {
  opacity: 0.85;
}

/* Evita herencias del tema en hover */
.main-nav .icon-whatsapp a:hover,
.main-nav .icon-facebook a:hover,
.main-nav .icon-instagram a:hover {
  background-color: transparent !important;
}

/* Respeto a usuarios con “reducir movimiento” */
@media (prefers-reduced-motion: reduce) {
  .main-nav .icon-whatsapp a,
  .main-nav .icon-facebook a,
  .main-nav .icon-instagram a,
  #menu-item-lang-switch .button-lang-switch {
    transition: color .001s linear, opacity .001s linear;
  }
  .main-nav .icon-whatsapp a:hover,
  .main-nav .icon-facebook a:hover,
  .main-nav .icon-instagram a:hover,
  #menu-item-lang-switch .button-lang-switch:hover {
    transform: none;
  }
}