/**
 * Theme Name:     Elite Child
 * Author:         Automattic
 * Template:       storefront
 * Text Domain:	   elite-child
 * Description:    Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout
 */



 /* ============================================
   GTRANSLATE CUSTOM STYLES
   Solo banderas, sin texto ni selector
   ============================================ */

/* Float Wrapper - Mantener posición original izquierda */
#gt_float_wrapper {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 999999;
}

/* Contenedor principal del selector */
.gt_float_switcher {
  background: rgba(10, 10, 10, 0.95) !important;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(168, 224, 99, 0.3) !important;
  border-radius: 50% !important;
  padding: 8px !important;
  box-shadow: 0 4px 20px rgba(168, 224, 99, 0.2) !important;
  transition: all 0.3s ease;
  width: 50px !important;
  height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.gt_float_switcher:hover {
  border-color: rgba(168, 224, 99, 0.5) !important;
  box-shadow: 0 6px 25px rgba(168, 224, 99, 0.3) !important;
  transform: scale(1.05);
}

/* Ocultar el dropdown de opciones */
.gt_float_switcher .gt_options {
  display: none !important;
}

/* Idioma seleccionado actual - Solo bandera */
.gt_float_switcher .gt-selected {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gt_float_switcher .gt-current-lang {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  height: 100%;
}

/* Bandera visible y más grande */
.gt_float_switcher .gt-current-lang img {
  width: 32px !important;
  height: 32px !important;
  border: 2px solid rgba(168, 224, 99, 0.4) !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Ocultar el código de idioma (en, es) */
.gt_float_switcher .gt-lang-code {
  display: none !important;
}

/* Ocultar la flecha */
.gt_float_switcher-arrow {
  display: none !important;
}

/* Ocultar todo el widget de Google Translate nativo */
#google_translate_element2,
.gtranslate_wrapper,
.skiptranslate {
  display: none !important;
}

/* Widget de Google Translate - Ocultar completamente */
.goog-te-gadget,
.goog-te-combo,
.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame {
  display: none !important;
}

/* Asegurar que el body no tenga margin-top del banner de Google */
body {
  top: 0 !important;
}

/* Responsive */
@media (max-width: 768px) {
  #gt_float_wrapper {
    top: 15px;
    left: 15px;
  }
  
  .gt_float_switcher {
    width: 45px !important;
    height: 45px !important;
    padding: 7px !important;
  }
  
  .gt_float_switcher .gt-current-lang img {
    width: 28px !important;
    height: 28px !important;
  }
}

@media (max-width: 580px) {
  #gt_float_wrapper {
    top: 10px;
    left: 10px;
  }
  
  .gt_float_switcher {
    width: 42px !important;
    height: 42px !important;
    padding: 6px !important;
  }
  
  .gt_float_switcher .gt-current-lang img {
    width: 26px !important;
    height: 26px !important;
  }
	    .hero-imagen img {
        max-width: 70% !important;
    }
	.hero-btn {
        padding: 4px 5px !important;
        font-size: 15px;
    }
	.hero-parrafo {
        font-size: 12px !important;
		margin-bottom:20px !important;
    }
	.hero-container{
		gap:8px !important;
	}
	
	    .hero-titulo {
        font-size: 25px !important;
        line-height: 33px !important;
    }
	
}

/* Efecto de click en la bandera */
.gt_float_switcher:active {
  transform: scale(0.95);
}

/* Cursor pointer para indicar que es clickable */
.gt_float_switcher,
.gt_float_switcher .gt-selected,
.gt_float_switcher .gt-current-lang {
  cursor: pointer !important;
}