gasco.cl Open in urlscan Pro
52.87.61.201  Public Scan

Submitted URL: http://gasco.cl/
Effective URL: https://gasco.cl/
Submission Tags: tranco_l324
Submission: On May 12 via api from DE — Scanned from DE

Form analysis 1 forms found in the DOM

POST ./

<form method="post" action="./" id="form1">
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="/wEPDwULLTIxMzYyNTMwMzAPZBYCZg9kFgJmD2QWBmYPZBYCAhMPFgIeBFRleHQFtAM8bWV0YSBwcm9wZXJ0eT0nb2c6ZGVzY3JpcHRpb24nIGNvbnRlbnQ9J1JlYWxpemEgdHVzIHBlZGlkb3Mgb25saW5lLCBjYXJnYSB0dSB0YW5xdWUgbyBwYWdhIHR1cyBjdWVudGFzLiBUZSBpbnZpdGFtb3MgYSBkZXNjdWJyaXIgbnVlc3RybyBudWV2byBzaXRpbyB3ZWIgeSBkaXNmcnV0YXIgZGVsIGNhbG9yIHF1ZSBHYXNjbyB0aWVuZSBwYXJhIHRpLicgLz48bWV0YSBuYW1lPSdkZXNjcmlwdGlvbicgY29udGVudD0nUmVhbGl6YSB0dXMgcGVkaWRvcyBvbmxpbmUsIGNhcmdhIHR1IHRhbnF1ZSBvIHBhZ2EgdHVzIGN1ZW50YXMuIFRlIGludml0YW1vcyBhIGRlc2N1YnJpciBudWVzdHJvIG51ZXZvIHNpdGlvIHdlYiB5IGRpc2ZydXRhciBkZWwgY2Fsb3IgcXVlIEdhc2NvIHRpZW5lIHBhcmEgdGkuJyAvPjxtZXRhIG5hbWU9J2tleXdvcmRzJyBjb250ZW50PScnIC8+ZAIBD2QWAmYPZBYGZg8PFgIeB1Zpc2libGVnZGQCAQ8PFgIfAWhkZAICD2QWAgIBDw8WAh8BaGRkAgMPDxYCHwFoZGRkBwIq+RV/Yih9BokJWmtmJtNhGMSqd5us8KoYd1GPsbY=">
  </div>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
  </div>
  <div>
    <style>
      .alert-info-huincha {
        color: #00006A;
        background-color: #FFFBE6;
        border-color: #FFEAA2
      }
    </style>
    <!-- MENU LINEA SUP -->
    <div class="hidden-xs">
      <div class="nav2 hidden-xs">
        <div class="container">
          <div class="row">
            <div class="col-lg-1 col-md-1 col-sm-1 hidden-xs no-padding">
              <button id="btn-menu-principal" class="hamburger-desk visible-lg visible-md visible-sm navbar-toggle no-border pull-left no-padding" type="button" action-menu="contentMenuHome">
                <span aria-hidden="true" class="glyphicon glyphicon-menu-hamburger hamburger-ico-size"><span class="glyphicon glyphicon-triangle-bottom nav2-menu-arrow" aria-hidden="true"></span><span class="menuTxt">Menú</span></span>
              </button>
            </div>
            <div class="col-lg-11 col-md-11 hidden-xs no-padding nav2-custom-movile">
              <div class="row nav2-link-options" style="font-size: 13px;">
                <div class="nav2-item-6">
                  <a id="submenu_hogar_servicioalcliente" href="/Contacto" name="navMenuServicioAlCliente" class="navmenu-"><div class="ico-nav-transporte"></div><span style="margin-top:3px !important;">Servicio al Cliente</span></a></div>
                <div class="nav2-item-5"><a id="submenu_hogar_cambiateagasco" href="/cambio-suministro" class="navmenu-"><div class="ico-nav-transporte"></div><span style="margin-top:3px !important;">Cámbiate a Gasco</span></a></div>
                <div class="nav2-item-4"><a id="submenu_hogar_productos" href="/Productos" name="navMenuProductos" class="navmenu-"><div class="ico-nav-transporte"></div><span style="margin-top:3px !important;">Productos</span></a></div>
                <div class="nav2-item-3"><a id="submenu_hogar_encuentranos" href="/Encuentranos" class="navmenu-"><div class="ico-nav-transporte"></div><span style="margin-top:3px !important;">Encuéntranos</span></a></div>
                <div class="nav2-item-2">
                  <a id="submenu_hogar_trabajaengasco" href="https://gasco.trabajando.cl/home/" target="_blank" class="navmenu"><div class="ico-nav-transporte"></div><span style="margin-top:3px !important;">Trabaja en Gasco</span></a></div>
                <div class="nav2-item-1"><a id="submenu_hogar_conveniosydescuentos" href="/convenios" class="navmenu"><div class="ico-nav-transporte"></div><span style="margin-top:3px !important;">Convenios y Descuentos</span></a></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content-menu-home" id="contentMenuHome">
      <div class="background-menu-home"></div>
      <div class="container">
        <div class="col-lg-4  col-md-4 col-sm-6 col-xs-12 item-menu">
          <ul>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a id="btn-inicio" href="/">Inicio</a></li>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a id="btn-surcursalenlinea" onclick="goToSucursalMenu()">Sucursal en línea</a></li>
            <li><span class="glyphicon glyphicon-chevron-right"></span>Pedidos de Gas</li>
            <ul class="sub-item-menu">
              <li><a onclick="goToCilindroMenu()" id="btn-pidegasencilindro">Pide gas en cilindro</a></li>
              <li><a href="/gasconnect" id="btn-pidegasencilindro">Gasconnect app</a></li>
              <li><a onclick="goToCargaEstanqueMenu()" id="btn-cargatuestanque">Carga tu tanque</a></li>
              <li><a href="/app" id="btn-pidegasencilindro">Sucursal móvil app</a></li>
              <li><a href="https://gascopacks.gasco.cl/#/" target="_blank" id="btn-menu-gascopacks">GascoPacks</a></li>
            </ul>
            <li><span class="glyphicon glyphicon-chevron-right"></span>Boletas y Pago</li>
            <ul class="sub-item-menu">
              <li><a onclick="goToPagoCuentaMenu()" id="btn-pagodecuentas">Pago de cuentas</a></li>
              <li><a href="/documento-electronico" id="btn-obtencopiadetuboletaodte">Obtén copia de tu boleta o DTE</a></li>
              <li><a href="/app" id="btn-pidegasencilindro">Sucursal móvil app</a></li>
            </ul>
            <li><span class="glyphicon glyphicon-chevron-right"></span>Servicio al cliente</li>
            <ul class="sub-item-menu">
              <li><a href="/Contacto" id="btn-formulariodecontacto">Formulario de Contacto</a></li>
              <!-- <li><a href="https://digital.gasco.cl/leydeserviciosbasicos/">Ley de Servicios Básicos</a></li> -->
              <li><a href="/cambio-suministro">Formulario de Cambio de Empresa Distribuidora de Gas</a></li>
            </ul>
          </ul>
          <ul>
          </ul>
        </div>
        <div class="col-lg-4  col-md-4 col-sm-6 col-xs-12 item-menu">
          <ul>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a id="btn-solucionesenergeticas" href="https://solucionesenergeticas.gasco.cl/">Soluciones Energéticas</a></li>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a id="btn-transporte" href="/transporte">Autogas</a></li>
            <ul class="sub-item-menu">
              <li><a href="/transporte/gasVehicular/Tipogas" id="btn-gasvehicular">Gas Vehicular</a></li>
              <li><a href="/transporte/Flotascomerciales" id="btn-flotascomerciales">Flotas Comerciales</a></li>
              <li><a href="/transporte/comoMeCambio/Conversiones" id="btn-conversiongas">Conversión a Gas</a></li>
              <li><a href="/transporte/Estaciones" id="btn-estaciones">Estaciones</a></li>
            </ul>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a id="btn-nuestraenergia" href="/NuestraEnergia">Nuestra Energía</a></li>
            <li>
              <ul class="sub-item-menu">
                <li><a href="/NuestraEnergia/que-es-glp" id="btn-queesglp">¿ Que es GL ?</a></li>
                <li><a href="/NuestraEnergia/glp-y-medio-ambiente" id="btn-glpymedioambiente">GLP y medio ambiente</a></li>
              </ul>
            </li>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a href="/QueNosMueve" id="btn-quenosmueve">¿Qué nos mueve?</a></li>
            <li>
              <ul class="sub-item-menu">
                <li><a href="/QueNosMueve" id="btn-lamejorenergia">La mejor energía</a></li>
              </ul>
            </li>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a href="/Productos">Productos</a></li>
            <li>
              <ul class="sub-item-menu">
                <li><a href="/Productos/medidor/" id="btn-gaspormedidor">Gas por medidor</a></li>
                <li><a href="/Productos/Estanque/" id="btn-gasenestanques">Gas en tanques</a></li>
                <li><a href="/Productos/Cilindro/" id="btn-gasencilindros">Gas en cilindros</a></li>
                <li><a href="/news/preguntasyrespuestas/" id="btn-preguntasyrespuestas">Preguntas y Respuestas</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="col-lg-4  col-md-4 col-sm-6 col-xs-12 item-menu">
          <ul>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a href="/convenios/" id="btn-convenios">Convenios y Descuentos</a></li>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a href="/Productos/Cilindro/prod9" id="btn-serdistribuidor">Ser Distribuidor</a></li>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a href="/News" id="btn-noticias">Noticias</a></li>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a href="/PreguntasFrecuentes/" id="btn-preguntasfrecuentes">Preguntas Frecuentes</a></li>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a href="/ley-empresaentrante/" id="btn-preguntasfrecuentes">Ley n°20.999 Art. 29 BIS – Empresa Entrante</a></li>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a href="/TerminosyCondiciones/" id="btn-basesterminosycondiciones">Bases, Términos y Condiciones</a></li>
            <li><span class="glyphicon glyphicon-chevron-right"></span>Gasco GL</li>
            <ul class="sub-item-menu">
              <li><a href="http://gasco.trabajando.cl/" target="_blank" id="btn-trabajaengasco">Trabaja en Gasco</a></li>
              <li><a href="https://gasco.ines.cl/gasco/formulario/" target="_blank" id="btn-formulariodenuncia">Línea de denuncias</a></li>
              <li><a href="http://www.gasco.cl/NormasyPoliticas/seguridad" target="_blank" id="btn-trabajaengasco">Normas y políticas de seguridad</a></li>
            </ul>
          </ul>
          <hr>
          <ul>
            <li><span class="glyphicon glyphicon-chevron-right"></span><a id="btn-gascosa" href="http://www.empresasgasco.com/" target="_blank">Empresas Gasco</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- FIN MENU LINEA SUP -->
    <div class="alert alert-warning" id="tostador-mensaje" style="margin-bottom:0px; padding:5px; font-weight:normal !important; text-align: center; font-family: Mulish, sans-serif; color: #072531; font-weight: bold !important; display: none;">
      <div id="tostador-mensaje-desktop" class="alert-desk" style="width:75%; margin:0 auto;">
        <a href="#" class="close close_alert" data-dismiss="alert" aria-label="close" title="close">×</a>
        <img id="icono-tostador-desktop" src="/Static/images/ico/alert-icon.png" alt="/Static/images/ico/alert-icon.png" style=""> <span id="texto-tostador-desktop">Información importante en relación a incendios en la V
          región.<a href="#" data-toggle="modal" data-target="#modal_mensaje_clientes"><strong>Ver más información</strong></a></span>
      </div>
      <div id="tostador-mensaje-mobile" class="alert-mobile" style="width:95%; margin:5px auto;">
        <a href="#" class="close close_alert close_alert_mobile" data-dismiss="alert" aria-label="close" title="close">×</a>
        <img id="icono-tostador-mobile" src="/Static/images/ico/alert-icon.png" alt="/Static/images/ico/alert-icon.png" style="text-align: center; padding-bottom: 9px; padding-top: 3px;">
        <br>
        <p style="text-align:center; padding: 0 20px;" id="texto-tostador-mobile">Información importante en relación a incendios en la V
          región.<a href="#" data-toggle="modal" data-target="#modal_mensaje_clientes"><strong>Ver más información</strong></a></p>
      </div>
    </div>
    <style>
      @media screen and (max-width: 300px) {
        .close_alert_mobile {
          position: absolute;
          left: 268px;
          top: 113px;
        }
      }

      @media screen and (min-width: 300px) and (max-width: 350px) {
        .close_alert_mobile {
          position: absolute;
          left: 299px;
          top: 101px;
        }
      }

      @media screen and (min-width: 350px) and (max-width: 400px) {
        .close_alert_mobile {
          position: absolute;
          left: 336px;
          top: 95px;
        }
      }

      @media screen and (min-width: 400px) and (max-width: 450px) {
        .close_alert_mobile {
          position: absolute;
          left: 384px;
          top: 95px;
        }
      }

      @media screen and (min-width: 450px) and (max-width: 500px) {
        .close_alert_mobile {
          position: absolute;
          left: 442px;
          top: 93px;
        }
      }

      @media screen and (min-width: 500px) and (max-width: 600px) {
        .close_alert_mobile {
          position: absolute;
          left: 522px;
          top: 87px;
        }
      }

      @media screen and (min-width: 600px) and (max-width: 650px) {
        .close_alert_mobile {
          position: absolute;
          left: 582px;
          top: 88px;
        }
      }

      @media screen and (min-width: 650px) and (max-width: 700px) {
        .close_alert_mobile {
          position: absolute;
          left: 640px;
          top: 88px;
        }
      }

      @media screen and (min-width: 700px) {
        .close_alert_mobile {
          position: absolute;
          left: 691px;
          top: 88px;
        }
      }
    </style>
    <div id="ContentPlaceHolder1_pn_menuConBanner">
      <!-- BANNER MOBILE -->
      <div id="ContentPlaceHolder1_pn_bannerMobile">
        <!-- BANNER MOBILE -->
        <div class="visible-xs">
          <div class="owl-carousel owl-theme owl-responsive-1000 owl-hidden owl-loaded">
            <!-- <div class="item">
                    <a href="https://digital.gasco.cl/pedidosya/" target="_blank">
                        <img src="/Static/bannerhome/2024/BANNER-HOME-Mobile-PEYA-MARZO.jpg" alt="Gasco Pedidos Ya Enero 2024" />
                    </a>
                </div> -->
            <div class="owl-stage-outer">
              <div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 110px;">
                <div class="owl-item active" style="width: 12px; margin-right: 10px;">
                  <div class="item">
                    <a href="https://granel-medidor.actualizar-datos.gasco.cl/" target="_blank">
                        <img src="/Static/bannerhome/2024/GASCO_ACTUALIZACION_BANNER_HOME_MOBILE.png" alt="Actualización de Datos Granel-Medidor Gasco">
                    </a>
                  </div>
                </div>
                <div class="owl-item active" style="width: 12px; margin-right: 10px;">
                  <div class="item">
                    <a href="https://digital.gasco.cl/invierno_on/" target="_blank">
                        <img src="/Static/bannerhome/2024/BANNER-HOME-Mobile-INVIERNO-ON.jpg" alt="Gasconnect Tenpo Diciembre 2023">
                    </a>
                  </div>
                </div>
                <div class="owl-item active" style="width: 12px; margin-right: 10px;">
                  <div class="item">
                    <a href="https://tiendaproductos.cl/2002-gift-card/" target="_blank">
                        <img src="/Static/bannerhome/2024/ITAU_GASCO_BANNER_HOME MOBILE.png" alt="Gasco Itau">
                    </a>
                  </div>
                </div>
                <div class="owl-item active" style="width: 12px; margin-right: 10px;">
                  <div class="item">
                    <a href="https://digital.gasco.cl/gascontigo/?utm_source=bannerweb&amp;utm_medium=webgasco&amp;utm_campaign=webgascogascontigo&amp;utm_id=Gascontigoweb&amp;utm_content=webgascontigo" target="_blank">
                        <img src="/Static/bannerhome/2023/GASCONTIGO_MOBILE.PNG" alt="Gascontigo">
                    </a>
                  </div>
                </div>
                <div class="owl-item active" style="width: 12px; margin-right: 10px;">
                  <div class="item">
                    <a href="https://convenios.gasco.cl/convenios" target="_blank">
                        <img src="/Static/bannerhome/2024/BANNER_MOBILE_CONVENIOS_GASCO_2024.png" alt="Convenios 2024">
                    </a>
                  </div>
                </div>
              </div>
            </div>
            <div class="owl-controls">
              <div class="owl-nav">
                <div class="owl-prev" style="">prev</div>
                <div class="owl-next" style="">next</div>
              </div>
              <div class="owl-dots" style="">
                <div class="owl-dot active"><span></span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- ////// -->
      <div class="div-centered">
        <div class="container">
          <div class="row">
            <div class="col-lg-5 col-md-6 col-sm-8">
              <div id="trama" style=""></div>
              <div id="contTabs" class="cont-tabs">
                <!--<div class="cont-form">sadas</div>-->
                <ul id="myTab" class="nav nav-tabs nav-justified" role="tablist">
                  <li role="presentation" class="tab active">
                    <a class="tab-home menu-cilindro" href="#compra" role="tab" id="compra-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false"><i class="icon-cilindro icon-ms"></i><span>Gas a Domicilio</span></a></li>
                  <li role="presentation" class="tab round-corner-top-right">
                    <a class="tab-home menu-carga-estanque" href="#estanque" role="tab" id="estanque-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false"><i class="icon-estanque icon-ms"></i><span>Tanque de Gas</span></a></li>
                  <li role="presentation" class="tab">
                    <a class="tab-home menu-pago-cuenta" href="#rapidito" role="tab" id="rapidito-tab" data-toggle="tab" aria-controls="profile" aria-expanded="false"><i class="icon-paga-tu-cuenta icon-ms"></i><span>Paga en línea</span></a></li>
                  <li role="presentation" class="tab">
                    <a class="tab-home menu-sucursal" href="#sucursal" id="sucursal-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true"><i class="icon-sucursal icon-ms"></i><span>Sucursal Virtual</span></a></li>
                </ul>
                <div id="myTabContent" class="tab-content custom-tab-content">
                  <div role="tabpanel" class="tab-pane fade active in" id="compra" aria-labelledby="dropdown1-tab">
                    <div id="tabCompraCilindro">
                      <div class="col-lg-12  col-md-12 col-sm-12 col-xs-12 text-left txt-rut">
                        <img src="/Static/2022/images/gascoPideCilindro_v2.png" class="banner-pedidos-cilindros-gasco" alt="gas a domicilio">
                      </div>
                      <div class="col-lg-12 col-md-12  col-sm-12 col-xs-12 " style="height: 5px;"></div>
                      <div class="col-lg-12 col-md-12  col-sm-12 col-xs-12 " style="height: auto;">
                        <div class="btn btn-danger btn-form-entrar-2 pedido2022" onclick="window.open('https://pedidos.gasco.cl/#/cilindro/pedido-cilindro/', '_blank')">Haz tu pedido</div>
                      </div>
                      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 toast-gascopacks">
                        <div class="alert alert-info" role="alert">
                          <div class="row">
                            <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
                              <span style="color: #31B0D5 !important;"> Compra tus recargas de manera anticipada con <strong>Gascopacks</strong>
                              </span>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
                              <a class="btn btn-info btn_gascopacks" href="https://gascopacks.gasco.cl/#/" target="_blank">Comprar packs</a>
                            </div>
                          </div>
                        </div>
                      </div>
                      <style>
                        @media screen and (max-width: 500px) {
                          .btn-form-entrar-2.pedido2022 {
                            position: absolute;
                            width: 50%;
                            border-radius: 2rem;
                            left: 48%;
                            margin-top: 11.5rem;
                          }

                          .toast-gascopacks {
                            height: auto;
                            position: absolute !important;
                            top: 27.3rem;
                            width: 110% !important;
                            left: -1.5rem;
                          }

                          .alert {
                            padding: 10px !important;
                            font-size: 13px;
                          }

                          .banner-pedidos-cilindros-gasco {
                            width: 107%;
                            position: absolute;
                            left: -14px;
                            top: -14px;
                          }
                        }

                        @media screen and (min-width: 500px) and (max-width: 600px) {
                          .btn-form-entrar-2.pedido2022 {
                            position: absolute;
                            width: 36%;
                            border-radius: 2rem;
                            left: 55%;
                            margin-top: 11.7rem;
                          }

                          .toast-gascopacks {
                            height: auto;
                            position: absolute !important;
                            top: 28.2rem;
                            width: 106% !important;
                            left: -1.5rem;
                          }

                          .alert {
                            padding: 7px !important;
                            font-size: 13px;
                          }

                          .banner-pedidos-cilindros-gasco {
                            width: 106%;
                            position: absolute;
                            left: -14px;
                            top: -14px;
                          }
                        }

                        @media screen and (min-width: 600px) and (max-width: 768px) {
                          .btn-form-entrar-2.pedido2022 {
                            position: absolute;
                            width: 34%;
                            border-radius: 2rem;
                            left: 62%;
                            margin-top: 13.7rem;
                          }

                          .toast-gascopacks {
                            height: auto;
                            position: absolute !important;
                            top: 28rem;
                            width: 105% !important;
                            left: -1.5rem;
                          }

                          .alert {
                            padding: 15px !important;
                          }

                          .banner-pedidos-cilindros-gasco {
                            width: 104%;
                            position: absolute;
                            left: -14px;
                            top: -14px;
                            height: 22rem;
                          }
                        }

                        @media screen and (min-width: 768px) and (max-width: 1200px) {
                          .btn-form-entrar-2.pedido2022 {
                            position: absolute;
                            width: 44%;
                            border-radius: 2rem;
                            left: 55%;
                            margin-top: 11.5rem;
                          }

                          .toast-gascopacks {
                            height: auto;
                            position: absolute !important;
                            top: 26.2rem;
                            width: 107% !important;
                            left: -1.5rem;
                          }

                          .alert {
                            padding: 15px !important;
                            font-size: 12px;
                          }

                          .banner-pedidos-cilindros-gasco {
                            width: 107%;
                            position: absolute;
                            left: -14px;
                            top: -14px;
                          }
                        }

                        @media screen and (min-width: 1200px) {
                          .btn-form-entrar-2.pedido2022 {
                            position: absolute;
                            width: 50%;
                            border-radius: 2rem;
                            left: 48%;
                            margin-top: 10.5rem;
                          }

                          .toast-gascopacks {
                            height: auto;
                            position: absolute !important;
                            top: 26.2rem;
                            width: 108% !important;
                            left: -1.5rem;
                          }

                          .alert {
                            padding: 15px !important;
                          }

                          .banner-pedidos-cilindros-gasco {
                            width: 107%;
                            position: absolute;
                            left: -14px;
                            top: -14px;
                          }
                        }

                        @media screen and (max-width: 500px) {
                          .btn_gascopacks {
                            border-radius: 2rem !important;
                            position: absolute;
                            left: -2.5rem;
                            top: 0.6rem;
                            background-color: #bbe4f7 !important;
                            color: #31B0D5 !important;
                            font-weight: bold !important;
                            border: none !important;
                            font-size: 11px !important;
                          }

                          .btn_gascopacks:hover {
                            border-radius: 2rem;
                            position: absolute;
                            left: -2.5rem;
                            top: 0.6rem;
                            background-color: #b7e8ff !important;
                            color: #39c3e5 !important;
                            border: none !important;
                            font-weight: bold !important;
                            font-size: 11px !important;
                          }
                        }

                        @media screen and (min-width: 500px) and (max-width: 650px) {
                          .btn_gascopacks {
                            border-radius: 2rem !important;
                            position: absolute;
                            left: -3rem;
                            top: 0.5rem;
                            background-color: #bbe4f7 !important;
                            color: #31B0D5 !important;
                            font-weight: bold !important;
                            border: none !important;
                          }

                          .btn_gascopacks:hover {
                            border-radius: 2rem;
                            position: absolute;
                            left: -3rem;
                            top: 0.5rem;
                            background-color: #b7e8ff !important;
                            color: #39c3e5 !important;
                            border: none !important;
                            font-weight: bold !important;
                          }
                        }

                        @media screen and (min-width: 650px) and (max-width: 768px) {
                          .btn_gascopacks {
                            border-radius: 2rem !important;
                            position: absolute;
                            left: -3rem;
                            top: -0.5rem;
                            background-color: #bbe4f7 !important;
                            color: #31B0D5 !important;
                            font-weight: bold !important;
                            border: none !important;
                          }

                          .btn_gascopacks:hover {
                            border-radius: 2rem;
                            position: absolute;
                            left: -3rem;
                            top: -0.5rem;
                            background-color: #b7e8ff !important;
                            color: #39c3e5 !important;
                            border: none !important;
                            font-weight: bold !important;
                          }
                        }

                        @media screen and (min-width: 768px) {
                          .btn_gascopacks {
                            border-radius: 2rem !important;
                            position: absolute;
                            left: -3rem;
                            top: 0.5rem;
                            background-color: #bbe4f7 !important;
                            color: #31B0D5 !important;
                            font-weight: bold !important;
                            border: none !important;
                          }

                          .btn_gascopacks:hover {
                            border-radius: 2rem;
                            position: absolute;
                            left: -3rem;
                            top: 0.5rem;
                            background-color: #b7e8ff !important;
                            color: #39c3e5 !important;
                            border: none !important;
                            font-weight: bold !important;
                          }
                        }

                        .btn-form-entrar.pedido2020 {
                          border-radius: 20px;
                        }

                        .bloque-pedido {
                          border: 1px solid #c0c0c0;
                          border-radius: 10px;
                          width: 100%;
                          padding: 5px;
                        }

                        .bloque-pedido input {
                          border: 0px;
                          background-color: #fff;
                          width: 85%;
                          float: right;
                          outline: 0px;
                        }

                        .bloque-pedido .telefonito {
                          width: 15%;
                          float: left;
                          color: #666;
                          font-weight: bold;
                        }

                        .bloque-pedido .telefonito div {
                          /*padding-top: 3px;*/
                          /* padding-right: 2px; */
                          display: block;
                          /* float: right; */
                          position: absolute;
                          top: 7px;
                          left: 23px;
                        }

                        @media screen and (min-width: 768px) {
                          .bloque-pedido .telefonito div {
                            display: block;
                            position: absolute;
                            top: 7px;
                            left: 30px;
                          }
                        }

                        @media (max-width: 767px) {
                          .bloque-pedido input {
                            width: 75% !important;
                          }

                          .bloque-pedido .telefonito {
                            width: 20% !important;
                          }
                        }

                        .btn-form-entrar.rrss {
                          border-color: #f4f4f4;
                          float: left;
                          height: 40px;
                          line-height: 19px;
                          margin: 0 3%;
                          padding: 10px;
                          width: 44%;
                        }

                        .fb {
                          background-color: #4267b2;
                          transition: all 0.2s;
                          -webkit-transition: all 0.2s;
                        }

                        .fb:hover {
                          background-color: #325292;
                        }

                        .tw {
                          background-color: #1da1f2;
                          transition: all 0.2s;
                          -webkit-transition: all 0.2s;
                        }

                        .tw:hover {
                          background-color: #3b88c3;
                        }

                        img.img-alerta-mantencion {
                          max-width: 90%;
                          display: block;
                          position: relative;
                          margin: 0 auto;
                        }
                      </style>
                    </div>
                  </div>
                  <div aria-labelledby="home-tab" id="sucursal" class="tab-pane fade" role="tabpanel">
                    <!-- DIV OCULTO MANTINIMIENTO VIERNES 12-01-2018-->
                    <div id="tabAccesoSucursal" style="position: relative; top: 17px;" class="row">
                      <div class="col-lg-4  col-md-4 col-sm-4 col-xs-4 text-right txt-rut">Rut</div>
                      <div class="col-lg-8  col-md-8 col-sm-8 col-xs-8 text-left">
                        <div class="input-group">
                          <span class="input-group-addon color-background-group-icon"><span class="user-ico"></span></span>
                          <input type="text" id="txRutLoginSucursal" placeholder="ej:15.111.111-1" aria-label="" class="input-form form-control" require="" rut="" maxlength="10">
                        </div>
                      </div>
                      <div style="height: 15px;" class="col-lg-12  col-md-12  col-sm-12 col-xs-12"></div>
                      <div class="col-lg-4  col-md-4 col-sm-4 col-xs-4 text-right txt-pass">Contraseña</div>
                      <div class="col-lg-8  col-md-8 col-sm-8 col-xs-8 text-left">
                        <div class="input-group">
                          <span class="input-group-addon color-background-group-icon"><span class="pass-ico"></span></span>
                          <input type="password" id="txPasswdLoginSucursal" aria-label="" class="input-form form-control" require="">
                        </div>
                      </div>
                      <div style="height: 15px;" class="col-lg-12  col-md-12  col-sm-12 col-xs-12"></div>
                      <div style="height: auto;" class="col-lg-12 col-md-12  col-sm-12 col-xs-12 ">
                        <div class="btn-form-entrar" acceso-sucursal="">Entrar</div>
                      </div>
                      <div style="height: 0px;" class="col-lg-12 col-md-12  col-sm-12 col-xs-12 divisor-form"></div>
                      <div style="height: 15px;" class="col-lg-12 col-md-12 col-sm-12"></div>
                      <div class="col-lg-6  col-md-6 col-sm-6 col-xs-6 form-bottom-left"><a class="form-hipervinculo" href="../Registrate/SolicitudPassword-Paso1">¿Olvidaste tu contraseña?</a></div>
                      <div class="col-lg-6  col-md-6 col-sm-6 col-xs-6 form-bottom-right"><a class="form-hipervinculo" href="../Registrate">Regístrate</a></div>
                    </div>
                  </div>
                  <div role="tabpanel" class="tab-pane fade" id="rapidito" aria-labelledby="profile-tab">
                    <div id="formPagoCuenta" class="row" style="position: relative; top: 17px;">
                      <!-- DIV OCULTO MANTINIMIENTO VIERNES 12-01-2018-->
                      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-menu-generic text-center" id="tit_nuevo_pago"> ¿Cómo deseas realizar tu pago en línea? </div>
                      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-menu-generic text-center">
                        <a class="btn btn-danger nuevo_pago_gasco" href="https://front.gasco.cl/pagos/#/pagoenlinea/paso1" onclick="gtag('event', 'btn_nuevo_pago', { 'event_category': 'nuevo_pago_gasco', 'event_label': 'Quiero pagar con mi numero de cliente'});" target="_blank" id="btn_nuevo_pago">
                                        Quiero pagar con mi número de cliente
                                    </a>
                      </div>
                      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-menu-generic text-center" id="tit_nuevo_direccion"> ó </div>
                      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-menu-generic text-center">
                        <a class="btn btn-danger nuevo_pago_gasco" href="/PagoCuenta/BuscarDireccion" onclick="gtag('event', 'btn_nuevo_direccion', { 'event_category': 'nuevo_pago_gasco', 'event_label': 'Quiero pagar indicando mi direccion'});" target="_blank" id="btn_nuevo_direccion">
                                        Quiero pagar indicando mi dirección
                                    </a>
                      </div>
                      <!--<div class="col-lg-12  col-md-12 col-sm-12 col-xs-12 col-menu-generic">
                                    <span>Paga tu cuenta con tu número de Cliente</span>
                                    <div class="inner-addon right-addon">
                                        <input type="text" class="form-control input-form " placeholder="Sin guión ni dígito verificador" id="txNumCliePC" maxlength="11" numeric require />
                                    </div>
                                </div>-->
                      <!--<div class="col-lg-12  col-md-12 col-sm-12 col-xs-12 tooltip-boleta">
                                    <a href="#">¿Donde lo encuentro?</a>
                                    <div class="top">
                                        <img width="500" src="/Static/images/boletamedidor.jpg">
                                        <i></i>
                                    </div>
                                </div>-->
                      <!--<div class="col-lg-12 col-md-12  col-sm-12 col-xs-12 " style=" margin-top:10px;">
                                    <div class="btn-form-entrar" formulario="#formPagoCuenta" button-pago-cuenta>Pagar</div>
                                </div>-->
                      <!--<div class="text-center" style="margin-top: 10px;">
                                    <p style="margin-bottom: 5px;">ó</p>
                                    <a class="link-pago-direccion" href="/PagoCuenta/BuscarDireccion">Paga ingresando tu dirección</a>
                                </div>-->
                      <style>
                        .btn_nuevo_pago {
                          width: 300px !important;
                          background-color: rgba(237, 41, 57, 1) !important;
                        }

                        .btn_nuevo_pago:hover {
                          background-color: #751a1a !important;
                        }

                        .contForm {
                          overflow: visible !important;
                        }

                        #contTabs {
                          overflow: visible !important;
                        }

                        .tooltip-boleta {
                          display: inline-block;
                          position: relative;
                          text-align: right;
                          top: -15px;
                          padding-bottom: 5px;
                        }

                        .tooltip-boleta a {
                          color: #9c9e9f;
                        }

                        .tooltip-boleta a:hover {
                          color: #000;
                          text-decoration: none;
                        }

                        .tooltip-boleta .top {
                          min-width: 200px;
                          top: -20px;
                          right: -460px;
                          transform: translate(-50%, -100%);
                          padding: 10px 20px;
                          color: #444444;
                          background-color: #FFFFFF;
                          font-weight: normal;
                          font-size: 13px;
                          border-radius: 8px;
                          position: absolute;
                          z-index: 99999999;
                          box-sizing: border-box;
                          border: 1px solid #DDDDDD;
                          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
                          display: none;
                        }

                        .tooltip-boleta:hover .top {
                          display: block;
                        }

                        .tooltip-boleta:hover .top {
                          opacity: 1;
                          animation-name: fadeInOpacity;
                          animation-iteration-count: 1;
                          animation-timing-function: ease-in;
                          animation-duration: 0.2s;
                        }

                        .link-pago-direccion {
                          text-decoration: underline;
                          font-size: 14px;
                          color: #00a1de;
                        }

                        .link-pago-direccion:hover {
                          text-decoration: none;
                          font-weight: bold;
                        }

                        @keyframes fadeInOpacity {
                          0% {
                            opacity: 0;
                          }

                          100% {
                            opacity: 1;
                          }
                        }

                        .tooltip-boleta .top i {
                          position: absolute;
                          top: 100%;
                          left: 50%;
                          margin-left: -12px;
                          width: 24px;
                          height: 12px;
                          overflow: hidden;
                        }

                        .tooltip-boleta .top i::after {
                          content: '';
                          position: absolute;
                          width: 12px;
                          height: 12px;
                          left: 50%;
                          transform: translate(-50%, -50%) rotate(45deg);
                          background-color: #FFFFFF;
                          border: 1px solid #DDDDDD;
                          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
                        }

                        @media (max-width: 600px) {
                          .top img {
                            max-width: 400px !important;
                          }

                          .tooltip-boleta .top {
                            min-width: 200px;
                            top: -20px;
                            right: -250px;
                            transform: translate(-50%, -100%);
                            padding: 10px 20px;
                            color: #444444;
                            background-color: #FFFFFF;
                            font-weight: normal;
                            font-size: 13px;
                            border-radius: 8px;
                            position: absolute;
                            z-index: 99999999;
                            box-sizing: border-box;
                            border: 1px solid #DDDDDD;
                            box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
                            display: none;
                          }

                          .tooltip-boleta a {
                            white-space: nowrap;
                          }

                          .tooltip-boleta .top i::after {
                            content: '';
                            position: absolute;
                            width: 12px;
                            height: 12px;
                            left: 50%;
                            transform: translate(-50%, -50%) rotate(45deg);
                            background-color: #FFFFFF;
                            border: 1px solid #DDDDDD;
                            box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
                          }

                          .tooltip-boleta {
                            display: inline-block;
                            position: relative;
                            text-align: right;
                            top: -15px;
                            padding-bottom: 5px;
                          }
                        }
                      </style>
                      <div class="col-lg-12  col-md-12  col-sm-12 col-xs-12" style="height: 38px;"></div>
                    </div>
                  </div>
                  <div role="tabpanel" class="tab-pane fade" id="estanque" aria-labelledby="dropdown1-tab">
                    <!-- DIV OCULTO MANTINIMIENTO VIERNES 12-01-2018 -->
                    <div id="tabCargaEstanque" style="position: relative; top: 17px;" class="row">
                      <div class="col-lg-4  col-md-4 col-sm-4 col-xs-4 text-right txt-rut">Rut</div>
                      <div class="col-lg-8  col-md-8 col-sm-8 col-xs-8 text-left">
                        <div class="input-group">
                          <span class="input-group-addon color-background-group-icon"><span class="user-ico"></span></span>
                          <input id="txRutLoginCargaEstanque" type="text" placeholder="ej:15.111.111-1" aria-label="" class="input-form form-control" require="" rut="" maxlength="10">
                        </div>
                      </div>
                      <div style="height: 15px;" class="col-lg-12  col-md-12  col-sm-12 col-xs-12"></div>
                      <div class="col-lg-4  col-md-4 col-sm-4 col-xs-4 text-right txt-pass">Contraseña</div>
                      <div class="col-lg-8  col-md-8 col-sm-8 col-xs-8 text-left">
                        <div class="input-group">
                          <span class="input-group-addon color-background-group-icon"><span class="pass-ico"></span></span>
                          <input type="password" id="txPasswdLoginCargaEstanque" aria-label="" class="input-form form-control" require="">
                        </div>
                      </div>
                      <div style="height: 15px;" class="col-lg-12  col-md-12  col-sm-12 col-xs-12"></div>
                      <div style="height: auto;" class="col-lg-12 col-md-12  col-sm-12 col-xs-12 ">
                        <div class="btn-form-entrar" acceso-cargaestanque="">Entrar</div>
                      </div>
                      <div style="height: 0px;" class="col-lg-12 col-md-12  col-sm-12 col-xs-12 divisor-form"></div>
                      <div style="height: 15px;" class="col-lg-12 col-md-12 col-sm-12"></div>
                      <div class="col-lg-6  col-md-6 col-sm-6 col-xs-6 form-bottom-left"><a class="form-hipervinculo" href="../Registrate/SolicitudPassword-Paso1">¿Olvidaste tu contraseña?</a></div>
                      <div class="col-lg-6  col-md-6 col-sm-6 col-xs-6 form-bottom-right"><a class="form-hipervinculo" href="../Registrate">Regístrate</a></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-7 col-md-6 col-sm-4 hidden-xs">
              <div class="carousel-caption-custom" style="margin-left: 40px;">
                <h3 id="slide-text"></h3>
              </div>
            </div>
          </div>
        </div>
      </div>
      <script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-863667201"></script>
      <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
          dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'AW-863667201');
      </script>
      <!--DESKTOP --> <!--DESKTOP -->
      <div id="desktop-slider" class="carousel slide hidden-xs " data-ride="carousel" data-interval="5000" date-keyboard="true" style="top: -20px;">
        <!-- Indicators -->
        <ol class="carousel-indicators" style="display: block;">
          <li data-target="#desktop-slider" data-slide-to="0" class="active"></li>
          <li data-target="#desktop-slider" data-slide-to="1"></li>
          <li data-target="#desktop-slider" data-slide-to="2"></li>
          <li data-target="#desktop-slider" data-slide-to="3"></li>
          <li data-target="#desktop-slider" data-slide-to="4"></li>
          <!--<li data-target="#desktop-slider" data-slide-to="4"></li>-->
        </ol>
        <div class="carousel-inner" role="listbox">
          <div id="banner0" class="item active" onclick="window.open('https://granel-medidor.actualizar-datos.gasco.cl/', '_blank')"
            style="background-image: url('/Static/bannerhome/2024/GASCO_ACTUALIZACION_BANNER_HOME_DESKTOP.png'); background-size: cover; background-position: center center; height: 360px; cursor: pointer; "></div>
          <div id="banner1" class="item" onclick="window.open('https://digital.gasco.cl/invierno_on/', '_blank')"
            style="background-image: url('/Static/bannerhome/2024/BANNER-HOME-DESKTOP-INVIERNO-ON.jpg'); background-size: cover; background-position: center center; height: 360px; cursor: pointer; "></div>
          <div id="banner2" class="item" onclick="window.open('https://tiendaproductos.cl/2002-gift-card', '_blank')"
            style="background-image: url('/Static/bannerhome/2024/ITAU_GASCO_BANNER_HOME DESKTOP.PNG'); background-size: cover; background-position: center center; height: 360px; cursor: pointer; "></div>
          <!-- <div id="banner2" class="item" onclick="window.open('https://digital.gasco.cl/pedidosya/', '_blank')"
    style="background-image: url('/Static/bannerhome/2024/BANNER-HOME-DESKTOP-PEYA-MARZO.jpg'); background-size: cover; background-position: center center; height: 360px; cursor: pointer; "></div> -->
          <div id="banner3" class="item" onclick="window.open('https://digital.gasco.cl/gascontigo/?utm_source=bannerweb&amp;utm_medium=webgasco&amp;utm_campaign=webgascogascontigo&amp;utm_id=Gascontigoweb&amp;utm_content=webgascontigo', '_blank')"
            style="background-image: url('/Static/bannerhome/2023/GASCONTIGO_DESKTOP.PNG'); background-size: cover; background-position: center center; height: 360px; cursor: pointer; "></div>
          <div id="banner4" class="item" onclick="window.open('https://convenios.gasco.cl/convenios', '_blank')"
            style="background-image: url('/Static/bannerhome/2024/BANNER_HOME_CONVENIOS_DESKTOP_GASCO_2024.png'); background-size: cover; background-position: center center; height: 360px; cursor: pointer; "></div>
        </div>
      </div>
      <!--==FIN==-->
      <!-- Phones -->
      <!--div class="content-nums-home">
        <div class="container">
            <div id="carousel-numeros-home" class="carousel slide visible-xs" data-ride="carousel">

                <ol class="carousel-indicators">
                    <li data-target="#carousel-numeros-home" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-numeros-home" data-slide-to="1"></li>
                    <li data-target="#carousel-numeros-home" data-slide-to="2"></li>
                    <li data-target="#carousel-numeros-home" data-slide-to="3"></li>
                    <li data-target="#carousel-numeros-home" data-slide-to="4"></li>
                </ol>

                <div class="carousel-inner" role="listbox" id="carousel-mobile-numbers">

                <div class="item active">
                    <a href="tel:6006007799" style="text-decoration:none;">
                        <div class="home-fono-label-slider">
                        <div style="width:350px; bottom: 62px !important; position: absolute; left: 54px;">
                            <i class="material-icons" style="margin-top: 48px !important; font-size: 35px !important;">phone</i>
                            <div style="position: absolute; left: 45px !important;">
                                <span class="home-fono-label">Emergencias</span> <b class="home-fono-label">600 600 77 99</b>
                            </div>
                        </div>
                        </div>
                    </a>
                </div>

                    <div class="item">
                        <a href="tel:6008222222" style="text-decoration:none;">
                            <div class="home-fono-label-slider">
                                <div style="width:350px; bottom: 62px !important; position: absolute; left: 54px;">
                                    <i class="material-icons" style="margin-top: 48px !important; font-size: 35px !important;">phone</i>
                                    <div style="position: absolute; left: 45px !important;">
                                        <span class="home-fono-label">Servicio al cliente</span> <b class="home-fono-label">600 822 22 22</b>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                    
                    <div class="item">
                        <a href="tel:6008222222" style="text-decoration:none;">
                            <div class="home-fono-label-slider">
                                <div style="width:350px; bottom: 62px !important; position: absolute; left: 54px;">
                                    <i class="material-icons" style="margin-top: 48px !important; font-size: 35px !important;">phone</i>
                                    <div style="position: absolute; left: 45px !important;">
                                        <span class="home-fono-label">Seguimiento de Pedido</span> <b class="home-fono-label">600 822 22 22</b>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="item">
                        <a href="tel:*5300" style="text-decoration:none;">
                            <div class="home-fono-label-slider">
                                <div style="width:350px; position: absolute; left: 54px; bottom: 53px !important;">
                                    <i class="material-icons" style="font-size: 35px !important; position: absolute; bottom: 11px !important;">phone</i>
                                    <div style="position: relative; left: 45px !important;">
                                        <span class="home-fono-label">Pedidos Cilindros</span> <b class="home-fono-label">600 530 8000</b><b style="font-size: 14px; color: #fff;">desde moviles marca *5300</b>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="item">
                        <a href="tel:*5353" style="text-decoration:none;">
                            <div class="home-fono-label-slider">
                                <div style="width:350px; position: absolute; left: 54px; bottom: 53px !important;">
                                    <i class="material-icons" style="font-size: 35px !important; position: absolute; bottom: 11px !important;">phone</i>
                                    <div style="position: relative; left: 45px !important;">
                                        <span class="home-fono-label">Pedido Granel Nacional</span> <b class="home-fono-label">600 530 53 53</b><b style="font-size: 14px; color: #fff;">desde moviles marca *5353</b>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <a class="left carousel-control" href="#carousel-numeros-home" role="button" data-slide="prev">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>

                    <a class="right carousel-control" href="#carousel-numeros-home" role="button" data-slide="next">
                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>

            </div>
        </div>

        <div class="nav3 hidden-xs no-border">
            <div class="container">
                <div class="row">
                    <div style="width: 70%;  margin: 0px auto;"></div>
                    <div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 no-padding" id="boxFonoEmergencia" style="width: 20% !important; left: 34px;">
                        <div class="home-fono-label">
                            <i class="material-icons">phone</i>
                            <div style="position: absolute; bottom: -6px !important; left: 36px !important;">
                                <span>Emergencias </span><b>600 600 77 99</b>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 no-padding" id="boxFonoServicioCliente" style="width: 20% !important; left: 9px">
                        <div class="home-fono-label">
                            <i class="material-icons">phone</i>
                            <div style="position: absolute; bottom: -6px !important; left: 36px !important;">
                                <span>Servicio al cliente</span> <b>600 822 22 22</b>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 no-padding" id="boxFonoEstadoPedido" style="width: 20% !important; left: -7px;">
                        <div class="home-fono-label">
                            <i class="material-icons">phone</i>
                            <div style="position: absolute; bottom: -6px !important; left: 36px !important;">
                                <span>Seguimiento de Pedido</span> <b>600 822 22 22</b>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-2 col-md-2 col-lg-2 no-padding" id="boxFonoPedidoCilindros" style="width: 20% !important; left: 14px;">
                        <div class="home-fono-label">
                            <i class="material-icons">phone</i>
                            <div style="position: absolute; bottom: -8px !important; left: 36px !important;">
                                <span>Pedidos Cilindros</span> <b>600 530 8000</b><b style="font-size: 10px; color: #bd2c2b;">desde móviles marca *5300</b>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-sm-2 col-md-3 col-lg-2 no-padding" id="boxFonoPedidoGranerNorte" style="width: 20% !important;">
                        <div class="home-fono-label carruTels">
                            <i class="material-icons fNorte">phone</i>
                            <div class="fNorte" style="position: absolute; bottom: -8px !important; left: 36px !important;">
                                <span class="fNorte">Pedido Granel Nacional</span> <b class="fNorte">600 530 53 53</b>
                                <b style="font-size: 10px; color: #bd2c2b;">desde móviles marca *5353</b>
                            </div>
                            <i class="material-icons fCentro">phone</i>
                            <div class="fCentro" style="position: absolute; bottom: -8px !important; left: 36px !important;">
                                <span class="fCentro">Pedido Granel Nacional</span> <b class="fCentro">600 530 53 53</b>
                                <b style="font-size: 10px; color: #bd2c2b;">desde móviles marca *5353</b>
                            </div>
                            <i class="material-icons fSur">phone</i>
                            <div class="fSur" style="position: absolute; bottom: -8px !important; left: 36px !important;">
                                <span class="fSur">Pedido Granel Nacional</span> <b class="fSur">600 530 53 53</b>
                                <b style="font-size: 10px; color: #bd2c2b;">desde móviles marca *5353</b>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div-->
    </div>
    <!--
