.elementor .e-75e6428{flex-direction:column;/* ============================================================
 IA AZTERA - PÁGINA DE CURSOS
 Estilo alineado con la Home actual
 ============================================================ */

:root {
--bg: #090b0f;
--bg-soft: #0d1015;
--card: #11151b;
--card-2: #0f1318;
--border: #202833;

--white: #f7f9fb;
--text: #b8c3cf;
--muted: #7f8b98;

--cyan: #03c9f4;
--cyan-soft: #66daf4;
--cyan-dark: #089abd;

--radius: 18px;
--shadow: 0 24px 60px rgba(0,0,0,.28);
}

* {
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

body {
margin: 0;
color: var(--white);
background: var(--bg);
font-family: "Inter", Arial, sans-serif;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}

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

a {
color: inherit;
text-decoration: none;
}

.container {
width: min(1540px, calc(100% - 90px));
margin: 0 auto;
}

/* HEADER */

.site-header {
position: sticky;
top: 0;
z-index: 100;
background: rgba(9,11,15,.96);
border-bottom: 1px solid #222831;
backdrop-filter: blur(12px);
}

.header-inner {
min-height: 92px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}

.logo-link img {
width: 120px;
max-height: 68px;
object-fit: contain;
}

.main-menu {
display: flex;
align-items: center;
gap: 38px;
font-size: .98rem;
font-weight: 600;
}

.main-menu a {
position: relative;
padding: 33px 0 29px;
color: #f3f5f7;
}

.main-menu a::after {
content: "";
position: absolute;
left: 50%;
bottom: 22px;
width: 0;
height: 2px;
background: var(--white);
transform: translateX(-50%);
transition: .2s ease;
}

.main-menu a:hover::after,
.main-menu a.active::after {
width: 100%;
}

/* HERO */

.courses-hero {
position: relative;
overflow: hidden;
min-height: 600px;
display: flex;
align-items: center;
padding: 105px 0;
background:
  radial-gradient(circle at 72% 38%, rgba(0,200,240,.12), transparent 24%),
  linear-gradient(110deg, #0a0c10 0%, #0a0c10 55%, #10161d 100%);
border-bottom: 1px solid #171d24;
}

.courses-hero::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
opacity: .25;
background-image:
  linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
background-size: 54px 54px;
}

.hero-light {
position: absolute;
border-radius: 50%;
filter: blur(70px);
}

.hero-light-1 {
right: 9%;
top: 18%;
width: 380px;
height: 380px;
background: rgba(0, 202, 244, .10);
}

.hero-light-2 {
right: -100px;
bottom: -180px;
width: 500px;
height: 500px;
background: rgba(0, 119, 255, .07);
}

.hero-content {
position: relative;
z-index: 2;
}

.eyebrow,
.section-label {
display: block;
margin-bottom: 18px;
color: var(--cyan);
font-size: .78rem;
font-weight: 800;
letter-spacing: .14em;
}

.section-label.light {
color: #9eecff;
}

.courses-hero h1 {
max-width: 1160px;
margin: 0 0 28px;
font-family: "Manrope", sans-serif;
font-size: clamp(3.3rem, 5vw, 6rem);
line-height: 1.03;
letter-spacing: -.045em;
}

.courses-hero h1 span {
display: block;
background: linear-gradient(90deg, #c6f4ff, var(--cyan));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}

.hero-text {
max-width: 850px;
margin: 0;
color: #c0cad4;
font-size: 1.08rem;
}

.hero-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 34px;
}

.btn {
min-height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 26px;
border-radius: 999px;
font-weight: 800;
transition: .2s ease;
}

.btn:hover {
transform: translateY(-2px);
}

.btn-cyan {
color: #00161c;
background: var(--cyan);
box-shadow: 0 12px 28px rgba(3,201,244,.12);
}

.btn-cyan:hover {
background: #42d8f8;
}

.btn-outline {
color: var(--white);
border: 1px solid #39424d;
background: rgba(255,255,255,.02);
}

.btn-outline:hover {
border-color: var(--cyan);
}

/* INTRO */

.intro-section {
padding: 90px 0;
border-bottom: 1px solid #171d24;
}

.intro-grid {
display: grid;
grid-template-columns: .85fr 1.15fr;
gap: 100px;
}

.intro-grid h2,
.section-title-row h2,
.method-heading h2,
.target-box h2,
.contact-box h2 {
margin: 0;
font-family: "Manrope", sans-serif;
letter-spacing: -.035em;
}

.intro-grid h2 {
max-width: 620px;
font-size: clamp(2.3rem, 4vw, 4.2rem);
line-height: 1.08;
}

.intro-copy {
color: var(--text);
font-size: 1rem;
}

.intro-copy p:first-child {
margin-top: 0;
}

/* COURSES */

.courses-section {
padding: 105px 0;
background: var(--bg-soft);
}

.section-title-row {
display: grid;
grid-template-columns: 1fr .8fr;
gap: 80px;
align-items: end;
margin-bottom: 52px;
}

.section-title-row h2 {
font-size: clamp(2.5rem, 4vw, 4.5rem);
}

.section-title-row > p {
max-width: 590px;
justify-self: end;
margin: 0;
color: var(--text);
}

.course-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}

.course-card {
position: relative;
overflow: hidden;
min-height: 560px;
display: flex;
flex-direction: column;
padding: 34px;
border: 1px solid var(--border);
border-radius: var(--radius);
background:
  linear-gradient(180deg, rgba(255,255,255,.018), transparent),
  var(--card);
box-shadow: var(--shadow);
transition: .25s ease;
}

.course-card::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 3px;
opacity: 0;
background: linear-gradient(90deg, transparent, var(--cyan), transparent);
transition: .25s ease;
}

.course-card:hover {
transform: translateY(-5px);
border-color: #335060;
}

.course-card:hover::before,
.course-card.featured::before {
opacity: 1;
}

.course-card.featured {
border-color: #234f5d;
background:
  radial-gradient(circle at top right, rgba(3,201,244,.09), transparent 33%),
  var(--card);
}

.course-card.business {
background:
  radial-gradient(circle at bottom left, rgba(3,201,244,.07), transparent 30%),
  var(--card);
}

.card-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-bottom: 30px;
}

