/*
Theme Name: JulioSM Academia
Theme URI: https://juliosantiagomarcelo.com
Author: SkynetLabs / Waseem Nasir
Author URI: https://www.skynetjoe.com
Description: Tema WordPress dual-mode para Dr. Julio Santiago Marcelo. Funciona como (a) landing de ventas Cirrosis 360 y (b) portal de alumnos con Tutor LMS. Auto-detecta modo según plugin Tutor LMS, o forzado vía Customizer.
Version: 1.2.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: juliosm-academia
Tags: education, lms, courses, medical, spanish, one-column, custom-logo, custom-menu, featured-images
*/

/* ═══════════════════════════════════════
   CSS CUSTOM PROPERTIES
   ═══════════════════════════════════════ */
:root {
  --primary: #217C8F;
  --primary-dark: #1A6170;
  --primary-deeper: #114050;
  --primary-light: #E4F3F6;
  --primary-50: #F1F8FA;
  --gold: #D4A84D;
  --gold-hover: #C9963C;
  --gold-light: #F5E6C8;
  --gold-50: #FDF8EF;
  --sage: #94CDAD;
  --sage-light: #C8E6D4;
  --white: #FFFFFF;
  --cream: #F7F5F0;
  --gray-50: #F9FAFB;
  --gray-100: #F3F4F6;
  --gray-200: #E5E7EB;
  --gray-300: #D1D5DB;
  --gray-400: #9CA3AF;
  --gray-500: #6B7280;
  --gray-600: #4B5563;
  --gray-700: #374151;
  --gray-800: #1F2937;
  --gray-900: #111827;
  --success: #059669;
  --warning: #D97706;
  --red: #DC2626;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
  --shadow-primary: 0 8px 25px rgba(33,124,143,0.22);
  --shadow-gold: 0 8px 25px rgba(212,168,77,0.25);
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ═══════════════════════════════════════
   RESET & BASE
   ═══════════════════════════════════════ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--white);
  color: var(--gray-800);
  line-height: 1.7;
  font-size: 16px;
  overflow-x: hidden;
}
img { max-width:100%; height:auto; }
a { text-decoration:none; color:inherit; }
button { cursor:pointer; border:none; background:none; font-family:inherit; }
ul { list-style:none; }
h1,h2,h3,h4 { font-family:'Playfair Display',Georgia,serif; line-height:1.2; color:var(--gray-900); }

.text-gradient { background:linear-gradient(135deg,var(--primary),var(--gold)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.text-primary { color:var(--primary); }
.text-gold { color:var(--gold); }
.gold { color:var(--gold); }

/* ═══════════════════════════════════════
   LAYOUT
   ═══════════════════════════════════════ */
.container { max-width:1200px; margin:0 auto; padding:0 2rem; }
.container-narrow { max-width:800px; margin:0 auto; padding:0 2rem; }
.section { padding:6rem 0; position:relative; }
.section-light { background:var(--white); }
.section-cream { background:var(--cream); }
.section-dark { background:linear-gradient(160deg,var(--primary-deeper) 0%,var(--primary-dark) 100%); color:var(--white); }
.section-eyebrow { font-family:'Montserrat',sans-serif; font-size:.75rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:var(--primary); margin-bottom:.75rem; }
.section-eyebrow.light { color:var(--gold); }
.section-title { font-size:clamp(2rem,4vw,3rem); font-weight:700; margin-bottom:1rem; line-height:1.15; }
.section-title.light { color:var(--white); }
.section-subtitle { font-size:1.1rem; color:var(--gray-500); max-width:650px; margin:0 auto 3rem; text-align:center; }

/* ═══════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════ */
.btn { display:inline-flex; align-items:center; gap:.5rem; font-family:'Montserrat',sans-serif; font-weight:600; font-size:.9rem; letter-spacing:.03em; padding:.85rem 1.75rem; border-radius:var(--radius); transition:all .3s var(--ease); white-space:nowrap; }
.btn-primary { background:var(--primary); color:var(--white); box-shadow:var(--shadow-primary); }
.btn-primary:hover { background:var(--primary-dark); transform:translateY(-2px); }
.btn-gold { background:linear-gradient(135deg,var(--gold),var(--gold-hover)); color:var(--white); box-shadow:var(--shadow-gold); }
.btn-gold:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(212,168,77,.35); }
.btn-ghost { background:transparent; color:var(--white); border:2px solid rgba(255,255,255,.3); }
.btn-ghost:hover { background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.6); }
.btn-outline { background:transparent; color:var(--primary); border:2px solid var(--primary); }
.btn-outline:hover { background:var(--primary); color:var(--white); }
.btn-lg { padding:1rem 2rem; font-size:1rem; }
.btn-xl { padding:1.15rem 2.5rem; font-size:1.05rem; border-radius:var(--radius-lg); }

