/* Header */

@font-face {
    font-family: "nehue-unica";
    src: url("../fontsProductos/NeueHaasUnicaW1G-Regular.otf");
}

@font-face {
    font-family: "termina-regular";
    src: url("../fontsProductos/Termina-Regular.otf");
}

@font-face {
    font-family: "termina-Bold";
    src: url("../fontsProductos/Termina-Bold.otf");
}


* {
    font-family: "termina-regular" !important;
    line-height: 1.15;
}

.h1Titulos {
    font-size: 1.5rem;
    text-align: center;
    max-width: 700px;
    text-transform: uppercase;
    color: #F05A28;
    font-family: "termina-bold" !important;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 40px;
}

.headerContainer {
    width: 100%;
    background-color: #F05A28;
    color: white;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    padding: 10px 7px;
    grid-gap: 3px;
}

.headerItem {
    text-align: center;
}

.separador {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.headerItem:first-child {
    grid-column: 1/4;
    align-self: center;
}

.headerTitle {
    font-size: .65rem;
    margin: 0;
    font-family: 'nehue-unica';
    letter-spacing: 2px;
    color: #fff;
}

.headerChat,
.headerMail,
.headerPhone,
.headerInter {
    width: 18px;
}

.headerInfo {
    display: none;
    font-size: .75rem;
    margin: 0;
    font-family: 'nehue-unica';
    letter-spacing: 2px;
    padding-left: 5px;
    color: white;
}

/******   desktop   **********/

@media screen and (min-width: 768px) {
    .headerTitle {
        font-size: .75rem;
    }

    .headerContainer {
        grid-template-columns: repeat(6, 1fr);
    }

    .headerItem:first-child {
        grid-column: 1/3;
    }

    .headerInfo {
        display: inline-block;
    }
}

@media screen and (min-width: 1024px) {
    .headerContainer {
        padding: 10px 10%;
    }

}
@media screen and (min-width: 991px) and (max-width:1366px) {
    .topmargin{margin-top: -55px;}
}
/* Menu */

* {
    font-family: 'nehue-unica';
    color: #6d6e70;
    line-height: 1.15;
}

.nav-width{
    min-width: 130px;
}

.nav-width2{
    min-width: 235px;
}

.backMenu {
    background-color: white !important;
}

.usericon {
    width: 18px;
    height: auto;
}

.username {
    text-transform: uppercase !important;
}

.dropdown-toggle::after {
    position: unset;
    top: unset;
    right: unset;
    color: #f05a28;
}

.dropdown-menu {
    width: unset;
    height: unset;
    overflow-x: hidden;
    overflow-y: auto;
}

.fijo {
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 10px 12px -5px rgba(153, 153, 153, 0.15);
}

.tufesaLogo {
    width: 150px;
    outline: 0;
}

.TufLanIco {
    width: 18px;
    margin: 0;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: rgb(248, 249, 250) !important;
}

.navbar .navbar-collapse {
    position: absolute;
    z-index: 999;
    background: white;
    right: 5px;
    padding: 20px;
    top: 55px;
    align-items: baseline;
    -webkit-transition: all 275ms cubic-bezier(0, 0.015, 1, 1);
    -webkit-transition: all 275ms cubic-bezier(0, 0.015, 1, 1.005);
    -moz-transition: all 275ms cubic-bezier(0, 0.015, 1, 1.005);
    -o-transition: all 275ms cubic-bezier(0, 0.015, 1, 1.005);
    transition: all 275ms cubic-bezier(0, 0.015, 1, 1.005);
}

.dropdown-item {
    text-align: right !important;
    padding: 0.25rem 0.5rem 0.25rem 0 !important;
}

.navbar-toggler:not(:disabled):not(.disabled) {
    outline: 0;
}

.navbar-toggler {
    border: none;
    background: transparent !important;
}

.navbar-toggler:focus {
    outline: none;
    background: transparent !important;
}

.navbar-toggler .icon-bar {
    background-color: #fff;
    transform: rotate(0deg) translate(0px, 0px);
    transition: ease all 0.2s;
}

.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}

.icon-bar:nth-child(2) {
    width: 16px;
    transition: ease all 0.2s;
}

.navbar-toggler:hover>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all 0.2s;
}

.navbar-toggler:active>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all 0.2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
    transition: ease all 0.2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0;
    transition: ease all 0.2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
    transition: ease all 0.2s;
}

/*************************************************/

.navbar {
    background-color: #ffffff !important;
    text-align: right;
    height: 80px;
}

.navbar .navbar-brand {
    color: #6d6e70;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
    color: #f05a28;
}

.navbar .navbar-text {
    color: #6d6e70;
}

.navbar .navbar-text a {
    color: #f05a28;
}

.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
    color: #f05a28;
}

.navbar .navbar-nav .nav-link {
    color: #6d6e70;
    border-radius: 0.25rem;
    margin: 0 0.25em;
    font-family: "termina-regular";
    font-size: 0.75rem !important;
    letter-spacing: 2px;
    cursor: pointer;
}

.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
    color: #f05a28;
    border-bottom: 1px solid #f05a28;
    border-radius: 0;
}

.navbar .navbar-nav .dropdown-menu {
    background-color: #ffffff;
    border: none;
    border-radius: 0;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item {
    color: #6d6e70;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar .navbar-nav .dropdown-menu .dropdown-item:focus,
.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
    color: #f05a28;
}

.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
    color: #f05a28;
}

.navbar .navbar-toggle .navbar-toggler-icon {
    color: #6d6e70;
}

.navbar .navbar-collapse,
.navbar .navbar-form {
    border-color: #6d6e70;
    -webkit-box-shadow: -9px 10px 12px -5px rgba(153, 153, 153, 0.25);
    -moz-box-shadow: -9px 10px 12px -5px rgba(153, 153, 153, 0.25);
    box-shadow: -9px 10px 12px -5px rgba(153, 153, 153, 0.25);
}

.navbar .navbar-link {
    color: #6d6e70;
}

.navbar .navbar-link:hover {
    color: #f05a28;
}

@media (max-width: 575px) {
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #6d6e70;
    }

    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #f05a28;
    }

    .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #f05a28;
    }
}

@media (max-width: 767px) {
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #6d6e70;
    }

    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #f05a28;
    }

    .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #f05a28;
    }
}

@media (max-width: 1024px) {
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #6d6e70;
    }

    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #f05a28;
    }

    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #f05a28;
    }
}

@media (max-width: 1199px) {
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #6d6e70;
    }

    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
        color: #f05a28;
    }

    .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
        color: #f05a28;
    }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #6d6e70;
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #f05a28;
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #f05a28;
}

/*************************************************/

@media screen and (min-width: 768px) {
    .navbar-nav {
        position: relative;
    }
}

@media screen and (min-width: 1366px) {
    .navbar {
        padding: 0.75rem 5.5rem;
    }

    .dropdown-item {
        text-align: left !important;
        padding: 0.25rem 1.5rem !important;
    }

    .navbar .navbar-collapse {
        position: initial;
    }

    .dropdown-toggle::after {
        display: none;
    }

    .navbar-nav {
        position: absolute;
    }

    .navbar .navbar-collapse,
    .navbar .navbar-form {
        box-shadow: none;
    }

    .navbar .navbar-nav .dropdown-menu {
        -webkit-box-shadow: -9px 10px 12px -5px rgba(153, 153, 153, 0.25);
        -moz-box-shadow: -9px 10px 12px -5px rgba(153, 153, 153, 0.25);
        box-shadow: -9px 10px 12px -5px rgba(153, 153, 153, 0.25);
    }

    .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
        color: #6d6e70;
    }

    .navbar-nav {
        position: absolute;
        right: 10%;
    }

    .tufesaLogo {
        width: 175px;
    }

    .navbar {
        height: 97px;
    }
}

/* Form */
* {
    font-family: 'nehue-unica';
    color: #6D6E70;
    line-height: 1.15;
}

.sucursalOrign,
.sucursalDest {
    display: block;
    cursor: pointer;
    width: 100%;
    max-width: 300px;
    min-width: 300px;
    height: 45px;
    border-radius: 4px;
    border: 1px solid rgba(128, 128, 130, 0.3);
    color: #F05A28;
    margin: 5px auto;
    font-size: 16px;
    text-indent: 25px;
    line-height: 38px;
    outline: 0px;
    padding: 8px;
    /*como posicionar iconos dentro de inputs*/
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 14px;
    background-origin: content-box, padding-box;
    text-indent: 18px;
}

.is-error {
    border: 1px solid red !important;
}

.is-notselected {
    color: rgb(128, 128, 130);
}

.is-selected {
    color: #F05A28;
}

.fechareg {
    display: block;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid rgba(128, 128, 130, 0.3);
    width: 100%;
    max-width: 300px;
    height: 45px;
    margin: 5px auto;
    background: white;
}

.fecharegsubmit {
    display: none;
    height: 43px;
    border-radius: 4px;
    width: 25px;
    cursor: pointer;
    background: white;
    border: 0;
    font-size: 20px;
    -webkit-appearance: none;
    color: #F05A28;
    opacity: .7;
    outline: 0px;
}

.isVisible {
    display: inline;
}

