.fla-whatsapp-mobile {
    display: none;
    right: 16px;
    bottom: 16px;
    width: 48px;
}

.bagde-expiracion {
    display: none !important;
    align-self: self-end !important;
}

.data-table tbody td span {
    display: none;
}

@media only screen and (max-width: 428px), screen and (max-height: 428px) {

    .fla-whatsapp:has(:not(.fla-whatsapp-mobile)) {
        display: none;
    }

    .fla-whatsapp-mobile {
        display: flex !important;
    }

    /* Headings/H6/Regular */
    .timeline-item-text h5 {
        font-family: Mulish;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    /* Headings/H4/Semibold */
    .timeline-item-text h3 {
        font-family: Mulish;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
    }
    
    /* Headings/H2/Bold */
    .h2-bold, .news-entry-detail h1 {
        font-family: Mulish;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
    }

    /* Paragraph/14'/Medium */
    .data-table tbody td {
        font-family: Mulish;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }

    /* Paragraph/14'/Semibold */
    .navbar .btn-lg {
        font-family: Mulish;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

    .producto-container-features .btn-xl {
        font-family: Mulish;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    .navbar .btn {
        padding: 12px 8px;
    }

    .main-header-container-action .btn, 
    .container-how-it-works .btn, 
    .container-benefits .btn, 
    .container-app .btn, 
    /* .container-allies-footer .btn,  */
    .container-allies .row .btn,
    .container-trips-footer .btn,
    .about-us-container-blog .btn,
    .faq-container-faqs-footer .btn,
    .container-footer .row .column:first-child .btn,
    .header .btn,
    .contact-us-container-headquarters .btn,
    .video-container-header .btn {
        width: -webkit-fill-available;
    }

    /*navbar ===>*/

    .navbar {
        padding: 40px 16px 24px 24px;
        height: auto;
    }

    .navbar .left-options, .navbar .right-options > :first-child {
        display: none;
    }

    .navbar .right-options {
        gap: 8px;
    }

    .navbar .brand-options {
        gap: 0;
    }

    .navbar .btn {
        height: auto;
    }

    #menu-button {
        display: flex;
    }

    /*navbar <===*/

    #content {
        margin-top: 112px;
    }

    /*inicio ===>*/
    /*main-header ===>*/

    .main-header-column {
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        max-width: none;
        height: auto;
    }

    .main-header-img-background {
        position: inherit;
        height: 320px;
    }

    .main-header-content {
        padding: 0;
    }

    .small-minimal-tab p {
        display: none;
    }

    .main-header-container .badge {
        display: flex;
    }

    .content-tab-usuario {
        padding-top: 64px;
        padding-bottom: 24px;
    }

    /*main-header <===*/

    .container-golden-circle {
        flex-direction: column;
        padding: 64px 24px;
    }

    /*container-how-it-works ===>*/

    .container-how-it-works {
        padding: 120px 24px;
    }

    .container-how-it-works .row {
        flex-direction: column;
    }

    /*container-how-it-works <===*/

    /*container-customers ===>*/

    .container-customers {
        padding: 120px 0px 160px 0px;
    }

    .container-customers .row {
        width: 250%;
        padding-left: calc(25% + 24px);
        padding-right: calc(25% + 24px);
    }

    .container-customers .carrousel-dots {
        display: flex;
    }

    /*container-customers <===*/

    /*container-countries ===>*/

    .container-countries .row {
        padding: 64px 24px;
    }

    .gallery-group-card .carrousel-dots {
        display: flex;
    }

    .gallery-group-card {
        height: 320px;
        position: relative;
    }

    .gallery-card {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background-position: center;
    }

    .gallery-card.last-active {
        z-index: 0;
    }

    .gallery-card.active {
        z-index: 1;
    }

    /*container-countries <===*/

    /*container-countries ===>*/

    .container-benefits {
        padding: 120px 24px;
    }

    .container-benefits .row {
        flex-direction: column;
    }

    /*container-countries <===*/

    /*container-app ===>*/

    .container-app {
        padding: 120px 24px 0px 24px;
        gap: 56px;
        flex-direction: column;
    }

    .container-app .column {
        width: auto;
    }

    .iphone-device {
        width: auto;
    }

    /*container-countries <===*/

    /*container-allies ===>*/

    .container-allies {
        padding: 120px 24px;
    }

    .container-allies .row {
        flex-direction: column;
        gap: 96px;
    }

    .container-allies-footer {
        text-align: center !important;
        flex-direction: column;
    }

    /*container-allies <===*/

    /*container-trips ===>*/
    
    .container-trips {
        padding: 120px 24px;
    }

    .table-paginator .row {
        flex-direction: column;
        align-items: flex-end;
    }

    .table-pagination-label-group {
        display: none;
    }

    .table-pagination {
        flex: 1;
        align-self: stretch;
    }

    .table-pagination-label-group, .data-table .header-center {
        display: none;
    }

    .table-pagination-control-group, .table-pagination-control-group .pages, .table-pagination-control-group .pages .pagination {
        flex: 1;
    }

    .data-table tbody tr {
        display: flex;
        /* width: 380px; */
        padding: 24px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        border: 1px solid var(--primary-black-40);
        background: var(--white);
        transition: 0.4s;
    }

    .data-table tbody tr:hover {
        background-color: var(--primary-black-20);
    }

    .bagde-expiracion {
        display: block !important;
    }

    .column-expiracion {
        display: none !important;
    }

    .data-table tbody td {
        border: none;
        padding: 0;
        align-self: stretch;
    }

    .data-table tbody td span {
        display: block;
        color: var(--primary-black-70);
        flex: 1;
    }

    .container-trips-footer {
        flex-direction: column;
        text-align: center !important;
    }
    
    /*container-trips <===*/

    /*container-call-to-action ===>*/

    .container-call-to-action {
        padding: 120px 24px !important;
        flex-direction: column;
        gap: 56px;
    }

    .contact-form {
        width: auto;
        padding: 40px 16px 64px 16px;
    }

    .form-phone .input-group:first-child {
        width: 144px;
        min-width: 144px;
    }

    /*container-call-to-action <===*/

    /*inicio <===*/

    /*login ===>*/

    .login-page {
        flex-direction: column;
    }

    .login-page-info {
        padding: 56px 24px;
        background: linear-gradient(151deg, rgba(248, 109, 47, 0.80) 0%, rgba(0, 34, 84, 0.80) 100%), url(/efletexiaWeb/images/product/alertas-y-mensajes.jpg), 0 -19.427px, center cover no-repeat;
        /* background: linear-gradient(151deg, rgba(248, 109, 47, 0.80) 0%, rgba(0, 34, 84, 0.80) 100%), url(/efletexiaWeb/images/product/alertas-y-mensajes.jpg); */
    }

    .login-page-info .brand-horizontal-minimal {
        width: 172px;
        height: 40px;
    }

    .login-page-info-content {
        display: none;
    }

    .login-form {
        padding: 40px 24px;
    }

    .login-footer {
        display: flex;
    }

    /*login <===*/

    /*about us ===>*/

    .header {
        padding: 160px 24px 64px 24px;
        background-size: cover;
    }

    .about-us-container-purpose, .about-us-container-achievements, .header.header-banner, .header.header-cta-banner, .about-us-container-blog, .contact-us-container-headquarters {
        padding: 120px 24px;
    }

    .header.header-banner {
        background-position: 0 0;
    }

    .about-us-container-roles {
        padding: 64px 24px;
        gap: 56px;
        flex-direction: column;
    }

    .about-us-container-blog-container {
        flex-direction: column;
    }

    .contact-us-container-headquarters-container {
        flex-direction: column;
    }

    /*about us <===*/

    /*faq ===>*/

    .faq-container-header {
        padding: 120px 24px;
    }

    .faq-container-faqs {
        padding: 64px 24px 120px 24px;
    }

    .faq-container-faqs-body {
        flex-direction: column;
    }

    .faq-container-faqs-footer {
        flex-direction: column;
        text-align: center;
    }

    /*faq <===*/

    /*videos ===>*/

    .video-container-header .row {
        padding: 120px 24px;
    }

    .video-container-header .video-stacked {
        margin-bottom: 0;
        margin-left: 24px;
        margin-right: 24px;
    }

    /*videos <===*/

    /*product ===>*/

    .main-header-product .main-header-column {
        height: auto;
    }
    
    .main-header-container-footer {
        gap: 0;
    }

    .product-features {
        padding: 120px 0px;
    }

    .product-features-image {
        width: 100%;
    }
    
    .product-features > h2, .product-container-benefits, .product-features .row {
        padding: 0 24px;
    }

    .column-benefits, .product-features .row, .product-container-second-features-container .row, .producto-container-features .column {
        flex-direction: column;
        flex: unset;
    }

    .producto-container-features, .product-container-second-features {
        padding: 120px 24px;
    }

    .producto-container-features .column {
        gap: 64px;
    }

    .producto-container-features .btn-xl {
        padding: 16px;
    }

    /*product <===*/

    /*blog ===>*/

    .blog-container-header {
        padding: 120px 24px 64px 24px;
    }

    .blog-container-entries {
        padding: 64px 24px;
    }

    .blog-container-entries-container .row {
        flex-direction: column;
    }

    /*blog <===*/

    /*blog article ===>*/

    .blog-article-container-header {
        padding: 64px 24px;
        gap: 32px;
    }

    .news .photo-blog {
        height: 320px;
    }

    .news-body {
        padding: 48px 0px;
    }

    /*blog article <===*/

    /*footer ===>*/

    .container-footer {
        padding: 72px 24px 40px 24px;
        gap: 40px;
    }

    .container-footer .row {
        flex-direction: column;
        gap: 24px;
    }

    .container-footer .row .column:first-child, .container-footer p {
        width: auto;
    }

    .container-footer .footer * {
        align-self: flex-start;
        justify-content: flex-start !important;
    }

    .container-footer .footer {
        flex-direction: column;
        gap: 16px;
    }

    /*footer <===*/

    /*terms and conditions ===>*/

    .terms-and-conditions-header {
        padding: 120px 24px;
    }
    
    .terms-and-conditions-section {
        padding: 0 24px;
    }

    .terms-and-conditions-section-container {
        padding: 64px 16px;
        flex-direction: column;
    }

    .terms-and-conditions-menu {
        border-bottom: 1px solid var(--primary-black-40);
        position: inherit;
    }

    /*terms and conditions <===*/

    /*timeline ===>*/

    .timeline {
        gap: 24px;
    }

    .timeline .row {
        direction: ltr !important;
        padding: 0 !important;
    }

    .timeline-item {
        border: none !important;
        width: 100%;
    }

    .timeline-item hr {
        display: none;
    }

    .timeline-item-container {
        align-items: flex-start;
        gap: 24px;
    }
    /*timeline <===*/

    /*modal ===>*/

    .modal-content {
        padding: 24px 24px 64px 24px;
        gap: 24px;
    }

    /*modal <===*/

    /*grid-list-image-card ===>*/

    .grid-list-image-card-content {
        flex-direction: column;
    }

    .grid-list-image-card-photo {
        height: 208px;
        flex: unset;
    }

    .grid-list-image-card-text {
        padding: 0px 24px 24px 24px;
    }

    .product-container-users > .row {
        padding: 64px 24px;
    }

    .product-container-users .gallery-group-card {
        height: 480px;
    }

    /*grid-list-image-card <===*/

    /*news card ===>*/

    .news-stacked-card {
        flex-direction: column;
        gap: 24px;
        height: unset;
        flex: 1;
    }
    
    .news-stacked-card .news-card-photo  {
        height: 200px;
        flex: none;
    }
    
    .news-stacked-card .news-card-body {
        flex: 1;
        padding: 0px 24px 24px 24px;
        justify-content: center;
    }
 
    /*news card <===*/

    /*error 404 ===>*/

    .container-error-404 {
        padding: 120px 24px !important;
        flex-direction: column;
        gap: 24px;
        height: auto;
    }
    .container-error-404 .column .btn {
        display: none;
    }

    .container-error-404-image svg {
        width: 300px;
        height: 300px;
    }

    .container-error-404-responsive-button {
        display: flex;
        align-self: stretch;
        width: auto;
    }

    /*error 404 <===*/

}