/* ═══════════════════════════════════════
   NAVBAR
   ═══════════════════════════════════════ */
.navbar { position:fixed; top:0; left:0; right:0; z-index:1000; padding:1.25rem 0; transition:all .4s var(--ease); }
.navbar.scrolled { background:rgba(255,255,255,.97); backdrop-filter:blur(20px); padding:.75rem 0; box-shadow:var(--shadow-md); }
.nav-container { max-width:1200px; margin:0 auto; padding:0 2rem; display:flex; align-items:center; justify-content:space-between; }
.nav-logo { display:flex; align-items:center; gap:.6rem; font-family:'Playfair Display',serif; font-size:1.1rem; font-weight:600; color:var(--white); transition:color .3s; }
.navbar.scrolled .nav-logo { color:var(--primary-deeper); }
.nav-logo img { height:72px; width:auto; transition:height .3s var(--ease); }
.navbar.scrolled .nav-logo img { height:56px; }
.footer-brand .nav-logo img { height:64px; filter:brightness(0) invert(1); }
@media (max-width:768px) { .nav-logo img { height:56px; } .navbar.scrolled .nav-logo img { height:44px; } }
.nav-logo .logo-icon { font-size:1.3rem; }
.nav-links { display:flex; align-items:center; gap:1.75rem; }
.nav-links a { font-family:'Inter',sans-serif; font-size:.85rem; font-weight:500; color:rgba(255,255,255,.8); transition:color .3s; position:relative; }
.navbar.scrolled .nav-links a { color:var(--gray-600); }
.nav-links a:hover { color:var(--white); }
.navbar.scrolled .nav-links a:hover { color:var(--primary); }
.nav-links a::after { content:''; position:absolute; bottom:-4px; left:0; width:0; height:2px; background:var(--gold); transition:width .3s var(--ease); }
.nav-links a:hover::after { width:100%; }
.nav-cta { background:var(--gold)!important; color:var(--white)!important; padding:.6rem 1.25rem; border-radius:var(--radius); font-weight:600!important; }
.nav-cta:hover { background:var(--gold-hover)!important; }
.nav-cta::after { display:none!important; }
.nav-toggle { display:none; flex-direction:column; gap:5px; padding:.5rem; }
.nav-toggle span { width:24px; height:2px; background:var(--white); transition:all .3s; }
.navbar.scrolled .nav-toggle span { background:var(--gray-800); }
.nav-toggle.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.nav-toggle.active span:nth-child(2) { opacity:0; }
.nav-toggle.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ═══════════════════════════════════════
   HERO
   ═══════════════════════════════════════ */
.hero { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:8rem 2rem 5rem; background:linear-gradient(160deg,var(--primary-deeper) 0%,var(--primary-dark) 40%,var(--primary) 100%); position:relative; overflow:hidden; }
.hero-bg-shapes { position:absolute; inset:0; pointer-events:none; }
.hero .shape { position:absolute; border-radius:50%; opacity:.08; }
.hero .shape-1 { width:600px; height:600px; background:radial-gradient(circle,var(--gold),transparent 70%); top:-200px; right:-100px; }
.hero .shape-2 { width:400px; height:400px; background:radial-gradient(circle,var(--sage),transparent 70%); bottom:-100px; left:-100px; }
.hero .shape-3 { width:300px; height:300px; background:radial-gradient(circle,var(--white),transparent 70%); top:40%; left:10%; }
.hero-content { position:relative; z-index:2; max-width:800px; }
.hero-badge { display:inline-flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.1); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.15); padding:.5rem 1.25rem; border-radius:var(--radius-full); font-family:'Montserrat',sans-serif; font-size:.75rem; font-weight:600; color:var(--gold); letter-spacing:.05em; margin-bottom:2rem; }
.badge-dot { width:8px; height:8px; background:var(--gold); border-radius:50%; animation:pulse-dot 2s ease-in-out infinite; }
@keyframes pulse-dot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.3)} }
.hero h1 { font-size:clamp(2.5rem,5.5vw,4rem); font-weight:800; color:var(--white); margin-bottom:1.5rem; line-height:1.1; }
.hero-subtitle { font-size:1.15rem; color:rgba(255,255,255,.75); max-width:620px; margin:0 auto 2.5rem; line-height:1.7; }
.hero-stats { display:flex; gap:2rem; justify-content:center; flex-wrap:wrap; margin-bottom:2.5rem; }
.hero-stat { text-align:center; }
.hero-stat-num { display:block; font-family:'Playfair Display',serif; font-size:2.5rem; font-weight:800; color:var(--gold); }
.hero-stat-label { font-size:.8rem; color:rgba(255,255,255,.6); font-weight:500; }
.hero-stat-divider { width:1px; background:rgba(255,255,255,.15); align-self:stretch; }
.hero-cta-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-bottom:2.5rem; }
.hero-trust-bar { display:flex; gap:2rem; justify-content:center; flex-wrap:wrap; font-size:.82rem; color:rgba(255,255,255,.5); }