.dateSalida {
    display: block;
    cursor: pointer;
    width: 100%;
    max-width: 300px;
    height: 45px;
    border-radius: 4px;
    border: 1px solid rgba(128, 128, 130, 0.3);
    color: #F05A28;
    margin: 5px auto;
    font-size: 16px;
    vertical-align: bottom;
    line-height: 38px;
    outline: 0px;
    padding: 8px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 14px;
    background-origin: content-box, padding-box;
    text-indent: 25px;
}

.dateRegreso {
    cursor: pointer;
    width: calc(100% - 30px);
    height: 43px;
    border-radius: 4px;
    border: none;
    color: #F05A28;
    font-size: 16px;
    vertical-align: top;
    line-height: 38px;
    outline: 0px;
    padding: 0;
    padding-left: 8px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 14px;
    background-origin: content-box, padding-box;
    text-indent: 25px;
}

.origen {
    width: 16px;
    margin-right: 7px;
}

.sucursalOrign::-webkit-input-placeholder {
    color: rgb(128, 128, 130);
}

.sucursalOrign::placeholder {
    color: rgb(128, 128, 130);
}

.sucursalOrign::-ms-input-placeholder {
    color: rgb(128, 128, 130);
}

.sucursalDest::-webkit-input-placeholder {
    color: rgb(128, 128, 130);
}

.sucursalDest::placeholder {
    color: rgb(128, 128, 130);
}

.sucursalDest::-ms-input-placeholder {
    color: rgb(128, 128, 130);
}

.dateRegreso::-webkit-input-placeholder {
    color: rgb(128, 128, 130);
}

.dateRegreso::placeholder {
    color: rgb(128, 128, 130);
}

.dateRegreso::-ms-input-placeholder {
    color: rgb(128, 128, 130);
}

.dateSalida::-webkit-input-placeholder {
    color: rgb(128, 128, 130);
}

.dateSalida::placeholder {
    color: rgb(128, 128, 130);
}

.dateSalida::-ms-input-placeholder {
    color: rgb(128, 128, 130);
}

.dateRegreso {}

.is-invalid:after {
    content: '*';
    color: red;
    position: absolute;
    margin-left: -0.7em;
    margin-top: 0.8em;
}

.is-invalid:before {
    content: '*';
    color: blue;
    position: absolute;
    margin-left: -0.7em;
    margin-top: 0.8em;
}

.btnSiguiente {
    cursor: pointer;
    border-radius: 50%;
    background-color: #F05A28;
    color: white;
    border: none;
    width: 44px;
    height: 44px;
    outline: 0px;
    display: none;
}

.btnSiguiente:hover {
    transition: all .36s ease;
    filter: brightness(125%);
}

.seccionA {
    display: block;
    /* margin: 5px 20px 20px 20px; */
}

.aviso {
    font-size: .75rem;
    margin: 1rem;
}

.aviso a {
    color: #F05A28;
    border-bottom: 1px solid;
    outline: 0;
}

.center {
    text-align: center;
    padding-bottom: 10px;
}

.modal-footer {
    border-top: none;
}

@media screen and (min-width: 1024px) {
    .seccionA {
        text-align: center;
    }

    .fechareg {
        text-align: left;
    }

    .sucursalOrign,
    .sucursalDest,
    .dateSalida,
    .fechareg {
        display: inline-block;
        width: 20%;
        margin: 0px 5px;
        vertical-align: bottom;
    }

    .sucursalOrign,
    .sucursalDest,
    .dateSalida,
    .fechareg {
        border-radius: 0;
        border: none;
    }

    .btnContinuar {
        display: none;
    }

    .btnSiguiente {
        display: inline;
    }
}

@media screen and (min-width: 1024px) {

    .sucursalOrign,
    .sucursalDest,
    .dateSalida,
    .fechareg {
        width: 16%;
    }
}

.gtmPaso1 img {
    width: 25px;
    height: auto;
}

/* Date */

input[type="date"] {
    position: relative;
    padding: 1rem 3.5rem 1rem 0.75rem;

    background:
        white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23688EBB' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' transform='translate(1 1)'%3E%3Crect width='18' height='18' y='2' rx='2'/%3E%3Cpath d='M13 0L13 4M5 0L5 4M0 8L18 8'/%3E%3C/g%3E%3C/svg%3E") right 1rem center no-repeat;

    cursor: pointer;
}

input[type="date"]:focus {
    outline: none;
    border-color: #F05A28;
    box-shadow: 0 0 0 0.25rem #F05A28;
}

::-webkit-datetime-edit {}

::-webkit-datetime-edit-fields-wrapper {}

::-webkit-datetime-edit-month-field:hover,
::-webkit-datetime-edit-day-field:hover,
::-webkit-datetime-edit-year-field:hover {
    background: #F05A28;
}

::-webkit-datetime-edit-text {
    opacity: 0;
}

::-webkit-clear-button,
::-webkit-inner-spin-button {
    display: none;
}

::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 2.5rem;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;

    opacity: 0;
    cursor: pointer;

    color: #F05A28;
    background: #F05A28;

}

input[type="date"]:hover::-webkit-calendar-picker-indicator {
    opacity: 0.05;
}

input[type="date"]:hover::-webkit-calendar-picker-indicator:hover {
    opacity: 0.15;
}

