/*
Theme Name: Techub Child Theme
Theme URI: https://shthemes.net/demosd/techub
Description: This is child theme of techub
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Version: 1.0
Text Domain: techub-child
Template: techub
*/

/**** Body ***********************************************************/
body, p, h1, h2, h3, h4, h5, h6, span, div {
  font-family: 'CenturyGothicCustom', sans-serif !important;
}

/**** General ********************************************************/
.tp-testimonial-3-content p{
    line-height: 1.2em;
}

/* Formulario en home abajo de Inspirate, Crece, Lidera */
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #fff;
    color: #fff;
    margin: 2em 0em 1em;
}

/**** Header *********************************************************/
.tp-header-area:not(.header-sticky) .main-menu a {
  	color: #555 !important;
	font-weight: 100 !important;
}

div.tp-header-right button i.fa-bars {
	color: #201D1D !important;
}

#header-sticky.header-sticky {
    background: #ECECEC;
	
}

#header-sticky.header-sticky .menu-item a {
	color: #555 !important;
    font-weight: 100 !important;
}

.tp-slider-3-bottom-shape1 {
	display: none;
}

tp-footer-widget .tp-footer-form input{
	background-color: #6E7FF5 !important;
}

/**** Testimoniales **/

.tp-testimonial-3-img {
  /* Fija siempre el contenedor a 120×120 */
  width: 120px !important;
  height: 120px !important;
  min-width: 120px !important;
  min-height: 120px !important;
  max-width: 120px !important;
  max-height: 120px !important;

  /* Evita que flexbox o grid lo compriman */
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-radius: 50% !important;
}

.tp-testimonial-3-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/**** Footer */
button.tp-subscribe-btn {
	background-color: var(--tp-theme-primary)!important;
}

div.tp-footer-logo img {
	max-width: 200px;
}

.tp-footer-widget ul li a {
	margin-bottom: 0px !important;
	line-height: 1em !important;
}

/**** Academia */

section div.tp-blog-date{
	display: none !important;
}

#academia-preguntas button.tp-subscribe-btn {
	background-color: #6E7FF5 !important;
}

/**** Presentaciones de alto impacto */
#pdai-acerca .elementor-icon-list-icon svg {
    fill: #e89f01 !important;
}

.tp-technology-3-list li i {
    color: #ff8d01 !important;
}

#pda-contact button.tp-btn{
	background-color: #ff8d01 !important;
}

#pda-omar div.tp-about-3-feature-counter {
	/* Eliminar linea vertical */
	display: none !important;
}

/**** Loader */

/* Fondo blanco y centrado */
.loader-wrapper {
  position: fixed;
  inset: 0;
  background-color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

/* Oculta secciones inútiles */
.loder-section.left-section,
.loder-section.right-section {
  display: none;
}

/* Spinner grande y visible */
.loader {
  position: absolute;
  width: 160px;
  height: 160px;
  border: 10px solid #FAFAFA; /* gris medio, no se pierde en blanco */
  border-top: 10px solid #6176F0; /* parte que gira */
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 1;
}

/* Logo centrado con animación de pulso */
.loader-brand-icon {
  position: relative;
  z-index: 2;
}

.loader-brand-icon img {
  width: 70px;
  height: auto;
  animation: pulse 2s ease-in-out infinite;
  display: block;
}

/* Animación de giro */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Animación de pulso sutil */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
}
