costaline.com.mx Open in urlscan Pro
2606:4700:3034::6815:35af  Public Scan

Submitted URL: https://email.etn.com.mx/e3t/Ctc/DP+113/d2R-yl04/VV_HKW3jljsGW1M1Fz-7xY96BW8QwHkG5l4kFbMQqrVM5nR32W7lCGcx6lZ3nvW234-dT5JB...
Effective URL: https://costaline.com.mx/?utm_term=Viaja-desde-hacia-El-Angel-Rio-Tiber-Cuerna-Chilpan-Aca-Costa-17-sep-btn-Compra-aqui&u...
Submission: On September 18 via manual from MX — Scanned from US

Form analysis 2 forms found in the DOM

<form id="costapass-form">
  <label for="exampleFormControlInput1" class="form-label">Correo electrónico</label>
  <input type="email" class="form-control" id="costapass-input-email" placeholder="Correo electrónico"><br>
  <label for="exampleFormControlInput1" class="form-label">Contraseña</label>
  <input type="password" class="form-control" id="costapass-input-password" placeholder="Contraseña"><br>
  <button class="btn btn-primary btn-costapass" type="submit">Iniciar sesión</button>
</form>

<form class="grid-form" style="--accent-500: #003b73; --primary-700: #0087ca;">
  <div class="title-wrapper">
    <h2 class="reservamos-search-title"></h2>
  </div>
  <div class="search-form search-form-reverse   ">
    <div class="layout-grid-routes layout-grid-routes-switch ">
      <div class="form-field origin">
        <div>
          <div class="origin-wrapper " role="presentation">
            <div class="input-container ">
              <div class="input-wrapper">
                <div class="input-routes"><label class="label label-route " for="txtorigin-desktop">Origen</label>
                  <div class="input-route">
                    <div class="input-route-icon solid false">
                      <svg width="15px" height="16px" viewBox="0 0 15 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <title>heroicons:map-pin-20-solid</title>
                        <g id="Home---Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                          <g id="home-2-origin-writting" transform="translate(-35, -149)">
                            <g id="origin-writing-modal" transform="translate(-0.4026, 0)">
                              <g id="Group-12" transform="translate(15.4026, 98)">
                                <g id="Group-13" transform="translate(0, 33)">
                                  <g id="Group-11" transform="translate(20, 15)">
                                    <g id="heroicons:map-pin-20-solid" transform="translate(0, 3.5)">
                                      <rect id="ViewBox" x="0" y="0" width="15" height="15"></rect>
                                      <path
                                        d="M7.2675,14.19975 L7.26975,14.2005 C7.4175,14.265 7.5,14.25 7.5,14.25 C7.5,14.25 7.5825,14.265 7.731,14.2005 L7.7325,14.19975 L7.737,14.1975 L7.7505,14.1915 C7.82169402,14.1584277 7.89197029,14.1234146 7.96125,14.0865 C8.10075,14.0145 8.29575,13.9065 8.529,13.76175 C8.994,13.47375 9.61275,13.03725 10.2345,12.438 C11.4765,11.241 12.75,9.36975 12.75,6.75 C12.75,4.87435563 11.7493557,3.14118876 10.125,2.20336656 C8.50064436,1.26554437 6.49935564,1.26554437 4.87499998,2.20336656 C3.25064431,3.14118876 2.25,4.87435563 2.25,6.75 C2.25,9.369 3.5235,11.241 4.76625,12.438 C5.28656412,12.9377445 5.85795146,13.3814306 6.471,13.76175 C6.70844427,13.9091921 6.95271612,14.0453437 7.203,14.16975 L7.2495,14.1915 L7.263,14.1975 L7.2675,14.19975 L7.2675,14.19975 Z M7.5,8.4375 C8.43198052,8.4375 9.1875,7.68198052 9.1875,6.75 C9.1875,5.81801948 8.43198052,5.0625 7.5,5.0625 C6.56801948,5.0625 5.8125,5.81801948 5.8125,6.75 C5.8125,7.68198052 6.56801948,8.4375 7.5,8.4375 Z"
                                        id="color-pin" fill="#DC291E"></path>
                                    </g>
                                  </g>
                                </g>
                              </g>
                            </g>
                          </g>
                        </g>
                      </svg>
                    </div><input id="txtorigin-desktop" type="text" autocomplete="off" class="origin es-input" placeholder="Buscar Origen">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="form-field-border"></div>
      <div class="form-field destination">
        <div>
          <div class="destination-wrapper " role="presentation">
            <div class="input-container ">
              <div class="input-wrapper">
                <div class="input-routes"><label class="label label-route " for="txtdestination-desktop">Destino</label>
                  <div class="input-route">
                    <div class="input-route-icon outline false">
                      <svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <title>pin-outline</title>
                        <g id="Home---Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                          <g id="home-2-destination-added" transform="translate(-35, -247)">
                            <g id="Search" transform="translate(15, 122)">
                              <g id="Group-11" transform="translate(20, 25)">
                                <g id="pin-outline" transform="translate(0, 100)">
                                  <rect id="ViewBox" x="0" y="0" width="15" height="15"></rect>
                                  <path
                                    d="M7.2675,14.19975 L7.26975,14.2005 C7.4175,14.265 7.5,14.25 7.5,14.25 C7.5,14.25 7.5825,14.265 7.731,14.2005 L7.7325,14.19975 L7.737,14.1975 L7.7505,14.1915 C7.82169402,14.1584277 7.89197029,14.1234146 7.96125,14.0865 C8.10075,14.0145 8.29575,13.9065 8.529,13.76175 C8.994,13.47375 9.61275,13.03725 10.2345,12.438 C11.4765,11.241 12.75,9.36975 12.75,6.75 C12.75,4.87435563 11.7493557,3.14118876 10.125,2.20336656 C8.50064436,1.26554437 6.49935564,1.26554437 4.87499998,2.20336656 C3.25064431,3.14118876 2.25,4.87435563 2.25,6.75 C2.25,9.369 3.5235,11.241 4.76625,12.438 C5.28656412,12.9377445 5.85795146,13.3814306 6.471,13.76175 C6.70844427,13.9091921 6.95271612,14.0453437 7.203,14.16975 L7.2495,14.1915 L7.263,14.1975 L7.2675,14.19975 L7.2675,14.19975 Z M7.5,8.4375 C8.43198052,8.4375 9.1875,7.68198052 9.1875,6.75 C9.1875,5.81801948 8.43198052,5.0625 7.5,5.0625 C6.56801948,5.0625 5.8125,5.81801948 5.8125,6.75 C5.8125,7.68198052 6.56801948,8.4375 7.5,8.4375 Z"
                                    id="color-pin" stroke="#DC291E"></path>
                                </g>
                              </g>
                            </g>
                          </g>
                        </g>
                      </svg>
                    </div><input id="txtdestination-desktop" type="text" autocomplete="off" class="destination es-input" placeholder="Buscar Destino" disabled="">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="btn-reverse"><button class="reverse-routes ">
          <div class="reverse-routes-arrows">
            <svg width="21px" height="21px" viewBox="0 0 21 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
              <title>material-symbols:compare-arrows-rounded</title>
              <g id="Home" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <g id="ETN---B" transform="translate(-381.000000, -162.000000)">
                  <g id="Search" transform="translate(166.000000, 145.000000)">
                    <g id="reverse-route-button" transform="translate(208.000000, 10.000000)">
                      <g id="material-symbols:compare-arrows-rounded" transform="translate(7.500000, 7.500000)">
                        <rect id="ViewBox" x="0" y="0" width="20" height="20"></rect>
                        <path
                          d="M12.75,11.0833333 L9.75,8.08333333 C9.66666667,8 9.60777778,7.90972222 9.57333333,7.8125 C9.53888889,7.71527778 9.52138889,7.61111111 9.52083333,7.5 C9.52083333,7.38888889 9.53833333,7.28472222 9.57333333,7.1875 C9.60833333,7.09027778 9.66722222,7 9.75,6.91666667 L12.75,3.91666667 C12.9166667,3.75 13.1111111,3.66666667 13.3333333,3.66666667 C13.5555556,3.66666667 13.75,3.75 13.9166667,3.91666667 C14.0833333,4.08333333 14.1666667,4.28138889 14.1666667,4.51083333 C14.1666667,4.74027778 14.0833333,4.93805556 13.9166667,5.10416667 L12.3541667,6.66666667 L17.5,6.66666667 C17.7361111,6.66666667 17.9341667,6.74666667 18.0941667,6.90666667 C18.2541667,7.06666667 18.3338889,7.26444444 18.3333362,7.5 C18.3333362,7.73611111 18.2533333,7.93416667 18.0933333,8.09416667 C17.9333333,8.25416667 17.7355556,8.33388889 17.5,8.33333333 L12.3541667,8.33333333 L13.9166667,9.89583333 C14.0833333,10.0625 14.1666667,10.2569444 14.1666667,10.4791667 C14.1666667,10.7013889 14.0833333,10.8958333 13.9166667,11.0625 C13.75,11.2291667 13.5591667,11.3194444 13.3441667,11.3333333 C13.1291667,11.3472222 12.9311111,11.2638889 12.75,11.0833333 L12.75,11.0833333 Z M6.08333333,16.0625 C6.25,16.2291667 6.44444444,16.3161111 6.66666378,16.3233333 C6.88888889,16.3305556 7.08333333,16.2505556 7.25,16.0833333 L10.25,13.0833333 C10.3333333,13 10.3922222,12.9097222 10.4266667,12.8125 C10.4611111,12.7152778 10.4786111,12.6111111 10.4791667,12.5 C10.4791667,12.3888889 10.4616667,12.2847222 10.4266667,12.1875 C10.3916667,12.0902778 10.3327778,12 10.25,11.9166667 L7.25,8.91666667 C7.08333333,8.75 6.88888889,8.66666667 6.66666378,8.66666667 C6.44444444,8.66666667 6.25,8.75 6.08333333,8.91666667 C5.91666667,9.08333333 5.83333333,9.28138889 5.83333333,9.51083333 C5.83333333,9.74027778 5.91666667,9.93805556 6.08333333,10.1041667 L7.64583333,11.6666667 L2.5,11.6666667 C2.26388889,11.6666667 2.06583333,11.7466667 1.90583333,11.9066667 C1.74583333,12.0666667 1.66611111,12.2644444 1.66666378,12.5 C1.66666378,12.7361111 1.74666667,12.9341667 1.90666667,13.0941667 C2.06666667,13.2541667 2.26444444,13.3338889 2.5,13.3333333 L7.64583333,13.3333333 L6.08333333,14.8958333 C5.91666667,15.0625 5.83333333,15.2569444 5.83333333,15.4791667 C5.83333333,15.7013889 5.91666667,15.8958333 6.08333333,16.0625 Z"
                          id="Shape" fill="#003A5D" fill-rule="nonzero"></path>
                      </g>
                    </g>
                  </g>
                </g>
              </g>
            </svg>
          </div>
          <div></div>
        </button></div>
    </div>
    <div class="form-field-date-wrap  compact-date
                ">
      <div class="form-field-date ">
        <div class="departureDate-wrapper ">
          <div class="dates-controls-container"><label class="label">¿Cuándo viajas?</label>
            <div class="dates-controls-wrapped"><button class="dates-controls-button">Hoy</button><button class="dates-controls-button">Mañana</button><button class="dates-controls-button">
                <div>
                  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15px" height="15px" viewBox="0 0 15 15" version="1.1">
                    <title>calendar</title>
                    <g id="calendar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                      <g id="akar-icons:calendar">
                        <rect id="ViewBox" x="0" y="0" width="15" height="15"></rect>
                        <g id="Group" stroke-linecap="round" stroke-linejoin="round" transform="translate(1.25, 1.25)" stroke="#232323" stroke-width="1.25">
                          <rect id="Rectangle" x="0" y="1.25" width="12.5" height="11.25" rx="2.5"></rect>
                          <path d="M3.75,0 L3.75,2.5 M8.75,0 L8.75,2.5 M0,5 L12.5,5" id="Shape"></path>
                        </g>
                      </g>
                    </g>
                  </svg>
                </div>Elegir
              </button></div>
          </div><input role="combobox" aria-readonly="false" aria-label="Elegir Fecha" type="text" class="departureDate hide picker__input" placeholder="Elegir Fecha" ct-datepicker="true" id="txtDate-departureDate" readonly="" aria-haspopup="true"
            aria-expanded="false" aria-owns="txtDate-departureDate_root">
          <div class="picker" id="txtDate-departureDate_root" aria-hidden="true">
            <div class="picker__holder" tabindex="-1">
              <div class="picker__frame">
                <div class="picker__wrap">
                  <div class="datePickerTextContainer">
                    <div class="calendar-heading">
                      <p class="calendar-heading-title">Elige tu fecha de ida</p>
                      <div class="calendar-heading-message">
                        <label>Compra tu boleto de regreso con hasta 15% de descuento</label>
                      </div>
                      <div>
                      </div>
                    </div>
                  </div>
                  <div class="picker__box">
                    <div class="picker__header">
                      <div class="picker__month">Septiembre</div>
                      <div class="picker__year">2024</div>
                      <div class="picker__nav--prev picker__nav--disabled" data-nav="-1" role="button" aria-controls="txtDate-departureDate_table" title="Previous month"> </div>
                      <div class="picker__nav--next" data-nav="1" role="button" aria-controls="txtDate-departureDate_table" title="Next month"> </div>
                    </div>
                    <table class="picker__table" id="txtDate-departureDate_table" role="grid" aria-controls="txtDate-departureDate" aria-readonly="true">
                      <thead>
                        <tr>
                          <th class="picker__weekday" scope="col" title="Lunes">Lun</th>
                          <th class="picker__weekday" scope="col" title="Martes">Mar</th>
                          <th class="picker__weekday" scope="col" title="Miércoles">Mié</th>
                          <th class="picker__weekday" scope="col" title="Jueves">Jue</th>
                          <th class="picker__weekday" scope="col" title="Viernes">Vie</th>
                          <th class="picker__weekday" scope="col" title="Sábado">Sáb</th>
                          <th class="picker__weekday" scope="col" title="Domingo">Dom</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724666400000" role="gridcell" aria-label="26-Ago-24" aria-disabled="true">26</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724752800000" role="gridcell" aria-label="27-Ago-24" aria-disabled="true">27</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724839200000" role="gridcell" aria-label="28-Ago-24" aria-disabled="true">28</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724925600000" role="gridcell" aria-label="29-Ago-24" aria-disabled="true">29</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1725012000000" role="gridcell" aria-label="30-Ago-24" aria-disabled="true">30</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1725098400000" role="gridcell" aria-label="31-Ago-24" aria-disabled="true">31</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725184800000" role="gridcell" aria-label="01-Sep-24" aria-disabled="true">1</div>
                          </td>
                        </tr>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725271200000" role="gridcell" aria-label="02-Sep-24" aria-disabled="true">2</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725357600000" role="gridcell" aria-label="03-Sep-24" aria-disabled="true">3</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725444000000" role="gridcell" aria-label="04-Sep-24" aria-disabled="true">4</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725530400000" role="gridcell" aria-label="05-Sep-24" aria-disabled="true">5</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725616800000" role="gridcell" aria-label="06-Sep-24" aria-disabled="true">6</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725703200000" role="gridcell" aria-label="07-Sep-24" aria-disabled="true">7</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725789600000" role="gridcell" aria-label="08-Sep-24" aria-disabled="true">8</div>
                          </td>
                        </tr>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725876000000" role="gridcell" aria-label="09-Sep-24" aria-disabled="true">9</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725962400000" role="gridcell" aria-label="10-Sep-24" aria-disabled="true">10</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726048800000" role="gridcell" aria-label="11-Sep-24" aria-disabled="true">11</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726135200000" role="gridcell" aria-label="12-Sep-24" aria-disabled="true">12</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726221600000" role="gridcell" aria-label="13-Sep-24" aria-disabled="true">13</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726308000000" role="gridcell" aria-label="14-Sep-24" aria-disabled="true">14</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726394400000" role="gridcell" aria-label="15-Sep-24" aria-disabled="true">15</div>
                          </td>
                        </tr>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726480800000" role="gridcell" aria-label="16-Sep-24" aria-disabled="true">16</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726567200000" role="gridcell" aria-label="17-Sep-24" aria-disabled="true">17</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--today picker__day--highlighted" data-pick="1726653600000" role="gridcell" aria-label="18-Sep-24" aria-activedescendant="true">18</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1726740000000" role="gridcell" aria-label="19-Sep-24">19</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1726826400000" role="gridcell" aria-label="20-Sep-24">20</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1726912800000" role="gridcell" aria-label="21-Sep-24">21</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1726999200000" role="gridcell" aria-label="22-Sep-24">22</div>
                          </td>
                        </tr>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727085600000" role="gridcell" aria-label="23-Sep-24">23</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727172000000" role="gridcell" aria-label="24-Sep-24">24</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727258400000" role="gridcell" aria-label="25-Sep-24">25</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727344800000" role="gridcell" aria-label="26-Sep-24">26</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727431200000" role="gridcell" aria-label="27-Sep-24">27</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727517600000" role="gridcell" aria-label="28-Sep-24">28</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727604000000" role="gridcell" aria-label="29-Sep-24">29</div>
                          </td>
                        </tr>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727690400000" role="gridcell" aria-label="30-Sep-24">30</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1727776800000" role="gridcell" aria-label="01-Oct-24">1</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1727863200000" role="gridcell" aria-label="02-Oct-24">2</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1727949600000" role="gridcell" aria-label="03-Oct-24">3</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1728036000000" role="gridcell" aria-label="04-Oct-24">4</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1728122400000" role="gridcell" aria-label="05-Oct-24">5</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1728208800000" role="gridcell" aria-label="06-Oct-24">6</div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <div class="picker__footer"><button class="picker__button--today" type="button" data-pick="1726653600000" disabled="" aria-controls="txtDate-departureDate">Hoy</button><button class="picker__button--close" type="button"
                        data-close="true" disabled="" aria-controls="txtDate-departureDate">Cerrar</button></div>
                  </div>
                  <div class="picker-ticket">
                    <div class="picker-ticket-wrapper">
                      <p><b>¿No tienes fecha de ida?</b></p>
                      <p>¡Viaja con Boleto abierto!</p>
                      <span class="picker-ticket-new"> Nuevo! </span>
                    </div><button class="picker-ticket-button" tabindex="-1">Boleto abierto</button>
                  </div>
                </div>
              </div>
            </div>
          </div><input type="hidden" name="_submit">
        </div>
      </div>
      <div class="dates-separator hide"></div>
      <div class="form-field-date hide">
        <div class="returnDate-wrapper "><label class="label label-dates ">Regreso</label><input role="combobox" aria-readonly="false" aria-label="Opcional" type="text" class="returnDate picker__input" placeholder="Opcional" ct-datepicker="true"
            id="txtDate-returnDate" readonly="" aria-haspopup="true" aria-expanded="false" aria-owns="txtDate-returnDate_root">
          <div class="picker" id="txtDate-returnDate_root" aria-hidden="true">
            <div class="picker__holder" tabindex="-1">
              <div class="picker__frame">
                <div class="picker__wrap">
                  <div class="datePickerTextContainer">
                    <div class="calendar-heading">
                      <p class="calendar-heading-title">Elige tu fecha de regreso</p>
                      <div class="calendar-heading-message">
                        <label>Compra tu boleto de regreso con hasta 15% de descuento</label>
                      </div>
                      <div>
                      </div>
                    </div>
                  </div>
                  <div class="picker__box">
                    <div class="picker__header">
                      <div class="picker__month">Septiembre</div>
                      <div class="picker__year">2024</div>
                      <div class="picker__nav--prev picker__nav--disabled" data-nav="-1" role="button" aria-controls="txtDate-returnDate_table" title="Previous month"> </div>
                      <div class="picker__nav--next" data-nav="1" role="button" aria-controls="txtDate-returnDate_table" title="Next month"> </div>
                    </div>
                    <table class="picker__table" id="txtDate-returnDate_table" role="grid" aria-controls="txtDate-returnDate" aria-readonly="true">
                      <thead>
                        <tr>
                          <th class="picker__weekday" scope="col" title="Lunes">Lun</th>
                          <th class="picker__weekday" scope="col" title="Martes">Mar</th>
                          <th class="picker__weekday" scope="col" title="Miércoles">Mié</th>
                          <th class="picker__weekday" scope="col" title="Jueves">Jue</th>
                          <th class="picker__weekday" scope="col" title="Viernes">Vie</th>
                          <th class="picker__weekday" scope="col" title="Sábado">Sáb</th>
                          <th class="picker__weekday" scope="col" title="Domingo">Dom</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724666400000" role="gridcell" aria-label="26-Ago-24" aria-disabled="true">26</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724752800000" role="gridcell" aria-label="27-Ago-24" aria-disabled="true">27</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724839200000" role="gridcell" aria-label="28-Ago-24" aria-disabled="true">28</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1724925600000" role="gridcell" aria-label="29-Ago-24" aria-disabled="true">29</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1725012000000" role="gridcell" aria-label="30-Ago-24" aria-disabled="true">30</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus picker__day--disabled" data-pick="1725098400000" role="gridcell" aria-label="31-Ago-24" aria-disabled="true">31</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725184800000" role="gridcell" aria-label="01-Sep-24" aria-disabled="true">1</div>
                          </td>
                        </tr>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725271200000" role="gridcell" aria-label="02-Sep-24" aria-disabled="true">2</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725357600000" role="gridcell" aria-label="03-Sep-24" aria-disabled="true">3</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725444000000" role="gridcell" aria-label="04-Sep-24" aria-disabled="true">4</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725530400000" role="gridcell" aria-label="05-Sep-24" aria-disabled="true">5</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725616800000" role="gridcell" aria-label="06-Sep-24" aria-disabled="true">6</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725703200000" role="gridcell" aria-label="07-Sep-24" aria-disabled="true">7</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725789600000" role="gridcell" aria-label="08-Sep-24" aria-disabled="true">8</div>
                          </td>
                        </tr>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725876000000" role="gridcell" aria-label="09-Sep-24" aria-disabled="true">9</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1725962400000" role="gridcell" aria-label="10-Sep-24" aria-disabled="true">10</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726048800000" role="gridcell" aria-label="11-Sep-24" aria-disabled="true">11</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726135200000" role="gridcell" aria-label="12-Sep-24" aria-disabled="true">12</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726221600000" role="gridcell" aria-label="13-Sep-24" aria-disabled="true">13</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726308000000" role="gridcell" aria-label="14-Sep-24" aria-disabled="true">14</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726394400000" role="gridcell" aria-label="15-Sep-24" aria-disabled="true">15</div>
                          </td>
                        </tr>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726480800000" role="gridcell" aria-label="16-Sep-24" aria-disabled="true">16</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--disabled" data-pick="1726567200000" role="gridcell" aria-label="17-Sep-24" aria-disabled="true">17</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus picker__day--today picker__day--highlighted" data-pick="1726653600000" role="gridcell" aria-label="18-Sep-24" aria-activedescendant="true">18</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1726740000000" role="gridcell" aria-label="19-Sep-24">19</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1726826400000" role="gridcell" aria-label="20-Sep-24">20</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1726912800000" role="gridcell" aria-label="21-Sep-24">21</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1726999200000" role="gridcell" aria-label="22-Sep-24">22</div>
                          </td>
                        </tr>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727085600000" role="gridcell" aria-label="23-Sep-24">23</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727172000000" role="gridcell" aria-label="24-Sep-24">24</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727258400000" role="gridcell" aria-label="25-Sep-24">25</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727344800000" role="gridcell" aria-label="26-Sep-24">26</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727431200000" role="gridcell" aria-label="27-Sep-24">27</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727517600000" role="gridcell" aria-label="28-Sep-24">28</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727604000000" role="gridcell" aria-label="29-Sep-24">29</div>
                          </td>
                        </tr>
                        <tr>
                          <td role="presentation">
                            <div class="picker__day picker__day--infocus" data-pick="1727690400000" role="gridcell" aria-label="30-Sep-24">30</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1727776800000" role="gridcell" aria-label="01-Oct-24">1</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1727863200000" role="gridcell" aria-label="02-Oct-24">2</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1727949600000" role="gridcell" aria-label="03-Oct-24">3</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1728036000000" role="gridcell" aria-label="04-Oct-24">4</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1728122400000" role="gridcell" aria-label="05-Oct-24">5</div>
                          </td>
                          <td role="presentation">
                            <div class="picker__day picker__day--outfocus" data-pick="1728208800000" role="gridcell" aria-label="06-Oct-24">6</div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <div class="picker__footer"><button class="picker__button--today" type="button" data-pick="1726653600000" disabled="" aria-controls="txtDate-returnDate">Hoy</button><button class="picker__button--clear" type="button"
                        data-clear="1" disabled="" aria-controls="txtDate-returnDate">Borrar</button><button class="picker__button--close" type="button" data-close="true" disabled="" aria-controls="txtDate-returnDate">Cerrar</button></div>
                  </div>
                  <div class="picker-ticket">
                    <div class="picker-ticket-wrapper">
                      <p><b>¿No tienes fecha de regreso?</b></p>
                      <p>¡Viaja con Boleto abierto!</p>
                      <span class="picker-ticket-new"> Nuevo! </span>
                    </div><button class="picker-ticket-button" tabindex="-1">Boleto abierto</button>
                  </div>
                </div>
              </div>
            </div>
          </div><input type="hidden" name="_submit">
          <div class="iqdropdown-selection">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25px" height="25px" viewBox="0 0 25 25" version="1.1">
              <title>arrow-down</title>
              <g id="arrow-down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <g id="iconamoon:arrow-down-2">
                  <rect id="ViewBox" x="0" y="0" width="25" height="25"></rect>
                  <path d="M7.29166667,10.4166667 L12.5,15.625 M12.5,15.625 L17.7083333,10.4166667" id="Shape" stroke="#9B9B9B" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
                </g>
              </g>
            </svg>
          </div>
        </div>
      </div>
    </div>
    <div class="form-field sw-dropdown">
      <div class="iqdropdown "><label class="label label-passenger">¿Quiénes viajan?</label>
        <p class="iqdropdown-selection">1 pasajero</p>
      </div>
    </div>
    <div class="button-wrapper"><button type="submit" class="search-button " ct-submit="true">
        <div class="search-icon">
          <!--?xml version="1.0" encoding="UTF-8"?-->
          <svg width="15px" height="15px" viewBox="0 0 15 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <title>search</title>
            <g id="Home---Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <g id="color" transform="translate(-167, -335)" fill="#FFFFFF" fill-rule="nonzero">
                <g id="cta-search" transform="translate(15, 311)">
                  <g id="ion:search" transform="translate(151, 23)">
                    <path
                      d="M13.3795898,12.3454102 L10.6230469,9.58886719 C11.2866992,8.70537604 11.6449575,7.62998395 11.64375,6.525 C11.64375,3.70253906 9.34746094,1.40625 6.525,1.40625 C3.70253906,1.40625 1.40625,3.70253906 1.40625,6.525 C1.40625,9.34746094 3.70253906,11.64375 6.525,11.64375 C7.62998395,11.6449575 8.70537604,11.2866992 9.58886719,10.6230469 L12.3454102,13.3795898 C12.6351233,13.6385674 13.0766597,13.6262105 13.3514351,13.3514351 C13.6262105,13.0766597 13.6385674,12.6351233 13.3795898,12.3454102 Z M2.86875,6.525 C2.86875,4.50570888 4.50570888,2.86875 6.525,2.86875 C8.54429112,2.86875 10.18125,4.50570888 10.18125,6.525 C10.18125,8.54429112 8.54429112,10.18125 6.525,10.18125 C4.50671274,10.1788285 2.87117146,8.54328726 2.86875,6.525 L2.86875,6.525 Z"
                      id="Shape"></path>
                  </g>
                </g>
              </g>
            </g>
          </svg>
        </div>Buscar
      </button></div>
  </div>