<div id="close-lb" style="font-size: 30px;position: fixed;top: 0;right: 25px;z-index: 999999;cursor:pointer;display:none;" onclick="cerrarMantencion();">
    X
</div>
<div id="lightbox-mantencion">
    <img src="/Static/images/sucursal/mantencion/mantencion-lightbox.jpg" alt="Mantencion" style="max-width:100%;" />
</div>

-->
    <!--script type="text/javascript" name="ocular-solution-widget" src="https://widget.ocularsolution.com/service/ocular/js/ocular-widget.js?v=1.1.1"></!--script-->
    <script src="https://assets.videsk.io/js/videsk-widget.min.js" videsk-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyYWMiOiI2MGVkYjgtNGM3YzNhLWU5MDI4Mi05NjUxNjciLCJpYXQiOjE2MjYxOTE5NTN9.DkmY1JuZuohpveTEldqgvUW-Nna1sUQ1rkas-2Krn8M" async="">
    </script>
    <script src="/Static/js/jquery-2.2.3.min.js?v=3.0"></script>
    <div class="infoImport">
      <div class="continfo">
        <div class="cerrarinfoimport">
          <span></span>
          <span></span>
        </div>
        <!-- <img class="visible-xs" src="/Static/bannerhome/2020/mobile_v2.png" alt="" /> -->
        <!-- <img class="visible-xs" src="/Static/2021/modal/Modal_Mobile.jpg" alt="" /> -->
        <img class="visible-xs" src="/Static/2023/modal/modal-incendio-mobile.png" alt="">
        <!-- <img class="hidden-xs" src="/Static/bannerhome/2020/desktop_v2.png" alt="" /> -->
        <!-- <img class="hidden-xs" src="/Static/2021/modal/Modal_Desk.jpg" alt="" /> -->
        <img class="hidden-xs" src="/Static/2023/modal/modal-incendio-desktop.png" alt="">
      </div>
    </div>
    <div class="advertisementnotice">
      <div class="continfo">
        <div class="cerrarinfoimport2">
          <div class="cerrarinfoimport">
            <span></span>
            <span></span>
          </div>
        </div>
        <div class="linknotice">
          <img class="visible-xs" src="/Static/2021/modal/POP_UP_MOBILE_AMUCH_GASCO.jpg" alt="">
          <img class="hidden-xs" src="/Static/2021/modal/POP_UP_DESK_AMUCH_GASCO.jpg" alt="">
        </div>
      </div>
    </div>
    <!--