/* Separador */
.grid {
    margin-top: 15px;
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.Item {
    text-align: center;
    align-self: center;
}

.Item:first-child {
    grid-row: 1/3;
    /*background: red;*/
}

.Item:nth-child(9) {
    grid-column: 2/4;
    /*grid-column-start: 4;*/
}

.divisiones-lugares {
    height: 5px;
    background-color: #F05A28;
    border-radius: 300px;
    margin-top: 30px;
}

.divTitle {
    justify-content: center;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Imagenes Lugares */
.gridImages {
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.div1 {
    grid-area: 2 / 2 / 3 / 3;
}

.div2 {
    grid-area: 2 / 1 / 3 / 2;
}

.div3 {
    grid-area: 1 / 1 / 2 / 2;
}

.div4 {
    grid-area: 1 / 2 / 2 / 3;
}

.seccion-item {
    border-radius: 7px;
    width: 95%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px;
    margin: 2%;
}

.btn {
    cursor: pointer;
    margin: 0 auto;
    background: #f05928;
}

.icono-mapa {
    position: absolute;
    top: 43%;
    left: 19%;
    transform: translate(-50%, -50%);
    font-size: 35px;
}

.destino_centro {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.boton-enlace {
    background-color: white !important;
    border-color: white !important;
    color: #F05A28 !important;
    font-weight: 700;
    width: 160px;
    border: 1px;
    border-radius: 10px;
}

.txtImg {
    text-align: center;
    color: white;
    width: 100%;
    margin-top: 19px;
}

@media screen and (max-width: 425px) {
    .h1Titulos {
        font-size: 1rem;
    }

    .gridImages {
        margin-top: 15px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .div1 {
        grid-area: auto;
    }

    .div2 {
        grid-area: auto;
    }

    .div3 {
        grid-area: auto;
    }

    .div4 {
        grid-area: auto;
    }

}

.imgComida {
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, .5fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

/*  grid descuento */
.imgComidagrid2 {
    /* margin-top: 15px; */
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, .5fr);
    grid-column-gap: 18px;
    grid-row-gap: 0px;
    width: 75%;
}

.divC1 {
    display: flex;
    justify-content: center;
    margin: 10px;
    grid-area: 1 / 1 / 2 / 2;
}

.divC2 {
    display: flex;
    justify-content: center;
    margin: 10px;
    grid-area: 1 / 2 / 2 / 3;
}

.divC3 {
    display: flex;
    justify-content: center;
    margin: 10px;
    grid-area: 1 / 3 / 2 / 4;
}

.divC4 {
    display: flex;
    justify-content: center;
    margin: 10px;
    grid-area: 2 / 1 / 3 / 2;
    text-align: center;
}

.divC5 {
    display: flex;
    justify-content: center;
    margin: 10px;
    grid-area: 2 / 2 / 3 / 3;
    text-align: center;
}

.divC6 {
    display: flex;
    justify-content: center;
    margin: 10px;
    grid-area: 2 / 3 / 3 / 4;
    text-align: center;
}

@media screen and (max-width: 900px) {

    .h1Titulos {
        font-size: 1.5rem;
    }

    .imgComida {
        margin-top: 15px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(6, .5fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .divC1 {
        display: flex;
        justify-content: center;
        margin: 10px;
        grid-row: 1;
        grid-column: 1;
    }

    .divC2 {
        display: flex;
        justify-content: center;
        margin: 10px;
        grid-row: 3;
        grid-column: 1;
    }

    .divC3 {
        display: flex;
        justify-content: center;
        margin: 10px;
        grid-row: 5;
        grid-column: 1;
    }

    .divC4 {
        display: flex;
        justify-content: center;
        margin: 10px;
        grid-row: 2;
        grid-column: 1;
        text-align: center;
    }

    .divC5 {
        display: flex;
        justify-content: center;
        margin: 10px;
        grid-row: 4;
        grid-column: 1;
        text-align: center;
    }

    .divC6 {
        display: flex;
        justify-content: center;
        margin: 10px;
        grid-row: 6;
        grid-column: 1;
        text-align: center;
    }

    .imgComida {
        max-width: 500px;
    }

    /* .imgComida2 {
        max-width: 500px;
    } */

}

.imgComida {
    border-radius: 3%;
    margin: 0 auto;
    width: 90%;
}

.imgComida2 {
    border-radius: 3%;
    margin: 0 auto;
    width: 50%;
}

.ImgDescarga {
    width: 100%;
    border-color: #fff;
    border-radius: 10px;
    width: 150%;
    margin-left: 15px;
    border: 2px solid white;
    max-width: 100px;
}
@media screen and (min-width: 768px) {
    .ImgDescarga {
        width: 100%;
        border-color: #fff;
        border-radius: 10px;
        width: 150%;
        margin-left: 15px;
        border: 2px solid white;
        max-width: 250px;
    }
}

@media screen and (min-width: 1615px) {
    .column1 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .column2 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}


/* Informacion util */

.contenedorUtil {
    background-color: #d9dbe1;
    width: 100%;
    height: auto;
    color: black;
    padding: 30px 12px;
}

.infTitleUtil {
    height: auto;
    text-align: center;
}

.infoContainerUtil {
    display: flex;
    flex-wrap: wrap;
}

.rowUtil {
    align-items: center;
}

.colUtil {
    cursor: pointer;
}

.infIconUtil {
    width: 80px;
    margin: 0 auto;

}

.iconLockUtil,
.iconTextUtil,
.iconUsaUtil {
    width: 100%;
    height: auto;
}

.infHeaderUtil {
    margin-top: 4px;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 2px !important;
}

.infBodyUtil {
    font-size: 14px;
    margin-bottom: 5px !important;
}

.colUtil {
    outline: 0;
}

.textwhite {
    color: white;
    text-align: center;
}


@media screen and (min-width: 768px) {
    .infoContainerUtil {
        display: flex;
        flex-wrap: nowrap;

    }
}

@media screen and (min-width: 1024px) {

    .infoContainerUtil {
        justify-content: space-around;
        width: 90%;
        margin: 0 auto;
    }
}

/* Mapa del sitio */

* {
    color: #8d8f91;
}

.mapaContainer {
    background-color: #000000;
    padding: 30px 0;
    /* height: 285px; */
}

.mapaHeader {
    padding: 0 20px;
}

.mapaSubtitle {
    font-family: 'termina-regular';
    font-size: 14px;
    color: #FFFFFF;
}

.grid-item a {
    display: block;
    font-family: 'nehue-unica';
}

.grid-item a:hover {
    color: #F05A28;
}

.mapaTitle {
    font-family: 'nehue-unica';
}

.mapContenedor {
    display: grid;
    margin: 20px;
    grid-template-columns: repeat(2, auto [col-start]);
}

.divFotter {
    width: 90%;
    margin: 0 auto;
}

.wFooter {
    width: 235px;
    color: #8d8f91;
    margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
    .mapaContainer {
        height: auto;
    }

    .grid-item {
        margin-bottom: 30px;
    }
}



@media screen and (min-width: 1150px) {
    .mapContenedor {
        display: grid;
        /* este div será mostrado en grid, una platilla para organizar elementos */
        /*aqui se indica con la herramienta de grid que queremos con el repeat, por lo tanto se indica el repeat(n)
        que se repetira 6 veces columnas con un tamaño automatico indicadas con nombre [columna-inicio]*/
        grid-template-columns: repeat(4, auto [col-start]);
        /*aqui se muestra el area como se dividira el grid dependiendo del numero de items que se hayan agregado, como
        tenemos divido el el grid en 6 columas y 2 filas, se les asignara areas alfabeticas para dsitingirlas unas de otras
        grid-template-areas: "a b c d e f"
                             "g h i j k f";*/
    }

    .mapaHeader {
        padding: 0 20px;
    }

}

@media screen and (min-width : 1150px) {
    .mapaContainer {
        padding: 30px;
    }
}

/* Redes Sociales */

.redesContainer {
    background-color: #000000;
    width: 100%;
    padding: 20px;
    height: 100%;
    text-align: center;
    color: #F05A28;
}

.redesIcons {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
}

.FacebookIcon,
.TwitterIcon,
.InstagramIcon,
.WhatsappIcon {
    width: 30px;
    height: 30px;
    transition: all 0.36s ease;
}

.FacebookIcon:hover,
.TwitterIcon:hover,
.InstagramIcon:hover,
.WhatsappIcon {
    filter: brightness(125%);
}

.payment {
    justify-content: center;
    margin-top: 16px;
}

.PayIcons {
    width: 45px;
    height: auto;
    margin: auto 8px;
}

.mCard,
.pPal {
    height: 30px;
}

.follows {
    font-size: 0.8rem;
    margin: 10px auto;
}

.redesText {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 16px;
    font-size: 0.8rem;
}

@media screen and (min-width: 300px) {
    /* a {
        width: 90px;
    } */

    .redesIcons {
        justify-content: center;
    }

    .FacebookIcon,
    .TwitterIcon,
    .InstagramIcon,
    .WhatsappIcon {
        width: 40px;
        height: 40px;
    }

    .redesFb,
    .redesTw,
    .redesIn,
    .redesWha {
        display: flex;
        flex-direction: column;
        margin: auto 10px;
    }
}

@media screen and (min-width: 1280px) {
    .redesIcons {
        height: 180px;
    }

    .FacebookIcon,
    .TwitterIcon,
    .InstagramIcon,
    .WhatsappIcon {
        width: 40px;
        height: 40px;
    }

    .payment {
        height: 50px;
    }

    .PayIcons {
        margin: auto 8px;
    }

    .mCard,
    .pPal {
        height: 34px;
    }

    .redesText {
        margin-top: 40px;
    }
}

.column1,
.column2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
    width: 100%;
    min-height: 1px;
}

@media screen and (min-width: 1615px) {
    .column1 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .column2 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .mapaContainer {
        padding: 10px;
    }
}


/* Pase sin fila */

.h5PSS {
    color: rgb(128, 128, 130);
    text-align: left;
    margin: 20px;
    font-family: "termina-regular";
}

.h4PSS {
    font-family: "termina-regular";
    font-weight: bold;
    color: white;
    font-size: 25px;
    margin-top: -10px;
}

.containerA {
    min-width: 320px;
    /* max-width: 320px; */
    min-height: 350px;
    max-height: 350px;
    text-align: center;
}

.subcontainerA {
    display: inline-block;
    width: 120px;
    margin: auto;
}

.containerB {
    text-align: center;
}

.subcontainerB {
    display: flex;
    justify-content: center;
    margin: 15px 0;
}

.subcontainerX {
    display: contents;
    justify-content: center;
    margin: 15px 0;
}

.is-right {
    text-align: right;
}

.is-center {
    text-align: center;
}

.is-orange {
    background: rgb(238, 89, 41);
}

.orange {
    color: rgb(238, 89, 41) !important;
}



.gridBolDig {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: .5fr 1.5fr .5fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: inline-block;
    vertical-align: top;
}

.item1 {
    height: 65px;
    background: #f05928;
    color: white;
    text-align: center;
    padding: 18px;
    TEXT-TRANSFORM: UPPERCASE;
    width: 650px;
    font-size: 13px;
}

.item2 {
    height: 220px;
    padding-top: 5%;
    display: flex;
    justify-content: center;
}

.item3 {
    height: 65px;
    background: white;
    color: #f05928;
    text-align: center;
    padding: 18px;
    TEXT-TRANSFORM: UPPERCASE;
    width: 650px;
    font-size: 13px;
    /* border: 3px solid; */
}

.text {
    font-family: "termina-regular";
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    font-size: 55px;
    text-align: center;
    padding: 25px 5px 0 0;
    /* margin-top: -10px; */
    line-height: 0.95;
}

.line {
    width: 80%;
    margin-top: -15px;
    border-top: 5px solid white;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.text5 {
    text-transform: uppercase;
    color: #f05928;
    font-family: "termina-regular";
    font-weight: bold;
    font-size: 10px;
    margin-top: 10px;
    text-align: center;
    /* margin: 0; */
}

.text6 {
    font-family: "nehue-unica";
    font-size: 1rem;
    color: white;
}

.subtext3 {
    font-size: 13px;
    color: #f05928;
    font-family: "nehue-unica";
    text-align: center;
    margin: 5px;
    margin-top: -10px;
}

.subtext8 {
    font-size: 13px;
    color: #f05928;
    font-family: "nehue-unica";
    text-align: center;
    margin: 5px;
    /* margin-top: -10px; */
}

.img {
    width: 40px;
    margin: auto;
}

.imgCheck {
    margin: 0 58px;
    width: 100px;
}

.imgidR {
    width: 40px;
    margin-right: 8%;
    margin-top: -5%;
}

.imgidL {
    width: 40px;
    margin-left: 8%;
    margin-top: -5%;
}

@media screen and (max-width: 969px) {
    .gridBolDig {
        display: none;
    }

    .centrado {
        display: block !important;
        justify-content: center;
    }

    .item3 {
        width: auto;
        height: auto;
        background: #f05928;
        color: white;
    }

    .item1 {
        width: auto;
        height: auto;
        background: white;
        color: #f05928;
        /* border: 3px solid; */
    }

    .subtext3 {
        margin-top: -30px;
    }
}

@media screen and (max-width: 425px) {
    .item3 {
        font-size: 9px;
    }

    .item1 {
        font-size: 9px;
    }
}

@media screen and (min-width:768px) {

    .gridOpc {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr 0.7fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;

    }

    .itemOpc1 {
        grid-row: 1;
        grid-column: 1;
    }

    .itemtexto1 {
        grid-row: 2;
        grid-column: 1;
    }

    .itemOpc2 {
        grid-row: 1;
        grid-column: 2;
    }

    .itemtexto2 {
        grid-row: 2;
        grid-column: 2;
    }

    .itemOpc3 {
        grid-row: 1;
        grid-column: 3;
    }

    .itemtexto3 {
        grid-row: 2;
        grid-column: 3;
    }
}

.centrado {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.centrado {
    display: flex;
    justify-content: center;
}

.centrado2 {
    display: flex;
    justify-content: center;
}

.centrado3 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 20px;
}

.centrado4 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: end;
    text-align: center;
    font-size: 20px;
}

@media screen and (min-width: 968px) {
    .gridBolDig2 {
        display: none;
    }
}

@media screen and (min-width: 968px) {
    h5 {
        margin: 5px 10px;
    }

    .containerA {
        width: 300px;
        display: inline-block;
    }

    .containerB {
        width: calc(100% - 300px);
        display: inline-block;
    }

    .subcontainerB {
        width: 215px;
        display: inline-block;
        margin: 0;
    }
}

@media screen and (min-width: 1366px) {
    .text6 {
        font-size: 14px;
    }

    .containerA {
        width: 360px;
    }

    .containerB {
        width: calc(100% - 360px);
    }

    .subcontainerB {
        width: 190px;
    }

    .text {
        font-size: 55px;
    }
}

/* Tabla */
/* .hscroll {
    overflow-x: auto;
} */

.izq {
    text-align: left;
    padding-bottom: 15px;
}

.icono {
    width: 25px;
    margin-right: 10px;
}

/* Nuestra Flota */
.labelNF {
    margin: 0;
    display: block;
    font-size: .9rem;
    color: #000000;
}

.seccionInfo {
    text-align: center;
    color: #6D6E70;
    padding: 60px 40px;
}

.seccionC2 {
    display: block;
    background: #DEDEDE;
    color: white;
    text-align: center;
    border-radius: 10px;
}

.seccionD {
    display: block;
    background: #F05A28;
    color: white;
    text-align: center;
}

.seccionAutoInfo {
    padding: 35px 20px;
}

.imagen {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.Fsubtitle {
    margin-top: 5px;
    font-size: .8rem;
}

.autobus {
    font-family: termina-Bold !important;
    width: 100%;
    border-bottom: 1px solid #000000;
    margin: auto;
    padding: 10px;
    letter-spacing: 3px;
    color: #000000;
}

.asiento {
    width: 160px;
    margin: 25px 0;
}

.icono {
    filter: brightness(10) invert(100%);
    width: 25px;
    margin-right: 10px;
}

.izq {
    text-align: left;
    padding-bottom: 15px;
}

.amenidades {
    display: flex;
    align-items: center;
}

.center {
    margin: 0 auto;
}

.Ftitle {
    color: #F05A28;
    font-family: termina-regular;
    margin: 0;
    font-size: 1.2rem;
}

.Fsubtitle {
    font-size: .75rem;
}

@media screen and (min-width: 768px) {
    .seccionInfo {
        padding: 70px 140px;
    }

    .seccionAutoInfo {
        padding: 35px 20px;
    }



    .seccionD {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 1024px) {
    .autobus {
        font-size: 1rem;
    }

    .Fsubtitle {
        font-size: .9rem;
    }
}

/* Descarga la App */

.celular {
    width: 35%;

}

.responsive {
    width: 100%;
    height: auto;
}

/*Propiedades css banner*/

.grid-layout {
    display: grid;
    grid-template-columns: 10% 90%;
    grid-template-rows: auto;
    height: 60vh;
    width: 100vw;

}

.contenedorImgg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22vw;
    /* opacity: 0; */
}

.imagenIndio {
    width: 11vw;
    background: rgb(238, 89, 41);
    border-radius: 20px;
    padding: 10px;
}

.polygon2 {
    -webkit-clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 0);
    clip-path: polygon(11% 0%, 100% 0, 100% 50%, 100% 100%, 11% 100%, 8% 50%);
    background: rgb(238, 89, 41);
    width: 100%;
    display: grid;
    grid-template-columns: 70% 30%;
    justify-content: right;
    z-index: 2;
}

.text-area2 {
    display: grid;
    grid-template-rows: 60% 30%;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    padding-inline-end: 1%;
    width: 73vw;
    padding: 53px;
}

.textAlign1 {
    display: flex;
    justify-content: flex-start;
    font-size: 6.5vw;
    font-weight: normal;
}

.textAlign2 {
    display: flex;
    justify-content: flex-start;
    font-size: 5vw;
    font-weight: bolder;

}

.celular2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60vw;
}

.propCelular {
    width: 80%;
}


.fondoBtn {
    background: rgb(238, 89, 41);
    border: none;
}

.opDescarga {
    display: grid;
    grid-template-columns: 20% 30% 20% 30%;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.qrPlayStore {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 5vw;
    height: 5vh;

}

.imgQRplayStore {
    margin-left: 5vw;

}

.imgQRappStore {
    margin-left: 5vw;
}

.qrAppStore {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 5vw;
    height: 5vh;
}

.imgIcon {
    width: 120%;
    height: 120%;
    display: inline-block;
    justify-content: center;
    margin-top: 0vw;
}

.imgIconoX {
    width: 12vw;
    height: 120%;
    display: inline-block;
    justify-content: center;
    margin-top: 0vw;
    color: #F05A28;
    min-width: 120px;
}

.imgSize {
    width: 12vw;
    min-width: 20%;
    max-width: 100%;

}

.textLabel1 {
    padding-inline-start: 10px;
    z-index: 2;
}

/*Propiedades css banner*/

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@media screen and (min-width:320px) and (max-height:527px) {
    .textLabel1 {
        margin-top: 8vw;
    }

    .opDescarga {
        margin-top: 5vw;
    }

    .text-area2 {
        display: grid;
        grid-template-rows: 45% 10%;
    }
}

@media screen and (max-width:374px) {
    .grid-layout {
        display: grid;
        grid-template-columns: 100%;
        width: 100%;
        height: 45vh;
    }

    .polygon2 {
        -webkit-clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 0);
        clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
        background: rgb(238, 89, 41);
        width: 100%;
        display: grid;
        grid-template-columns: 70% 30%;
        justify-content: right;
        z-index: 2;
    }

    .imagenIndio {
        display: none;
    }

    .contenedorImgg {
        display: contents;
    }

    .text-area2 {
        display: grid;
        grid-template-rows: 45% 10%;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        padding-inline-end: 1%;
        width: 73vw;
        margin-top: -20vw;
        margin-left: -6vw;
    }

    .opDescarga {
        display: grid;
        grid-template-columns: 70% 40%;
        grid-template-rows: 90% 100%;
        justify-content: flex-start;
        align-items: center;

    }

    .qrAppStore {
        width: 20vw;
        margin-left: -6.5vw;
    }

    .qrPlayStore {
        width: 20vw;
        margin-left: -6.5vw;
    }

    .imgIcon {
        width: 39vw;
        display: flex;
        justify-content: center;
        align-self: center;
        margin-left: 9px;
        padding-top: 13px;
        margin-top: 1vw;
    }

    .imgQRplayStore {
        width: 22vw;
        min-width: 17vw;
        max-width: 21vw;
        margin-left: 2vw;
    }

    .imgQRappStore {
        width: 22vw;
        min-width: 17vw;
        max-width: 21vw;
        margin-left: 2vw;
    }

    .imgSize {
        width: 50vw;
        min-width: 20%;
        max-width: 100%;
        margin-left: -1vw;
        margin-top: 7vh;
    }

    .celular2 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 160px;
    }

    .textAlign1 {
        font-size: 10vw;
    }

    .textAlign2 {
        font-size: 7.8vw;
    }

    /*Arreglos para la versi�n en ingles*/
    .imgIconEn {
        width: 40vw;
        margin-left: -7vw;
        padding-top: 5vw;
    }

    .imgQRplayStoreEn {
        margin-left: auto;
    }

    .imgQRappStoreEn {
        margin-left: auto;
    }
}

@media screen and (min-width:375px) and (max-width:580px) {
    .grid-layout {
        display: grid;
        grid-template-columns: 100%;
        width: 100vw;
        height: 120vw;
    }

    .polygon2 {
        -webkit-clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 0);
        clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
        background: rgb(238, 89, 41);
        width: 100%;
        display: grid;
        grid-template-columns: 70% 30%;
        justify-content: right;
        z-index: 2;
    }

    .imagenIndio {
        display: none;
    }

    .contenedorImgg {
        display: contents;
    }

    .text-area2 {
        display: grid;
        grid-template-rows: 40% 10%;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        padding-inline-end: 1%;
        width: 73vw;
        margin-top: -15vw;
        margin-left: -6vw;
    }

    .opDescarga {
        display: grid;
        grid-template-columns: 70% 40%;
        grid-template-rows: 90% 100%;
        justify-content: flex-start;
        align-items: center;
        /* margin-bottom: 20px; */
    }

    .imgIcon {
        width: 31vw;
        display: flex;
        justify-content: center;
        align-self: center;
        margin-left: 9px;
        padding-top: 13px;
        margin-top: 6vw;
    }

    .imgQRplayStore {
        width: 21vw;
        min-width: 17vw;
        max-width: 10vw;
    }

    .imgQRappStore {
        width: 21vw;
        min-width: 17vw;
        max-width: 10vw;
    }

    .qrPlayStore {
        width: 22vw;
        height: 5vh;
        margin-left: -9vw;
    }

    .qrAppStore {
        width: 22vw;
        height: 5vh;
        margin-left: -9vw;
    }

    .imgSize {
        width: 60vw;
        min-width: 20%;
        max-width: 100%;
        margin-top: 35px;
        margin-left: -1vw;
    }

    .celular2 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60vw;
        margin-left: -20px;
        margin-top: 39px;

    }

    .textAlign1 {
        font-size: 9vw;
    }

    .textAlign2 {
        font-size: 7vw;
    }

    /*Arreglos para la versi�n en ingles*/
    .imgIconEn {
        width: 36vw;
        margin-left: -7vw;
        padding-top: 9vw;
    }

    .imgQRplayStoreEn {
        margin-left: auto;
    }

    .imgQRappStoreEn {
        margin-left: auto;
    }
}




@media only screen and (min-width: 581px) and (max-width: 1023px) {

    .grid-layout {
        display: grid;
        grid-template-columns: 10% 90%;
        grid-template-rows: auto;
        height: 100%;
        width: 100vw;
        margin-bottom: 10px;
    }

    .opDescarga {
        display: grid;
        grid-template-columns: 40% 50%;
        justify-content: center;
        align-items: center;
        margin-left: 5vw;
    }

    .textAlign1 {
        font-size: 7.5vw;
        margin-top: -65px;
    }

    .textAlign2 {
        font-size: 5.8vw;
    }

    .text-area2 {
        padding: 40px;
    }

    .imgIcon {
        width: 25vw;
        display: flex;
        justify-content: center;
        align-self: center;
        margin-top: 5vw;
    }

    .imgQRplayStore {
        margin-left: 0%;
        width: 10vw;

    }

    .imgQRappStore {
        margin-left: 0%;
        width: 10vw;
    }

    .imgSize {
        width: 44vw;
        min-width: 20%;
        max-width: 100%;
        margin-top: auto;
        margin-left: -13vw;
    }

    .celular {
        width: 38vw;
    }

    .qrPlayStore {
        width: 10vw;
        margin-left: 8vw;
    }

    .qrAppStore {
        width: 10vw;
        margin-left: 8vw;
    }

    /*Idioma ingles*/
    .imgIconEn {
        width: 27vw;
        padding-top: 20px;
    }

    .imgQRplayStoreEn {
        margin-left: auto;
        margin-top: -7px;
    }

    .imgQRappStoreEn {
        margin-left: auto;
    }
}


@media screen and (min-width: 1024px) {
    .text-area2 {
        display: grid;
        grid-template-rows: 60% 40%;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        -webkit-padding-end: 1%;
        padding-inline-end: 1%;
        width: 69vw;
        padding: 30px;

    }

    .grid-layout {
        display: grid;
        grid-template-columns: 10% 90%;
        justify-content: stretch;
        /* height: 40vmin; */
        width: 100vw;
    }

    .opDescarga {
        display: grid;
        grid-template-columns: 30% 25% 30% 15%;
        grid-template-rows: auto;
        justify-content: flex-start;
        position: relative;
        top: 10px;
        margin-left: 10px;
    }

    .imgIcon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 125px;
        margin-top: 0vw;
    }

    .imgQRplayStore {
        margin-left: 5vw;
    }

    .imgQRappStore {
        margin-left: 5vw;
    }

    .qrPlayStore {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 8vw;
    }

    .qrAppStore {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 8vw;
    }

    .imgSize {
        width: 27vw;
        min-width: 20%;
        max-width: 100%;
        margin-top: auto;
    }

    .celular2 {
        width: 30vw;
    }

    /*Idioma ingles*/
    .imgIconEn {
        width: 14vw;
        /* padding-top: 20px; */
        margin-left: 0vw;
    }

    .imgQRplayStoreEn {
        margin-left: 2vw;
        margin-top: -7px;
    }

    .imgQRappStoreEn {
        margin-left: 2vw;
    }
}


@media screen and (min-width: 1440px) {
    .grid-layout {
        height: 55% !important;
    }

    .text-area2 {
        display: grid;
        grid-template-rows: 60% 40%;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
        -webkit-padding-end: 1%;
        padding-inline-end: 1%;
        width: 76vw;
        padding: 24px;
    }

    .opDescarga {
        display: grid;
        grid-template-columns: 20% 30% 20% 30%;
        grid-template-rows: 100%;
        width: 50vw;
    }

    .qrPlayStore {
        width: 50%;
        height: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 5vw;
    }

    .qrAppStore {
        width: 50%;
        height: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 5vw;
    }

    .imgQRplayStore {
        width: 10vw;
    }

    .imgQRappStore {
        width: 10vw;
    }

    .imgIcon {
        width: 14vw;
    }

    .imgSize {
        width: 23.8vw;
    }

    .celular2 {
        width: 24vw;
    }

    /*Arreglos para la versi�n en ingles*/
    .imgIconEn {
        width: 13vw;
    }

    .imgQRplayStoreEn {
        margin-left: auto;
    }

    .imgQRappStoreEn {
        margin-left: auto;
    }
}


@media screen and (min-width:2560px) {

    .opDescarga {
        display: grid;
        grid-template-rows: 80%;
    }

    .qrPlayStore {
        margin-left: -94px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 10vw;
        margin-left: 2vw;

    }

    .qrAppStore {
        margin-left: -91px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 10vw;
        margin-left: 2vw;

    }

    .imgIcon {
        width: auto;
    }

    .imgSize {
        width: 24vw;
    }

    .celular2 {
        width: 27vw;
    }

    /*Arreglos para la versi�n en ingles*/
    .imgIconEn {
        width: 11vw;
    }

    .imgQRplayStoreEn {
        margin-left: auto;
    }

    .imgQRappStoreEn {
        margin-left: auto;
    }
}

/* 1792x828px at 326ppi */
/* iPhone 6+,6s+,7+,8+ */
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {

    .imgIcon {
        width: 31vw;
        display: flex;
        justify-content: center;
        align-self: center;
        margin-left: -20px;
        padding-top: 13px;
        margin-top: 6vw;
    }
}

/* 1792x828px at 326ppi */
/* iPhone 11pro, X, Xs */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

    .imgIcon {
        width: 31vw;
        display: flex;
        justify-content: center;
        align-self: center;
        margin-left: -15px;
        padding-top: 13px;
        margin-top: 6vw;
    }
}