</form>

Text Content

Puntos Disponibles

Puntos pendientes

Cerrar Sesion



X
Únete a Doters


Únete gratis
Inicia sesión

¿QUIERES SABER MÁS SOBRE EL PROGRAMA?


Da clic aquí




CostaPass

ID Monedero:

Saldo Monedero



Ir a Sitio Cerrar Sesión

INGRESA A TU CUENTA COSTAPASS

X
Correo electrónico
Contraseña
Iniciar sesión

¿NO TIENES CUENTA?


Registrate


 * HOME
 * MODIFIQUE SU ITINERARIO
 * IMPRIMIR PASE DE ABORDAR
 * PAQUETERÍA
 * DESTINOS
   * Boletos de autobús a Acapulco
   * Boletos de autobús a Chilpancingo
   * Boletos de autobús a Cuernavaca
   * Boletos de autobús a Ixtapa
   * Boletos de autobús a Taxco
   * Boletos de autobús a Hotel Benidorm
 * FACTURACIÓN
   * Factura aquí
   * ¿Qué datos necesito?
 * TIPOS DE BOLETO
 * ¿DÓNDE COMPRAR?
 * COSTAPASS
 * COSTAPASS AMS
 * GUIA DE DESCUENTOS
 * DESTINOS
 * TAQUILLAS
 * SALAS DE ESPERA
 * SERVICIOS A BORDO
 * PROMOCIONES
 * AGENCIAS
 * OXXO PAY
 * VIAJERO ANTICIPADO
 * VIAJO PROTEGIDO
 * VIAJA AHORRANDO
 * UTILIZA TU BOLETO ABIERTO
 * ATENCIÓN A CLIENTES
 * BLOG

 * * BOLETOS DE AUTOBÚS
     * TIPOS DE BOLETOS DE AUTOBÚS
     * ¿DÓNDE COMPRAR?
   * COSTAPASS
   * COSTAPAS AMS
   * GUIA DE DESCUENTOS
   * DESTINOS
   * TERMINALES
     * TAQUILLAS
     * SALAS DE ESPERA
   * SERVICIOS A BORDO
   * PROMOCIONES
   * AGENCIAS
   * PAGOS REFERENCIADOS
     * OXXO PAY
   * VIAJERO ANTICIPADO
   * VIAJERO PROTEGIDO
   * VIAJA AHORRANDO
   * BLOG
   * OTROS SERVICIOS
     * UTILIZA TU BOLETO ABIERTO
     * ATENCIÓN A CLIENTES