<style>
    #lightbox_aviso {
            z-index: 999999;
            position: absolute;
            top: 23%;
            text-align: center;
            width: 100%;
            cursor:pointer;
            display: none;
    }
</style>

<script type="text/javascript">

    function cerrarLightbox2() {
        $("#tramaTotal").hide();
        $("#lightbox_aviso").hide();
    }

    function lightboxAviso() {
            $("#tramaTotal").show();
            $("#lightbox_aviso").show();
    }

  $(document).ready(function () {

       // lightboxAviso();

  });
</script>
-->
    <!--
<div id="lightbox_aviso">
    <img src="/Static/images/lightbox/avisogasco.png" style="max-width:100%" onclick="cerrarLightbox2();" />
</div>
-->
    <!--
Start of DoubleClick Floodlight Tag: Please do not remove
Activity name of this tag: HPG_HOME_2016-04-21_NSTP_GASCO
URL of the webpage where the tag is expected to be placed: http://demo.gasco.cl.200-29-21-246.2gasco.cl/
This tag must be placed between the <body> and </body> tags, as close as possible to the opening tag.
Creation Date: 05/02/2016
-->
    <script type="text/javascript">
      var axel = Math.random() + "";
      var a = axel * 10000000000000;
      document.write('<iframe src="https://1857799.fls.doubleclick.net/activityi;src=1857799;type=gasco00f;cat=hpg_h0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=' + a +
        '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
    </script><iframe src="https://1857799.fls.doubleclick.net/activityi;src=1857799;type=gasco00f;cat=hpg_h0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=2574164662960.2744?" width="1" height="1" frameborder="0"
      style="display:none"></iframe>
    <noscript>
      <iframe src="https://1857799.fls.doubleclick.net/activityi;src=1857799;type=gasco00f;cat=hpg_h0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe>
    </noscript>
    <!-- End of DoubleClick Floodlight Tag: Please do not remove -->
    <!-- <img src="Static/images/btn-opinion.png" id="btn-opinion" class="btn-opinion" onclick="abrirEncuesta()" alt="btn-opinion" /> -->
    <!-- <div id="encuestaHome" class="div-encuesta">
        <div id="encuesta">
        <div class="container-encuesta container">
        <div class="row">

            <div class="col-md-12">
                <div align="left" style="width:22px;cursor:pointer;margin-top: 5px;" onclick="cerrarEncuesta();">
                    <img src="/Static/images/encuesta/cerrar.png" alt="cerrar" />
                </div>
            </div>
            <div id="div-caras">
                <div class="col-md-12" align="center">
                    <span class="titulo-encuesta">DANOS TU OPINIÓN</span>
                    <br>
                    <hr style="border-top:2px solid #bd2c2b;width:34%;">
                </div>

                <div class="col-md-12" align="center" id="seccionPregunta">
                    <br><br>
                    <span class="pregunta-encuesta">¿Qué te pareció nuestro sitio? ¿Encontraste lo que buscabas?</span>
                    <br><br><br>
                    <span class="seleccione-encuesta">Selecciona la expresión que mejor represente tu experiencia.</span>
                    <br><br><br>
                    <img src="/Static/images/encuesta/excelente.png" id="imgover5" onclick="respuestaEncuesta(5)" onmouseover="mostrarCara(5);" class="cara-encuesta" alt="excelente" />
                    <img src="/Static/images/encuesta/excelente-azul.png" id="imgoverblue5" onclick="respuestaEncuesta(5)" style="display:none;cursor:pointer;" onmouseout="ocultarCara(5);" class="cara-encuesta" alt="excelente" />
                    <img src="/Static/images/encuesta/bueno.png" id="imgover4" class="cara-encuesta" onclick="respuestaEncuesta(4)" onmouseover="mostrarCara(4);" alt="bueno" />
                    <img src="/Static/images/encuesta/bueno-azul.png" id="imgoverblue4" class="cara-encuesta" onclick="respuestaEncuesta(4)" style="display:none;" onmouseout="ocultarCara(4);" alt="bueno" />
                    <img src="/Static/images/encuesta/regular.png" id="imgover3" class="cara-encuesta" onclick="respuestaEncuesta(3)" onmouseover="mostrarCara(3);" alt="regular" />
                    <img src="/Static/images/encuesta/regular-azul.png" id="imgoverblue3" class="cara-encuesta" onclick="respuestaEncuesta(3)" style="display:none;" onmouseout="ocultarCara(3);" alt="regular" />
                    <img src="/Static/images/encuesta/malo.png" id="imgover2" class="cara-encuesta" onclick="respuestaEncuesta(2)"  onmouseover="mostrarCara(2);" alt="malo" />
                    <img src="/Static/images/encuesta/malo-azul.png" id="imgoverblue2" class="cara-encuesta" onclick="respuestaEncuesta(2)" style="display:none;" onmouseout="ocultarCara(2);" alt="malo" />
                    <img src="/Static/images/encuesta/muy-malo.png" id="imgover1" class="cara-encuesta" onclick="respuestaEncuesta(1)" onmouseover="mostrarCara(1);" style="margin-right:0px;" alt="muy malo" />
                    <img src="/Static/images/encuesta/muy-malo-azul.png" id="imgoverblue1" class="cara-encuesta" onclick="respuestaEncuesta(1)" style="display:none;margin-right:0px;" onmouseout="ocultarCara(1);" alt="muy malo"  />
                </div>
            </div>

            <div class="col-md-12" align="center" id="seccionGracias" style="display:none;">
                <br>
                <br>
                <br>
                <img src="/Static/images/encuesta/gracias.png" id="gracias" alt="gracias" />
            </div>

            <div id="div-preguntas" style="display:none;">
                <input type="text" hidden="hidden" id="caraHidden" name="caraHidden">
                <div class="col-md-12" align="center">
                    <span class="titulo-encuesta">DANOS TU OPINIÓN</span>
                    <br>
                    <hr style="border-top:2px solid #bd2c2b;width:34%;">
                    <br>
                </div>
                <div class="col-md-12">
                    <span class="pregunta-encuesta-2">¿Qué no te gustó? Cuéntanos para mejorarlo: (140 caracteres)</span>
                    <br><br>
                    <textarea id="que-no-gusto" maxlength="140" name="que-no-gusto"></textarea>
                    <input id="qngHidden" name="qngHidden" type="text" hidden="hidden">
                    <br><br>
                </div>
                <div class="col-md-12">
                    <input type="text" id="seccion" name="seccion" hidden="hidden" />
                    <span class="pregunta-encuesta-2">Datos Personales</span><br><br>
                    <span class="pregunta-encuesta-3"><b>Nombre y Apellido:</b></span><br>
                    <input type="text" id="nombre-apellido-opinion" name="nombre-apellido" ><br><br>
                    <span class="pregunta-encuesta-3"><b>Email:</b></span><br>
                    <input type="email" id="email-opinion" name="email-opinion"><br><br>
                    <span class="pregunta-encuesta-3">Si lo deseas también puedes contactarnos a través de nuestro <a href="/Contacto"><b>Formulario de Atención al Cliente</b></a></span><br>
                    <br><br>
                </div>
                <div class="col-md-12 center-text">
                    <div class="btn-encuesta" onclick="enviarEncuesta();">
                        Enviar observaciones
                    </div>
                </div>
            </div>
        </div>
        </div>
        <script>

            $(document).ready(function () {
                $('#que-no-gusto').change(function () {
                    valorQNG = $('#que-no-gusto').val();
                    $('#qngHidden').val(valorQNG);
                });
            });

            function cerrarEncuesta() {
                $('.div-encuesta').fadeOut("fast", function () {
                    $('#encuesta').fadeOut();
                });
            }

            function abrirEncuesta() {

                $('.div-encuesta').fadeIn("fast", function () {
                    $('#encuesta').fadeIn();
                });
            }

            function respuestaEncuesta(n) {

                switch (n) {
                    case 1:
                        $('#div-caras').fadeOut('slow', function () {
                            $('#div-preguntas').fadeIn('slow');
                            $('#caraHidden').val('Muy malo');
                            $(".container-encuesta").css('height', '655px');
                        });
                        break;
                    case 2:
                        $('#div-caras').fadeOut('slow', function () {
                            $('#div-preguntas').fadeIn('slow');
                            $('#caraHidden').val('Malo');
                            $(".container-encuesta").css('height', '655px');
                        });
                        break;
                    case 3:
                        $('#div-caras').fadeOut('slow', function () {
                            $('#div-preguntas').fadeIn('slow');
                            $('#caraHidden').val('Regular');
                            $(".container-encuesta").css('height', '655px');
                        });
                        break;
                    case 4:
                        $('#div-caras').fadeOut('slow', function () {
                            $('#seccionGracias').fadeIn('slow');
                            $('#caraHidden').val('Bueno');
                            $('#qngHidden').val('NO APLICA');
                            $('#nombre-apellido-opinion').val('NO APLICA');
                            $('#email-opinion').val('NO APLICA');
                            enviarEncuesta();
                        });
                        break;
                    case 5:
                        $('#div-caras').fadeOut('slow', function () {
                            $('#seccionGracias').fadeIn('slow');
                            $('#caraHidden').val('Excelente');
                            $('#qngHidden').val('NO APLICA');
                            $('#nombre-apellido-opinion').val('NO APLICA');
                            $('#email-opinion').val('NO APLICA');
                            enviarEncuesta();
                        });
                        break;
                }
            }

            function mostrarCara(n) {
                switch (n) {
                    case 1:
                        $('#imgover1').hide();
                        $('#imgoverblue1').show();
                        break;
                    case 2:
                        $('#imgover2').hide();
                        $('#imgoverblue2').show();
                        break;
                    case 3:
                        $('#imgover3').hide();
                        $('#imgoverblue3').show();
                        break;
                    case 4:
                        $('#imgover4').hide();
                        $('#imgoverblue4').show();
                        break;
                    case 5:
                        $('#imgover5').hide();
                        $('#imgoverblue5').show();
                        break;
                }
            }


            function ocultarCara(n) {
                switch (n) {
                    case 1:
                        $('#imgover1').show();
                        $('#imgoverblue1').hide();
                        break;
                    case 2:
                        $('#imgover2').show();
                        $('#imgoverblue2').hide();
                        break;
                    case 3:
                        $('#imgover3').show();
                        $('#imgoverblue3').hide();
                        break;
                    case 4:
                        $('#imgover4').show();
                        $('#imgoverblue4').hide();
                        break;
                    case 5:
                        $('#imgover5').show();
                        $('#imgoverblue5').hide();
                        break;
                }
            }

            function enviarEncuesta() {
                var seccion = 'Home';
                $('#seccion').val(seccion);
                opinion = $('#caraHidden').val();
                qng = $('#qngHidden').val();
                nombreOpinion = $('#nombre-apellido-opinion').val();
                emailOpinion = $('#email-opinion').val();
                var status = statusForm("#div-preguntas");
                var datos = $("#div-preguntas input").serialize();
                if ($('#qngHidden').val() != "") {
                    $('#que-no-gusto').css("border", "0px solid white");
                }

                if (nombreOpinion != '') {
                    $('#nombre-apellido-opinion').css("border", "0px solid white");
                }

                if (emailOpinion != '') {
                    $('#email-opinion').css("border", "0px solid white");
                }

                if ($('#qngHidden').val() == "") {
                    console.log('Falta opinión.');
                    $('#que-no-gusto').focus();
                    $('#que-no-gusto').css("border", "1px solid red");
                }
                else if (nombreOpinion == '') {
                    console.log('Falta nombre.');
                    $('#nombre-apellido-opinion').focus();
                    $('#nombre-apellido-opinion').css("border", "1px solid red");
                } else if (emailOpinion == '') {
                    console.log('Falta email.');
                    $('#email-opinion').focus();
                    $('#email-opinion').css("border", "1px solid red");
                } else {
                    if (status) {
                        var $datos = $("#div-preguntas").serialize();
                        $.ajax({
                            url: "/Ajax/enviarEncuesta",
                            type: "POST",
                            data: datos,
                            dataType: "html",
                            success: function (result) {
                                if (result == 1) {
                                    $('#div-preguntas').fadeOut('slow', function () {
                                        $('#seccionGracias').fadeIn('slow');
                                    });
                                } else {
                                    alerta("Servicio en mantención. Lamentamos las molestias.");
                                }
                            }
                        });
                    }

                }
            }

        </script>
             <script>
                 (function ($) {
                     $.get = function (key) {
                         key = key.replace(/[\[]/, '\\[');
                         key = key.replace(/[\]]/, '\\]');
                         var pattern = "[\\?&]" + key + "=([^&#]*)";
                         var regex = new RegExp(pattern);
                         var url = unescape(window.location.href);
                         var results = regex.exec(url);
                         if (results === null) {
                             return null;
                         } else {
                             return results[1];
                         }
                     }
                 })(jQuery);
        </script>
        <script>
            function obtenerParametroURL() {
                var T = $.get("T");
                if (T == 1) {
                    goToSucursal();
                }
                else if (T == 2) {
                    goToCilindro();
                }
                else if (T == 3) {
                    goToCargaEstanque();
                }
                else if (T == 4) {
                    goToPagoCuenta();
                }

            }
        </script>
        <script>
            $(window).on('beforeunload', function () {
                $(window).scrollTop(0);
            });
            $(document).ready(function () {
                obtenerParametroURL();
              //  $('html,body').scrollTop(0);
                $('#trama').click(function () {
                    $('#trama').hide();
                });
            });
        </script>
        </div>

    </div> -->
    <div class="content-box-home">
      <div class="container">
        <div class="row">
          <div class="col-xs-12 col-sm-4 col-md-15 col-lg-15">
            <div id="btn-home-consejospedidocilindro" class="box-home" style="min-height:300px;cursor:pointer;" onclick="location.href='http://digital.gasco.cl/gasconnect/'">
              <img src="/Static/images/ico/home-descarga.png" alt="app gasconnect">
              <span>Descarga Gasconnect</span>
              <small style="min-height:50px;">Pide gas a domicilio con Gasconnect. Llegamos a tu hogar con una entrega segura. Cuidémonos entre todos.</small>
              <a id="cards_gasconnect" class="btn btn-default" href="http://digital.gasco.cl/gasconnect/" target="_blank">
                            ver más
                        </a>
            </div>
          </div>
          <div class="col-xs-12 col-sm-4 col-md-15 col-lg-15">
            <div id="btn-home-quieresinstalarunestanque" class="box-home" style="min-height:300px;cursor:pointer;" onclick="location.href='https://www.gasco.cl/Productos/Cilindro'">
              <img src="/Static/images/ico/home-envasado.png" alt="balon o galon de gas">
              <span>Cilindro de Gas</span>
              <small style="min-height:33px;">Conoce acá el balón de gas que se adapta a las necesidades de tu hogar. Descubre los tamaños de cilindros disponibles.</small>
              <a id="cards_cilindrogas" class="btn btn-default" href="/Productos/Cilindro">
                        ver más
                    </a>
            </div>
          </div>
          <div class="col-xs-12 col-sm-4 col-md-15 col-lg-15">
            <div id="btn-home-appmovildepedidos" class="box-home" style="min-height:300px;cursor:pointer;" onclick="location.href='https://www.gasco.cl/Productos/Estanque'">
              <img src="/Static/images/ico/home-granel.png" alt="estanque de gas">
              <span>Gasco Granel</span>
              <small style="min-height:50px;">Si prefieres un tanque de gas, acá encontrarás el valor del granel y toda la información que necesitas saber.</small>
              <a id="cards_gascogranel" class="btn btn-default" href="/Productos/Estanque">
                            ver más
                        </a>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-15 col-lg-15">
            <div id="btn-home-promocionesimperdibles " class="box-home" style="min-height:300px;cursor:pointer;" onclick="location.href='https://www.gasco.cl/Productos/Medidor'">
              <img src="/Static/images/ico/home-medidor.png" alt="cambio de medidor de gas">
              <span>Gas por Medidor</span>
              <small style="min-height:50px;">Desde el detalle de consumo hasta pagar tu boleta en línea. Disfruta de la mejor energía.</small>
              <a id="cards_gasmedidor" class="btn btn-default" href="/Productos/Medidor">
                        ver más
                    </a>
            </div>
          </div>
          <div class="col-xs-12 col-sm-6 col-md-15 col-lg-15">
            <div id="btn-home-distribuidorcercano " class="box-home" style="min-height:300px;cursor:pointer;" onclick="location.href='https://www.gasco.cl/transporte/comoMeCambio/Conversiones'">
              <img src="/Static/images/ico/home-transporte.png" alt="gas licuado vehicular">
              <span>Gas Vehicular</span>
              <small style="min-height:50px;">Descubre los beneficios de convertir tu auto al gas licuado. Energía mas limpia y económica.</small>
              <a id="cards_gasvehicular" class="btn btn-default" href="/transporte/comoMeCambio/Conversiones">
                        ver más
                    </a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <style>
      .floatNumbers {
        display: none !important;
      }

      #slider-numeros-interior {
        display: none !important;
      }
    </style>
    <script>
      /*
    function cerrarMantencion() {
        $("#tramaTotal").hide();
        $("#lightbox-mantencion").hide();
        $("#close-lb").hide();
        localStorage.setItem("lbMantencion", "1");
    }

    function lightboxMantencion() {
        var value = localStorage.getItem('lbMantencion');
        if (value == null) {
            $("#tramaTotal").show();
            $("#lightbox-mantencion").show();
            $("#close-lb").show();
        } else {
            $("#tramaTotal").hide();
            $("#lightbox-mantencion").hide();
            $("#close-lb").hide();
        }
    }

    $(document).ready(function () {
        lightboxMantencion();
    });
*/
    </script>
    <div class="footer-border"></div>
    <!-- NUMEROS FOOTER -->
    <div class="floatNumbers hidden-xs">
      <div class="row" style="width: 100%;font-size: 13.4px;">
        <div class="container">
          <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 no-padding" id="Div2">
            <div class="home-fono-label">
              <i class="fonoIco p-left ico_fonos_interior hidden-xs hidden-sm"></i>
              <div class="num_txt_fonos_interior">Emergencias</div>
              <div class="num_num_fonos_interior">600 600 77 99</div>
            </div>
          </div>
          <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 no-padding" id="Div3">
            <div class="home-fono-label">
              <i class="fonoIco p-left ico_fonos_interior hidden-xs hidden-sm"></i>
              <div class="num_txt_fonos_interior">Servicio al cliente</div>
              <div class="num_num_fonos_interior">600 822 22 22</div>
            </div>
          </div>
          <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 no-padding" id="Div4">
            <div class="home-fono-label">
              <i class="fonoIco p-left ico_fonos_interior hidden-xs hidden-sm"></i>
              <div class="num_txt_fonos_interior">Seguimiento de Pedido</div>
              <div class="num_num_fonos_interior">600 822 22 22</div>
              <div style="float:left;"><b style="font-size: 10px; color: #bd2c2b;">desde móviles marca *5300</b></div>
            </div>
          </div>
          <div class="col-xs-6 col-sm-3 col-md-3 col-lg-3 no-padding" id="Div5">
            <div class="home-fono-label carruTels">
              <i class="fonoIco p-left ico_fonos_interior fNorte hidden-xs hidden-sm" style="display: none;"></i>
              <div class="num_txt_fonos_interior fNorte" style="display: none;">Pedido Granel 600 530 53 53</div>
              <div class="num_num_fonos_interior fNorte" style="font-size: 10px; margin-top: -2px; margin-left: -1px; display: none;">(desde móviles marca *5353)</div>
              <i class="fonoIco p-left ico_fonos_interior fCentro hidden-xs hidden-sm" style="display: inline-block;"></i>
              <div class="num_txt_fonos_interior fCentro" style="display: inline-block;">Pedido Granel 600 530 53 53</div>
              <div class="num_num_fonos_interior fCentro" style="font-size: 10px; margin-top: -2px; margin-left: -1px; display: inline-block;">(desde móviles marca *5353)</div>
              <i class="fonoIco p-left ico_fonos_interior fSur hidden-xs hidden-sm" style="display: none;"></i>
              <div class="num_txt_fonos_interior fSur" style="display: none;">Pedido Granel 600 530 53 53</div><br>
              <div class="num_num_fonos_interior fSur" style="font-size: 10px; margin-top: -2px; margin-left: -1px; display: none;">(desde móviles marca *5353)</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <style>
      .floatNumbers {
        background-color: white;
        border-top: 4px solid #e8e8e8;
        bottom: 0;
        height: 50px;
        left: 0;
        position: fixed;
        width: 100%;
        z-index: 1000;
      }

      .alert-desk {
        display: block;
      }

      .alert-mobile {
        display: none;
      }

      @media only screen and (max-width: 765px) {
        .alert-desk {
          display: none;
        }

        .alert-mobile {
          display: block;
        }
      }
    </style>
    <script>
      // Thanks. It worked pretty good. Now it can be disabled.
      /*$(document).ready(function () {
            const myDateTime = new Date().getTime();
            const fromDateTime = new Date(2021, 8, 7, 23, 0, 0).getTime();
            const toDateTime = new Date(2021, 8, 8, 2, 0, 0).getTime();

            //if (myDateTime >= fromDateTime && myDateTime <= toDateTime)
		    {
                if (!sessionStorage.getItem('advertisementnotice')) 
                {
		            setTimeout(() => {
		                $('.advertisementnotice').fadeIn().css("opacity", "1");
		            }, 1300);
		            sessionStorage.setItem('advertisementnotice', 'true');
		        }
		    }
        }); */
    </script>
    <!--TELEFONOS SLIDER-->
    <div class="container" id="slider-numeros-interior" style="display:none !important;">
      <div id="carousel-numeros-home" class="carousel slide visible-xs" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carousel-numeros-home" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-numeros-home" data-slide-to="1"></li>
          <li data-target="#carousel-numeros-home" data-slide-to="2"></li>
          <li data-target="#carousel-numeros-home" data-slide-to="3"></li>
        </ol>
        <div class="carousel-inner" role="listbox" id="carousel-mobile-numbers">
          <script>
            $(document).ready(function() {
              //$('#carousel-mobile-numbers').append('<div class="item active"><div class="home-fono-label-slider"><div style="width:350px;"><i class="icon-phono_ico"></i><span class="home-fono-label">Emergencias</span> <b class="home-fono-label">600 600 77 99</b></div></div></div><div class="item"><div class="home-fono-label-slider"><div style="width:350px;"><i class="icon-phono_ico"></i><span class="home-fono-label">Servicio al cliente</span> <b class="home-fono-label">600 822 22 22</b></div></div></div><div class="item"><div class="home-fono-label-slider"><div style="width:350px;"><i class="icon-phono_ico"></i><span class="home-fono-label">Pedidos Cilindros</span> <b class="home-fono-label">600 530 8000</b></div></div></div>');
            });
          </script>
        </div>
        <a class="left carousel-control" href="#carousel-numeros-home" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
        <a class="right carousel-control" href="#carousel-numeros-home" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
      </div>
    </div>
    <!-- FIN TELEFONOS -->
  </div>
