/*-----------CSS BESCALANTE-----------*/
header.sticky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
header.sticky .header-top {
    /* display: none; */
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
header.stickycls {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#primaryMenu {
    width: 100%;
}

header.stickycls .header-top {
    display: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
header.sticky .top-header {
    background-color: #fff;
}

header.stickycls .top-header {
    background-color: #fff;
}

header .header-top {
    padding: 10px 0;
    background-color: var(--theme-color);
}

.theme-color-7 {
    --theme-color: #273376; /*azul*/
    --theme-color2: #ffcd05; /*amarillo*/
    --theme-color3: #cf202c; /*rojo*/
    --theme-color4: #212222; /*gris oscuro*/
    --theme-color5: #545655; /*gris claro*/
}

header .top-nav .navbar-top .web-logo img {
    width: calc(160px + (250 - 160) * ((100vw - 320px) / (1920 - 320)));
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer-section-2 .main-footer .foot-logo img {
    width: calc(160px + (250 - 160) * ((100vw - 320px) / (1920 - 320)));
}

.text-color1 {
    color: var(--theme-color) !important;
}

.text-color2 {
    color: var(--theme-color2) !important;
}

.text-color3 {
    color: var(--theme-color3) !important;
}

.btn-menu {
    color: black;
    border-radius: 0.25rem;
    background-color: var(--theme-color2);
    box-shadow: none;
    text-decoration: none;
    padding: 6px 12px 6px 12px;
    font-size: 14px;
    font-weight: 400;
}

.btn-menu:hover {
    text-decoration: none;
    color: black;
}

header
    .top-nav
    .navbar-top
    .rightside-box
    .right-side-menu
    .right-side:first-child {
    display: block;
}

.product-theme-box {
    padding: 40px;
    border: 1px solid #eee;
    border-radius: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    overflow: hidden;
    background-color: #fff;
    min-height: 400px;
}

.featured-sec {
    background-image: none;
    padding: calc(44px + (100 - 44) * ((100vw - 320px) / (1920 - 320))) 0;
    background-color: var(--theme-color2);
    color: var(--theme-color4) !important;
}

.featured-sec .feature-title h2 {
    color: var(--theme-color4);
}

.peso-bulto input {
    border-radius: 0.25rem 0px 0px 0.25rem;
    border-right: 0px;
}

.medida_bulto .columna1 input {
    border-radius: 0.25rem 0px 0px 0.25rem;
}

.medida_bulto .columna2 input {
    border-radius: 0;
    border-right: 0;
    border-left: 0;
}

.medida_bulto .medida-ancho input {
    border-right: 1px solid #ced4da;
}

@media (max-width: 767px) {
    header .top-nav {
        padding: 24px 0;
    }

    header .navbar-toggler {
        margin-right: 10px;
    }

    header
        .top-nav
        .navbar-top
        .rightside-box
        .right-side-menu
        .right-side:first-child {
        display: inline-flex;
        padding-right: 14px !important;
    }

    .btn-menu-login {
        font-size: 11px !important;
    }

    .btn-menu-login svg {
        width: 14px !important;
        height: 14px !important;
    }

    header.stickycls {
        /* top: 1%; */
    }

    .logged-in .delivery-login-box .delivery-detail,
    .logged-out .btn-menu,
    .logged-out .btn-menu-login {
        display: none;
    }

    .logged-in .delivery-login-box .mi_cuenta {
        display: inline;
    }

    .logged-in .delivery-login-box {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 576px) {
    #bultos-container .col-sm-6 .col-4 {
        width: 26%;
    }

    #bultos-container .col-sm-4 .col-9 {
        width: 78%;
    }

    #bultos-container .col-sm-6 .col-2,
    #bultos-container .col-sm-4 .col-3 {
        width: 22%;
    }

    #bultos-container .row {
        margin-bottom: 6px;
    }
}

/*-----------//CSS BESCALANTE-----------*/
/*-----------CSS WVISCAYA-----------*/

/* Home*/

.home-contain {
    background: var(--theme-color);
}

.home-detail .content {
    background-color: white;
    border-radius: 10px;
    padding: 1rem;
    display: inline-block;
    text-align: initial;
    max-width: 1000px;
    width: 100%;
    border-top-left-radius: 0px;
    padding-top: 0;
}

.home-search-full .home-contain .home-detail > div {
    width: 100%;
}

h2.titulo_form {
    font-size: 21.5px !important;
    border-bottom-width: 2px;
    border-bottom: solid;
    line-height: 30px;
}

.subtitulo_form {
    font-weight: 700;
    font-size: 16px !important;
    margin-top: 10px;
    margin-bottom: 5px;
}

.link_bulto {
    font-weight: 700;
    font-size: 12px;
    margin: 5px 0px;
}

.home-detail form .col label {
    font-size: 14px;
}

.home-detail form .form-control,
.home-detail form .form-select {
    color: #000;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 9px 3px;
    font-size: 13px;
    line-height: 18px;
    padding-left: 10px;
    background-color: #fbfbfb;
    border-color: #e9e9e9;
}

.input-group-text {
    font-size: 14px;
    border-color: #e9e9e9;
}

.home-detail form .form-control::placeholder {
    color: #999;
}

.home-detail form .col .form-control {
    font-size: 16px;
}

.medida-peso {
    text-align: center;
    height: 35.3px;
    padding-top: 6px;
    border: 1px solid #ccc;
    background: #e2e8f0;
    border-radius: 3px;
    font-size: 14px;
}

.boton_enviar {
    color: black;
    border-radius: 0.25rem;
    background-color: var(--theme-color2);
    box-shadow: none;
    text-decoration: none;
    padding: 7px 25px 7px 25px;
    font-size: 15px;
    font-weight: 400;
    border: none;
    margin-top: 38px;
    height: 38px;
    width: 100%;
    text-align: center;
}

