/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* =========================
   ESCUELA EXPRESS - ELEMENTOR
   ========================= */

.ee-site{
  --ee-primary:#4f46e5;
  --ee-primary-hover:#4338ca;
  --ee-accent:#f59e0b;
  --ee-accent-hover:#d97706;
  --ee-text:#0f172a;
  --ee-muted:#64748b;
  --ee-bg:#f8fafc;
  --ee-white:#ffffff;
  --ee-border:#e2e8f0;
  --ee-dark:#0f172a;
  --ee-radius:24px;
  --ee-shadow:0 18px 50px rgba(15,23,42,.08);
  --ee-shadow-lg:0 25px 60px rgba(15,23,42,.14);
  color:var(--ee-text);
  background:var(--ee-bg);
  font-family: "Poppins", Arial, sans-serif;
}

.ee-site *{
  box-sizing:border-box;
}

.ee-site img{
  max-width:100%;
  display:block;
}

.ee-site a{
  text-decoration:none;
}

.ee-container{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
}



/* BUTTONS */
.ee-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 26px;
  border-radius:999px;
  font-weight:700;
  transition:.25s ease;
}

.ee-btn--primary{
  background:var(--ee-primary);
  color:#fff;
  box-shadow:0 10px 24px rgba(79,70,229,.22);
}

.ee-btn--primary:hover{
  background:var(--ee-primary-hover);
  transform:translateY(-2px);
}

.ee-btn--accent{
  background:var(--ee-accent);
  color:#fff;
  box-shadow:0 12px 28px rgba(245,158,11,.25);
}

.ee-btn--accent:hover{
  background:var(--ee-accent-hover);
  transform:translateY(-3px);
}

.ee-btn--ghost{
  background:#fff;
  color:var(--ee-text);
  border:1px solid var(--ee-border);
}

.ee-btn--ghost:hover{
  background:#f8fafc;
}

.ee-btn--soft{
  padding:11px 18px;
  border-radius:12px;
  background:#f1f5f9;
  color:var(--ee-text);
  font-size:14px;
  font-weight:600;
}

.ee-btn--soft:hover{
  background:var(--ee-primary);
  color:#fff;
}

.ee-btn--dark{
  background:var(--ee-dark);
  color:#fff;
}

.ee-btn--dark:hover{
  background:#1e293b;
}

/* HERO */
.ee-hero{
  padding:56px 0 90px;
  overflow:hidden;
}

.ee-hero__grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:56px;
  align-items:center;
}

.ee-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  border-radius:999px;
  background:#eef2ff;
  color:var(--ee-primary);
  font-size:14px;
  font-weight:600;
  margin-bottom:22px;
}

.ee-badge__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--ee-primary);
  display:inline-block;
  box-shadow:0 0 0 8px rgba(79,70,229,.12);
}

.ee-hero h1{
  margin:0 0 22px;
  font-size:clamp(40px, 5vw, 68px);
  line-height:1.05;
  font-weight:800;
  color:var(--ee-text);
}

.ee-hero h1 span{
  color:var(--ee-primary);
}

.ee-hero p{
  margin:0 0 32px;
  font-size:19px;
  line-height:1.75;
  color:var(--ee-muted);
  max-width:650px;
}

.ee-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-bottom:34px;
}

.ee-socialproof{
  display:flex;
  align-items:center;
  gap:16px;
}

.ee-socialproof p{
  margin:0;
  font-size:14px;
  color:var(--ee-muted);
  font-weight:600;
}

.ee-avatars{
  display:flex;
  align-items:center;
}

.ee-avatars img,
.ee-avatars__more{
  width:44px;
  height:44px;
  border-radius:50%;
  border:3px solid #fff;
  margin-left:-10px;
  object-fit:cover;
}

.ee-avatars img:first-child{
  margin-left:0;
}

.ee-avatars__more{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e2e8f0;
  color:#475569;
  font-size:12px;
  font-weight:700;
}

.ee-hero__media{
  position:relative;
}

.ee-hero__bg{
  position:absolute;
  inset:-18px;
  border-radius:34px;
  background:rgba(79,70,229,.10);
  transform:rotate(3deg);
  z-index:0;
}

.ee-hero__media img{
  position:relative;
  z-index:1;
  width:100%;
  height:520px;
  object-fit:cover;
  border-radius:32px;
  box-shadow:var(--ee-shadow-lg);
}

