.elementor-kit-1229{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1229 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Consultas Millenium – Atención médica en línea</title>
  <meta name="description" content="Consultas Millenium conecta pacientes con médicos especialistas. Salud Pública incluida. Planes desde $50.000 CLP/mes. Tel: +569 39070388." />
  <style>
    /* ==========
       Diseño base
       ========== */
    :root{
      --bg:#f8fafc;           /* slate-50 */
      --card:#ffffff;         /* white */
      --text:#0f172a;         /* slate-900 */
      --muted:#475569;        /* slate-600 */
      --line:#e2e8f0;         /* slate-200 */
      --brand:#0ea5e9;        /* sky-600 */
      --brand-2:#10b981;      /* emerald-600 */
      --brand-dark:#0369a1;   /* sky-700 */
      --radius-xl:22px;
      --shadow-sm:0 1px 2px rgba(0,0,0,.06);
      --shadow-md:0 6px 20px rgba(2,6,23,.08);
      --shadow-lg:0 24px 44px rgba(2,6,23,.12);
      --container:1200px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Ubuntu,"Helvetica Neue",Arial,sans-serif;
      color:var(--text); background:var(--bg); line-height:1.55;
    }
    img{max-width:100%; display:block}
    a{color:var(--brand); text-decoration:none}
    a:hover{color:var(--brand-dark)}

    .container{max-width:var(--container); margin-inline:auto; padding:0 20px}
    .btn{display:inline-block; padding:.85rem 1.25rem; border-radius:14px; font-weight:600; box-shadow:var(--shadow-sm);}
    .btn-primary{background:var(--brand); color:#fff}
    .btn-primary:hover{background:var(--brand-dark)}
    .btn-dark{background:#0b1220; color:#fff}
    .btn-dark:hover{background:#000}
    .btn-emerald{background:var(--brand-2); color:#fff}
    .btn-emerald:hover{filter:brightness(.95)}

    /* ==========
       Navbar
       ========== */
    .nav{position:sticky; top:0; z-index:40; backdrop-filter:saturate(180%) blur(10px); background:rgba(255,255,255,.8); border-bottom:1px solid var(--line)}
    .nav-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0}
    .brand{display:flex; align-items:center; gap:10px; font-weight:700}
    .menu{display:none; gap:22px; font-size:.95rem}
    .menu a{color:#0f172a}
    .menu a:hover{color:var(--brand-dark)}
    @media (min-width: 768px){ .menu{display:flex} .cta-nav{display:inline-block} }
    .cta-nav{display:none}

    /* ==========
       Hero
       ========== */
    .hero{position:relative; overflow:hidden}
    .blob-a,.blob-b{position:absolute; filter:blur(60px); border-radius:9999px; opacity:.65}
    .blob-a{width:280px; height:280px; right:-80px; top:-80px; background:#bae6fd}
    .blob-b{width:280px; height:280px; left:-80px; bottom:-80px; background:#bbf7d0}
    .hero-grid{display:grid; gap:36px; padding:64px 0}
    @media (min-width: 992px){ .hero-grid{grid-template-columns: 1.15fr .85fr; align-items:center} }
    .hero h1{font-size:clamp(2rem, 1.6rem + 1.8vw, 3.25rem); line-height:1.12; margin:0}
    .hero p{margin:18px 0 0; color:var(--muted); font-size:1.05rem}
    .hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:22px}
    .hero-card{position:relative}
    .hero-note{position:absolute; right:-14px; bottom:-14px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:14px; width:min(80%, 320px); box-shadow:var(--shadow-md)}
    .hero-note .title{font-weight:700; font-size:.95rem}
    .hero-note .sub{color:var(--muted); font-size:.85rem}
    .contact-inline{margin-top:14px; color:var(--muted); font-size:.95rem}

    /* ==========
       Secciones
       ========== */
    section{scroll-margin-top:90px}
    .section{padding:64px 0}
    .section-title{font-size:2rem; font-weight:800; margin:0}
    .section-sub{color:var(--muted); margin-top:8px}

    /* Especialidades grid */
    .grid{display:grid; gap:20px}
    @media (min-width: 600px){ .grid.cols-2{grid-template-columns: repeat(2, 1fr)} }
    @media (min-width: 992px){ .grid.cols-3{grid-template-columns: repeat(3, 1fr)} }
    .card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius-xl); box-shadow:var(--shadow-sm); overflow:hidden}
    .card .inner{padding:18px}
    .chip{display:inline-flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:16px; background:#ecfeff; font-size:1.25rem}
    .card h3{margin:0 0 6px; font-size:1.05rem}
    .card p{margin:0; color:var(--muted); font-size:.94rem}
    .thumb{height:150px; width:100%; object-fit:cover}

    /* Cómo funciona */
    .steps{display:grid; gap:20px}
    @media (min-width: 860px){ .steps{grid-template-columns: repeat(4, 1fr)} }
    .step{background:#fff; border:1px solid var(--line); border-radius:var(--radius-xl); padding:18px; box-shadow:var(--shadow-sm)}
    .badge{display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px; background:#ecfdf5; color:#047857; font-weight:800}
    .step h4{margin:10px 0 6px; font-size:1.05rem}
    .step p{margin:0; color:var(--muted); font-size:.95rem}

    /* Planes */
    .plans-head{display:flex; align-items:flex-end; justify-content:space-between; gap:18px; flex-wrap:wrap}
    .plans{display:grid; gap:20px; margin-top:22px}
    @media (min-width: 860px){ .plans{grid-template-columns: repeat(3, 1fr)} }
    .plan{background:#fff; border:1px solid var(--line); border-radius:26px; padding:22px; box-shadow:var(--shadow-sm); display:flex; flex-direction:column}
    .plan.highlight{border-color:#7dd3fc; box-shadow:var(--shadow-lg)}
    .plan .kicker{color:#64748b; text-transform:uppercase; font-size:.75rem; letter-spacing:.08em}
    .plan .name{font-weight:800; font-size:1.35rem}
    .price{display:flex; align-items:baseline; gap:6px; margin-top:10px}
    .price .amount{font-size:2rem; font-weight:900}
    .plan .tagline{color:var(--muted); margin-top:6px; font-size:.95rem}
    .plan ul{margin:12px 0 0; padding-left:0; list-style:none}
    .plan li{display:flex; gap:8px; align-items:flex-start; margin:6px 0; font-size:.95rem}

    /* Testimonios */
    .testimonials{display:grid; gap:20px; margin-top:22px}
    @media (min-width: 860px){ .testimonials{grid-template-columns: repeat(3, 1fr)} }
    .quote{background:#fff; border:1px solid var(--line); border-radius:var(--radius-xl); padding:18px; box-shadow:var(--shadow-sm)}
    .who{display:flex; gap:12px; align-items:center}
    .avatar{width:48px; height:48px; border-radius:50%; background:#e0f2fe; display:grid; place-items:center; font-size:1.25rem}
    .who .name{font-weight:700}
    .who .role{color:var(--muted); font-size:.9rem}

    /* FAQ */
    .faq{display:grid; gap:16px; margin-top:20px}
    @media (min-width: 860px){ .faq{grid-template-columns: repeat(2, 1fr)} }
    details{background:#fff; border:1px solid var(--line); border-radius:16px; padding:14px}
    summary{cursor:pointer; font-weight:700; list-style:none; display:flex; align-items:center; justify-content:space-between}
    summary::-webkit-details-marker{display:none}
    details p{color:var(--muted)}

    /* Contacto */
    .contact-grid{display:grid; gap:20px; margin-top:18px}
    @media (min-width: 860px){ .contact-grid{grid-template-columns: 1fr 1fr} }
    .contact-card{background:#f1f5f9; border:1px solid var(--line); border-radius:20px; padding:20px}
    .form{background:#fff; border:1px solid var(--line); border-radius:20px; padding:20px}
    .field{width:100%; padding:12px 14px; border:1px solid #cbd5e1; border-radius:14px; font:inherit}
    .field:focus{outline:2px solid #7dd3fc; border-color:#7dd3fc}
    .form-grid{display:grid; gap:12px}
    @media (min-width: 600px){ .form-grid{grid-template-columns: 1fr 1fr} }
    .span-2{grid-column:1/-1}

    /* Footer */
    .footer{background:#0b1220; color:#cbd5e1; padding:36px 0; margin-top:36px}
    .footer a{color:#cbd5e1}

    /* Logo (SVG wrapper) */
    .logo{width:38px; height:38px}
  </style>
</head>
<body>
  <!-- NAVBAR -->
  <nav class="nav">
    <div class="container nav-inner">
      <div class="brand">
        <svg class="logo" viewBox="0 0 64 64" aria-label="Consultas Millenium logo">
          <defs>
            <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
              <stop offset="0%" stop-color="#0ea5e9" />
              <stop offset="100%" stop-color="#10b981" />
            </linearGradient>
          </defs>
          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#g)" />
          <path d="M20 40c0-8 6-14 14-14h10" stroke="#fff" stroke-width="4" fill="none" stroke-linecap="round" />
          <path d="M20 24c0 8 6 14 14 14h10" stroke="#fff" stroke-width="4" fill="none" stroke-linecap="round" />
          <circle cx="44" cy="30" r="2.5" fill="#fff" />
          <circle cx="44" cy="34" r="2.5" fill="#fff" />
        </svg>
        <span>Consultas Millenium</span>
      </div>
      <div class="menu">
        <a href="#especialidades">Especialidades</a>
        <a href="#como-funciona">Cómo funciona</a>
        <a href="#planes">Planes</a>
        <a href="#faq">FAQ</a>
        <a href="#contacto">Contacto</a>
      </div>
      <a class="btn btn-primary cta-nav" href="#planes">Empezar</a>
    </div>
  </nav>

  <!-- HERO -->
  <header class="hero">
    <div class="blob-a"></div>
    <div class="blob-b"></div>
    <div class="container hero-grid">
      <div>
        <h1>Atención médica en línea, <span style="color:var(--brand)">profesional</span> y <span style="color:var(--brand-2)">cercana</span></h1>
        <p>En <strong>Consultas Millenium</strong> conectamos pacientes con médicos especialistas de todas las ramas —con foco en las más demandadas— incluyendo <strong>Salud Pública</strong>. Agenda, paga y atiende en minutos, con seguridad y documentación digital.</p>
        <div class="hero-actions">
          <a class="btn btn-primary" href="#planes">Ver planes</a>
          <a class="btn btn-dark" href="#especialidades">Explorar especialidades</a>
        </div>
        <div class="contact-inline">Contacto directo: <a href="tel:+56939070388"><strong>+569 39070388</strong></a></div>
      </div>
      <div class="hero-card">
        <img src="https://picsum.photos/seed/telemed/1200/900" alt="Videoconsulta médica" style="height:360px; width:100%; object-fit:cover; border-radius:26px; box-shadow:var(--shadow-lg)">
        <div class="hero-note">
          <div class="title">Documentos digitales</div>
          <div class="sub">Recetas, órdenes y certificados con firma electrónica avanzada.</div>
        </div>
      </div>
    </div>
  </header>

  <!-- ESPECIALIDADES -->
  <section id="especialidades" class="section">
    <div class="container">
      <h2 class="section-title">Especialidades disponibles</h2>
      <p class="section-sub">Trabajamos con médicos colegiados y verificados. Agrega tu especialidad en minutos.</p>

      <div class="grid cols-2 cols-3" style="margin-top:22px">
        <!-- Card template -->
        <article class="card">
          <div class="inner">
            <div class="chip">🩺</div>
            <h3>Medicina Interna</h3>
            <p>Agenda flexible, recetas digitales y seguimiento.</p>
          </div>
          <img class="thumb" src="https://picsum.photos/seed/Medicina%20Interna/800/400" alt="Medicina Interna" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Cardiología</h3><p>Control de crónicos y exámenes complementarios.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/Cardiologia/800/400" alt="Cardiología" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Ginecología y Obstetricia</h3><p>Controles, anticoncepción y consejería.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/Ginecologia/800/400" alt="Ginecología" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Pediatría</h3><p>Atención integral y controles de niño sano.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/Pediatria/800/400" alt="Pediatría" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Traumatología y Ortopedia</h3><p>Lesiones deportivas y rehabilitación.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/Traumatologia/800/400" alt="Traumatología" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Dermatología</h3><p>Acné, dermatitis y seguimiento de lunares.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/Dermatologia/800/400" alt="Dermatología" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Neurología</h3><p>Cefaleas, epilepsia y trastornos del sueño.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/Neurologia/800/400" alt="Neurología" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Psiquiatría</h3><p>Salud mental con enfoque humano.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/Psiquiatria/800/400" alt="Psiquiatría" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Cirugía General</h3><p>Pre y post operatorio con seguimiento.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/Cirugia/800/400" alt="Cirugía General" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Salud Pública</h3><p>APS, campañas y gestión poblacional de salud.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/SaludPublica/800/400" alt="Salud Pública" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Odontología</h3><p>Urgencias, estética y controles preventivos.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/Odontologia/800/400" alt="Odontología" />
        </article>

        <article class="card">
          <div class="inner"><div class="chip">🩺</div><h3>Oftalmología</h3><p>Tamizaje, vicios de refracción y seguimiento.</p></div>
          <img class="thumb" src="https://picsum.photos/seed/Oftalmologia/800/400" alt="Oftalmología" />
        </article>
      </div>
    </div>
  </section>

  <!-- CÓMO FUNCIONA -->
  <section id="como-funciona" class="section" style="background:#fff; border-block:1px solid var(--line)">
    <div class="container">
      <h2 class="section-title">Cómo funciona</h2>
      <div class="steps" style="margin-top:22px">
        <div class="step">
          <div class="badge">1</div>
          <h4>Crea tu perfil</h4>
          <p>Médicos verificados con título y especialidad. Define tu agenda, honorarios y modalidad.</p>
          <img class="thumb" src="https://picsum.photos/seed/perfil/800/400" alt="Perfil profesional" style="border-radius:14px; margin-top:10px">
        </div>
        <div class="step">
          <div class="badge">2</div>
          <h4>Agenda y pago</h4>
          <p>El paciente elige día y hora, paga en línea y recibe confirmación inmediata.</p>
          <img class="thumb" src="https://picsum.photos/seed/agenda/800/400" alt="Agenda" style="border-radius:14px; margin-top:10px">
        </div>
        <div class="step">
          <div class="badge">3</div>
          <h4>Videoconsulta</h4>
          <p>Conexión segura, sala de espera virtual y herramientas clínicas integradas.</p>
          <img class="thumb" src="https://picsum.photos/seed/videoconsulta/800/400" alt="Videoconsulta" style="border-radius:14px; margin-top:10px">
        </div>
        <div class="step">
          <div class="badge">4</div>
          <h4>Documentos</h4>
          <p>Emite recetas, licencias y órdenes con firma electrónica y trazabilidad.</p>
          <img class="thumb" src="https://picsum.photos/seed/docs/800/400" alt="Documentos" style="border-radius:14px; margin-top:10px">
        </div>
      </div>
    </div>
  </section>

  <!-- PLANES -->
  <section id="planes" class="section">
    <div class="container">
      <div class="plans-head">
        <div>
          <h2 class="section-title">Planes para profesionales y clínicas</h2>
          <p class="section-sub">Desde <strong>$50.000 CLP/mes</strong>. Sin costos ocultos, cancela cuando quieras.</p>
        </div>
        <a class="btn btn-emerald" href="#contacto">Solicitar demo</a>
      </div>

      <div class="plans">
        <!-- Esencial -->
        <article class="plan">
          <div class="kicker">Plan</div>
          <div class="name">Esencial</div>
          <div class="price"><div class="amount">$50.000</div><div>/mes</div></div>
          <div class="tagline">Para iniciar tu consulta en línea con lo necesario.</div>
          <ul>
            <li>✔️ Perfil profesional verificado</li>
            <li>✔️ Agenda online básica</li>
            <li>✔️ Videoconsultas HD (hasta 40 min)</li>
            <li>✔️ Recetas y órdenes en PDF</li>
            <li>✔️ Soporte por correo en 24h</li>
          </ul>
          <a class="btn btn-dark" href="#contacto" style="margin-top:14px; text-align:center">Comenzar</a>
        </article>

        <!-- Profesional -->
        <article class="plan highlight">
          <div class="kicker">Plan</div>
          <div class="name">Profesional <span style="font-size:.7rem; background:var(--brand); color:#fff; padding:.2rem .45rem; border-radius:9999px; margin-left:6px">Más elegido</span></div>
          <div class="price"><div class="amount">$85.000</div><div>/mes</div></div>
          <div class="tagline">La mejor relación costo–beneficio.</div>
          <ul>
            <li>✔️ Todo en Esencial</li>
            <li>✔️ Recordatorios por WhatsApp/SMS</li>
            <li>✔️ Sala de espera virtual con triage</li>
            <li>✔️ Cobros en línea (Webpay/transferencia)</li>
            <li>✔️ Soporte prioritario (12h)</li>
          </ul>
          <a class="btn btn-primary" href="#contacto" style="margin-top:14px; text-align:center">Elegir Profesional</a>
        </article>

        <!-- Premium -->
        <article class="plan">
          <div class="kicker">Plan</div>
          <div class="name">Premium</div>
          <div class="price"><div class="amount">$120.000</div><div>/mes</div></div>
          <div class="tagline">Para equipos y clínicas con alto volumen.</div>
          <ul>
            <li>✔️ Todo en Profesional</li>
            <li>✔️ Múltiples agendas y usuarios</li>
            <li>✔️ Reportes avanzados y analítica</li>
            <li>✔️ Integración con HIS/EMR (API)</li>
            <li>✔️ Soporte dedicado (4h)</li>
          </ul>
          <a class="btn btn-dark" href="#contacto" style="margin-top:14px; text-align:center">Escalar a Premium</a>
        </article>
      </div>
    </div>
  </section>

  <!-- TESTIMONIOS -->
  <section class="section" style="background:#f1f5f9">
    <div class="container">
      <h2 class="section-title">Lo que dicen nuestros usuarios</h2>
      <div class="testimonials">
        <article class="quote">
          <div class="who"><div class="avatar">👤</div><div><div class="name">Dra. Valentina G.</div><div class="role">Ginecóloga</div></div></div>
          <p style="margin-top:10px">“La agenda online y las recetas digitales me ahorran horas cada semana. La plataforma es muy intuitiva para mis pacientes.”</p>
        </article>
        <article class="quote">
          <div class="who"><div class="avatar">👤</div><div><div class="name">Dr. Rodrigo A.</div><div class="role">Cardiólogo</div></div></div>
          <p style="margin-top:10px">“La videollamada es estable y los reportes son claros. Ideal para control de pacientes crónicos.”</p>
        </article>
        <article class="quote">
          <div class="who"><div class="avatar">👤</div><div><div class="name">Unidad de Salud Pública</div><div class="role">Gestión</div></div></div>
          <p style="margin-top:10px">“La coordinación con APS y campañas es fluida. Los reportes de datos nos ayudan en la toma de decisiones.”</p>
        </article>
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section id="faq" class="section">
    <div class="container">
      <h2 class="section-title">Preguntas frecuentes</h2>
      <div class="faq">
        <details><summary>¿Puedo emitir recetas y licencias?<span>+</span></summary><p>Sí. La plataforma permite emitir recetas, órdenes y certificados, con firma electrónica y resguardo de documentos.</p></details>
        <details><summary>¿Cómo se resguarda la privacidad?<span>+</span></summary><p>Usamos cifrado en tránsito y en reposo, además de controles de acceso por rol. Los datos clínicos son tratados bajo estándares de seguridad.</p></details>
        <details><summary>¿Puedo integrar mi sistema actual?<span>+</span></summary><p>Los planes Profesional y Premium incluyen integraciones mediante API para historias clínicas, agendas y cobros.</p></details>
        <details><summary>¿Qué especialidades aceptan?<span>+</span></summary><p>Todas las ramas médicas y odontológicas. También gestionamos proyectos de Salud Pública y APS.</p></details>
      </div>
    </div>
  </section>

  <!-- CONTACTO -->
  <section id="contacto" class="section" style="background:#fff; border-top:1px solid var(--line)">
    <div class="container">
      <h2 class="section-title">Contacto</h2>
      <p class="section-sub">¿Listo para modernizar tu consulta? Escríbenos y agenda una demo personalizada.</p>
      <div class="contact-grid">
        <div class="contact-card">
          <div style="color:var(--muted); font-size:.9rem">Teléfono</div>
          <div style="font-weight:800; font-size:1.15rem"><a href="tel:+56939070388">+569 39070388</a></div>
          <div style="margin-top:14px; color:var(--muted); font-size:.9rem">Correo</div>
          <div style="font-weight:600">contacto@consultasmillenium.cl</div>
          <div style="margin-top:14px; color:var(--muted); font-size:.9rem">Horario</div>
          <div style="font-weight:600">Lun a Vie · 09:00 – 19:00 (GMT-3)</div>
        </div>
        <form class="form" onsubmit="event.preventDefault(); alert('Formulario ilustrativo: integraremos tu backend preferido.');">
          <div class="form-grid">
            <input class="field" placeholder="Nombre" required>
            <input class="field" type="email" placeholder="Correo" required>
            <input class="field span-2" placeholder="Especialidad">
            <textarea class="field span-2" rows="4" placeholder="Cuéntanos qué necesitas"></textarea>
          </div>
          <button class="btn btn-emerald" style="width:100%; margin-top:12px" type="submit">Enviar consulta</button>
          <p style="margin-top:8px; color:#64748b; font-size:.8rem">*Este formulario es ilustrativo. Integraremos tu backend de preferencia (GHL, HubSpot, Notion, etc.).</p>
        </form>
      </div>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="footer">
    <div class="container" style="display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px">
      <div style="display:flex; align-items:center; gap:10px">
        <svg class="logo" viewBox="0 0 64 64" aria-label="Consultas Millenium logo">
          <defs>
            <linearGradient id="g2" x1="0" y1="0" x2="1" y2="1">
              <stop offset="0%" stop-color="#ffffff" />
              <stop offset="100%" stop-color="#d1fae5" />
            </linearGradient>
          </defs>
          <rect x="6" y="6" width="52" height="52" rx="14" fill="url(#g2)" />
          <path d="M20 40c0-8 6-14 14-14h10" stroke="#111827" stroke-width="4" fill="none" stroke-linecap="round" />
          <path d="M20 24c0 8 6 14 14 14h10" stroke="#111827" stroke-width="4" fill="none" stroke-linecap="round" />
          <circle cx="44" cy="30" r="2.5" fill="#111827" />
          <circle cx="44" cy="34" r="2.5" fill="#111827" />
        </svg>
        <strong>Consultas Millenium</strong>
      </div>
      <div style="color:#94a3b8; font-size:.9rem">© <span id="year"></span> Consultas Millenium. Todos los derechos reservados.</div>
      <div style="font-size:.9rem"><a href="#">Términos</a> <span style="opacity:.5">•</span> <a href="#">Privacidad</a></div>
    </div>
  </footer>

  <script>document.getElementById('year').textContent = new Date().getFullYear();</script>
</body>
</html>

.elementor-kit-1229 {
    font-family: 'Arial', sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
}

.header {
    background-color: #007BFF;
    color: white;
    text-align: center;
    padding: 20px;
}

.header h1 {
    margin: 0;
    font-size: 2.5em;
}

.contact-info {
    font-size: 1.2em;
    margin: 10px 0;
}

.logo {
    max-width: 150px;
    margin: 20px auto;
}

.main-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.section {
    width: 80%;
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.section h2 {
    color: #007BFF;
}

.plans {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.plan {
    background-color: #f8f9fa;
    border: 1px solid #007BFF;
    border-radius: 8px;
    padding: 20px;
    margin: 10px;
    width: 30%;
    text-align: center;
}

.plan h3 {
    color: #007BFF;
}

.footer {
    background-color: #f1f1f1;
    text-align: center;
    padding: 10px;
    position: relative;
    bottom: 0;
    width: 100%;
}/* End custom CSS */