</form>

Text Content

×

ALERTA


Aceptar
 * 
 * 
 * 
 * 
 * 

 * Hogar
 * 
   Autogas
 * Soluciones Energéticas
 * Sostenibilidad
 * Corporativo
 * Proveedores

Menú
Menú

Servicio al Cliente

Cámbiate a Gasco

Productos

Encuéntranos

Trabaja en Gasco

Convenios y Descuentos
 * Inicio
 * Sucursal en línea
 * Pedidos de Gas
    * Pide gas en cilindro
    * Gasconnect app
    * Carga tu tanque
    * Sucursal móvil app
    * GascoPacks

 * Boletas y Pago
    * Pago de cuentas
    * Obtén copia de tu boleta o DTE
    * Sucursal móvil app

 * Servicio al cliente
    * Formulario de Contacto
      
    * Formulario de Cambio de Empresa Distribuidora de Gas

 * Soluciones Energéticas
 * Autogas
    * Gas Vehicular
    * Flotas Comerciales
    * Conversión a Gas
    * Estaciones

 * Nuestra Energía
 * * ¿ Que es GL ?
   * GLP y medio ambiente
 * ¿Qué nos mueve?
 * * La mejor energía
 * Productos
 * * Gas por medidor
   * Gas en tanques
   * Gas en cilindros
   * Preguntas y Respuestas

 * Convenios y Descuentos
 * Ser Distribuidor
 * Noticias
 * Preguntas Frecuentes
 * Ley n°20.999 Art. 29 BIS – Empresa Entrante
 * Bases, Términos y Condiciones
 * Gasco GL
    * Trabaja en Gasco
    * Línea de denuncias
    * Normas y políticas de seguridad