.ee-floating-card{
  position:absolute;
  left:-26px;
  bottom:-26px;
  z-index:2;
  background:#fff;
  border-radius:18px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  gap:14px;
  box-shadow:var(--ee-shadow);
}

.ee-floating-card__icon{
  width:48px;
  height:48px;
  border-radius:50%;
  background:#dcfce7;
  color:#16a34a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
}

.ee-floating-card small{
  display:block;
  color:var(--ee-muted);
  font-size:12px;
  margin-bottom:3px;
}

.ee-floating-card strong{
  display:block;
  color:var(--ee-text);
  font-size:14px;
}

/* STRIP */
.ee-tools{
  background:#fff;
  border-top:1px solid var(--ee-border);
  border-bottom:1px solid var(--ee-border);
  padding:42px 0;
}

.ee-section-mini{
  margin:0 0 24px;
  text-align:center;
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:13px;
  font-weight:700;
}

.ee-tools__list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px 34px;
}

.ee-tools__list span{
  color:#64748b;
  font-size:28px;
  font-weight:700;
  opacity:.8;
}

/* GENERAL SECTIONS */
.ee-benefits,
.ee-courses,
.ee-about{
  padding:96px 0;
}

.ee-section-head{
  max-width:760px;
  margin:0 auto 54px;
  text-align:center;
}

.ee-section-head--row{
  max-width:none;
  margin:0 0 42px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  text-align:left;
}

.ee-section-head h2{
  margin:0 0 14px;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.1;
  color:var(--ee-text);
  font-weight:800;
}

.ee-section-head p{
  margin:0;
  color:var(--ee-muted);
  font-size:18px;
  line-height:1.7;
}

.ee-link{
  color:var(--ee-primary);
  font-weight:700;
  white-space:nowrap;
}

.ee-link:hover{
  color:var(--ee-primary-hover);
}

/* CARDS */
.ee-cards{
  display:grid;
  gap:28px;
}

.ee-cards--3{
  grid-template-columns:repeat(3, minmax(0,1fr));
}

.ee-card{
  background:#fff;
  border:1px solid #eef2f7;
  border-radius:24px;
  padding:34px 30px;
  box-shadow:0 10px 30px rgba(15,23,42,.04);
  transition:.25s ease;
}

.ee-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--ee-shadow);
}

.ee-card__icon{
  width:60px;
  height:60px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  margin-bottom:22px;
}