/* ═══════════════════════════════════════
   PAIN POINTS
   ═══════════════════════════════════════ */
.pain-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.25rem; margin-top:2.5rem; }
.pain-card { background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius-lg); padding:1.75rem; text-align:center; transition:all .3s var(--ease); }
.pain-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--primary-light); }
.pain-icon { font-size:2rem; margin-bottom:.75rem; }
.pain-card h3 { font-family:'Inter',sans-serif; font-size:1rem; font-weight:700; margin-bottom:.5rem; color:var(--gray-800); }
.pain-card p { font-size:.88rem; color:var(--gray-500); line-height:1.6; }

/* ═══════════════════════════════════════
   TRANSFORMATION
   ═══════════════════════════════════════ */
.transform-grid { display:flex; flex-direction:column; gap:1.25rem; max-width:700px; margin:2.5rem auto 0; }
.transform-card { display:grid; grid-template-columns:1fr auto 1fr; gap:1rem; align-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-lg); padding:1.5rem; }
.transform-before, .transform-after { text-align:center; }
.transform-label { display:inline-block; font-family:'Montserrat',sans-serif; font-size:.6rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:.2rem .5rem; border-radius:var(--radius-sm); margin-bottom:.4rem; }
.transform-before .transform-label { background:rgba(255,255,255,.1); color:rgba(255,255,255,.5); }
.transform-after .transform-label { background:var(--gold); color:var(--white); }
.transform-before p { color:rgba(255,255,255,.5); font-size:.88rem; }
.transform-after p { color:var(--white); font-size:.88rem; font-weight:500; }
.transform-arrow { font-size:1.5rem; color:var(--gold); text-align:center; }

/* ═══════════════════════════════════════
   MODULES
   ═══════════════════════════════════════ */
.modules-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; margin-top:2.5rem; }
.module-card { background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius-lg); padding:2rem 1.75rem; transition:all .3s var(--ease); position:relative; overflow:hidden; }
.module-card::before { content:''; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,var(--primary),var(--gold)); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease); }
.module-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-xl); }
.module-card:hover::before { transform:scaleX(1); }
.module-number { font-family:'Playfair Display',serif; font-size:2.5rem; font-weight:800; color:var(--primary); opacity:.3; margin-bottom:.25rem; }
.module-icon { font-size:1.5rem; margin-bottom:.5rem; }
.module-card h3 { font-family:'Inter',sans-serif; font-size:1.15rem; font-weight:700; color:var(--gray-800); margin-bottom:.5rem; }
.module-card p { font-size:.88rem; color:var(--gray-500); line-height:1.6; }
.module-meta { display:flex; gap:.5rem; margin-top:1rem; }
.module-tag { padding:.25rem .6rem; background:var(--primary-light); border-radius:var(--radius-sm); font-size:.7rem; font-weight:600; color:var(--primary); }

/* ═══════════════════════════════════════
   BONOS
   ═══════════════════════════════════════ */
.bonos-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.25rem; margin-top:2rem; }
.bono-card { background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius-lg); padding:1.75rem; transition:all .3s var(--ease); }
.bono-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-lg); border-color:var(--gold-light); }
.bono-ribbon { display:inline-block; padding:.25rem .75rem; background:var(--gold); color:var(--white); font-family:'Montserrat',sans-serif; font-size:.65rem; font-weight:700; border-radius:var(--radius-sm); margin-bottom:.75rem; letter-spacing:.05em; text-transform:uppercase; }
.bono-icon { font-size:1.5rem; margin-bottom:.5rem; }
.bono-card h3 { font-family:'Inter',sans-serif; font-size:1.05rem; font-weight:700; color:var(--gray-800); margin-bottom:.4rem; }
.bono-card p { font-size:.85rem; color:var(--gray-500); line-height:1.6; }