/* 1792x828px at 326ppi */
/* iPhone 11 */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {

    .imgIcon {
        width: 31vw;
        display: flex;
        justify-content: center;
        align-self: center;
        margin-left: -15px;
        padding-top: 13px;
        margin-top: 6vw;
    }
}


/* 2688x1242px at 458ppi */
/* iPhone 11 Pro Max */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
    .imgIcon {
        width: 31vw;
        display: flex;
        justify-content: center;
        align-self: center;
        margin-left: -10px;
        padding-top: 13px;
        margin-top: 6vw;
    }
}

/* 2532x1170 pixels at 460ppi */
/* iPhone 13 and iPhone 13 Pro */
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {

    .imgIcon {
        width: 31vw;
        display: flex;
        justify-content: center;
        align-self: center;
        margin-left: -15px;
        padding-top: 13px;
        margin-top: 6vw;
    }
}

/* Informativo */

.infoBody {
    margin: 100px auto;
}

.ourTools {
    font-family: 'nehue-unica';
    color: rgb(128, 128, 130);
    text-align: center;
    padding: 15px;
    margin: 0 auto 45px;
    font-size: 1rem;
    opacity: 0;
    position: relative;
    top: 40px;
}

.Container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.Tarjeta {
    display: flex;
    flex-direction: column;
    width: 155px;
    height: auto;
    padding: 8px;
    justify-content: center;
    transition: all 0.3s ease;
}