.ee-card__icon--indigo{ background:#eef2ff; }
.ee-card__icon--amber{ background:#fffbeb; }
.ee-card__icon--green{ background:#ecfdf5; }

.ee-card h3{
  margin:0 0 12px;
  font-size:24px;
  font-weight:700;
  color:var(--ee-text);
}

.ee-card p{
  margin:0;
  color:var(--ee-muted);
  line-height:1.8;
}

/* COURSES */
.ee-courses{
  background:#fff;
}

.ee-course{
  background:#fff;
  border:1px solid #eef2f7;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
  transition:.3s ease;
  display:flex;
  flex-direction:column;
}

.ee-course:hover{
  transform:translateY(-8px);
  box-shadow:var(--ee-shadow-lg);
}

.ee-course__image{
  position:relative;
  overflow:hidden;
  height:220px;
}

.ee-course__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}

.ee-course:hover .ee-course__image img{
  transform:scale(1.08);
}

.ee-course__tag{
  position:absolute;
  top:18px;
  left:18px;
  background:rgba(255,255,255,.92);
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  color:var(--ee-primary);
}

.ee-course__tag--amber{ color:var(--ee-accent); }
.ee-course__tag--green{ color:#16a34a; }

.ee-course__body{
  padding:26px;
  display:flex;
  flex-direction:column;
  flex:1;
}

.ee-course__meta{
  font-size:13px;
  color:var(--ee-muted);
  margin-bottom:12px;
  font-weight:600;
}

.ee-course h3{
  margin:0 0 10px;
  font-size:24px;
  line-height:1.25;
  color:var(--ee-text);
  font-weight:800;
}

.ee-course p{
  margin:0 0 24px;
  color:var(--ee-muted);
  line-height:1.75;
  flex:1;
}

.ee-course__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:18px;
  border-top:1px solid #eef2f7;
}

.ee-price{
  font-size:32px;
  font-weight:800;
  color:var(--ee-text);
  line-height:1;
}

.ee-price span{
  font-size:16px;
  color:#94a3b8;
  text-decoration:line-through;
  margin-left:8px;
  font-weight:500;
}

/* ABOUT */
.ee-about{
  background:#eef2ff;
}

.ee-about__box{
  background:#fff;
  border:1px solid #dbeafe;
  border-radius:32px;
  padding:38px;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:44px;
  align-items:center;
  box-shadow:0 10px 30px rgba(15,23,42,.04);
}

.ee-about__image img{
  width:100%;
  height:460px;
  object-fit:cover;
  border-radius:24px;
  box-shadow:var(--ee-shadow);
}

.ee-kicker{
  color:var(--ee-primary);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  margin-bottom:12px;
}

.ee-about h2{
  margin:0 0 20px;
  font-size:clamp(30px, 4vw, 44px);
  line-height:1.12;
  color:var(--ee-text);
}

.ee-about p{
  margin:0 0 18px;
  color:var(--ee-muted);
  font-size:18px;
  line-height:1.8;
}

.ee-stats{
  display:flex;
  gap:34px;
  margin:28px 0 30px;
  flex-wrap:wrap;
}

.ee-stats strong{
  display:block;
  font-size:38px;
  color:var(--ee-text);
  line-height:1;
}

.ee-stats span{
  display:block;
  margin-top:8px;
  color:var(--ee-muted);
  font-size:14px;
}

/* FOOTER */
.ee-footer{
  background:#0f172a;
  color:#cbd5e1;
  padding:70px 0 34px;
  border-top:1px solid #1e293b;
}

.ee-footer__grid{
  display:grid;
  grid-template-columns:1.2fr .6fr .6fr;
  gap:34px;
  padding-bottom:34px;
}

.ee-footer__brand p{
  margin:18px 0 22px;
  max-width:420px;
  color:#94a3b8;
  line-height:1.8;
}

.ee-footer__social{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.ee-footer__social a{
  padding:10px 14px;
  background:#1e293b;
  border-radius:999px;
  color:#cbd5e1;
  font-size:14px;
  transition:.25s ease;
}
a{
	text-decoration:none !important;
}
.ee-footer__social a:hover{
  background:var(--ee-primary);
	color:#000 !important;
}

.ee-footer h4{
  margin:0 0 16px;
  color:#fff;
  font-size:18px;
}

.ee-footer ul{
  list-style:none;
  padding:0;
  margin:0;
}

.ee-footer li{
  margin-bottom:10px;
}

.ee-footer a{
  color:#94a3b8;
  transition:.25s ease;
}

.ee-footer a:hover{
  color:var(--ee-primary);
}

.ee-footer__bottom{
  padding-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#64748b;
  font-size:14px;
}

/* RESPONSIVE */
@media (max-width: 1024px){
  .ee-hero__grid,
  .ee-about__box{
    grid-template-columns:1fr;
  }

  .ee-hero__content{
    text-align:center;
  }

  .ee-hero p{
    margin-left:auto;
    margin-right:auto;
  }

  .ee-hero__actions,
  .ee-socialproof{
    justify-content:center;
  }

  .ee-floating-card{
    left:16px;
    bottom:16px;
  }

  .ee-cards--3{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .ee-footer__grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 767px){
  .ee-menu,
  .ee-nav__cta{
    display:none;
  }

  .ee-nav__wrap{
    justify-content:center;
  }

  .ee-hero{
    padding:34px 0 70px;
  }

  .ee-hero h1{
    font-size:38px;
  }

  .ee-hero p,
  .ee-section-head p,
  .ee-about p{
    font-size:16px;
  }

  .ee-hero__media img{
    height:340px;
  }

  .ee-section-head--row{
    display:block;
  }

  .ee-section-head--row .ee-link{
    display:inline-block;
    margin-top:16px;
  }

  .ee-cards--3,
  .ee-footer__grid{
    grid-template-columns:1fr;
  }

  .ee-about__box{
    padding:24px;
  }

  .ee-about__image img{
    height:340px;
  }

  .ee-course__footer,
  .ee-footer__bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .ee-price{
    font-size:28px;
  }

  .ee-tools__list span{
    font-size:22px;
  }
}