@import "main.css";

:root {
    --df-messenger-bot-message: #fff;
    --df-messenger-button-titlebar-color: #42a5f5;
    --df-messenger-button-titlebar-font-color: #fff;
    --df-messenger-chat-background-color: #fafafa;
    --df-messenger-font-color: rgba(0, 0, 0, .87);
    --df-messenger-input-box-color: #fff;
    --df-messenger-input-font-color: rgba(0, 0, 0, .87);
    --df-messenger-input-placeholder-font-color: #757575;
    --df-messenger-minimized-chat-close-icon-color: rgba(0, 0, 0, .87);
    --df-messenger-send-icon: #42a5f5;
    --df-messenger-user-message: #ddd;
    --df-messenger-chip-color: #fff;
    --df-messenger-chip-border-color: #e0e0e0
}

.titulo-banner {
    font-size: 4em;
    font-weight: 800;
    text-align: left;
    color: #FF6B00;
}

.cambio-color {
    color: #002A6F;
}

hr {
    border: 1px solid #ff6b00;
}

/*Seccion 1 Banner */

.seccion-1-zonas{
    padding: 0 60px;
    background-image: url(../img/cobertura.jpg);
    background-position-x: center;
    background-position-y: top;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 360px;
    width: 100%;
    display: flex; 
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.contenido-secc-1-zonas{
    padding-top: 9.3rem;
}

.titulo-zonas{
    font-weight: 700;
    font-size: 48px;
    color: #002A6F;
}

.breadcrumb{
    justify-content: center;
}

.breadcrumb-item a{
    text-decoration: none;
    color: #002A6F;
    font-weight: 600;
}

.breadcrumb-item a:hover{
    text-decoration: none;
    color: #165fbe;
    font-weight: 600;
}


.breadcrumb-item .active{
    background-color: transparent;
}

@media screen and (max-width: 1227px) {
    .titulo-banner {
        font-size: 1.8em;
    }

    .grid-secc-1-zonas {
        margin: -4rem 0rem 0 1rem;
        text-align: center;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    .grid-secc-1-zonas img {
        margin-left: 0;
        margin-top: 1rem;
        text-align: center;
        max-width: 99%;
    }
}

/* Seccion 2 Zonas Extendidas */

.zonas-ext {
    width: 100%;
    padding: 60px 60px;
}

.contenido-zonas-ext {
    display: flex;
}

.info-zonas-ext {
    width: 50%;
    padding-right: 2.5em;
}

.divider-zonas{
    width: 290px;
    height: 6px;
    background-color: #FF6900;
    margin-top: 16px;
    border-radius: 2px;
}

.info-zonas-ext p {
    text-align: justify;
    padding-top: 40px;
    color: #002A6F;
    font-weight: 500;
}

.vl {
    border-left: 1px solid #ff6b00;
}

.consulta {
    width: 50%;
    padding-left: 2.5em;
}

.consulta img {
    margin-right: 1em;
    max-width: 2.5em;
}

input[type="text"] {
    color: #002A6F;
    width: 100%;
    padding: .8em .8em;
    border: solid 2px #002A6F;
    border-radius: 10px;
}

.boton-buscar {
    margin-top: 2em;
    display: flex;
    justify-content: left;
    align-items: center;
}

.btn-buscar-form {
    color: white;
    background-color: #ff6b00;
    padding: .7rem 1.3rem;
    border: none;
    border-radius: 0.5rem;
    text-decoration: none;
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}

/* Seccion 3 Tabla */

.secc-tabla {
    width: 100%;
    text-align: center;
    margin-top: 2em;
}

#tabla-paqueterias table {
    width: 100%;
}

#tabla-paqueterias th,
td {
    text-align: center;
    padding: .3em;
    border: solid 1px #02305d;
    text-align: center;
    font-size: .85em;
}

.ico-cross,
.ico-check {
    max-width: 2.3em;
}

.logo-paq {
    max-width: 11em;
}

.btn-sucursales {
    border: solid 1px #ff6b00;
    padding: .3em;
    text-decoration: none;
    color: #ff6b00;
    border-radius: .4em;
}

.btn-sucursales:hover {
    background: #ff6b00;
    color: white;
    transition: .5s;
}

.btn-cotizar {
    border: solid 1px #02305d;
    padding: .3em;
    text-decoration: none;
    color: #02305d;
    border-radius: .4em;
}

.btn-cotizar:hover {
    background: #02305d;
    color: white;
    transition: .5s;
}

@media screen and (max-width: 1227px) {
    .contenido-zonas-ext {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .info-zonas-ext {
        padding: 0;
        margin: 0;
        text-align: center;
        font-size: 1.1em;
        width: 90%;
    }

    .consulta {
        width: 90%;
        margin-left: 0;
    }

    .vl {
        border: none;
    }
    .btn-sucursales,
    .btn-cotizar {
        font-size: .5em;
    }

    .zonas-ext .div-flotante {
        right: 3vw !important;
        left: initial !important;
        margin-top: 550px !important;
    }
}

@media screen and (max-width: 668px) {
    .zonas-ext .div-flotante {
        margin-top: 660px !important;
    }
}

@media screen and (max-width: 567px) {
    .zonas-ext .div-flotante {
        margin-top: 800px !important;
    }
}

@media screen and (max-width: 483px) {
    .zonas-ext .div-flotante {
        margin-top: 870px !important;
    }
}

@media screen and (max-width: 419px) {
    .zonas-ext .div-flotante {
        display: none;
    }
}

.cobertura_success {
    background-image: url("https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png");
}

.cobertura_fail {
    background-image: url("https://www.globalpaq.com/sitionuevo/img/svg/ico/ico-cross.svg");
}

.conte_semana {
    list-style: none;
    margin: 10px 0px;
    padding: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.conte_semana li {
    width: 16.6%;
}

.conte_semana li strong {
    display: block;
    text-align: center;
    color: #074279;
}

.conte_semana li p {
    text-align: center;
}

.ico-cross2 {
    max-width: 1.3em;
}

.zonas-ext .div-flotante {
    right: initial;
    left: 3vw;
    margin-top: 350px;
    transition: all 0.2s ease;
}

.zonas-ext .texto-flotante {
    margin-bottom: 1px;
    margin-top: 1vh;
}
.card {
  border-radius: 1rem;
  transition: box-shadow 0.2s, transform 0.2s;
}
.card:hover {
  box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.10);
  transform: translateY(-4px) scale(1.02);
}

.card-title {
  font-weight: 600;
}
.text-decoration-line-through {
  color: #888;
}
@media (max-width: 767px) {
  .card {
    margin-bottom: 1.5rem;
  }
}
.card-dhl .badge-paq,
.card-dhl .btn-dhl {
  background-color: #e4b601 !important;
  color: #ffffff !important;
}
.card-estafeta .badge-paq,
.card-estafeta .btn-estafeta {
  background-color: #d32f2f !important;
  color: #fff !important;
}
.card-fedex .badge-paq {
  background-color: #4d148c !important;
  color: #ffffff !important;
}
.card-fedex .btn-fedex {
  background-color: #4d148c !important;
  color: #fff !important;
  border: none;
}
.card-paquetexpress .badge-paq,
.card-paquetexpress .btn-paquetexpress {
  background-color: #0033a0 !important;
  color: #fff !important;
}
.swal-icon-small {
    font-size: .9rem !important;
}