--------------------------------------------------------------------------------

 * Empresas Gasco

× Información importante en relación a incendios en la V región.Ver más
información
×


Información importante en relación a incendios en la V región.Ver más
información

prev
next

 * Gas a Domicilio
 * Tanque de Gas
 * Paga en línea
 * Sucursal Virtual

Haz tu pedido
Compra tus recargas de manera anticipada con Gascopacks
Comprar packs
Rut


Contraseña


Entrar


¿Olvidaste tu contraseña?
Regístrate
¿Cómo deseas realizar tu pago en línea?
Quiero pagar con mi número de cliente
ó
Quiero pagar indicando mi dirección

Rut


Contraseña


Entrar


¿Olvidaste tu contraseña?
Regístrate





 1. 
 2. 
 3. 
 4. 
 5. 
    




Descarga Gasconnect Pide gas a domicilio con Gasconnect. Llegamos a tu hogar con
una entrega segura. Cuidémonos entre todos. ver más
Cilindro de Gas Conoce acá el balón de gas que se adapta a las necesidades de tu
hogar. Descubre los tamaños de cilindros disponibles. ver más
Gasco Granel Si prefieres un tanque de gas, acá encontrarás el valor del granel
y toda la información que necesitas saber. ver más
Gas por Medidor Desde el detalle de consumo hasta pagar tu boleta en línea.
Disfruta de la mejor energía. ver más
Gas Vehicular Descubre los beneficios de convertir tu auto al gas licuado.
Energía mas limpia y económica. ver más