.course-index {
color: #596673;
font-family: "Manrope", sans-serif;
font-size: 1.4rem;
font-weight: 800;
}

.course-level {
padding: 7px 10px;
border: 1px solid #293640;
border-radius: 999px;
color: var(--cyan);
font-size: .68rem;
font-weight: 800;
letter-spacing: .10em;
}

.course-card h3 {
margin: 0 0 18px;
font-family: "Manrope", sans-serif;
font-size: 1.65rem;
line-height: 1.2;
letter-spacing: -.025em;
}

.course-card > p {
margin: 0;
color: var(--text);
font-size: .95rem;
}

.course-card ul {
margin: 25px 0 28px;
padding-left: 19px;
color: #aebac6;
font-size: .9rem;
}

.course-card li {
margin-bottom: 7px;
}

.course-card li::marker {
color: var(--cyan);
}

.course-link {
display: inline-flex;
gap: 10px;
align-items: center;
margin-top: auto;
color: var(--white);
font-weight: 800;
font-size: .92rem;
}

.course-link span {
color: var(--cyan);
font-size: 1.1rem;
}

.course-link:hover {
color: var(--cyan);
}

/* METHOD */

.method-section {
padding: 110px 0;
background: var(--bg);
}

.method-grid {
display: grid;
grid-template-columns: .85fr 1.15fr;
gap: 100px;
}

.method-heading h2 {
max-width: 590px;
font-size: clamp(2.6rem, 4vw, 4.3rem);
line-height: 1.05;
}

.method-heading p {
max-width: 550px;
margin-top: 22px;
color: var(--text);
}

.method-steps {
border-top: 1px solid var(--border);
}

.step {
display: grid;
grid-template-columns: 90px 1fr;
gap: 22px;
padding: 28px 0;
border-bottom: 1px solid var(--border);
}