.TarjetaPagos {
    display: flex;
    flex-direction: column;
    width: 230px;
    height: auto;
    padding: 8px;
    justify-content: center;
    transition: all 0.3s ease;
}

.imgContainer {
    margin: 8px auto;
}

.btnContainer {
    text-align: center;
}

.imgIco {
    width: 120px;
    height: auto;
}

.texto {
    font-family: 'termina-regular';
    width: 100%;
    color: rgb(238, 89, 41);
    text-align: center;
    margin: 4px auto;
    width: 100%;
    font-weight: bold;
    font-size: 1.2rem;
}

.textoTitle {
    font-family: 'termina-regular';
    letter-spacing: 3px;
    text-align: center;
    font-size: 1rem;
    margin-top: 10px;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .Container {
        flex-direction: row;
    }

    .ourTools {
        font-size: 2rem;
    }
}

/* @media screen and (max-width:2560px) and (min-width:1441px) {
    .ourTools {
      font-family: 'nehue-unica';
      color: rgb(128, 128, 130);
      text-align: center;
      padding-top: 6vw;
      margin: 0 auto 50px;
      font-size: 1rem;
      opacity: 0;
  
    }
  }
  @media screen and (min-width:1440px) {
    .infoBody {
      margin-top: 50px !important;
    }
  }
  
  @media screen and (min-width: 1336px) {
    .ourTools{
      font-size: 2.5rem;
    }
    .infoBody {
      margin-top: 50px !important;
    }
  } */