/* Live Classes Card */
.live-classes-card { display:flex; align-items:center; gap:1.5rem; background:linear-gradient(135deg,var(--primary-deeper),var(--primary-dark)); border-radius:var(--radius-xl); padding:2rem; margin-top:2rem; color:var(--white); }
.live-icon { font-size:2rem; }
.live-dot { display:inline-block; width:8px; height:8px; background:#EF4444; border-radius:50%; margin-right:.5rem; animation:pulse-dot 1.5s infinite; }
.live-info h3 { font-family:'Inter',sans-serif; font-size:1.1rem; font-weight:700; display:flex; align-items:center; }
.live-info p { font-size:.88rem; color:rgba(255,255,255,.65); margin-top:.25rem; }

/* ═══════════════════════════════════════
   DOCTOR
   ═══════════════════════════════════════ */
.doctor-card { display:grid; grid-template-columns:320px 1fr; gap:3rem; align-items:start; margin-top:2rem; }
.doctor-photo { position:relative; }
.doctor-photo-placeholder { width:100%; aspect-ratio:3/4; background:linear-gradient(135deg,var(--primary-light),var(--sage-light)); border-radius:var(--radius-xl); display:flex; flex-direction:column; align-items:center; justify-content:center; font-size:4rem; color:var(--primary); box-shadow:var(--shadow-xl); }
.doctor-photo-placeholder small { font-size:.8rem; color:var(--gray-400); margin-top:.5rem; }
.doctor-photo-img { width:100%; border-radius:var(--radius-xl); box-shadow:var(--shadow-xl); }
.doctor-badge-float { position:absolute; bottom:-1rem; right:-1rem; background:var(--gold); color:var(--white); padding:1rem 1.25rem; border-radius:var(--radius-lg); text-align:center; box-shadow:var(--shadow-gold); }
.doctor-badge-float span { display:block; font-family:'Playfair Display',serif; font-size:1.5rem; font-weight:800; }
.doctor-badge-float small { font-size:.65rem; font-weight:600; text-transform:uppercase; }
.doctor-info h3 { font-size:1.75rem; margin-bottom:.25rem; }
.doctor-title { color:var(--primary); font-weight:600; font-size:1rem; margin-bottom:1.5rem; }
.doctor-bio { color:var(--gray-600); margin-bottom:1rem; line-height:1.8; }
.doctor-credentials { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1.5rem; }
.credential { display:flex; align-items:center; gap:.75rem; padding:.85rem; background:var(--gray-50); border-radius:var(--radius); }
.credential-icon { font-size:1.25rem; }
.credential strong { display:block; font-size:.85rem; font-family:'Inter',sans-serif; font-weight:600; }
.credential span { font-size:.75rem; color:var(--gray-500); }

/* ═══════════════════════════════════════
   TESTIMONIALS
   ═══════════════════════════════════════ */
.testimonial-video-wrap { max-width:700px; margin:2.5rem auto 0; }
.video-container { position:relative; padding-top:56.25%; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-xl); background:var(--gray-900); }
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }

/* ═══════════════════════════════════════
   PRICING
   ═══════════════════════════════════════ */
.pricing-section { max-width:520px; margin:0 auto; }
.price-card { background:rgba(255,255,255,.06); border:2px solid var(--gold); border-radius:var(--radius-xl); padding:2.5rem 2rem; text-align:center; position:relative; }
.price-card h3 { color:var(--white); font-family:'Inter',sans-serif; font-size:1.1rem; font-weight:600; }
.price-card-badge { display:inline-block; padding:.4rem 1rem; background:var(--gold); color:var(--white); font-family:'Montserrat',sans-serif; font-size:.72rem; font-weight:700; border-radius:var(--radius-full); margin-bottom:1.5rem; }
.price-card-content { position:relative; }
.guarantee-badge-floating { position:absolute; top:1rem; right:1rem; width:64px; height:64px; background:var(--gold); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:var(--shadow-gold); z-index:2; }
.guarantee-badge-floating strong { font-size:.8rem; color:var(--white); line-height:1; }
.guarantee-badge-floating span { font-size:.5rem; color:rgba(255,255,255,.8); text-transform:uppercase; font-weight:600; }
.price-amount { display:flex; align-items:baseline; justify-content:center; gap:.25rem; margin:1rem 0; }
.price-currency { font-family:'Montserrat',sans-serif; font-size:1.5rem; font-weight:700; color:var(--gold); }
.price-value { font-family:'Playfair Display',serif; font-size:4rem; font-weight:800; color:var(--white); }
.price-period { font-size:.9rem; color:rgba(255,255,255,.5); }
.price-subtitle { font-size:.9rem; color:rgba(255,255,255,.5); }
.price-features { text-align:left; margin:1.5rem 0; }
.price-features li { display:flex; align-items:center; gap:.75rem; padding:.6rem 0; color:rgba(255,255,255,.8); font-size:.92rem; border-bottom:1px solid rgba(255,255,255,.06); }
.price-features li svg { color:var(--gold); flex-shrink:0; }
.price-trust { display:flex; justify-content:center; gap:1.5rem; margin-top:1.5rem; flex-wrap:wrap; }
.trust-item { display:flex; align-items:center; gap:.4rem; font-size:.75rem; color:rgba(255,255,255,.4); }
.trust-item svg { color:rgba(255,255,255,.3); }