Emergencias
600 600 77 99
Servicio al cliente
600 822 22 22
Seguimiento de Pedido
600 822 22 22
desde móviles marca *5300
Pedido Granel 600 530 53 53
(desde móviles marca *5353)
Pedido Granel 600 530 53 53
(desde móviles marca *5353)
Pedido Granel 600 530 53 53

(desde móviles marca *5353)
 1. 
 2. 
 3. 
 4. 


Previous Next
Premios Obtenidos

First place in the national "Procalidad" Customer Satisfaction award in the LPG
per Meter Segment.

First place in the LPG field for operational excellence awared by the Kaizen
Institute.

First place in the National "Procalidad" Customer Satisfaction Award in the
cylinder segment awared by Praxis Costumer Engagement.

Winner of the Global Tecnology Conference 2020 innovation award for the "Gas
Connect" Application.

Gasco en la cultura, educación y patrimonio

Información legal
Términos y Condiciones
Bases Legales
Norma y Políticas de Seguridad
Preguntas Frecuentes
Corporativo

Atención al Cliente
Emergencias 600 600 77 99

Servicio al Cliente 600 822 22 22

Pedidos de Cilindros 600 530 8000

Pedidos de Granel Nacional 600 530 53 53
Seguimiento de Pedido 600 822 22 22


Atención al Cliente
remove
Emergencias 600 600 77 99

Servicio al Cliente 600 822 22 22

Pedidos de Cilindros 600 530 8000

Pedidos de Granel Nacional 600 530 53 53
Seguimiento de Pedido 600 822 22 22

Información Legal
add
Términos y Condiciones
Bases Legales
Norma y Políticas de Seguridad
Preguntas Frecuentes
Corporativo