/*--------------------------------------------------------------
# Custom Fonts - STANDOM
# Fuentes personalizadas para coincidir con el diseño del PDF
--------------------------------------------------------------*/

/* 
  Fuentes del PDF original:
  - ZalandoSans-Regular (principal)
  - ZalandoSansExpanded-Regular (títulos)
  - Lato-Regular (texto secundario)
  
  Alternativas de Google Fonts:
  - Work Sans (similar a ZalandoSans)
  - Lato (disponible en Google Fonts)
*/

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/* Actualizar las variables CSS para usar las fuentes correctas */
:root {
  /* Fuentes principales */
  --tj-ff-body: 'Lato', 'Mona Sans', sans-serif;
  --tj-ff-heading: 'Work Sans', 'Mona Sans', sans-serif;
  --tj-ff-fontawesome: "Font Awesome 6 Pro";

  /* Fuentes alternativas para secciones específicas */
  --tj-ff-expanded: 'Work Sans', sans-serif;
  --tj-ff-secondary: 'Lato', sans-serif;
}

/* Aplicar fuentes a elementos específicos según el diseño del PDF */

/* Hero Section - Títulos grandes con Work Sans */
.hero-section h1,
.hero-section .hero-title,
.tj-hero-section h1,
.tj-hero-section .hero-title {
  font-family: var(--tj-ff-heading);
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* About Section - Texto con Lato */
.about-section p,
.tj-about-section p,
.about-text {
  font-family: var(--tj-ff-body);
  font-weight: 400;
  line-height: 1.7;
}

/* Service Section - Títulos con Work Sans */
.service-section h2,
.service-section h3,
.tj-service-section h2,
.tj-service-section h3,
.service-item .title {
  font-family: var(--tj-ff-heading);
  font-weight: 600;
}

/* Footer - Texto con Lato */
.tj-footer-section,
.tj-footer-section p,
.tj-footer-section a,
.footer-text {
  font-family: var(--tj-ff-body);
  font-weight: 400;
}

/* Footer - Títulos con Work Sans */
.tj-footer-section h5,
.tj-footer-section .title {
  font-family: var(--tj-ff-heading);
  font-weight: 600;
}

/* Buttons - Work Sans */
.tj-primary-btn,
.tj-secondary-btn,
button,
.btn {
  font-family: var(--tj-ff-heading);
  font-weight: 500;
}

/* Navigation - Work Sans */
.mainmenu,
.mainmenu ul li a,
.mobile_menu ul li a {
  font-family: var(--tj-ff-heading);
  font-weight: 500;
}

/* Blog Section - Títulos Work Sans, texto Lato */
.blog-section .blog-title,
.blog-item .title {
  font-family: var(--tj-ff-heading);
  font-weight: 600;
}

.blog-section .blog-text,
.blog-item .text {
  font-family: var(--tj-ff-body);
  font-weight: 400;
}

/* Contact Section - Lato */
.contact-section,
.contact-form input,
.contact-form textarea {
  font-family: var(--tj-ff-body);
  font-weight: 400;
}

/* OGUN Section - Texto con Lato */
.tj-ogun-section p {
  font-family: var(--tj-ff-body);
  font-weight: 400;
  line-height: 1.8;
}

/* Marquee - Work Sans Bold */
.footer-marquee .marquee-text {
  font-family: var(--tj-ff-heading);
  font-weight: 700;
}

/* Copyright - Lato */
.tj-copyright-area-2,
.copyright-text {
  font-family: var(--tj-ff-body);
  font-weight: 400;
}

/* ============================================
   ESTILOS PERSONALIZADOS PARA FOOTER
   ============================================ */

/* Texto Motivacional del Footer */
.footer-motivational-text h3 {
  font-family: var(--tj-ff-heading);
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}

/* Responsive para el texto motivacional */
@media (max-width: 991px) {
  .footer-motivational-text {
    padding-right: 0 !important;
    margin-bottom: 50px;
    text-align: center;
  }

  .footer-motivational-text h3 {
    font-size: 32px !important;
  }
}

@media (max-width: 767px) {
  .footer-motivational-text h3 {
    font-size: 28px !important;
  }
}

@media (max-width: 575px) {
  .footer-motivational-text h3 {
    font-size: 24px !important;
  }
}

/* Ajustes para la sección de contacto */
.footer-main-area {
  padding: 80px 0;
}

@media (max-width: 991px) {
  .footer-main-area {
    padding: 60px 0;
  }
}

@media (max-width: 767px) {
  .footer-main-area {
    padding: 40px 0;
  }
}

/* Mejorar el espaciado de los iconos de redes sociales */
.footer-social-links .social-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-social-links .social-links ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  transition: all 0.3s ease;
}

.footer-social-links .social-links ul li a:hover {
  background-color: #B1CF74;
  color: #1F295B;
  transform: translateY(-3px);
}