/*
Theme Name:   Child Theme. Child for Learnway.
Description:  Write here a brief description about your child-theme
Author:       Themesflat
Author URL:   https://learnwaywp.demothemesflat.com/
Template:     learnway
Version:      1.0.0
Tested up to: 5.9.3
Requires PHP: 5.6
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  learnway-child-theme
*/



*{
    text-transform: none !important;
}


/* ===================================
   CONFIGURACIÓN BASE - HTML Y BODY
   =================================== */

html {
  /* Font size base: 16px en desktop, escala hacia abajo en móvil */
  font-size: clamp(14px, 2vw, 16px);
  scroll-behavior: smooth;
}

body {
  font-size: 1rem; /* 16px base */
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  margin: 0;
  padding: 0;
}

/* ===================================
   HEADINGS - RESPONSIVE CON CLAMP
   =================================== */

h1 {
  font-size: clamp(1.75rem, 5vw, 2.25rem) !important; /* De 28px a 36px */
  line-height: 1.2 !important;
  margin: 1.5rem 0 1rem;
  font-weight: 700;
}

h2 {
  font-size: clamp(1.5rem, 4vw, 1.875rem) !important; /* De 24px a 30px */
  line-height: 1.3 !important;
  margin: 1.25rem 0 0.875rem;
  font-weight: 700;
}

h3 {
  font-size: clamp(1.25rem, 3vw, 1.5rem) !important; /* De 20px a 24px */
  line-height: 1.4 !important;
  margin: 1rem 0 0.75rem;
  font-weight: 600;
}

h4 {
  font-size: clamp(1.125rem, 2.5vw, 1.25rem) !important; /* De 18px a 20px */
  line-height: 1.4 !important;
  margin: 0.875rem 0 0.625rem;
  font-weight: 600;
}

h5 {
  font-size: clamp(1.0625rem, 2vw, 1.125rem) !important; /* De 17px a 18px */
  line-height: 1.5 !important;
  margin: 0.75rem 0 0.5rem;
  font-weight: 500;
}

h6 {
  font-size: clamp(1rem, 1.5vw, 1rem) !important; /* Mantiene 16px */
  line-height: 1.5 !important;
  margin: 0.625rem 0 0.5rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ===================================
   PÁRRAFOS Y TEXTOS
   =================================== */

p {
  font-size: 1rem; /* 16px */
  line-height: 1.6;
  margin: 0 0 1rem;
}

/* Texto pequeño */
small {
  font-size: clamp(0.8125rem, 1.5vw, 0.875rem); /* De 13px a 14px */
  line-height: 1.5;
}

/* Énfasis */
strong, b {
  font-weight: 600;
}

em, i {
  font-style: italic;
}

/* ===================================
   ENLACES
   =================================== */

a {
  color: #0066cc;
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #0052a3;
  text-decoration: underline;
}

/* ===================================
   LISTAS
   =================================== */

ul, ol {
  font-size: 1rem;
  line-height: 1.6;
  margin: 1rem 0;
  padding-left: 1.5rem;
}

li {
  margin-bottom: 0.5rem;
}

/* ===================================
   MEDIA QUERIES - AJUSTES ADICIONALES
   =================================== */

/* Tablets (768px y mayor) */
@media (min-width: 768px) {
  html {
    font-size: clamp(15px, 1.5vw, 16px);
  }
}

/* Móviles pequeños (hasta 480px) */
@media (max-width: 480px) {
  h1 {
    font-size: clamp(1.5rem, 4vw, 1.75rem); /* De 24px a 28px */
  }

  h2 {
    font-size: clamp(1.25rem, 3vw, 1.5rem); /* De 20px a 24px */
  }

  h3 {
    font-size: clamp(1.125rem, 2.5vw, 1.25rem); /* De 18px a 20px */
  }

  p {
    font-size: clamp(0.9375rem, 2vw, 1rem); /* De 15px a 16px */
  }
}

/* ===================================
   CÓDIGO Y PRE
   =================================== */

code {
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.9rem;
  background-color: #f5f5f5;
  padding: 0.2rem 0.4rem;
  border-radius: 3px;
}

pre {
  font-size: 0.9rem;
  background-color: #f5f5f5;
  padding: 1rem;
  border-radius: 4px;
  overflow-x: auto;
  line-height: 1.5;
}

/* ===================================
   BLOCKQUOTES
   =================================== */

blockquote {
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem); /* De 15px a 17px */
  font-style: italic;
  margin: 1.5rem 0;
  padding-left: 1rem;
  border-left: 4px solid #0066cc;
  color: #666;
}



.tutor-date{
    display: none !important;
}
/*
.courses .tutor-row .tutor-col-xl-8{
    width: 100% !important;
}


.tutor-col-xl-4{
    display:none !important;
} 
*/




.tooltip-custom {
  position: relative;
  cursor: help;
}

.tooltip-custom:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 0.875rem;
  z-index: 1000;
  pointer-events: none;
  animation: fadeIn 0.3s ease-in;
}

.tooltip-custom:hover::before {
  content: '';
  position: absolute;
  bottom: 115%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #333;
  z-index: 1000;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}



p>img.alignleft {
    float: left;
}

p>img.alignright {
    float: right;
}



.elementor-3169 .elementor-element.elementor-element-263618b .tf-course-category .category_title {
    font-size: 17px !important;
    line-height: 30px !important;
}




.elementor-3169 .elementor-element.elementor-element-949a412 .tf-title-section .title-section .heading {
  
    font-size: 20px !important;   
    line-height: 30px !important;
   
}



#header #logo {
    background: #081F51 !important;
}




.elementor-3169 .elementor-element.elementor-element-9f17ea6 .tf-testimonial-carousel-type-group .heading {
        font-size: 50px !important;
        line-height: 65px !important;
    }
    



@media (max-width: 767px) {
    body .elementor-3169 .elementor-element.elementor-element-9f17ea6 .tf-testimonial-carousel-type-group .heading {
        font-size: 30px !important;
        line-height: 1.2em !important;
    }
    
    .elementor-widget-container .tficonbox .title {
        place-self: center !important;
    }
    
    
}




.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) {
  
    display: none !important;
}


a.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block {
    display: none !important;
}