/* @media screen and (max-width:1024px) and (min-width: 769px) {
    .ourTools {
      font-family: 'nehue-unica';
      color: rgb(128, 128, 130);
      text-align: center;
      padding: 0px;
      margin: 0 auto 54px;
      font-size: 2rem;
      opacity: 0;
      position: relative;
      top: 40px;
    }
    .infoBody {
      margin-top: 0px !important;
      margin: auto;
    }
  } */

@media screen and (max-width:374px) {
    .infoBody {
        margin: 8px auto;
    }
}

@media screen and (min-width:375px) and (max-width:580px) {
    .infoBody {
        margin: -4px auto;
    }
}

@media only screen and (min-width: 581px) and (max-width: 1023px) {
    .ourTools {
        /* font-size: 2.5rem; */
        margin-top: 6vw;
    }

    .infoBody {
        /* margin-top: 7px !important; */
        /* padding: 5vw; */
        margin-top: -2vw;
        margin-bottom: 2vw;
    }
}

@media screen and (min-width: 1024px) and (max-width:1339px) {
    .ourTools {
        margin-top: 9vw;

    }

    .infoBody {
        margin: 0px auto;
        margin-top: -8vw;
    }
}

@media screen and (min-width: 1440px) {
    .ourTools {
        margin-top: 8vw;
        top: auto;
    }

    .infoBody {
        margin: 20px auto;
    }
}

@media screen and (min-width:1441px) and (max-width:2560px) {

    /* .infoBody{
      padding-bottom: -2vw;
      margin: 62px auto;
    } */
    .ourTools {
        margin-top: 9vw;
    }
}

@keyframes load {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: opacity 500ms ease 0s, transform 500ms ease 0s;
    }
}

@keyframes tracking-text {
    0% {
        letter-spacing: -0.5em;
        opacity: 0;
    }

    40% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

/* Envios */
li {
    list-style: disc;
    margin-bottom: 10px;

}

.icons {
    list-style: none;
}

.banner-container {
    background: rgb(48, 48, 48);
    background-image: linear-gradient(90deg, rgba(48, 48, 48, 0.5) 0%, rgba(48, 48, 48, 0.5) 100%), url('https://www.tufesa.com.mx/assets/images/telolleva.jpg');
    background-position: left;
    background-repeat: no-repeat;
    height: 300px;
    background-size: cover;
    text-align: right;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px;
    font-family: 'termina-regular';
}

.banner-container a {
    color: white;
    text-decoration: none;
    margin: 15px 0;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
}

.info2-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.itemPaqueteria {
    display: none;
}

.info2-container button {
    background: #f05a28;
    color: white;
    height: 45px;
    width: 200px;
    border-radius: 20px;
    border: none;
    grid-column-start: 3;
    grid-row-start: 1;
}

@media screen and (min-width: 768px) {
    .banner-container a {
        font-size: 25px;
    }

    .banner-container {
        /*background-image: linear-gradient(90deg, rgba(48,48,48,0) 0%, rgba(48,48,48,1) 530px), url('src/assets/images/telolleva.jpg');
        background-size: contain;*/
        align-items: flex-end;
    }

    .info2-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 7px;
    }

    .itemPaqueteria {
        display: flex;
        align-items: center;
    }

    .itemPaqueteria img {
        width: 50px;
        margin-right: 10px;
    }

}

@media screen and (min-width: 1024px) {
    .banner-container a {
        font-size: 45px;
    }

    .banner-container {
        background-image: linear-gradient(90deg, rgba(48, 48, 48, 0) 0%, rgba(48, 48, 48, 1) 530px), url('https://www.tufesa.com.mx/assets/images/telolleva.jpg');
        background-size: contain;
        align-items: flex-end;
    }
}

/* Taquilla */
.gridComprar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.div1Comprar {
    grid-area: 1 / 1 / 2 / 2;
}

.div1Comprar2 {
    grid-area: 1 / 2 / 2 / 3;
}