Origen
heroicons:map-pin-20-solid

Destino
pin-outline
material-symbols:compare-arrows-rounded

¿Cuándo viajas?
HoyMañana
calendar
Elegir

Elige tu fecha de ida

Compra tu boleto de regreso con hasta 15% de descuento

Septiembre
2024



LunMarMiéJueVieSábDom
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6

HoyCerrar

¿No tienes fecha de ida?

¡Viaja con Boleto abierto!

Nuevo!
Boleto abierto

Regreso

Elige tu fecha de regreso

Compra tu boleto de regreso con hasta 15% de descuento

Septiembre
2024



LunMarMiéJueVieSábDom
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6

HoyBorrarCerrar

¿No tienes fecha de regreso?

¡Viaja con Boleto abierto!

Nuevo!
Boleto abierto
arrow-down
¿Quiénes viajan?

1 pasajero

search
Buscar

Previous Next


¡SÉ PARTE DEL PROGRAMA DE RECOMPENSAS Y OBTÉN GRANDES BENEFICIOS!

 * Gana 1 Punto Doters por cada 1 MXN
 * Prioridad en abordaje
 * 10% de descuento en paquetería
 * Acceso a boleto recompensa

¡QUIERO OBTENER MI BENEFICIO!
Únete a Doters
Iniciar sesión
Nuestras promociones

ANTICIPA TU COMPRA Y OBTÉN HASTA

35%

de descuento


¡Me interesa!

COMPRA AHORA TUS BOLETOS DE AUTOBÚS Y OBTÉN DESCUENTO DEL

10% y 15%

Comprando tu boleto redondo.

¡Me interesa!

GUIA DE
DESCUENTOS

MONEDERO
ELECTRÓNICO
COSTAPASS

SEGURO DE VIAJE
CONOCE TU
COBERTURA

ASIENTOS
CÓMODOS


Evalua tu viaje
 * 800 0037 635
 * 

 * Acerca de nosotros
 * Bolsa de trabajo
 * Evalua tu viaje

 * Preguntas frecuentes
 * Cuéntanos tu experiencia

 * Aviso de Privacidad
 * Términos y Condiciones

© 2023 Costa Line