innovatelevision

<!-- INNOVA TV - Hero En Vivo + Programación + Programas Destacados -->
<style>
  :root{
    --innova-orange: #ff7a00;
    --innova-yellow: #ffcc00;
    --bg-dark: #0f0f10;
    --card-bg: #111214;
    --text: #ffffff;
    --muted: #cfcfcf;
    --max-width: 1200px;
  }
  .innova-wrap{max-width:var(--max-width);margin:30px auto;padding:20px;color:var(--text);font-family:Arial,Helvetica,sans-serif}
  .innova-hero{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}
  .innova-player{background:#000;border-radius:8px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.6)}
  .innova-player .badge{position:absolute;z-index:5;margin:12px;background:linear-gradient(90deg,var(--innova-orange),var(--innova-yellow));color:#111;padding:6px 10px;border-radius:20px;font-weight:700}
  .player-wrap{position:relative;height:0;padding-bottom:56.25%}
  .player-wrap iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0}
  .innova-side{display:flex;flex-direction:column;gap:12px}
  .innova-schedule{background:var(--card-bg);padding:14px;border-radius:8px}
  .innova-schedule h3{margin:0 0 8px;font-size:18px}
  details[open] summary::after{content:"▲";float:right} summary::after{content:"▼";float:right}
  summary{cursor:pointer;font-weight:700;list-style:none;outline:none}
  .innova-programs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
  .prog-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);padding:10px;border-radius:8px;display:flex;gap:10px;align-items:center}
  .prog-thumb{width:72px;height:50px;border-radius:6px;background:#222;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}
  .prog-meta{font-size:13px}
  .prog-meta strong{display:block;color:var(--text)}
  .featured-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
  .feat{background:var(--card-bg);padding:10px;border-radius:8px}
  .feat img{width:100%;height:150px;object-fit:cover;border-radius:6px}
  .feat h4{margin:8px 0 0;font-size:15px}
  .innova-footer{margin-top:20px;padding:12px 10px;border-radius:8px;background:#0b0b0b;color:var(--muted);font-size:13px;display:flex;justify-content:space-between;align-items:center}
  .btn-live{display:inline-block;background:linear-gradient(90deg,var(--innova-orange),var(--innova-yellow));color:#111;padding:8px 12px;border-radius:20px;font-weight:800;text-decoration:none}
  @media(max-width:900px){
    .innova-hero{grid-template-columns:1fr; }
    .innova-player{order:0}
    .innova-side{order:1}
    .featured-row{grid-template-columns:1fr}
    .innova-programs{grid-template-columns:1fr}
  }
</style>

<div class="innova-wrap" role="region" aria-label="Innova TV live and programs">
  <div class="innova-hero">
    <!-- Player / Live -->
    <div class="innova-player">
      <div class="player-wrap">
        <!-- Replace the src below with your YouTube Live, Facebook Live or other iframe URL -->
        <iframe src="https://www.youtube.com/embed/REPLACE_WITH_YOUR_YOUTUBE_LIVE_ID?autoplay=0&rel=0" title="Innova TV Live" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
      <div style="position:absolute;left:12px;top:12px;">
        <span class="badge">EN VIVO</span>
      </div>
    </div>

    <!-- Right column: Schedule + small programs -->
    <aside class="innova-side" aria-label="Schedule and next programs">
      <div class="innova-schedule" aria-live="polite">
        <h3>Programación - Hoy</h3>

        <!-- Use details/summary so no JS es necesario -->
        <details open>
          <summary>Ver horarios</summary>
          <ul style="margin:10px 0 0;padding:0;list-style:none;color:var(--muted);font-size:14px">
            <li><strong>06:00</strong> - Noticias Matutinas</li>
            <li><strong>09:00</strong> - Café con Innova</li>
            <li><strong>12:00</strong> - Actualidad Local</li>
            <li><strong>15:00</strong> - Deportes Hoy</li>
            <li><strong>18:00</strong> - Magazine Nocturno</li>
            <li><strong>21:00</strong> - Programa Estrella</li>
          </ul>
        </details>
        <div style="margin-top:10px;">
          <a class="btn-live" href="#">Ver en vivo</a>
        </div>
      </div>

      <div class="innova-programs" aria-hidden="false">
        <div class="prog-card">
          <div class="prog-thumb">IMG</div>
          <div class="prog-meta"><strong>Café Innova</strong><span class="muted">09:00 - 11:00</span></div>
        </div>
        <div class="prog-card">
          <div class="prog-thumb">IMG</div>
          <div class="prog-meta"><strong>Actualidad</strong><span class="muted">12:00 - 13:00</span></div>
        </div>
      </div>
    </aside>
  </div>

  <!-- Featured programs / clips -->
  <section style="margin-top:18px">
    <h3 style="margin:0 0 12px">Programas Destacados</h3>
    <div class="featured-row" role="list">
      <article class="feat" role="listitem">
        <img alt="Programa 1" src="https://via.placeholder.com/600x400?text=Programa+1">
        <h4>El Show de la Tarde</h4>
        <p style="margin:6px 0 0;color:var(--muted);font-size:13px">Una mirada a la cultura y el entretenimiento local.</p>
      </article>
      <article class="feat" role="listitem">
        <img alt="Programa 2" src="https://via.placeholder.com/600x400?text=Programa+2">
        <h4>Deportes Innova</h4>
        <p style="margin:6px 0 0;color:var(--muted);font-size:13px">Resumen de eventos y entrevistas exclusivas.</p>
      </article>
      <article class="feat" role="listitem">
        <img alt="Programa 3" src="https://via.placeholder.com/600x400?text=Programa+3">
        <h4>La Noche</h4>
        <p style="margin:6px 0 0;color:var(--muted);font-size:13px">El programa estelar con invitados y música.</p>
      </article>
    </div>
  </section>

  <div class="innova-footer">
    <div>© Innova TV</div>
    <div style="text-align:right">
      <small style="color:var(--muted)">Contacto: +504 9815-3439 • Azacualpa, Santa Bárbara</small>
    </div>
  </div>
</div>

A commitment to innovation and sustainability

Études is a pioneering firm that seamlessly merges creativity and functionality to redefine architectural excellence.

About us
Building exterior in Toronto, Canada

A passion for creating spaces

Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers.

Renovation and restoration

Experience the fusion of imagination and expertise with Études Architectural Solutions.

Continuous Support

Experience the fusion of imagination and expertise with Études Architectural Solutions.

App Access

Experience the fusion of imagination and expertise with Études Architectural Solutions.

Consulting

Experience the fusion of imagination and expertise with Études Architectural Solutions.

Project Management

Experience the fusion of imagination and expertise with Études Architectural Solutions.

Architectural Solutions

Experience the fusion of imagination and expertise with Études Architectural Solutions.

An array of resources

Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers.

Études Architect App

  • Collaborate with fellow architects.
  • Showcase your projects.
  • Experience the world of architecture.
Tourist taking photo of a building
Windows of a building in Nuremberg, Germany

Études Newsletter

  • A world of thought-provoking articles.
  • Case studies that celebrate architecture.
  • Exclusive access to design insights.

“Études has saved us thousands of hours of work and has unlocked insights we never thought possible.”

Annie Steiner

CEO, Greenprint

Watch, Read, Listen

Join 900+ subscribers

Stay in the loop with everything you need to know.

Sign up