/* Guarantee */
.guarantee-badge { display:flex; align-items:center; gap:1.5rem; max-width:600px; margin:2.5rem auto 0; padding:1.5rem 2rem; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-lg); }
.guarantee-seal { width:72px; height:72px; border-radius:50%; background:var(--gold); display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; box-shadow:var(--shadow-gold); }
.guarantee-seal .big { font-family:'Playfair Display',serif; font-size:1.75rem; font-weight:800; color:var(--white); line-height:1; }
.guarantee-seal .small { font-size:.55rem; font-weight:700; text-transform:uppercase; color:rgba(255,255,255,.8); }
.guarantee-text strong { display:block; font-family:'Inter',sans-serif; font-size:.95rem; color:var(--white); margin-bottom:.25rem; }
.guarantee-text span { font-size:.82rem; color:rgba(255,255,255,.5); line-height:1.5; }

/* Payment Methods */
.payment-methods { text-align:center; margin-top:2.5rem; }
.payment-label { font-size:.8rem; color:rgba(255,255,255,.4); display:block; margin-bottom:1rem; }
.payment-icons { display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; }
.payment-icon-card { padding:.4rem .85rem; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-sm); font-size:.72rem; font-weight:600; color:rgba(255,255,255,.5); }

/* ═══════════════════════════════════════
   FAQ
   ═══════════════════════════════════════ */
.faq-list { margin-top:2rem; }
.faq-item { border-bottom:1px solid var(--gray-200); }
.faq-question { width:100%; display:flex; justify-content:space-between; align-items:center; padding:1.25rem 0; font-family:'Inter',sans-serif; font-size:1rem; font-weight:600; color:var(--gray-800); text-align:left; cursor:pointer; transition:color .3s; }
.faq-question:hover { color:var(--primary); }
.faq-chevron { transition:transform .3s var(--ease); color:var(--gray-400); flex-shrink:0; }
.faq-item.open .faq-chevron { transform:rotate(180deg); color:var(--primary); }
.faq-answer { max-height:0; overflow:hidden; transition:max-height .4s var(--ease), padding .4s; }
.faq-item.open .faq-answer { max-height:300px; padding-bottom:1.25rem; }
.faq-answer p { font-size:.92rem; color:var(--gray-500); line-height:1.7; }

/* ═══════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════ */
.site-footer { background:var(--primary-deeper); color:var(--white); padding:4rem 0 0; }
.footer-top { display:grid; grid-template-columns:1fr 1fr 1fr; gap:3rem; padding-bottom:3rem; border-bottom:1px solid rgba(255,255,255,.1); }
.footer-brand p { color:rgba(255,255,255,.5); font-size:.85rem; margin-top:.75rem; line-height:1.6; }
.footer-brand .nav-logo { color:var(--white); margin-bottom:.5rem; }
.footer-col h4 { font-family:'Montserrat',sans-serif; font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); margin-bottom:1rem; }
.footer-col a { display:block; font-size:.88rem; color:rgba(255,255,255,.6); padding:.3rem 0; transition:color .3s; }
.footer-col a:hover { color:var(--white); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; padding:1.5rem 0; font-size:.8rem; color:rgba(255,255,255,.3); flex-wrap:wrap; gap:1rem; }
.footer-bottom a { color:rgba(255,255,255,.4); transition:color .3s; }
.footer-bottom a:hover { color:var(--white); }

/* ═══════════════════════════════════════
   CTA / STICKY
   ═══════════════════════════════════════ */
.section-cta { background:linear-gradient(160deg,var(--primary-dark) 0%,var(--primary-deeper) 100%); padding:5rem 0; text-align:center; }
.cta-icon { font-size:3rem; margin-bottom:1.5rem; }
.sticky-cta { position:fixed; bottom:0; left:0; right:0; padding:.75rem 1rem; background:rgba(17,64,80,.95); backdrop-filter:blur(10px); z-index:999; transform:translateY(100%); transition:transform .4s var(--ease); display:none; }
.sticky-cta.visible { transform:translateY(0); }
.btn-sticky { display:block; width:100%; text-align:center; }

/* ═══════════════════════════════════════
   ANIMATIONS
   ═══════════════════════════════════════ */
[data-animate] { opacity:0; transform:translateY(30px); transition:opacity .6s var(--ease), transform .6s var(--ease); }
[data-animate="fade-down"] { transform:translateY(-20px); }
[data-animate].animated { opacity:1; transform:translateY(0); }
/* Fallback: show content if JS fails to load */
.no-js [data-animate], [data-animate]:nth-child(n) { animation: jsguard 0s 2s forwards; }
[data-animate].animated { animation:none; }
@keyframes jsguard { to { opacity:1; transform:translateY(0); } }

