Nuestros asientos

Conoce las características de nuestros asientos y disfruta de un vuelo más cómodo.

<div class="container-wrap">
  <div class="grid" style="display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:stretch;">

    <!-- Columna 1: Business Class -->
    <div class="grid-col col-12 col-lg-4" style="flex:1 1 calc(33.33% - 1rem);min-width:260px;max-width:calc(33.33% - 1rem);box-sizing:border-box;display:flex;flex-direction:column;">
      <div style="width: 100%; border-radius: 1rem; box-shadow: 0 0.125rem 0.75rem rgb(27 27 27 / 15%); box-sizing: border-box; flex:1; display:flex; flex-direction:column;">

        <div style="font-size: 20px; line-height: 28px; text-align: center; color: #1b1b1b; font-weight: bold; padding-bottom: 15px; padding-top: 15px; font-family: 'red hat display';">
          <p> Business Class</p>
        </div>

        <div style="margin: auto; width: 90%; height: 220px; background-image: url('https://publish-p176854-e1910391.adobeaemcloud.com/content/dam/avianca/Web%20Actual/Experiencia/Mosaico/Sillas/asiento%20flatbed.webp'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 24px;"></div>

        <div style="width: 100%; box-sizing: border-box; padding: 1rem 1rem 24px 1rem; line-height: 28px;">
          <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left; font-family: 'red hat display';">
            <div style="margin-bottom: 0px; margin-top: 3px;">
              <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left; font-family: 'red hat display';">
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Asientos Flatbed en las primeras filas</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Espacio privado e individual</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Asiento tipo cama</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Apoyacabezas ajustable</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Pantalla integrada de 16”</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Puertos de carga USB tipo A y C</p>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>

    <!-- Columna 2: Plus -->
    <div class="grid-col col-12 col-lg-4" style="flex:1 1 calc(33.33% - 1rem);min-width:260px;max-width:calc(33.33% - 1rem);box-sizing:border-box;display:flex;flex-direction:column;">
      <div style="width: 100%; border-radius: 1rem; box-shadow: 0 0.125rem 0.75rem rgb(27 27 27 / 15%); box-sizing: border-box; flex:1; display:flex; flex-direction:column;">

        <div style="font-size: 20px; line-height: 28px; text-align: center; color: #1b1b1b; font-weight: bold; padding-bottom: 15px; padding-top: 15px; font-family: 'red hat display';">
          <p>Plus</p>
        </div>

        <div style="margin: auto; width: 90%; height: 220px; background-image: url('https://publish-p176854-e1910391.adobeaemcloud.com/content/dam/avianca/Web%20Actual/Experiencia/Mosaico/Sillas/asiento%20plus%20b787.webp'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 24px;"></div>

        <div style="width: 100%; box-sizing: border-box; padding: 1rem 1rem 24px 1rem; line-height: 28px;">
          <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left; font-family: 'red hat display';">
            <div style="margin-bottom: 0px; margin-top: 3px;">
              <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left;">
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Ubicados en la parte delantera del avión</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Más espacio</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Reclinable</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Apoyacabezas ajustable</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Pantalla integrada de 12”</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Puertos de carga USB tipo A y C</p>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>

    <!-- Columna 3: Economy -->
    <div class="grid-col col-12 col-lg-4" style="flex:1 1 calc(33.33% - 1rem);min-width:260px;max-width:calc(33.33% - 1rem);box-sizing:border-box;display:flex;flex-direction:column;">
      <div style="width: 100%; border-radius: 1rem; box-shadow: 0 0.125rem 0.75rem rgb(27 27 27 / 15%); box-sizing: border-box; flex:1; display:flex; flex-direction:column;">

        <div style="font-size: 20px; line-height: 28px; text-align: center; color: #1b1b1b; font-weight: bold; padding-bottom: 15px; padding-top: 15px; font-family: 'red hat display';">
          <p>Economy</p>
        </div>

        <div style="margin: auto; width: 90%; height: 220px; background-image: url('https://publish-p176854-e1910391.adobeaemcloud.com/content/dam/avianca/Web%20Actual/Experiencia/Mosaico/Sillas/asiento%20economy%20b787.webp'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 24px;"></div>

        <div style="width: 100%; box-sizing: border-box; padding: 1rem 1rem 24px 1rem; line-height: 28px;">
          <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left; font-family: 'red hat display';">
            <div style="margin-bottom: 0px; margin-top: 3px;">
              <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left;">
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Ubicados en la parte posterior del avión</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Espacio estándar</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Reclinable</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Apoyacabezas ajustable</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Pantalla integrada de 12”</p>
                <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Puertos de carga USB tipo A y C</p>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>

  </div>
</div>