.step > span {
color: var(--cyan);
font-family: "Manrope", sans-serif;
font-weight: 800;
font-size: 1rem;
}

.step h3 {
margin: 0 0 6px;
font-size: 1.13rem;
}

.step p {
margin: 0;
color: var(--text);
font-size: .94rem;
}

/* TARGET */

.target-section {
padding: 0 0 105px;
}

.target-box {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
padding: 58px;
border: 1px solid #1f3943;
border-radius: 22px;
background:
  radial-gradient(circle at 90% 20%, rgba(3,201,244,.12), transparent 31%),
  linear-gradient(120deg, #10151b, #0e1419);
}

.target-box h2 {
max-width: 630px;
font-size: clamp(2.4rem, 4vw, 4rem);
line-height: 1.08;
}

.target-tags {
display: flex;
flex-wrap: wrap;
gap: 12px;
}

.target-tags span {
padding: 11px 15px;
border: 1px solid #2a3944;
border-radius: 999px;
color: #d7e0e7;
background: rgba(255,255,255,.025);
font-size: .88rem;
}

/* CTA */

.contact-section {
padding: 0 0 110px;
}

.contact-box {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
padding-top: 60px;
border-top: 1px solid var(--border);
}

.contact-box h2 {
font-size: clamp(2.6rem, 4vw, 4.5rem);
line-height: 1.05;
}

.contact-box p {
max-width: 720px;
margin-bottom: 0;
color: var(--text);
}

/* FOOTER */

.site-footer {
padding: 65px 0 25px;
border-top: 1px solid #20262e;
background: #07090c;
}

.footer-inner {
display: flex;
justify-content: space-between;
gap: 60px;
}

.footer-brand img {
width: 110px;
margin-bottom: 18px;
}

.footer-brand p {
max-width: 480px;
color: var(--muted);
font-size: .88rem;
}

.footer-menu {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
gap: 26px;
color: #c9d1d9;
font-size: .88rem;
}

.footer-menu a:hover {
color: var(--cyan);
}

.copyright {
margin-top: 46px;
padding-top: 20px;
border-top: 1px solid #181d23;
color: #67727e;
font-size: .78rem;
}

/* FLOATING WA */

.floating-wa {
position: fixed;
right: 22px;
bottom: 22px;
z-index: 90;
width: 58px;
height: 58px;
display: grid;
place-items: center;
border-radius: 50%;
color: #00191f;
background: var(--cyan);
box-shadow: 0 12px 35px rgba(0, 200, 244, .20);
font-weight: 900;
font-size: .8rem;
}

/* RESPONSIVE */

@media (max-width: 1180px) {
.container {
  width: min(100% - 50px, 1540px);
}

.course-grid {
  grid-template-columns: repeat(2, 1fr);
}

.main-menu {
  gap: 23px;
}
}

@media (max-width: 900px) {
.main-menu a:not(.active) {
  display: none;
}

.main-menu a.active {
  padding-left: 18px;
  padding-right: 18px;
}

.intro-grid,
.section-title-row,
.method-grid,
.target-box {
  grid-template-columns: 1fr;
  gap: 40px;
}

.section-title-row > p {
  justify-self: start;
}

.contact-box,
.footer-inner {
  flex-direction: column;
  align-items: flex-start;
}
}

@media (max-width: 680px) {
.container {
  width: min(100% - 30px, 1540px);
}

.header-inner {
  min-height: 76px;
}

.logo-link img {
  width: 95px;
}

.courses-hero {
  min-height: auto;
  padding: 80px 0;
}

.courses-hero h1 {
  font-size: 2.65rem;
}

.hero-actions {
  display: grid;
}

.btn {
  width: 100%;
}

.intro-section,
.courses-section,
.method-section {
  padding: 75px 0;
}

.course-grid {
  grid-template-columns: 1fr;
}

.course-card {
  min-height: auto;
  padding: 28px 24px;
}

.target-box {
  padding: 34px 24px;
}

.contact-section,
.target-section {
  padding-bottom: 75px;
}
}\n}.elementor .e-85870c1{flex-direction:column;}.elementor .e-7521fde{flex-direction:column;}