/* ═══════════════════════════════════════
   GENERIC WP PAGES
   ═══════════════════════════════════════ */
.page-content { max-width:800px; margin:0 auto; padding:8rem 2rem 4rem; }
.page-content h1 { font-size:2.5rem; margin-bottom:1.5rem; }
.page-content p { margin-bottom:1rem; }

/* ═══════════════════════════════════════
   TUTOR LMS OVERRIDES
   ═══════════════════════════════════════ */
.tutor-wrap { font-family:'Inter',sans-serif; }
.tutor-wrap .tutor-course-title { font-family:'Playfair Display',serif; color:var(--gray-900); }
.tutor-wrap .tutor-btn { background:var(--primary)!important; border-color:var(--primary)!important; border-radius:var(--radius)!important; font-family:'Montserrat',sans-serif!important; font-weight:600!important; }
.tutor-wrap .tutor-btn:hover { background:var(--primary-dark)!important; }
.tutor-wrap .tutor-btn-primary { background:var(--gold)!important; border-color:var(--gold)!important; }
.tutor-wrap .tutor-btn-primary:hover { background:var(--gold-hover)!important; }
.tutor-wrap .tutor-course-topic { border-radius:var(--radius)!important; }
.tutor-wrap .tutor-course-topic .tutor-course-title h4 { font-family:'Inter',sans-serif; }
.tutor-wrap .tutor-progress-bar .tutor-progress-filled { background:var(--primary)!important; }
.tutor-wrap .tutor-dashboard-menu-item.active { border-color:var(--primary)!important; color:var(--primary)!important; }
.tutor-wrap .tutor-course-card { border-radius:var(--radius-lg)!important; border:1px solid var(--gray-200)!important; transition:all .3s var(--ease); }
.tutor-wrap .tutor-course-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-4px); }
.tutor-wrap .tutor-ratings .tutor-star-rating-group { color:var(--gold); }
body.tutor-course-page .tutor-single-course-sidebar .tutor-course-sidebar-card { border-radius:var(--radius-lg)!important; border:1px solid var(--gray-200)!important; }
.tutor-single-course-wrap { padding-top:6rem; }
.tutor-dashboard-wrap { padding-top:6rem; min-height:80vh; }
.course-meta-bar { display:flex; gap:2rem; flex-wrap:wrap; margin-top:1rem; font-size:.88rem; color:var(--gray-500); }
.course-meta-bar span { display:flex; align-items:center; gap:.4rem; }

/* WordPress login form inside theme */
.login-page-wrap #loginform { border-radius:var(--radius-lg); }
.login-page-wrap #loginform label { font-family:'Inter',sans-serif; font-size:.85rem; font-weight:600; color:var(--gray-700); }
.login-page-wrap #loginform input[type="text"],
.login-page-wrap #loginform input[type="password"] { border-radius:var(--radius); border:1px solid var(--gray-200); padding:.75rem 1rem; font-family:'Inter',sans-serif; }
.login-page-wrap #loginform input[type="text"]:focus,
.login-page-wrap #loginform input[type="password"]:focus { border-color:var(--primary); box-shadow:0 0 0 3px var(--primary-light); outline:none; }
.login-page-wrap #loginform .button-primary { background:var(--gold)!important; border:none!important; border-radius:var(--radius)!important; font-family:'Montserrat',sans-serif!important; font-weight:600!important; padding:.75rem 2rem!important; width:100%; }

/* WordPress core */
.aligncenter { text-align:center; }
.alignleft { float:left; margin-right:1.5rem; }
.alignright { float:right; margin-left:1.5rem; }
.wp-block-image img { border-radius:var(--radius); }