<div class="container-wrap">                                                          <div class="grid" style="display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:stretch;">                                             <div class="grid-col col-12 col-lg-4" style="flex:1 1 calc(33.33% - 1rem);min-width:260px;max-width:calc(33.33% - 1rem);box-sizing:border-box;display:flex;flex-direction:column;">                                                                                    <div style="width: 100%; border-radius: 1rem; box-shadow: 0 0.125rem 0.75rem rgb(27 27 27 / 15%); box-sizing: border-box;;flex:1;display:flex;flex-direction:column;">                     <div style="font-size: 20px; line-height: 28px; text-align: center; color: #1b1b1b; font-weight: bold; padding-bottom: 15px; padding-top: 15px; font-family: 'red hat display';">                     <p>Business Class Américas</p>                     </div>                     <div style="margin: auto; width: 90%; height: 220px; background-image: url('https://publish-p176854-e1910391.adobeaemcloud.com/content/dam/avianca/02%20Assets%20Web%20Actual/04-experiencia-avianca/asientos/fotografia_premium-a320.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 24px;"></div>                     <div style="width: 100%; box-sizing: border-box; padding: 1rem 1rem 24px 1rem; line-height: 28px;">                     <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left; font-family: 'red hat display';">                     <div style="margin-bottom: 0px; margin-top: 3px;">                     <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left;">                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Asientos Premium ubicados en las filas 1 – 3</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Mayor espacio</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Reclinable</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Apoyacabezas ajustable</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>avianca on air disponible</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Puertos de carga USB tipo A y C</p>                     </div>                     </div>                     </div>                     </div>                     </div>                                                                  </div>                                             <div class="grid-col col-12 col-lg-4" style="flex:1 1 calc(33.33% - 1rem);min-width:260px;max-width:calc(33.33% - 1rem);box-sizing:border-box;display:flex;flex-direction:column;">                                                                                    <div style="width: 100%; border-radius: 1rem; box-shadow: 0 0.125rem 0.75rem rgb(27 27 27 / 15%); box-sizing: border-box;;flex:1;display:flex;flex-direction:column;">                     <div style="font-size: 20px; line-height: 28px; text-align: center; color: #1b1b1b; font-weight: bold; padding-bottom: 15px; padding-top: 15px; font-family: 'red hat display';">                     <p>Plus</p>                     </div>                     <div style="margin: auto; width: 90%; height: 220px; background-image: url('https://publish-p176854-e1910391.adobeaemcloud.com/content/dam/avianca/02%20Assets%20Web%20Actual/04-experiencia-avianca/asientos/fotografia_asientos-plus.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 24px;"></div>                     <div style="width: 100%; box-sizing: border-box; padding: 1rem 1rem 24px 1rem; line-height: 28px;">                     <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left; font-family: 'red hat display';">                     <div style="margin-bottom: 0px; margin-top: 3px;">                     <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left;">                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Ubicados en la parte delantera del avión</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Más espacio</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Reclinable</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Apoyacabezas ajustable</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>avianca on air disponible</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Puertos de carga USB tipo A y C</p>                     </div>                     </div>                     </div>                     </div>                     </div>                                                                  </div>                                             <div class="grid-col col-12 col-lg-4" style="flex:1 1 calc(33.33% - 1rem);min-width:260px;max-width:calc(33.33% - 1rem);box-sizing:border-box;display:flex;flex-direction:column;">                                                                                    <div style="width: 100%; border-radius: 1rem; box-shadow: 0 0.125rem 0.75rem rgb(27 27 27 / 15%); box-sizing: border-box;;flex:1;display:flex;flex-direction:column;">                     <div style="font-size: 20px; line-height: 28px; text-align: center; color: #1b1b1b; font-weight: bold; padding-bottom: 15px; padding-top: 15px; font-family: 'red hat display';">                     <p>Economy</p>                     </div>                     <div style="margin: auto; width: 90%; height: 220px; background-image: url('https://publish-p176854-e1910391.adobeaemcloud.com/content/dam/avianca/02%20Assets%20Web%20Actual/04-experiencia-avianca/asientos/fotografia_asientos-economy.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 24px;"></div>                     <div style="width: 100%; box-sizing: border-box; padding: 1rem 1rem 24px 1rem; line-height: 28px;">                     <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left; font-family: 'red hat display';">                     <div style="margin-bottom: 0px; margin-top: 3px;">                     <div style="box-sizing: border-box; width: 100%; height: auto; text-align: left;">                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px; font-family: 'red hat display';">• </span>Ubicados en la parte posterior del avión</p>                     <p style="margin-bottom: 0px; margin-top: 3px; color: #969696;"><span style="color: #969696; font-size: 16px;">• </span>Espacio estándar</p>                     <p style="margin-bottom: 0px; margin-top: 3px; color: #969696;"><span style="color: #969696; font-size: 16px;">• </span><strong>No reclinable</strong></p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Apoyacabezas integrado</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>avianca on air disponible</p>                     <p style="margin-bottom: 0px; margin-top: 3px;"><span style="color: #1b1b1b; font-size: 16px;">• </span>Puertos de carga USB tipo A y C</p>                     </div>                     </div>                     </div>                     </div>                     </div>                                                                  </div>                                     </div>                                 </div>

<span style="display:inline-block; width:80px; height:1px; background:#D9D9D9; margin-right:8px;"></span>
<p style="font-size: 12px; color: #555555; line-height: 1.4; margin-top: 8px; margin-bottom: 8px;">
• Por motivos de operaciones, el tipo de avión y las características de tu asiento pueden variar.
<br>
• Ten en cuenta que la reclinación máxima de los asientos en Business Class puede variar según el tipo de avión.
</p>