@media screen and (max-width: 768px) {
    .gridComprar {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .div1Comprar {
        grid-area: auto;
    }

    .div1Comprar2 {
        grid-area: auto;
    }

    .seccionC {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 30px;
        width: 70%;
    }
}

.gridDsc {
    display: grid;
    grid-template-columns: 0.4fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 55%;
}

.gridLugares {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr;
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 44px;
    grid-row-gap: 24px;
    width: 90%;
    margin-top: 18px;
}

@media screen and (max-width: 768px) {
    .gridLugares {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(8, auto);
        grid-column-gap: 44px;
        grid-row-gap: 24px;
        width: 90%;
        margin-top: 18px;
    }

    .div1L {
        grid-area: 1 / 1 / 2 / 2;
    }

    .div2L {
        grid-area: 2 / 1 / 3 / 2;
    }

    .div3L {
        grid-area: 3 / 1 / 4 / 2;
    }

    .div4L {
        grid-area: 4 / 1 / 5 / 2;
    }

    .div5L {
        grid-area: 5 / 1 / 6 / 2;
    }

    .div6L {
        grid-area: 6 / 1 / 7 / 2;
    }

    .div7L {
        grid-area: 7 / 1 / 8 / 2;
    }

    .div8L {
        grid-area: 8 / 1 / 9 / 2;
    }
}

.txtImg2 {
    color: white;
    font-family: "termina-bold" !important;

}

.contenedor {
    background-color: #d9dbe1;
    width: 100%;
    height: auto;
    color: black;
    padding: 30px 12px;
    display: flex;
    justify-content: center;
    /* position: fixed;
    left: 0px;
    bottom: 0px; */
    /* margin-top: 10px; */
}

.infoContainer {
    display: flex;
    flex-wrap: wrap;
}

.iconLock,
.iconText,
.iconUsa {
    width: 50%;
    height: auto;
    margin-right: -10%;
}

.row {
    align-items: center;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -100px;
    margin-left: -100px;
}

.col {
    cursor: pointer;
}

.col {
    outline: 0;
}

.infHeader {
    margin-top: 4px;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 2px !important;
}

.infBody {
    font-size: 14px;
    margin-bottom: 5px !important;
}

.gridTips {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.iconPos {
    grid-column: 1;
    grid-row: 1/3;
}

.grid1 {
    grid-column: 2;
    grid-row: 1;
}

.grid2 {
    grid-column: 2;
    grid-row: 2;
}

.centrarIcon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.textInicio {
    display: flex;
    justify-content: flex-start;
}

.box2 {
    display: flex;
    margin-top: 2%;
    justify-content: center;
}

.container-4 {
    overflow: hidden;
    width: 204px;
    vertical-align: middle;
    white-space: nowrap;
}

.container-4 input#search {
    width: 180px;
    height: 35px;
    background: white;
    border: none;
    font-size: 10pt;
    float: left;
    color: #000000;
    padding-left: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 25px;
    margin: auto;
    text-align: left;
    font-size: .65rem !important;
    padding-left: 15px;
    font-weight: bold;
    margin-top: 3px;
}

.container-4 button.icon {
    border: none;
    height: 41px;
    width: 41px;
    opacity: 0;
    font-size: 10pt;
    margin-left: -41px;
    outline: none;
    opacity: 1;
    padding: 0 !important;
    border-radius: 25px;
    background-image: url("https://www.tufesa.com.mx/WEB%20TUFESA_CONTACTANOS.4c79387f858155825a8e.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container-4 button.icon2 {
    border: none;
    height: 41px;
    width: 41px;
    opacity: 0;
    font-size: 10pt;
    margin-left: -41px;
    outline: none;
    opacity: 1;
    padding: 0 !important;
    border-radius: 25px;
    background-image: url("https://www.tufesa.com.mx/WEB%20TUFESA_WHATSAPP.a9a71796caa93c4f7275.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* .container-4{
    width: auto;
  } */


.container-4 {
    overflow: hidden;
    width: 180px;
    vertical-align: middle;
    white-space: nowrap;
}

.btnContactanos {
    font-size: 15px !important;
    text-align: center;
    padding-right: 45px;
}

.container-4 input#search {
    width: 180px;
    height: 35px;
    background: white;
    border: none;
    font-size: 10pt;
    float: left;
    color: #000000;
    padding-left: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 25px;
    margin: auto;
    text-align: left;
    font-size: .65rem !important;
    padding-left: 15px;
    font-weight: bold;
    margin-top: 3px;
}

.gridImgRedes {
    display: grid;
    grid-template-columns: repeat(7, .8fr);
    grid-template-rows: .4fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 50% !important;
    margin-bottom: 25px;
    margin: 0 auto;
}

.itemGrid {
    padding-right: 10px;
    padding-left: 10px;
}

.container-4 button.icon {
    border: none;
    height: 41px;
    width: 41px;
    opacity: 0;
    font-size: 10pt;
    margin-left: -41px;
    outline: none;
    opacity: 1;
    padding: 0 !important;
    border-radius: 25px;
    background-image: url("https://www.tufesa.com.mx/WEB%20TUFESA_CONTACTANOS.4c79387f858155825a8e.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.container-4 button.icon2 {
    border: none;
    height: 41px;
    width: 41px;
    opacity: 0;
    font-size: 10pt;
    margin-left: -41px;
    outline: none;
    opacity: 1;
    padding: 0 !important;
    border-radius: 25px;
    background-image: url("https://www.tufesa.com.mx/WEB%20TUFESA_WHATSAPP.a9a71796caa93c4f7275.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.redesContainer {
    background-color: #000000;
    width: 100%;
    padding: 20px;
    color: #DEDEDE;
}

.redesIcons {
    display: flex;
    flex-direction: row;
    margin-top: 16px;
}

.FacebookIcon,
.TwitterIcon,
.InstagramIcon,
.WhatsappIcon {
    width: 30px;
    height: 30px;
    transition: all 0.36s ease;
}

.FacebookIcon:hover,
.TwitterIcon:hover,
.InstagramIcon:hover,
.WhatsappIcon {
    filter: brightness(125%);
}

.payment {
    justify-content: center;
    margin-top: 16px;
}

.PayIcons {
    width: 45px;
    height: auto;
    margin: auto 8px;
}

.mCard,
.pPal {
    height: 30px;
}

.follows {
    font-size: 0.8rem;
    margin: 10px auto;
}

.redesText {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 16px;
    font-size: 0.8rem;
}

.btnCompraAqui {
    width: 200px;
    height: 35px;
    font-size: 1.5rem;
    background-color: #FFFF00;
    border-color: #FFFF00;
    color: #000000 !important;
    font-weight: bold;
    border-radius: 10px;
}

.numTel {
    margin-left: 6%;
    margin-top: 2%;
}

.txtNum {
    width: 200px;
    height: 35px;
    font-size: 1rem;
    color: #DEDEDE !important;
    font-weight: bold;
    border-radius: 10px;
    padding-top: 3px;
}

@media screen and (min-width: 768px) {
    a {
        width: 90px;
    }

    .redesIcons {
        justify-content: center;
    }

    .FacebookIcon,
    .TwitterIcon,
    .InstagramIcon,
    .WhatsappIcon {
        width: 30px;
        height: 30px;
    }

    .redesFb,
    .redesTw,
    .redesIn,
    .redesWha {
        display: flex;
        flex-direction: column;
        margin: auto 10px;
    }
}

@media screen and (min-width: 1280px) {
    .redesIcons {
        height: 180px;
    }

    .FacebookIcon,
    .TwitterIcon,
    .InstagramIcon,
    .WhatsappIcon {
        width: 30px;
        height: 30px;
    }

    .payment {
        height: 50px;
    }

    .PayIcons {
        margin: auto 8px;
    }

    .mCard,
    .pPal {
        height: 34px;
    }

    .redesText {
        margin-top: 40px;
    }
}

.siguenos {
    color: #DEDEDE;
    display: flex;
    justify-content: center;
}

.box3 {
    display: flex;
    margin-top: 4%;
}

@media screen and (max-width: 1439px) {
    .box2 {
        justify-content: center !important;
    }

    .siguenos {
        text-align: center;
    }

    .gridImgRedes {
        margin: 0 auto;
        max-width: fit-content !important;
    }

    .box3 {
        justify-content: center;
    }

}

@media screen and (max-width: 375px) {
    .FacebookIcon {
        width: 25px;
    }

    .container-4 input#search {
        width: 130px;
        height: 30px;
        background: white;
        border: none;
        font-size: 6pt;
        float: left;
        color: #000000;
        padding-left: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 25px;
        margin: auto;
        text-align: left;
        font-size: .40rem !important;
        padding-left: 15px;
        font-weight: bold;
        margin-top: 3px;
    }

    .container-4 button.icon {
        border: none;
        height: 36px;
        width: 36px;
        opacity: 0;
        font-size: 5pt;
        margin-left: -36px;
        outline: none;
        opacity: 1;
        padding: 0 !important;
        border-radius: 25px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container-4 button.icon2 {
        border: none;
        height: 36px;
        width: 36px;
        opacity: 0;
        font-size: 10pt;
        margin-left: -36px;
        outline: none;
        opacity: 1;
        padding: 0 !important;
        border-radius: 25px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .btnContactanos {
        font-size: 12px !important;
        margin-left: 0px !important;
    }

    .btnCompraAqui {
        width: 150px;
        height: 30px;
        font-size: 1rem;
        background-color: #FFFF00;
        color: #000000 !important;
        font-weight: bold;
        border-radius: 10px;
        margin-left: 10%;
    }

    .txtNum {
        width: 150px;
        height: 30px;
        font-size: 1rem;
        color: #DEDEDE !important;
        font-weight: bold;
        border-radius: 10px;
        padding-top: 3px;
        text-align: center;
    }

    .box2 {
        justify-content: center;
        margin: 0 auto;
        margin-left: 5%;
    }

    .btnCompraAqui {
        width: 150px;
        height: 30px;
        font-size: 1rem;
        background-color: #FFFF00;
        color: #000000 !important;
        font-weight: bold;
        border-radius: 10px;
        margin-left: 10%;
    }

    .container-4 {
        width: auto;
    }

    .txtNum {
        width: 150px;
        height: 30px;
        font-size: 1rem;
        color: #DEDEDE !important;
        font-weight: bold;
        border-radius: 10px;
        padding-top: 3px;
        text-align: center;
    }

}

@media screen and (min-width: 426px) {
    .numTel {
        margin-left: 1%;
        margin-top: 1%;
    }
}

@media screen and (min-width: 376px) and (max-width: 425px) {

    .container-4 button.icon {
        border: none;
        height: 41px;
        width: 41px;
        opacity: 0;
        font-size: 10pt;
        margin-left: -41px;
        outline: none;
        opacity: 1;
        padding: 0 !important;
        border-radius: 25px;
        background-image: url("https://www.tufesa.com.mx/WEB%20TUFESA_CONTACTANOS.4c79387f858155825a8e.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .container-4 button.icon2 {
        border: none;
        height: 41px;
        width: 41px;
        opacity: 0;
        font-size: 10pt;
        margin-left: -41px;
        outline: none;
        opacity: 1;
        padding: 0 !important;
        border-radius: 25px;
        background-image: url("https://www.tufesa.com.mx/WEB%20TUFESA_WHATSAPP.a9a71796caa93c4f7275.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-size: cover;
    }


    .container-4 input#search {
        width: 145px;
        height: 35px;
        background: white;
        border: none;
        font-size: 6pt;
        float: left;
        color: #000000;
        padding-left: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 25px;
        margin: auto;
        text-align: left;
        font-size: 8px !important;
        padding-left: 13px;
        font-weight: bold;
        margin-top: 3px;
    }


    .btnContactanos {
        font-size: 15px !important;
        margin-left: 0px !important;
    }



    .btnCompraAqui {
        width: 150px;
        height: 30px;
        font-size: 1rem;
        background-color: #FFFF00;
        color: #000000 !important;
        font-weight: bold;
        border-radius: 10px;
        margin-left: 10%;
    }

    .container-4 {
        width: auto;
    }

    .txtNum {
        width: 150px;
        height: 30px;
        font-size: 1rem;
        color: #DEDEDE !important;
        font-weight: bold;
        border-radius: 10px;
        padding-top: 3px;
        text-align: center;
    }


}

@media screen and (min-width: 1440px) {
    .redesContainer {
        height: 285px;
    }


}

@media screen and (max-width:1439px) {
    .imgVisitar {
        min-height: 80% !important;
    }
}

@media screen and (max-width: 768px) {
    .redesContainer {
        margin-top: -7%;
    }

}

.cuadroApp {
    width: 70vw;
    height: auto;
    background-color: #dcdcdc;
    border-radius: 10px;
    margin-top: 81px;
    padding: 70px 50px 70px 150px;
}

.centrarCuadro {
    display: flex;
    justify-content: center;
    align-items: center;
}


.imagenCelular {
    position: absolute;
    right: 22vw;
    margin-left: 18px;
    width: 215px;
    margin-top: 66px;
}

.artBannerCel {
    width: 100%;
    height: auto;
}

.campoBtnCel {
    display: flex;
    align-items: center;
    justify-content: start;
}

.imgAppDownload {
    width: 250px;
    margin: 15px;
    cursor: pointer;
}

.btnImgGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 0.5fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
}

.btnImgGrid1 {
    grid-column: 1;
    grid-row: 1;
}

.btnImgGrid1 {
    grid-column: 2;
    grid-row: 1;
}

.centrarDiv {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 1660px) {
    .gridResponsiveImg {
        max-height: 400%;
        min-height: 450px;
        ;
    }
}

h2 {
    font-size: 1.2rem;
}

.h2 {
    font-size: 1.2rem;
}

.fuente {
    font-family: "termina-bold" !important;
}

.gridMetodos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    width: 80%;
}

@media screen and (max-width: 899px) {

    .cuadroApp {
        width: 84vw;
        padding: 50px 50px 68px 28px;
        margin-top: 30px;
        height: 380px;
    }

    .imagenCelular {
        right: 11vw;
        width: 176px;
        margin-top: 29px;
    }

    .txtDescargaApp {
        width: 300px;
    }

    .gridMetodos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .gridCoppel {
        grid-column: 1/3;
        grid-row: 3;
    }

    .imgIconoX {
        width: 202px;
    }

    .fuente {
        font-size: 2rem !important;
    }

    .btnImgGrid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 0.5fr);
        grid-column-gap: 10px;
        grid-row-gap: 0px;
    }

    .btnImgGrid1 {
        grid-column: 1;
        grid-row: 1;
    }

    .btnImgGrid2 {
        grid-column: 1;
        grid-row: 2;
    }

    .gridTipsSeguridad {
        display: grid;
        grid-template-columns: 0.5fr 1fr 0.5fr 1fr;
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .gridTipsSeguridad1 {
        grid-column: 1;
        grid-row: 1/3;
    }

    .gridTipsSeguridad2 {
        grid-column: 3;
        grid-row: 1/3;
    }

    .gridTipsSeguridad3 {
        grid-column: 1;
        grid-row: 3/5;
    }

    .gridTipsSeguridad4 {
        grid-column: 3;
        grid-row: 3/5;
    }

    .gridTipsSeguridad5 {
        grid-column: 2;
        grid-row: 1;
    }

    .gridTipsSeguridad6 {
        grid-column: 2;
        grid-row: 2;
    }

    .gridTipsSeguridad7 {
        grid-column: 4;
        grid-row: 1;
    }

    .gridTipsSeguridad8 {
        grid-column: 4;
        grid-row: 2;
    }

    .gridTipsSeguridad9 {
        grid-column: 2;
        grid-row: 3;
    }

    .gridTipsSeguridad10 {
        grid-column: 2;
        grid-row: 4;
    }

    .gridTipsSeguridad11 {
        grid-column: 4;
        grid-row: 3;
    }

    .gridTipsSeguridad11 {
        grid-column: 4;
        grid-row: 4;
    }

}

@media screen and (max-width:425px) {

    .btnCompraAqui {
        font-size: 0.9rem !important;
        margin-left: 1% !important;
    }

    .h1Titulos {
        font-size: clamp(1.125rem, 0.3631rem + 3.8095vw, 1.375rem);
    }

    .imgComida {
        width: 93%;
    }

    .gtmPasoImg {
        width: 90%;
    }

    .centrarImagenPrincipal {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sucursalOrign,
    .sucursalDest {
        width: 70%;
    }

    .imagenCelular {
        display: none;
    }

    .cuadroApp {
        padding: 46px 33px 20px 33px;
        height: auto !important;
    }

    .btnImgGrid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.5fr 0.5fr;
        grid-column-gap: 10px;
        grid-row-gap: 0px;
    }

    .btnImgGrid1 {
        grid-column: 1;
        grid-row: 1;
    }

    .btnImgGrid2 {
        grid-column: 1;
        grid-row: 2;
    }

    .txtDescargaApp {
        text-align: center;
    }

    .campoBtnCel {
        justify-content: center;
    }

    .gridMetodos {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .imgIconoX {
        width: 31vw;
    }

    .gridLugares {
        width: 100%;
        margin: 0px 25px;
    }

    .fuenteLugaresP {
        font-size: clamp(0.75rem, 0.1786rem + 2.8571vw, 0.9375rem);
    }

    .fontSizeSubtitulos {
        font-size: clamp(0.9375rem, -0.0149rem + 4.7619vw, 1.25rem);
    }

    .h1Titulos {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .artBannerCel {
        min-height: 50px;
    }

    .cuadroApp {
        margin-top: 37px;
    }

    .fuenteDescarga {
        font-size: 1.5rem !important;
    }

    .imgAppDownload {
        width: 151px;
    }

    .seccionC {

        width: 80%;
    }

    .gridTipsSeguridad {
        display: grid;
        grid-template-columns: 0.5fr 1fr;
        grid-template-rows: repeat(8, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .gridTipsSeguridad1 {
        grid-column: 1;
        grid-row: 1/3;
    }

    .gridTipsSeguridad2 {
        grid-column: 1;
        grid-row: 3/5;
    }

    .gridTipsSeguridad3 {
        grid-column: 1;
        grid-row: 5/7;
    }

    .gridTipsSeguridad4 {
        grid-column: 1;
        grid-row: 7/9;
    }

    /** Tips de seguridad **/
    .gridTipsSeguridad5 {
        grid-column: 2;
        grid-row: 1;
    }

    .gridTipsSeguridad6 {
        grid-column: 2;
        grid-row: 2;
    }

    /** Politicas de viaje **/
    .gridTipsSeguridad7 {
        grid-column: 2;
        grid-row: 3;
    }

    .gridTipsSeguridad8 {
        grid-column: 2;
        grid-row: 4;
    }

    /** Viajes a usa **/
    .gridTipsSeguridad9 {
        grid-column: 2;
        grid-row: 5;
    }

    .gridTipsSeguridad10 {
        grid-column: 2;
        grid-row: 6;
    }

    /** Suscribete **/
    .gridTipsSeguridad11 {
        grid-column: 2;
        grid-row: 7;
    }

    .gridTipsSeguridad12 {
        grid-column: 2;
        grid-row: 8;
    }

    .iconLock,
    .iconText,
    .iconUsa {
        width: 40%;
    }

    .txtImg2 {
        font-size: 1.5rem;
    }

    .fuente {
        font-size: clamp(0.625rem, -0.8988rem + 7.619vw, 1.125rem) !important;
    }

    .mapContenedor {
        grid-template-columns: 0px;
    }
}
@media screen and (max-width:550px) {

    .mapContenedor {
        grid-template-columns: 0px;
    }
}

@media screen and (max-width: 375px) {

    .seccionC {
        width: 95%;
    }

    .fuenteTxt {
        width: 100%;
    }

    .txtDescargaApp {
        width: 100%;
    }

    .cuadroApp {
        padding: 30px 33px 20px 33px;
    }

    .sucursalOrign,
    .sucursalDest {
        width: 80%;
    }

    .gridLugares {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(8, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        /* width: 90%;
        margin-top: 18px; */
    }

    .txtImg2 {
        font-size: 1.5rem;
    }

    /* .fuenteTxt{
        width: 80%;
        margin-left: -37px;
    } */
}

@media screen and (max-width: 320px) {

    .sucursalOrign,
    .sucursalDest {
        width: 93%;
    }

    .imgComida {
        width: 100%;
    }

    .fuente {
        font-size: clamp(1.125rem, -1.4676rem + 12.963vw, 1.5625rem) !important;
    }

    .seccionC {
        width: 100%;
    }


}



.espaciadoListas {
    margin-bottom: 20px;
}

@media screen and (min-width:900px) {

    .seccionC {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
        margin: 11px;
    }

    .gridTipsSeguridad {
        display: grid;
        grid-template-columns: 0.5fr 1fr 0.5fr 1fr 0.5fr 1fr 0.5fr 1fr;
        grid-template-rows: repeat(2, 0.5fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .gridTipsSeguridad1 {
        grid-column: 1;
        grid-row: 1/3;
    }

    .gridTipsSeguridad2 {
        grid-column: 3;
        grid-row: 1/3;
    }

    .gridTipsSeguridad3 {
        grid-column: 5;
        grid-row: 1/3;
    }

    .gridTipsSeguridad4 {
        grid-column: 7;
        grid-row: 1/3;
    }

    .gridTipsSeguridad5 {
        grid-column: 2;
        grid-row: 1;
    }

    .gridTipsSeguridad6 {
        grid-column: 2;
        grid-row: 2;
    }

    .gridTipsSeguridad7 {
        grid-column: 4;
        grid-row: 1;
    }

    .gridTipsSeguridad8 {
        grid-column: 4;
        grid-row: 2;
    }

    .gridTipsSeguridad9 {
        grid-column: 6;
        grid-row: 1;
    }

    .gridTipsSeguridad10 {
        grid-column: 6;
        grid-row: 2;
    }

    .gridTipsSeguridad11 {
        grid-column: 8;
        grid-row: 1;
    }

    .gridTipsSeguridad12 {
        grid-column: 8;
        grid-row: 2;
    }

    .centrarCuadro {
        height: 65vh;
    }

}

@media screen and (min-width: 769px) and (max-width: 1440px) {
    .cuadroApp {
        width: 90vw;
        height: auto;
        background-color: rgb(220, 220, 220);
        border-radius: 10px;
        margin-top: 81px;
        padding: 70px 225px 70px 44px;
    }

    .imgAppDownload {
        width: 160px;
        margin: 15px;
        cursor: pointer;
    }

    .fuente {
        font-size: 1.8rem;
    }

    .imagenCelular {
        position: absolute;
        right: 7vw;
        margin-left: 18px;
        width: 215px;
        margin-top: 66px;
    }
}