/* ═══════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════ */
@media(max-width:1024px) {
  .doctor-card { grid-template-columns:1fr; }
  .doctor-photo { max-width:300px; margin:0 auto; }
  .footer-top { grid-template-columns:1fr; gap:2rem; }
  .transform-card { grid-template-columns:1fr; text-align:center; }
  .transform-arrow { transform:rotate(90deg); }
}
@media(max-width:768px) {
  .nav-links { position:fixed; top:0; right:-100%; width:280px; height:100vh; background:var(--primary-deeper); flex-direction:column; padding:5rem 2rem 2rem; gap:.5rem; transition:right .4s var(--ease); box-shadow:-10px 0 30px rgba(0,0,0,.3); z-index:1001; }
  .nav-links.open { right:0; }
  .nav-links a { padding:.75rem 0; font-size:1rem; color:rgba(255,255,255,.8)!important; }
  .nav-toggle { display:flex; }
  .hero { padding:7rem 1.5rem 3rem; min-height:auto; }
  .hero h1 { font-size:2rem; }
  .hero-stats { gap:1.25rem; }
  .hero-stat-num { font-size:2rem; }
  .section { padding:4rem 0; }
  .section-title { font-size:1.75rem; }
  .modules-grid, .bonos-grid, .pain-grid { grid-template-columns:1fr; }
  .doctor-credentials { grid-template-columns:1fr; }
  .hero-trust-bar { flex-direction:column; gap:.5rem; }
  .guarantee-badge { flex-direction:column; text-align:center; }
  .live-classes-card { flex-direction:column; text-align:center; }
  .sticky-cta { display:block; }
  .price-value { font-size:3rem; }
  .footer-bottom { flex-direction:column; text-align:center; }
  .guarantee-badge-floating { display:none; }
}
@media(max-width:480px) {
  .container { padding:0 1.25rem; }
  .hero h1 { font-size:1.75rem; }
  .hero-subtitle { font-size:1rem; }
  .btn-lg { padding:.85rem 1.5rem; font-size:.88rem; }
  .payment-icons { gap:.4rem; }
  .payment-icon-card { font-size:.65rem; padding:.3rem .5rem; }
}

/* ═══════════════════════════════════════
   ELDERLY-FRIENDLY COURSE UI
   Larger fonts, huge PDF buttons, simple nav
   ═══════════════════════════════════════ */

/* Bigger base text on course + lesson pages */
body.tutor-course-page,
body.tutor-lesson-page,
body.tutor-course-page .tutor-course-content-wrap,
body.tutor-lesson-page .tutor-lesson-content {
  font-size: 1.125rem;
  line-height: 1.8;
}
body.tutor-course-page h1, body.tutor-lesson-page h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); }
body.tutor-course-page h2, body.tutor-lesson-page h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); }
body.tutor-course-page h3, body.tutor-lesson-page h3 { font-size: 1.3rem; }