.cinta-salidas {
    background-color: #5461a8;
    color: #fff;
    text-align: center;
    max-width: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.cinta-salidas h2 {
    font-size: 21.5px;
    line-height: 30px;
}

.home-search-full.gradient-home .home-contain .home-detail {
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding: 80px 10px;
}

.home-search-full.gradient-home {
    height: 100%;
}

.seccion_pasos {
    background-color: #f8f8f8;
    padding: 70px 0px;
}

.seccion_pasos .paso {
    box-shadow: 0px 2px 5px 1px #e1e1e1;
    border-radius: 10px;
    margin: 1rem;
    margin-left: 5px;
    padding: 1rem;
    background-color: #fff;
    max-width: 400px;
    margin-top: 10px !important;
    min-height: 131px;
}

.seccion_pasos .slick-initialized .slick-slide {
    display: block;
    width: 400px !important;
}

.container-fluid-lg {
    padding: 0 calc(12px + (150 - 12) * ((100vw - 286px) / (1920 - 320)));
}

.seccion_pasos h6 {
    font-weight: 700;
}

.seccion_pasos h5 {
    font-weight: 700;
    color: #273376;
    font-size: 20px;
    margin-bottom: 12px;
}

.seccion_casillero {
    padding-bottom: 55px;
}

.seccion_casillero .container .row {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.seccion_casillero h3 {
    margin-bottom: 25px;
    font-size: calc(
        19px + (30 - 19) * ((100vw - 320px) / (1920 - 320))
    ) !important;
    font-weight: 700;
}

.seccion_casillero p {
    font-size: 16px;
    text-align: justify;
    line-height: 24px;
    color: #666;
}

.seccion_casillero .boton_casillero {
    text-align: center;
    margin-top: 80px;
}

.seccion_casillero .boton_saber {
    text-align: center;
    margin-top: 30px;
}

.seccion_casillero .boton_casillero a {
    color: black;
    border-radius: 0.25rem;
    background-color: var(--theme-color2);
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 16px;
}

.seccion_casillero .boton_saber a {
    color: black;
    border-radius: 0.25rem;
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 16px;
    border: 2px solid;
    padding: 0.667em 1.333em;
}

.seccion_preguntas .recuadro {
    box-shadow: 0px 2px 5px 1px #e1e1e1;
    border-radius: 10px;
    margin: 1rem 0;
    padding: 1rem;
    background-color: #fff;
    padding-bottom: 35px;
}

.seccion_preguntas h5 {
    font-size: 1.35rem;
    font-weight: 700;
    text-transform: none;
    text-align: center;
    margin-top: 41px;
}

.seccion_preguntas .boton-llevame {
    text-align: right;
    margin-top: 15px;
}

.seccion_preguntas .boton-llevame a {
    color: black;
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 205 5 / var(--tw-bg-opacity));
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
}

.seccion_preguntas {
    margin-top: 18px;
    margin-bottom: 50px;
}

.featured-sec .feature-title p {
    color: black;
    text-align: justify;
}

.featured-sec .feature-title {
    max-width: 540px;
}

.featured-sec .boton_verTodo {
    margin-top: 48px;
    margin-bottom: 30px;
}

.featured-sec .boton_verTodo a {
    border-radius: 0.25rem;
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(4em + 2px);
    font-size: 16px;
}

.featured-sec h2 {
    font-size: calc(25px + (28 - 22) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 25px;
}

.product-theme-box .content-box .top-content h5 {
    font-weight: 700;
    font-size: calc(16px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 2.2;
}

.featured-sec .product-theme-box {
    text-align: center;
}

.featured-sec .btn-grp {
    margin-top: 40px;
}

.featured-sec .btn-grp a {
    color: black;
    border-radius: 0.25rem;
    box-shadow: none;
    text-decoration: none;
    font-size: 14px;
    border: 2px solid;
    padding: 0.667em 1.333em;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
}

a.cc-link {
    display: none;
}

.cc-color-override-688238583 .cc-btn {
    color: rgb(0, 0, 0);
    border-color: transparent;
    background-color: var(--theme-color2) !important;
}

.cc-color-override-688238583 .cc-btn:hover,
.cc-color-override-688238583 .cc-btn:focus {
    background-color: var(--theme-color2) !important;
}

.cc-banner.cc-bottom {
    background-color: #f0f0f0 !important;
    color: var(--theme-color) !important;
    font-weight: 700;
    box-shadow: 0px 8px 5px 1px #e1e1e1;
    padding: 1.5em 1.8em;
}

.seccion_pasos .paso img {
    max-width: 100px;
}

.seccion_preguntas .recuadro img {
    max-width: 154px;
    max-height: 104px;
    margin-bottom: 10px;
}

.swiper-container {
    width: 100%;
    overflow: hidden;
}
.swiper-container .swiper-slide {
    width: 280px;
}
.swiper-container .swiper-pagination {
    position: static;
    margin-top: 10px;
    bottom: auto;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #bbb;
    opacity: 1;
}

.swiper-container .swiper-pagination {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.swiper-pagination-bottom {
    text-align: center;
}

.swiper-pagination-bullet-active {
    background: var(--theme-color) !important;
}

@media (max-width: 767px) {
    .swiper-slide {
        width: 100%;
    }

    .breadcrumb_cotizador {
        display: none;
    }
}

.pasos-slider {
    width: 100%;
    overflow: hidden;
}
.pasos-slider .swiper-wrapper {
    display: flex;
    justify-content: center;
}
.pasos-slider .swiper-slide {
    width: 360px;
    flex-shrink: 0;
    margin: auto !important;
}
.pasos-slider .swiper-pagination {
    position: static;
    margin-top: 20px;
}
.pasos-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #bbb;
    opacity: 1;
}
.pasos-slider .swiper-pagination-bullet-active {
    background: #333;
}

.text_pago_despues {
    color: #aaa;
    font-size: 12px;
    margin-top: 10px;
}

.btn-ver-paso4 a {
    color: black;
    border-radius: 0.25rem;
    background-color: var(--theme-color2);
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 14px;
}

.div-paso4-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1439px) {
    .pasos-slider .swiper-wrapper {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1137px) {
    .btn-ver-paso4 a {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    .pasos-slider .swiper-slide {
        width: 100%;
    }
}

@media (max-width: 430px) {
    .pasos-slider .swiper-slide h6 {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .slick-slide {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 600px) {
    .slick-slide {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .margin-10-responsive {
        margin-bottom: 10px;
    }
}

@media (min-width: 1464px) {
    .home-search-full .container {
        max-width: 1280px;
    }

    .seccion_princial .container {
        max-width: 1200px;
    }
}

@media (min-width: 1400px) {
    .seccion_princial .container {
        max-width: 1200px;
    }

    .footer-section-2 .main-footer .information-text-2 {
        padding-right: 32px;
    }

    .main-footer .foo-col-2 {
        width: 19%;
    }

    .main-footer .foo-col-3 {
        width: 15%;
    }

    .main-footer .foo-col-4 {
        width: 32%;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 5px;
        padding-left: 0 !important;
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item {
        font-size: 14px;
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item::after {
        bottom: -2px;
    }

    .top-header .container-fluid-lg {
        padding: 0px 80px;
    }
}

@media (max-width: 991) {
    .featured-sec .feature-title {
        max-width: initial !important;
    }
}

@media (min-width: 767px) {
    .home-detail .columna1 {
        padding-right: 0px;
    }

    .home-detail .columna2 {
        padding-left: 0px;
    }

    .seccion_casillero .boton_saber a,
    .seccion_casillero .boton_casillero a {
        position: absolute;
        bottom: 0;
    }

    .seccion_elegir_tricolor .recuadro .ultimo_text {
        margin-bottom: 37px;
    }

    .business-section .col-lg-2 {
        width: 20%;
    }

    .servicios_quienes_somos .col-lg-2 {
        width: 14.28%;
    }

    .container_seccion {
        margin: 0 60px;
    }

    .breadcrumb-section h1 {
        font-size: 32px !important;
    }

    .breadcrumb-section .breadcrumb-contain {
        padding: 34px 0;
    }

    .item-responsive {
        display: none;
    }
}

@media (max-width: 767px) {
    .seccion_casillero h3 {
        margin-top: 50px;
    }

    .boton_casillero {
        margin-top: 0px;
    }

    .seccion_texto_secundario img {
        margin-bottom: 40px;
    }

    .seccion_servicio p,
    .seccion_princial p,
    .faq-box-contain .faq-contain p {
        font-size: 14px !important;
        line-height: 26px !important;
    }

    .home-search-full.gradient-home .home-contain .home-detail {
        padding: 10px 10px;
    }

    .btn-menu {
        padding: 4px 6px 4px 6px !important;
        font-size: 10px !important;
    }

    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
        padding-right: 10px;
    }

    header
        .top-nav
        .navbar-top
        .rightside-box
        .right-side-menu
        .right-side::before {
        right: 5px !important;
    }

    .product-section-box button span {
        display: none !important;
    }

    .product-section-box .custom-nav .nav-item .nav-link.active span {
        display: inline !important;
    }

    /* header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before, .link_login {
        display: none !important;
    } */

    .metodos_pago img {
        display: none;
    }
}

@media (max-width: 600px) {
    .left-footer span.light-text {
        margin-bottom: 16px !important;
    }
}

@media (max-width: 429px) {
    header .top-nav .navbar-top .web-logo img {
        width: 120px;
    }

    .summery-total li .price {
        max-width: 200px;
    }
}

.seccion_banner .banner_servicios {
    padding: 150px 0px !important;
    color: #fff;
}

.seccion_princial p {
    margin: 30px 0px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}

.seccion_princial .boton_saber {
    padding: 20px 0px;
}

.seccion_princial .boton_saber a {
    color: black;
    border-radius: 0.25rem;
    background-color: var(--theme-color2);
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 14px;
}

.seccion_princial {
    padding-bottom: 50px;
}

.seccion_princial .container-fluid-lg .row {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.seccion_princial .container .row {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.seccion_elegir_tricolor .recuadro {
    box-shadow: 0px 2px 5px 1px #e1e1e1;
    border-radius: 10px;
    margin: 1rem 0;
    padding: 1.5rem;
    background-color: #fff;
    padding-bottom: 24px;
}

.seccion_elegir_tricolor .recuadro p {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    margin: 15px 0;
}

.business-section .business-contain > .container > .row > div {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.seccion_texto_secundario p {
    margin: 10px 0px;
}

.faq-box-contain ol li {
    display: list-item;
    margin-bottom: 8px;
}

.faq-box-contain .faq-contain {
    position: inherit;
}

.seccion_elegir_tricolor {
    background-color: var(--theme-color2);
    padding: 80px 0;
}

.business-section .business-contain .business-box {
    padding: 20px;
}

.business-section .business-contain .business-box .business-number {
    width: 50px;
    height: 50px;
    background: var(--theme-color3);
    color: #fff;
}

.business-section h2 {
    margin-bottom: 60px !important;
}

.seccion_texto_principal {
    padding: 30px 0 !important;
}

.seccion_servicio p {
    margin: 30px 0px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
}

.seccion_servicio .container .row {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.faq-box-contain.preguntas_servicios .faq-contain h2 {
    font-size: 35px;
    color: #fff;
}

.faq-box-contain.preguntas_servicios {
    background-color: var(--theme-color);
    padding: 80px 0;
    margin-top: 100px;
}

.faq-box-contain.preguntas_servicios .faq-contain p {
    margin: 30px 0px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    color: #fff;
}

.section_qa_ayuda .container .row {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.section_qa_ayuda .container .row img {
    margin-bottom: 50px;
}

.recuadros_ayuda i {
    font-size: 30px;
    color: var(--theme-color2);
}

.seccion_servicio {
    padding: 80px 0;
}

.business-section {
    padding: 80px 0;
}

.faq-box-contain
    .faq-accordion
    .accordion
    .accordion-item
    .accordion-header
    .accordion-button {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.preguntas_maletas {
    background-color: #fff;
}

.preguntas_maletas .faq-contain h2,
.preguntas_maletas .faq-contain p {
    color: #000;
}

.fresh-vegetable-section .fresh-image {
    margin-top: 94px;
}

.log-in-section [type="submit"] {
    background: var(--theme-color2) !important;
    color: #000;
}

.log-in-section .btn-animation::after {
    background: var(--theme-color2);
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(var(--theme-color2)),
        to(#ffe57e)
    );
    background: linear-gradient(90deg, var(--theme-color2) 0%, #ffe57e 100%);
}

.btn-menu-login {
    box-shadow: none;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.btn-menu-login svg {
    width: 20px;
    height: 20px;
}

.btn-menu-login:hover {
    color: var(--theme-color);
}

header
    .top-nav
    .navbar-top
    .rightside-box
    .right-side-menu
    .right-side::before {
    right: 8px;
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
    padding-right: 22px;
}

.cover-image {
    height: 150px;
    background: var(--theme-color2);
}

.user-dashboard-section
    .dashboard-left-sidebar
    .profile-box
    .cover-image:before {
    display: none;
}

.total-box i {
    font-size: 35px;
    color: #cf202c;
}

.fresh-vegetable-section .fresh-contain p {
    margin: 30px 0px;
    line-height: 30px;
    font-weight: 300;
    font-size: calc(16px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.servicios_quienes_somos {
    background-color: var(--theme-color2);
}

.forgot-box .checkbox input {
    margin-right: 10px;
    margin-bottom: 10px;
}

.form-floating .iti {
    width: 100%;
}

.iti__country-list {
    max-height: 200px;
    width: 250px;
    white-space: normal !important;
}

.delivery-detail .saludo_header {
    color: #4a5568;
    margin-bottom: 3px;
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
    width: 100%;
}

.delivery-detail .mi_cuenta {
    font-weight: 500;
    color: #222;
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    margin: 0;
    width: 100%;
}

header .navbar.navbar-expand-xl .navbar-nav .nav-item + .nav-item {
    margin-left: 0px;
}

.main-nav .dropdown {
    margin-right: 40px !important;
}

.main-nav .nav-item {
    margin-right: 30px;
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link {
    font-size: 16px;
}

.seccion_texto p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 20px;
}

.seccion_texto h2 {
    margin-bottom: 30px;
    margin-top: 20px;
}

.seccion_texto h3 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 700;
    font-size: 19.5px;
}

.seccion_texto h4 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
}

.seccion_texto li {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 8px;
    margin-left: 20px;
    display: list-item;
}

.seccion_texto strong {
    font-weight: 600;
}

.seccion_texto ol,
.seccion_texto ul {
    padding-left: 2rem;
}

.payment-box {
    text-align: center;
}

.payment-box img {
    max-width: 90px;
    margin-right: 30px;
}

.section-t-space {
    padding-top: 0;
}

.left-footer {
    color: #bfbfbf;
}

.left-footer a {
    color: #bfbfbf;
    margin: 10px;
}

.left-footer a:hover {
    color: var(--theme-color2);
}

.left-footer span.light-text {
    color: #bfbfbf;
    margin-bottom: 0;
    font-size: 15px;
    text-transform: capitalize;
    margin-right: 50px;
}

.boton_cotizar a {
    color: black;
    border-radius: 0.25rem;
    background-color: var(--theme-color2);
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: 14px;
}

.boton_cotizar a i {
    margin-right: 5px;
}

.seccion_texto {
    padding-bottom: 20px;
    padding-top: 20px;
}

.seccion_background_gris {
    background-color: #f0f0f0;
}

.p-y-100 {
    padding: 100px 0px;
}

.seccion_princial .boton_bg_azul a {
    background-color: var(--theme-color);
    color: #fff;
}

.contact-detail h3 {
    color: var(--theme-color);
    font-weight: 600;
}

.product-section-box h2 {
    text-align: left;
    color: white;
    margin-bottom: 20px !important;
    font-size: 40px !important;
}

.footer-section-4 .main-footer {
    padding: 30px 0;
}

.footer-section-4 .foo-row2 {
    border: none;
    padding-top: 10px;
}

.logged-in,
.logged-out {
    display: block;
}

.address-table {
    margin-top: 40px;
}

.user-dashboard-section
    .dashboard-right-sidebar
    .dashboard-address
    .address-box
    > div
    .address-table
    table
    tr:first-child
    td {
    padding-top: 0;
    font-weight: inherit;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #4a5568;
}

fieldset {
    border: none;
}

.modal-body .form-control {
    background-color: #f8f8f8;
    border: 0;
}

.modal-footer .btn-primary {
    background-color: #ffcd05;
}

.modal-footer .btn-secondary {
    background-color: #f0f0f0;
}

.modal-header {
    background: var(--theme-color);
    color: #fff;
}

.modal-title {
    font-size: 18px;
}

.modal-footer .btn {
    font-size: 15px;
    padding: 8px 28px;
}

.modal-body .form-check-input {
    margin-right: 8px;
}

.modal-body .form-check-input:checked {
    background-color: #273376;
    border-color: #273376;
}

.bg-overlay.show {
    visibility: hidden;
    opacity: 0.5;
}

.address-box .label-principal {
    right: auto;
    background: #ffcd05;
    padding: 2px 8px;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    letter-spacing: 0.8px;
    position: absolute;
    font-weight: 600;
}
.label_principal {
    background-color: #ffcd05 !important;
    right: inherit !important;
    left: 0;
}

#confirm-password-error {
    color: red;
    margin-top: 6px;
    font-weight: 500;
}

/*-----------//CSS WVISCAYA-----------*/
.servicios_quienes_somos .icono_card {
    margin-bottom: 20px;
}

.servicios_quienes_somos .icono_card i {
    font-size: 40px;
    color: var(--theme-color3);
}

.servicios_quienes_somos .business-contain .business-box {
    padding: 30px 15px;
    display: block !important;
}

.servicios_quienes_somos .col-lg-2 {
    margin: 0px !important;
    margin-bottom: 10px !important;
}

.seccion_mision {
    background-color: #f8f8f8;
}

.contact-box-section
    .left-sidebar-box
    .contact-detail
    .contact-detail-box
    .contact-icon {
    background-color: var(--theme-color2);
}

.btn-animation {
    background: var(--theme-color3);
}

.contact-box-section
    .left-sidebar-box
    .contact-detail
    .contact-detail-box
    .contact-detail-contain
    p {
    font-size: 13px;
    line-height: 25px;
}

.contact-box-section
    .left-sidebar-box
    .contact-detail
    .contact-detail-box
    .contact-detail-title
    h4 {
    font-size: 16px;
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box {
    padding: 15px 30px;
    min-height: 92.2px;
}

.contact-box-section .left-sidebar-box .contact-image img {
    width: 80%;
}

.left-sidebar-box h2 {
    color: var(--theme-color);
    font-size: 35px;
    font-weight: 800;
    margin-bottom: 40px;
}

.left-sidebar-box h5 {
    margin: 25px 0;
    font-weight: 200;
    font-size: 19px;
}

.product-section-box {
    max-width: 1000px;
    margin: auto;
}

.product-section-box .custom-nav {
    border-top-left-radius: 10px;
    border-bottom: none;
}

.product-section-box .custom-tab {
    padding: 0;
}

.product-section-box .custom-nav .nav-item .nav-link.active {
    color: var(--theme-color);
}

.product-section-box .custom-nav .nav-item .nav-link {
    color: #c0c0c0;
    font-size: 16px;
    padding: 12px 25px;
}

.product-section-box .custom-nav .nav-item .nav-link.active::after,
.product-section-box .custom-nav .nav-item .nav-link:hover::after {
    display: none;
}

.seguir_envio .boton_enviar {
    margin: 0;
    height: 36px;
    font-size: 15px;
}

.seguir_envio .container-row .row {
    padding-top: 20px;
}

.home-search-full .product-section-box #myTab {
    max-width: 1000px;
    margin: auto;
    border: 0;
    border-top-left-radius: 10px;
}

.product-section-box .custom-tab {
    padding: 0;
}

.product-section-box .col-4 {
    width: 32.33333%;
}

.titulo_bulto {
    position: relative;
}

.titulo_bulto #delete-bulto {
    position: absolute;
    top: 9px;
    right: 15px;
    font-weight: 700;
    font-size: 11px;
    margin: 5px 0px;
}

.cinta-salidas span {
    font-size: 21.5px;
    line-height: 30px;
}

.breadcrumb-section h1 {
    font-weight: 700;
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1;
    margin: 0;
}

.password-container {
    position: relative;
}

.password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    font-size: 1.2em;
    color: #888;
    z-index: 2;
}

.password-toggle:focus {
    outline: none;
}

/* Ajusta la posición del icono si estás usando labels flotantes */
.form-floating .password-toggle {
    top: 32px; /* Ajusta este valor según la altura de tu label flotante */
}

/*Encomiendas*/

.checkout-section-2
    .right-side-summery-box
    .summery-box-2
    .summery-total
    li:nth-child(4)
    h4 {
    font-weight: 700;
    color: var(--theme-color);
    font-size: 18px;
}

.checkout-section-2
    .left-sidebar-checkout
    .checkout-detail-box
    > ul
    > li
    .checkout-box::before {
    display: none !important;
}

.checkout-section-2
    .left-sidebar-checkout
    .checkout-detail-box
    > ul
    > li
    .checkout-box {
    margin-left: 0;
}

/* fin Encomiendas*/

/* wizard */

.wizard-step {
    display: none;
}
.wizard-step.active {
    display: block;
}
.progress-bar-encomiendas {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
}

.progress-bar-encomiendas::before {
    content: "";
    position: absolute;
    top: 28%;
    left: 0;
    transform: translateY(-50%);
    height: 4px;
    width: 100%;
    background-color: #ffcd05;
    z-index: 0;
}

.progress-bar-encomiendas .step {
    text-align: center;
}
.progress-bar-encomiendas .bullet {
    width: 54px;
    height: 54px;
    border: 2px solid #ffcd05;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    transition: 0.2s;
    font-weight: 500;
    font-size: 17px;
    line-height: 53px;
    color: #ffcd05;
    font-size: 18px;
    background: #fff;
}
.progress-bar-encomiendas .bullet.active {
    border-color: #ffcd05;
    background: #ffcd05;
    color: #fff;
}

.step p {
    margin-top: 5px;
    font-weight: 700;
}

.prev-step {
    float: left;
}

.btn-primary,
.btn-success {
    background: #273376;
    color: #fff;
    border-radius: 0.25rem;
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.667em + 2px) calc(2em + 2px);
    /* font-size: 16px; */
}

.btn-secondary {
    color: #273376;
    border-radius: 0.25rem;
    box-shadow: none;
    text-decoration: none;
    padding: calc(0.665em) calc(2em + 1px);
    /* font-size: 16px; */
    margin-right: 5px;
    border: solid 2px #273376;
}

.botones_wizard {
    margin-top: 30px;
}

.btn-secondary:hover {
    color: #273376;
    background-color: #fff;
    border-color: #273376;
}

.btn-primary:hover,
.btn-success:hover {
    color: #fff;
    background-color: #273376;
    border-color: #273376;
}

.selection {
    width: 100%;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
    width: 100%;
}

.select2-selection {
    height: 42.94px !important;
}

.cuadro_peso {
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0 0.25rem 0.25rem 0;
    font-size: 14px;
    padding: 0.375rem 0.75rem;
    text-align: center;
    width: 100%;
    line-height: 40px;
    height: 51px !important;
}

.medida_bulto .col-4 {
    width: 27.33333%;
}

.titulo-encomienda {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ececec;
    width: 100%;
}

.input-group {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.input-group .number {
    width: 100%;
}

#form-cotizador .select2-selection {
    height: initial !important;
}

.select2-container--bootstrap5
    .select2-dropdown
    .select2-results__option.select2-results__option--selected {
    background-color: #273376 !important;
}

.input-group .select,
#select2-data-14-uwls {
    width: 100% !important;
}

.btn-add-direccion,
btn-add-direccion:hover {
    background: #ffcd05 !important;
    color: white !important;
    margin-top: 24px;
    font-size: 14px;
}

#form-add-encomienda textarea.form-control {
    height: auto !important;
}

#form-add-encomienda .form-control {
    height: 51px !important;
}

.delivery-address-box {
    margin-bottom: 20px !important;
}

#direcciones-recogida p.text-content,
#direcciones-entrega p.text-content {
    font-size: 13px !important;
}

#direcciones-recogida h4,
#direcciones-entrega h4 {
    font-size: 16px !important;
}

.left-sidebar-checkout .checkout-detail-box {
    padding: 29px;
    border-radius: 7px;
    background-color: #f8f8f8;
}

.checkout-section-2
    .left-sidebar-checkout
    .checkout-detail-box
    > ul
    > li
    .checkout-box {
    padding: 0;
    background-color: #f8f8f8;
    border-radius: 0;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    margin-left: 0px;
    position: relative;
}

.delete-bulto {
    display: none;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    right: 18px;
    bottom: 0;
}

.row.original:not(:only-child) .delete-bulto {
    display: inline;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    right: 18px;
    bottom: 0;
}

.login-form-container {
    max-width: 500px;
    margin: auto;
    padding: 40px 0;
}

.login-form-container label {
    margin-bottom: 7px;
    font-size: 15px;
    font-weight: 600;
}

.login-form-container p {
    text-align: right;
    margin-top: 15px;
}

.error-message {
    color: red;
    font-size: 0.9em;
    margin-top: 5px;
    text-align: left;
}

.is-invalid {
    border-color: red !important;
}

.select2-selection {
    height: 51px !important;
}

.button-group a {
    background-color: #f8f8f8;
    font-weight: 600;
    font-family: sans-serif;
}

.button-group a:hover {
    background-color: var(--theme-color);
    color: #fff;
}

#btn-iniciar-pago {
    margin: 14px 0;
}

.metodos_pago {
    position: relative;
}

.metodos_pago i {
    position: absolute;
    font-size: 30px;
}

#redsys-container {
    margin-top: 25px !important;
    width: 100% !important;
}

.metodos_pago .delivery-address-detail {
    gap: 2px !important;
    width: 100% !important;
}

.metodos_pago .delivery-address-box.tarjeta {
    padding-bottom: 10px !important;
}

.metodos_pago .titulo_pagos,
.metodos_pago .subtitulo_pagos {
    margin-left: 48px !important;
    width: 100%;
}

.metodos_pago img {
    width: 150px;
    position: absolute;
    right: 0;
    top: 15px;
}

.metodos_pago .delivery-address-box {
    margin-bottom: 0px !important;
}

select#pais-select,
select#provincia-select {
    font-size: 14px;
}

.form-select:disabled {
    background-color: initial;
}

.rastreo_envio {
    padding-top: 69px;
}

.iti {
    width: 100%;
}
.iti__flag-container {
    z-index: 5;
}
.form-floating .form-control::placeholder {
    opacity: 1 !important;
}
.form-floating > .form-control:not(:placeholder-shown) ~ label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.select2-container--bootstrap5
    .select2-selection--single
    .select2-selection__rendered {
    color: #000;
}

.finalizar-container {
    display: flex;
    margin-top: 10px;
}

.link_compras {
    margin-top: 20px;
    margin-bottom: 3rem !important;
}

.link_compras a {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 600;
}

.medir_dimensiones {
    margin-bottom: 25px;
    text-align: center;
    font-size: 20px;
    font-style: italic;
    font-weight: 100;
}

@media (min-width: 992px) {
    .business-section .business-contain > .container > .row > div:nth-child(2),
    .business-section .business-contain > .container > .row > div:nth-child(4) {
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .business-section .business-contain > .container > .row > div:nth-child(1),
    .business-section .business-contain > .container > .row > div:nth-child(3),
    .business-section .business-contain > .container > .row > div:nth-child(5) {
        margin-bottom: 40px;
    }
}

/* Estilos para mensajes flash */
.message {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.message.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.message.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.error {
    color: red;
    font-size: 12px;
}

/*-----------//CSS WVISCAYA-----------*/
.user-dashboard-section
    .dashboard-right-sidebar
    .dashboard-address
    .address-box
    > div
    #bodegas-table.address-table
    table
    tr
    td:last-child
    p {
    -webkit-line-clamp: unset;
    -webkit-box-orient: initial;
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 0;
    line-height: 1.5;
}

/*LABELS DE ESTADOS*/
.badge {
    display: inline-block;
    padding: 0.5em 0.85em;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.475rem;
}

.badge.badge-circle,
.badge.badge-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 1.75rem;
    min-width: 1.75rem;
    padding: 0 0.1rem;
}
.badge.badge-circle {
    border-radius: 50%;
    padding: 0;
    min-width: unset;
    width: 1.75rem;
}
.badge.badge-sm {
    min-width: 1.5rem;
    font-size: 0.65rem;
}
.badge.badge-sm.badge-circle {
    width: 1.5rem;
    height: 1.5rem;
}
.badge.badge-lg {
    min-width: 2rem;
    font-size: 1rem;
}
.badge.badge-lg.badge-circle {
    width: 2rem;
    height: 2rem;
}
.badge-white {
    color: #7e8299;
    background-color: #fff;
}
.badge-light-white {
    color: #fff;
}
.badge-light {
    color: #7e8299;
    background-color: #f5f8fa;
}
.badge-light-light {
    color: #f5f8fa;
}
.badge-primary {
    color: #fff;
    background-color: #008277;
}
.badge-light-primary {
    color: #002282;
    background-color: #f1faff;
}

.badge-secondary {
    color: #fff; /*este color lo cambié*/
    background-color: #273376;
}
.badge-light-secondary {
    color: #e4e6ef;
}
.badge-success {
    color: #fff;
    background-color: #50cd89;
}
.badge-light-success {
    color: #50cd89;
    background-color: #e8fff3;
}
.badge-info {
    color: #fff;
    background-color: #7239ea;
}
.badge-light-info {
    color: #7239ea;
    background-color: #f8f5ff;
}
.badge-warning {
    color: #fff;
    background-color: #ffc700;
}
.badge-light-warning {
    color: #ffc700;
    background-color: #fff8dd;
}
.badge-danger {
    color: #fff;
    background-color: #f1416c;
}
.badge-light-danger {
    color: #f1416c;
    background-color: #fff5f8;
}
.badge-dark {
    color: #fff;
    background-color: #181c32;
}
.badge-light-dark {
    color: #181c32;
    background-color: #eff2f5;
}

/*TARJETAS DE ESTADO PEDIDOS*/
.pd-card-status {
    position: relative;
    height: 100%;
}

.pd-card-status .card-details {
    height: 100%;
    padding: 30px 20px;
    border-radius: 5px;
    background-color: #daecf0;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    flex-grow: 1;
}

.pd-card-status .edit-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    background-color: rgba(11, 25, 68, 0.8);
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.pd-card-status .edit-card .pd-title-card {
    color: #000;
}

.edit-card-mobile {
    display: none;
}

.pd-card-status:hover .edit-card {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pd-card-status .edit-card a {
    padding: 0 10px;
    text-transform: none;
    color: #fff;
}

.metodos_pagos_envios .transaction {
    position: relative;
}

.metodos_pagos_envios img {
    right: 10px;
    top: 18px;
}

.margin-card {
    margin-bottom: 1rem !important;
}

@media (max-width: 767px) {
    .pd-card-status .edit-card {
        display: none;
    }

    .edit-card-mobile {
        display: block;
    }

    .edit-card-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px;
    }
    /* 
    .edit-card-mobile a {
        padding: 0 10px;
        text-transform: capitalize;
        color: #222;
    } */

    .margin-card {
        margin-bottom: 3rem !important;
    }
}

.theme-form-floating label.label-float {
    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
    color: #4a5568;
    border: none;
}
.bg-light-info {
    background-color: #f8f5ff !important;
}
.rounded {
    border-radius: 0.475rem !important;
}
.align-items-center {
    align-items: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.d-flex {
    display: flex !important;
}
.symbol {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.475rem;
}
.me-4 {
    margin-right: 1rem !important;
}

.symbol.symbol-40px .symbol-label {
    width: 40px;
    height: 40px;
}
.symbol .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: #3f4254;
    background-color: #f5f8fa;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.475rem;
}
.text-gray-800 {
    color: #3f4254 !important;
}
.fw-bold {
    font-weight: 500 !important;
}
.fs-6 {
    font-size: 1.075rem !important;
}

.btn.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.5rem + 2px);
    width: calc(1.5em + 1.5rem + 2px);
}
.btn.btn-light-danger {
    color: #f1416c;
    border-color: #fff5f8;
    background-color: #fff5f8;
}

.pd-stat-card {
    background-color: #eee;
    border-radius: 20px;
    padding: 20px;
}

.pd-stat-card h6 {
    font-weight: 500;
    font-size: 0.8rem;
    /* color: #222; */
}

.pd-stat-card span.subtitle {
    font-weight: 500;
    font-size: 1.3rem;
    color: #222;
    margin-bottom: 0px;
}

.pd-stat-card-2 {
    background-color: transparent;
    border-radius: 20px;
    padding: 20px;
}

.pd-stat-card-2 h6 {
    font-weight: 500;
    font-size: 0.8rem;
}

.pd-stat-card-2 span.subtitle {
    font-weight: 500;
    font-size: 1.3rem;
    color: #222;
    margin-bottom: 0px;
}

.theme-modal .modal-dialog .modal-content .modal-header .btn-close {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: var(--theme-color);
    opacity: 1;
    background-image: none;
    border-radius: 4px;
    font-size: calc(15px + (17 - 15) * ((100vw - 320px) / (1920 - 320)));
    color: #fff;
    margin: 0;
    padding: 8px;
    z-index: 1;
}

.mobile-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: var(--theme-color);
    z-index: 7777; /* Asegúrate de que esté sobre otros elementos */
    overflow: hidden;
    -webkit-box-shadow: 0 -3px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0 -3px 10px 0px rgba(0, 0, 0, 0.08);
}

.file-container {
    border-style: dashed;
    border-radius: 0.375rem;
    border-width: 2px;
    border-color: #a7a7a7;
    padding: 1rem;
}

.file-container .file-list .file-item {
    display: flex;
    padding: 4px;
    border-bottom: 1px solid #eee;
}

.codigo-factura {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
hr.line {
    border: none;
    height: 1px;
    background: linear-gradient(to right, #ddd, #999, #ddd);
    margin: 20px 0;
}
/*  estilos del chat*/
.chat {
    width: 100%;
    border: solid 1px #fbfbfb;
    display: flex;
    flex-direction: column;
    padding: 10px;
    background-color: #fbfbfb;
    border-radius: 1em;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

.messages {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
}

.message {
    border-radius: 20px;
    padding: 8px 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.yours {
    align-items: flex-start;
}

.yours .message {
    margin-right: 25%;
    background-color: #eee;
    position: relative;
}

.yours .message.last:before {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: -7px;
    height: 20px;
    width: 20px;
    background: #eee;
    border-bottom-right-radius: 15px;
}
.yours .message.last:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: -10px;
    width: 10px;
    height: 20px;
    background: white;
    border-bottom-right-radius: 10px;
}

.mine {
    align-items: flex-end;
}

.mine .message {
    color: white;
    margin-left: 25%;
    background: linear-gradient(to bottom, #00d0ea 0%, #0085d1 100%);
    background-attachment: fixed;
    position: relative;
}

.mine .message.last:before {
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: -8px;
    height: 20px;
    width: 20px;
    background: linear-gradient(to bottom, #00d0ea 0%, #0085d1 100%);
    background-attachment: fixed;
    border-bottom-left-radius: 15px;
}

.mine .message.last:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: -10px;
    width: 10px;
    height: 20px;
    background: white;
    border-bottom-left-radius: 10px;
}
.chat .messages .text-muted {
    font-size: 0.75rem;
    color: #6c757d;
}
#mensajes {
    height: 300px;
    overflow-y: auto;
}
@media (max-width: 768px) {
    .messages img {
        height: auto;
        max-width: 100%;
    }
}
/*  estilos del chat*/
.btn.btn-outline-default {
    border: 1px solid #a7a7a7;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(228, 230, 239);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(228, 230, 239);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(228, 230, 239);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(228, 230, 239);
}
.btn.btn-outline.btn-outline-dashed.btn-outline-default {
    border-width: 1px;
    border-style: dashed;
    color: var(--theme-color);
    border-color: #a7a7a7;
}
.fancybox__container {
    z-index: 1060 !important;
}
@media (max-width: 768px) {
    /* .modal-dialog {
        min-height: calc(100vh - 70px);
        max-height: calc(100vh - 70px);
        margin: 0;
        width: 100%;
        z-index: 9999;
    } */

    .modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
    }

    .modal-content {
        max-height: 100%;
        overflow-y: auto;
    }
}

.factura-preview-item span {
    display: inline-block;
    max-width: calc(100% - 40px); /* Deja espacio para el botón de eliminar */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.factura-preview-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.required-field::after {
    content: " *";
    color: red;
}

.text-theme {
    color: var(--theme-color);
}

.dropzone {
    min-height: 110px;
    border: 1px solid rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    padding: 20px 20px;
}
.dropzone .dz-message {
    text-align: center;
    margin: 1em 0;
}

.pd-stat-card .list-group .list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: transparent;
    border: 0px solid rgba(0, 0, 0, 0.125);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address-box {
    border-radius: 8px;
    padding: calc(12px + (24 - 12) * ((100vw - 320px) / (1920 - 320)));
    background-color: #fff;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    position: relative;
    height: 100%;
    overflow: hidden;
}

.address-box > div .form-check {
    margin-top: 3px;
}

.address-box > div .label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--theme-color);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.8px;
}

/* Estilo personalizado para el checkbox */
.checkbox-custom {
    width: 25px;
    height: 25px;
    cursor: pointer;
    accent-color: var(
        --theme-color
    ); /* Cambia el color del checkbox cuando está seleccionado */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid var(--theme-color);
    border-radius: 5px;
    display: inline-block;
    position: relative;
    background-color: transparent;
}

.checkbox-custom:checked {
    background-color: var(--theme-color);
    border: 2px solid var(--theme-color);
}

.checkbox-custom + .card-details {
    transition: background-color 0.3s ease;
}

/* Fondo al seleccionar la tarjeta */
.checkbox-custom:checked + .card-details {
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 8px;
    padding: 10px;
}

.checkbox-custom + .status-label {
    margin-left: 10px;
    font-weight: bold;
    color: black;
}

.checkbox-custom:checked + .status-label {
    color: var(--theme-color);
}

a.btn-envio {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 30px 20px;
    border-radius: 5px;
    border: 3px solid #273376;
    background-color: transparent;
    color: #273376;
    font-family: Arial, sans-serif;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

a.btn-envio i {
    font-size: 36px;
    margin-bottom: 10px;
}

a.btn-envio span {
    font-size: 18px;
}

a.btn-envio:hover {
    background-color: rgba(39, 51, 118, 0.1);
}

.transaction {
    list-style: none;
    cursor: pointer;
    border-bottom: 1px solid #b5bfd9;
    background-color: #fff;
    padding: 1em;
    transition: background-color 0.3s ease;
}

.transaction-details {
    transition: all 0.3s ease;
    background-color: #fff; /* Asegurarse de que el fondo sea blanco */
    padding-left: 1.5rem;
}
.transaction-list li {
    padding-left: 20px; /* Espacio a la izquierda */
    padding-right: 20px; /* Espacio a la derecha */
}

.contact-list {
    list-style-type: none; /* Elimina los puntos de la lista */
    padding: 0;
}

.contact-list li {
    margin-bottom: 10px; /* Añade un espacio entre cada elemento de la lista */
    display: block; /* Asegura que los elementos se alineen verticalmente */
}

.fullpage-loader--invisible {
    z-index: -1; /* Oculta el loader */
}

/* Animación para resultado de calculadora */
.animated-result {
    animation: pulse 1s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 2px 5px 1px #e1e1e1;
    }
    50% {
        transform: scale(1.03);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 2px 5px 1px #e1e1e1;
    }
}

.resultado_calculadora #precioEstimado {
    transition: all 0.3s ease;
    font-size: 40px;
    font-weight: 800;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 25px;
    text-align: center;
}

.precio_estimado {
    background-color: #f8f8f8;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.precio_estimado p {
    font-size: 18px;
    color: #444;
    margin-bottom: 0;
    text-align: center;
    font-weight: 600;
}

/* Animaciones mejoradas */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 2px 5px 1px #e1e1e1;
    }
    50% {
        transform: scale(1.03);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 2px 5px 1px #e1e1e1;
    }
}

.form-control.is-invalid {
    border-color: #f1416c;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f1416c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1416c' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.bulto-item {
    background-color: #f8f8f8;
    border-radius: 5px;
    /* padding: 15px; */
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.bulto-item:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}

.peso-facturable {
    background-color: #f0f7ff;
    border-radius: 8px;
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-left: 4px solid var(--theme-color);
}

.peso-facturable p {
    font-size: 16px;
    color: #444;
    margin-bottom: 5px;
    font-weight: 600;
}

.peso-facturable h5 {
    font-size: 22px;
    font-weight: 700;
    color: var(--theme-color);
    margin-bottom: 0;
}