/* ─── Huge PDF Download Buttons ─── */
.pdf-big-btn,
body.tutor-course-page .tutor-attachments a,
body.tutor-lesson-page .tutor-attachments a,
.tutor-attachments-wrap a[href$=".pdf"],
.tutor-course-attachments a {
  display: flex !important;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1.4rem 1.75rem !important;
  margin: .75rem 0;
  background: var(--primary) !important;
  color: #fff !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.3;
  border: 3px solid var(--primary-dark) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-primary);
  text-decoration: none !important;
  transition: transform .2s var(--ease), box-shadow .2s var(--ease), background .2s;
}
.pdf-big-btn:hover,
body.tutor-course-page .tutor-attachments a:hover,
body.tutor-lesson-page .tutor-attachments a:hover,
.tutor-attachments-wrap a[href$=".pdf"]:hover,
.tutor-course-attachments a:hover {
  background: var(--primary-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(33,124,143,.35);
}
.pdf-big-btn::before,
body.tutor-course-page .tutor-attachments a::before,
body.tutor-lesson-page .tutor-attachments a::before,
.tutor-course-attachments a::before {
  content: "📄";
  font-size: 2rem;
  flex-shrink: 0;
}
.pdf-big-btn::after,
body.tutor-course-page .tutor-attachments a::after,
body.tutor-lesson-page .tutor-attachments a::after,
.tutor-course-attachments a::after {
  content: "↓ Descargar";
  margin-left: auto;
  background: var(--sage);
  color: var(--primary-deeper);
  padding: .5rem 1rem;
  border-radius: var(--radius);
  font-size: .95rem;
  font-weight: 800;
  white-space: nowrap;
}

/* ─── Simple, Large Course Navigation ─── */
.tutor-course-enrolled-nav,
.tutor-course-enrolled-nav-container,
.course-content-area .tutor-course-enrolled-nav {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem 0;
}
.tutor-course-enrolled-nav a,
.tutor-course-enrolled-nav .tutor-btn,
.tutor-course-enrolled-nav button {
  flex: 1 1 240px;
  min-height: 64px;
  padding: 1.15rem 1.5rem !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  border-radius: var(--radius-lg) !important;
  background: var(--primary) !important;
  color: #fff !important;
  border: 2px solid var(--primary-dark) !important;
  box-shadow: var(--shadow-primary);
  text-align: center;
  transition: background .2s;
}
.tutor-course-enrolled-nav a:hover,
.tutor-course-enrolled-nav .tutor-btn:hover,
.tutor-course-enrolled-nav button:hover {
  background: var(--primary-dark) !important;
}

/* Lesson-list rows: taller, clearer */
.tutor-courses-wrap .tutor-courses,
.tutor-course-topics-lessons .tutor-courses-topic-body a,
.tutor-course-topic-body a {
  padding: 1.1rem 1.25rem !important;
  font-size: 1.05rem !important;
  line-height: 1.5;
  border-bottom: 2px solid var(--primary-light);
}
.tutor-course-topic-body a:hover { background: var(--primary-50); }

/* Active / current lesson indicator — very visible */
.tutor-course-topic-body a.active,
.tutor-course-topic-body a.is-current {
  background: var(--sage-light) !important;
  border-left: 6px solid var(--primary) !important;
  color: var(--primary-deeper) !important;
}

/* "Marcar como completado" big button */
.tutor-complete-lesson-btn,
button[name="complete_lesson_btn"],
.tutor-btn-complete {
  min-height: 64px !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  padding: 1.15rem 2rem !important;
  border-radius: var(--radius-lg) !important;
  background: var(--success) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(5,150,105,.25);
}
.tutor-complete-lesson-btn:hover { background: #047857 !important; }

@media(max-width: 640px) {
  .pdf-big-btn,
  body.tutor-course-page .tutor-attachments a,
  body.tutor-lesson-page .tutor-attachments a,
  .tutor-attachments-wrap a[href$=".pdf"] {
    font-size: 1.05rem !important;
    padding: 1.15rem 1.25rem !important;
    flex-wrap: wrap;
  }
  .pdf-big-btn::after,
  body.tutor-course-page .tutor-attachments a::after,
  body.tutor-lesson-page .tutor-attachments a::after {
    margin-left: 0;
    width: 100%;
    text-align: center;
  }
}

/* ─── WhatsApp Float Button ─── */
.wa-float {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 28px rgba(37,211,102,.45);
  z-index: 9999;
  transition: transform .25s ease, box-shadow .25s ease;
  text-decoration: none;
}
.wa-float:hover {
  transform: scale(1.08);
  box-shadow: 0 14px 34px rgba(37,211,102,.55);
}
.wa-float svg { width: 32px; height: 32px; }
@media (max-width: 640px) {
  .wa-float { width: 54px; height: 54px; right: 1rem; bottom: 5rem; }
  .wa-float svg { width: 28px; height: 28px; }
}

/* ═══════════════════════════════════════
   PORTAL MODE — visual distinction from landing
   ═══════════════════════════════════════ */
body.site-mode-portal .navbar {
  background: linear-gradient(160deg, #114050 0%, #1A6170 100%);
  box-shadow: 0 2px 12px rgba(0,0,0,0.15);
}
body.site-mode-portal .navbar .nav-links a { color: rgba(255,255,255,0.85); }
body.site-mode-portal .navbar .nav-links a:hover { color: #D4A84D; }
body.site-mode-portal .navbar .nav-cta {
  background: #D4A84D;
  color: #114050;
  padding: 0.5rem 1.1rem;
  border-radius: 999px;
  font-weight: 600;
}
body.site-mode-portal .navbar .nav-cta:hover { background: #C9963C; color: #114050; }
body.site-mode-portal .nav-toggle span { background: #fff; }
body.site-mode-portal .site-logo-img { filter: none; }

.portal-hero { background: linear-gradient(160deg, #114050 0%, #1A6170 60%, #217C8F 100%); }

/* Portal cards — clickable module/bono tiles */
.portal-card { display: block; text-decoration: none; color: inherit; transition: transform .2s ease, box-shadow .2s ease; }
.portal-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(17,64,80,0.18); }
.portal-card .module-link { display: inline-block; margin-top: 1rem; color: #D4A84D; font-weight: 600; font-size: 0.9rem; }

/* Tutor LMS dashboard embed — clean inset on portal home */
.tutor-dashboard-embed { background: #fff; border-radius: 16px; padding: 1.5rem; border: 1px solid var(--gray-200); box-shadow: var(--shadow-md); }

/* Login card form (wp_login_form output) */
.login-card-wrap label { display: block; font-size: 0.85rem; color: var(--gray-700); font-weight: 600; margin-bottom: 0.4rem; }
.login-card-wrap input[type="text"],
.login-card-wrap input[type="password"] {
  width: 100%;
  padding: 0.85rem 1rem;
  border: 1.5px solid var(--gray-200);
  border-radius: 10px;
  font-size: 1rem;
  margin-bottom: 1rem;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.login-card-wrap input[type="text"]:focus,
.login-card-wrap input[type="password"]:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(33,124,143,0.15);
}
.login-card-wrap input[type="submit"] {
  width: 100%;
  background: #D4A84D;
  color: #114050;
  border: none;
  padding: 0.95rem 1.25rem;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  transition: background .15s ease;
}
.login-card-wrap input[type="submit"]:hover { background: #C9963C; }
.login-card-wrap .login-remember { font-size: 0.85rem; color: var(--gray-600); margin-bottom: 1rem; }