@charset "utf-8";

/*--------------------------------------------------------------
FUENTES GOOGLE FONTS
--------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Teko:wght@700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Monomaniac+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bad+Script&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");

a {
  /* font-family: 'Ubuntu' !important; */
  font-size: 15px;
}

/* p {
  font-family: "Poppins", sans-serif;
} */

.fa-circle-check {
  color: red;
  padding-right: 8px;
}
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER CSS HEADER 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

#headerPTd {
  height: 75px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
  background-color: #fff !important;
  align-items: center !important;
  padding: 5px 25px 5px 25px;
  border-bottom: 2px solid #f4f4f4;
}

#headerPTd.header-scrolled {
  background-color: #0e134e;
  height: 60px;
  padding: 10px 0;
}

#headerPTd .logo h1 {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1px;
}

#headerPTd .logo h1 a,
#headerPTd .logo h1 a:hover {
  color: #fff;
  text-decoration: none;
}

#headerPTd .logo img {
  padding: 0;
  margin: 0;
  max-height: 65px;
}

.txt_head2 {
  margin-top: -10px !important;
  margin-bottom: 25px !important;
}

.aragal {
  color: #bc202e !important;
  font-size: 30px;
  text-decoration: none !important;
  padding-top: 10px;
  font-weight: bold;
  padding-left: 10px;
  font-family: "Teko" !important;
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(22, 22, 22, 100%);
  font-weight: 500;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #bc202e;
}

/* @media screen and (max-width: 1015px) {
  .cab_txt {
    visibility: hidden;
    font-size: 0px;
  }
} */

@media screen and (max-width: 991px) {
  .txt_head2 {
    margin-left: 0% !important;
    color: white !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .txt_head2As a {
    color: #000 !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }
  .txt_head2As {
    color: white !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }
}

/*--------------------------------------------------------------
MENÚ DE NAVEGACIÓN MENÚ DE NAVEGACIÓN MENÚ DE NAVEGACIÓN
--------------------------------------------------------------*/

.dropdown-menu {
  background: #343a40 !important;
  z-index: 999 !important;
}

/* Desktop Navigation */
.nav-menu,
.nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  color: white;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #000 !important;
  padding: 20px 15px;
  transition: 0.3s;
  font-size: 14px !important;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}

.nav-menu a:hover,
.nav-menu .active > a,
.nav-menu li:hover > a i {
  color: #fff !important;
  font-weight: bold;
  text-decoration: none;
  background: #bc202e;
  transform: scale(1.1);
  transition: 0.1s;
}

.nav-menu a i {
  color: #000;
  font-size: 16px !important;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0;
  top: calc(100% - 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #3053c1;
}

.nav-menu .drop-down ul a:hover,
.nav-menu .drop-down ul .active > a,
.nav-menu .drop-down ul li:hover > a {
  color: #3751a4;
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Mobile Navigation */
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  background-color: #fff !important;
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  font-weight: bold;
}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
  color: #fff !important;
  font-weight: bold;
  text-decoration: none;
  background: #bc202e;
  transform: scale(1.1);
  transition: 0.1s;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa0";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  right: 15px;
  top: 30px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: #000;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #000;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	INICIO PAGINAS - BREADCUMB INICIO PAGINAS - BREADCUMB INICIO PAGINAS - BREADCUMB INICIO PAGINAS - BREADCUMB INICIO PAGINAS - BREADCUMB INICIO PAGINAS - BREADCUMB  
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.breadcrumb-section {
  padding-bottom: 105px;
}

.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.spad {
  padding-top: 100px;
  padding-bottom: 100px;
}

.spad {
  margin-top: 70px;
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

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

.breadcrumb-text h2 {
  font-size: 48px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-family: "Teko";
}

.breadcrumb-controls {
  background: transparent !important;
  border: 2px solid #fff;
  border-radius: 50px;
  padding: 5px;
  width: 250px;
  text-align: center;
  margin: 0 auto;
  font-family: "Ubuntu";
}

.breadcrumb-text .breadcrumb-controls a {
  font-size: 16px;
  color: #ffffff;
  margin-right: 15px;
  position: relative;
}

.breadcrumb-text .breadcrumb-controls a:after {
  position: absolute;
  right: -13px;
  top: -2px;
  content: "";
  font-family: "FontAwesome";
  font-size: 16px;
  color: #ffffff;
}

.breadcrumb-text .breadcrumb-controls a i {
  margin-right: 2px;
}

.breadcrumb-text .breadcrumb-controls span {
  font-size: 16px;
  color: #ffffff;
}

@media only screen and (max-width: 479px) {
  .section-title h2,
  .breadcrumb-text h2 {
    font-size: 30px;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX CSS INDEX
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/
.idxTitRe {
  font-size: 55px;
}

.idxDatosRastreo {
  background: #fff;
  font-size: 11px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 20px;
  color: 000;
  z-index: 999 !important;
}

.idxDRGrid li a {
  font-size: 11px;
  color: gray !important;
}

.idxDatosLi {
  list-style: none !important;
  text-align: left;
  color: #000;
  padding-top: 20px !important;
  padding-bottom: 15px;
  font-weight: bold;
}

.idxDRGrid {
  list-style: none !important;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.idxContRe {
  position: relative;
  z-index: 2;
  padding-top: 200px;
  color: #fff;
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

.idxImgStatus {
  width: 200px;
}

.idxInpRe {
  min-width: 50%;
  max-width: 52%;
  border-radius: 10px;
  height: 50px;
  outline: none !important;
  padding-left: 20px;
  border: none;
}

.idxBtnRE {
  text-transform: uppercase;
  color: #bc202e;
  font-size: 12px;
  letter-spacing: 1px;
  text-align: center;
  background: #fff;
  font-weight: bold;
  border-radius: 25px;
  border: none;
  border-bottom: 3px solid #000;
  padding: 18px;
  margin: 10px;
  text-decoration: none !important;
  font-family: "Ubuntu";
  font-weight: bold;
}

.idxBtnRE:hover {
  transform: scale(1.1);
  transition: 1s;
}

@media screen and (max-width: 1000px) {
  .idxDRGrid {
    grid-template-columns: 33% 33% 33%;
  }
}

@media screen and (max-width: 700px) {
  .idxDRGrid {
    grid-template-columns: 50% 50%;
  }
  .idxContRe {
    padding-top: 130px;
    padding-left: 5%;
    padding-right: 5%;
  }
  .idxTitRe {
    font-size: 20px;
  }
}

@media screen and (max-width: 700px) {
  .idxContRe {
    padding-top: 100px;
    padding-left: 5%;
    padding-right: 5%;
  }
  .idxTitRe {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
CARRUSEL CARRUSEL CARRUSEL CARRUSEL CARRUSEL CARRUSEL CARRUSEL 
--------------------------------------------------------------*/
.cont_carrusel {
  position: relative;
  width: 100%;
  height: 70vh;
  background-color: rgba(0, 56, 107, 0.6);
  overflow: hidden;
}

.imagen {
  position: absolute;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
}

.imgSlidde1 {
  /* position: relative; */
  width: 100%;
  height: 100%;
  background-image: url("../img/Slide1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.imgSlidde2 {
  /* position: relative; */
  width: 100%;
  height: 100%;
  background-image: url("../img/Slide2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.imgSlidde3 {
  /* position: relative; */
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background-image: url("../img/Slide3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.imgSlidde4 {
  /* position: relative; */
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background-image: url("../img/Slide4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

/*
.imagen img {
	height: 100%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
*/

.textoCarrusel {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 80%;
  color: #fff;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
}

.cont_carrusel .anterior {
  z-index: 5;
  position: absolute;
  text-decoration: none;
  color: white;
  font-size: 36px;
  top: 50%;
  transform: translateY(-50%);
}

.cont_carrusel .siguiente {
  z-index: 5;
  position: absolute;
  text-decoration: none;
  color: white;
  font-size: 36px;
  top: 50%;
  transform: translateY(-50%);
}

.siguiente {
  left: 92%;
}

.anterior {
  left: 5.5%;
}

.boton {
  position: absolute;
  top: 5%;
  left: 95%;
}

.puntos {
  position: absolute;
  z-index: 5;
  top: 93%;
  width: 100%;
  text-align: center;
}

.punto {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  margin-right: 5px;
}

.punto:hover {
  cursor: pointer;
  background-color: gray;
}

.cont_carrusel a:hover {
  color: gray;
}

.actual {
  visibility: visible;
  opacity: 1;
  transition: visibility 1s, opacity 1s;
}
.activo {
  background-color: gray;
}

.rastrearGuia {
  letter-spacing: 1px;
  text-align: center;
  background: #fff;
  font-weight: bold;
  border-radius: 32px;
  border: none;
  border-bottom: 3px solid #000;
  padding: 5px 10px 5px 10px;
  text-decoration: none !important;
}
/*--------------------------------------------------------------
LUGARES DE ENVÍOS Y ENTREGAS LUGARES DE ENVÍOS Y ENTREGAS 
--------------------------------------------------------------*/

.idxEenvyEntregas {
  display: grid;
  grid-template-columns: 50% 50%;
  padding-top: 20px;
  background: #ecf1fa;
  padding-left: 12%;
  padding-right: 12%;
}

.idxEenvyEntregas div {
  padding: 5px;
}

.idxEenvyEntregas div h5 {
  text-align: center;
  color: #09418d;
  font-weight: 500;
  text-transform: uppercase;
}

.idxEenvyEntregas div i {
  color: #bc202e;
}

.idxEenvyEntregas div i a {
  color: #000 !important;
  font-family: "Poppins", sans-serif;
  padding-left: 5px;
  line-height: 40px;
}

.idxEnviosPuntos {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}

@media screen and (max-width: 900px) {
  .idxEenvyEntregas {
    display: block;
  }
}

@media screen and (max-width: 1300px) {
  .idxEnviosPuntos {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}

@media screen and (max-width: 510px) {
  .idxEnviosPuntos {
    display: grid;
    grid-template-columns: 100%;
  }
  .textoCarrusel {
    top: 75%;
  }
  .idxInpRe {
    min-width: 70%;
    max-width: 72%;
    height: 45px;
  }
}

@media screen and (max-width: 1670px) {
  .textoCarrusel {
    visibility: hidden;
  }
}

/*--------------------------------------------------------------
ACERCA DE ARAGAL ACERCA DE ARAGAL ACERCA DE ARAGAL 
--------------------------------------------------------------*/

.idxAragalOax {
  display: grid;
  grid-template-columns: 50% 50%;
  /*	background: #ECF1FA;*/
  padding-left: 12%;
  padding-right: 12%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.idxAragalTiT {
  font-size: 35px;
}

.idxTxtAragalB {
  font-family: "Poppins", sans-serif;
  text-align: justify;
}

.idxAragalOaxImg {
  text-align: center;
  display: block;
  margin: auto;
}

.idxAragalOax div p {
  text-align: justify;
}

.idxAOSuc {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  text-align: center;
  margin-top: 50px;
}

.idxAOSuc p {
  text-align: center !important;
}

.idxTxtPyM {
  color: #bc202e !important;
  font-weight: bold;
}

.idxAOSuc img {
  width: 60px;
}

/*--------------------------------------------------------------
ZOOM MAPA ARAGAL ZOOM MAPA ARAGAL ZOOM MAPA ARAGAL
--------------------------------------------------------------*/

#ImgMapAragalO {
  width: 90%;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#ImgMapAragalO:hover {
  opacity: 0.7;
}

.modalMapAr {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
}

.modal_contArO {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

.modal_contArO,
#caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}

@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/* The Close Button */
.closeMapAr {
  position: absolute;
  top: 90px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.closeMapAr:hover,
.closeMapAr:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
  .modal_contArO {
    width: 100%;
  }
}

@media screen and (max-width: 1300px) {
  .idxAragalOax {
    display: grid;
    grid-template-columns: 100%;
  }
}

/*--------------------------------------------------------------
BTN RASTREAR ENVIO BTN RASTREAR ENVIO BTN RASTREAR ENVIO 
--------------------------------------------------------------*/

.btn-flotante {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  border-radius: 5px;
  letter-spacing: 2px;
  background-color: #bc202e;
  padding: 18px 30px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  transition: all 300ms ease 0ms;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  z-index: 99;
}
.btn-flotante:hover {
  background-color: #555;
  color: #fff;
  text-decoration: none;
  box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
  transform: translateY(-7px);
}
@media only screen and (max-width: 600px) {
  .btn-flotante {
    font-size: 14px;
    padding: 12px 20px;
    bottom: 20px;
    right: 20px;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS RASTREAR ENVIO CSS RASTREAR ENVIO CSS RASTREAR ENVIO CSS RASTREAR ENVIO CSS RASTREAR ENVIO CSS RASTREAR ENVIO CSS RASTREAR ENVIO CSS RASTREAR ENVIO 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.bodyRastreo {
  background-image: url("../img/Ras_Background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 200px;
  padding-left: 10%;
  padding-right: 10%;
  min-height: 90%;
  color: #fff;
}

.hrTituloRastreo {
  text-transform: uppercase;
  text-align: center;
  font-size: 35px;
  padding-bottom: 30px;
}

.Rast_Edit {
  min-width: 50%;
  max-width: 52%;
  border-radius: 10px;
  height: 50px;
  outline: none !important;
  padding-left: 20px;
  border: none !important;
}

.Rast_Btn {
  text-transform: uppercase;
  color: #bc202e;
  font-size: 18px;
  letter-spacing: 1px;
  text-align: center;
  background: #fff;
  font-weight: bold;
  border-radius: 50px;
  border: none;
  border-bottom: 3px solid #000;
  padding: 13px 25px;
  margin: 10px;
  text-decoration: none !important;
  font-family: "Ubuntu";
}

.Rast_Btn:hover {
  transform: scale(1.2);
  transition: 1s;
}

.contDatosRastreo {
  background: #fff;
  font-size: 12px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 3px;
}

.imgRastSist {
  max-width: 400px;
}

.Rast_res .Rast_rescont .Rast_rescab a {
  color: gray;
  font-size: 12px;
  font-weight: lighter;
}

.Rast_rescont {
  list-style: none !important;
  text-align: left;
  color: #000;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  padding-top: 20px !important;
  padding-left: 20px !important;
  padding-bottom: 15px;
  margin-bottom: 50px !important;
  font-weight: bold;
}

@media screen and (max-width: 1590px) {
  .Rast_rescont {
    grid-template-columns: 33% 33% 33%;
  }
}

@media screen and (max-width: 1200px) {
  .Rast_rescont {
    grid-template-columns: 50% 50%;
  }
}

@media screen and (max-width: 800px) {
  .bodyRastreo {
    min-height: 100%;
  }
}

@media screen and (max-width: 790px) {
  .Rast_rescont {
    grid-template-columns: 100%;
  }
}

@media screen and (max-width: 600px) {
  .imgRastSist {
    width: 90%;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS SERVICIOS CSS SERVICIOS CSS SERVICIOS CSS SERVICIOS CSS SERVICIOS CSS SERVICIOS CSS SERVICIOS CSS SERVICIOS CSS SERVICIOS CSS SERVICIOS CSS SERVICIOS
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

/*--------------------------------------------------------------
SECCION PRINCIPAL ENVIOS A OCURRE Y RECOLECCION DE PAQUETERIA
--------------------------------------------------------------*/
.hsEnvYCot {
  padding-top: 50px;
}

.hsEnvYCot {
  display: grid;
  grid-template-columns: 50% 50%;
  padding-left: 12%;
  padding-right: 12%;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.hSEnvios {
  padding: 8px;
}

.hSRecolccion {
  padding: 8px;
}

.hSEnvRec {
  padding: 15px;
}

.hSEnvRec i {
  color: #bc202e;
  font-size: 20px;
}

.hSEnvRec h5 {
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 5px;
}

/*--------------------------------------------------------------
NAVBAR SCROLLSPY NAVBAR SCROLLSPY NAVBAR SCROLLSPY
--------------------------------------------------------------*/

/*----------------------------------*/

.hsNavSec {
  background: #222;
  text-align: right;
  padding: 20px;
}

.TitNavSec {
  color: #fff;
  text-align: center;
  background: #bc202e;
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
  text-decoration: none !important;
}

.TitNavSec:hover {
  color: #bc202e;
  background: #fff;
  transform: scale(1.1);
  transition: 1s;
}

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

.hsBtnCotWh {
  color: #fff;
  font-size: 22px;
  text-align: center;
  background: #bc202e;
  font-weight: bold;
  border-radius: 50px;
  border-bottom: 3px solid #000;
  padding: 13px 25px;
  margin: 10px;
  text-decoration: none !important;
}

.hsBtnCotWh:hover {
  color: #fff;
  transform: scale(1.3);
  transition: 1s;
}

/*----------------------------------*/

.hsModalWh {
  text-align: center !important;
}

.p-3 {
  padding: 0rem !important;
}

.hsDiv2Prin {
  display: grid;
  grid-template-columns: 50% 50%;
  padding-right: 12%;
  padding-left: 12%;
}

.hsTitulosPrin {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 12%;
  color: #bc202e;
  text-transform: uppercase;
}

.SubTitHSer {
  text-align: center;
  color: #09418d;
}

.hsTxtTer {
  text-align: center;
  font-family: "Red Hat Display";
  font-weight: bold;
}

.hsSubCuadros {
  padding: 8px;
}

.hsSubCuadros .btnSubC {
  border-radius: 5px;
  border: 4px solid #364691;
  background: #fff;
  margin: 10px;
  padding: 5px;
  color: #002962;
  font-family: "Monomaniac One";
}

.hsSubCuadros .btnSubC:hover {
  background: #364691;
  color: #fff;
  transform: scale(1.05);
  transition: 1s;
}

.hsSubCuadros .btnSubC i {
  font-size: 25px;
  padding-bottom: 5px;
}

.RecPaqBtns {
  display: grid;
  grid-template-columns: 50% 50%;
}

.hsPuntosCotEnv {
  display: grid;
  grid-template-columns: 50% 50%;
  font-family: "Poppins", sans-serif;
}

.hsPuntosCotEnv button {
  border: none !important;
  padding: 10px;
  background: #fff;
  text-align: left;
}

.hsPuntosCotEnv button i {
  font-size: 40px;
  color: #002962;
}

.hsSubCuadros img {
  width: 90%;
}

.hsbgRecPaq {
  background: url("../img/hsBgRecPaqueteria.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/*--------------------------------------------------------------
CAMBIO DE VISTA CAMBIO DE VISTA CAMBIO DE VISTA CAMBIO DE VISTA 
--------------------------------------------------------------*/

@media screen and (max-width: 800px) {
  .hsEnvYCot {
    display: grid;
    grid-template-columns: 100%;
  }
  .hsDiv2Prin {
    display: grid;
    grid-template-columns: 100%;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS ATENCIÓN AL CLIENTE CSS ATENCIÓN AL CLIENTE CSS ATENCIÓN AL CLIENTE CSS ATENCIÓN AL CLIENTE CSS ATENCIÓN AL CLIENTE CSS ATENCIÓN AL CLIENTE CSS ATENCIÓN AL CLIENTE 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.has1 {
  background: none;
}

.haImgPrin {
  width: 50%;
  display: block;
  margin: auto;
  padding: 50px 0px;
}

.haTxtVienvenida {
  padding: 0px 20%;
  text-align: justify;
}

.haDatosAtencion {
  padding-top: 10px;
  text-align: center !important;
  display: block;
  margin: auto;
}

.haTitTd {
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
}

.haHacerEnvio {
  padding: 10px 20%;
  display: grid;
  grid-template-columns: 33% 33% 33%;
}

.haCardeHE {
  background: #ecf1fa;
  margin: 10px;
  border-radius: 2px;
  padding: 10px;
}

.haImgCard {
  width: 20%;
}

.haTitCard {
  color: #09418d;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 0px;
}

.haTextCard {
  color: #05316b;
}

@media screen and (max-width: 1002px) {
  .haHacerEnvio {
    padding: 10px 20%;
    display: grid;
    grid-template-columns: 50% 50%;
  }
}

@media screen and (max-width: 800px) {
  .haImgPrin {
    width: 85%;
  }
  .haTxtVienvenida {
    padding: 0px 10%;
  }
  .haHacerEnvio {
    padding: 10px 10%;
    grid-template-columns: 100%;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS SUCURSALES OAXACA CSS SUCURSALES OAXACA CSS SUCURSALES OAXACA CSS SUCURSALES OAXACA CSS SUCURSALES OAXACA CSS SUCURSALES OAXACA CSS SUCURSALES OAXACA
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.hSODatosGral {
  padding-top: 50px;
  text-align: center;
}

.HSOTitGral {
  padding-bottom: 10px;
  font-family: "Teko";
}

.hSOBtnRedesGral {
  margin: 8px;
  display: inline-flex;
  min-width: 250px;
}

.hSOBtnRedesGral i {
  font-size: 40px;
}

/*
.hSOBtnFB1{
	background: #fff;
	border: 4px solid #1A4789;
	color: #05316B;
}

.hSOBtnFB1 i{
	color: #1A4789;
}

.hSOBtnIg{
	background: #fff;
	border: 4px solid #9837B9;
	color: #05316B;
}

.hSOBtnIg i{
	color: #9837B9;
}

.hSOBtnMa{
	background: #fff;
	border: 4px solid #21ADFF;
	color: #05316B;
}

.hSOBtnMa i{
	color: #21ADFF;
}
*/
.hSOIntoBtnSG {
  text-align: left;
  font-size: 14px;
  padding-left: 8px;
}

/*--------------------------------------------------------------
CABECERA REGION DATOS CABECERA REGION DATOS 
--------------------------------------------------------------*/
.hSOS1DatosRegion {
  text-align: center;
  padding: 70px 10% 10px;
}

.hSOS1NameRegion {
  text-transform: uppercase;
  color: #bb202e;
}

.hSOS1TxtInfoReg {
  text-align: justify;
}

/*--------------------------------------------------------------
CARDS SUCURSALES CARDS SUCURSALES CARDS SUCURSALES 
--------------------------------------------------------------*/

.hSOContCardsReg {
  padding: 10px 10%;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  text-align: center;
}

.hSOCardSuc {
  background: #14273e;
  margin: 10px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.hSOCSucInto {
  display: grid;
  grid-template-columns: 30% 70%;
}

.hSOS1TitCard {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.hSOS1Map {
}

.hSOS1Info {
  color: #fff;
  text-align: center;
  padding: 5px;
}

.hSOS1TxtCard {
  text-align: left;
  padding-left: 10px;
  font-size: 15px;
}

.hSOS1Np {
  font-size: 15px;
  margin: 5px;
  padding: 5px !important;
  background: #fff !important;
  color: #2961b0 !important;
  font-weight: 500;
  border: 2px solid #2961b0 !important;
}

.hSOS1Np:hover {
  transform: scale(1.1);
  transition: 1s;
}

.hSOS1Np i {
  color: #2961b0 !important;
}

.hSOS1Nw {
  font-size: 15px;
  margin: 5px;
  padding: 5px !important;
  background: #fff !important;
  color: #20ab4b !important;
  font-weight: 500;
  border: 2px solid #20ab4b !important;
}

.hSOS1Nw:hover {
  transform: scale(1.1);
  transition: 1s;
}

.hSOS1Nw i {
  color: #20ab4b !important;
}

.hSOS1Vm {
  font-size: 15px;
  margin: 5px;
  width: 80%;
  padding: 5px !important;
}

.hSOS1Info i {
  color: #20b9bc;
}

/*--------------------------------------------------------------
CARDS SUCURSALES DETALLES CARDS SUCURSALES DETALLES 
--------------------------------------------------------------*/

.hsDetMapSuc {
  min-height: 500px;
}

.hsDetSuc {
  background: #ecf1fa;
  padding-top: 75px;
  display: grid;
  grid-template-columns: 50% 50%;
  min-height: 80%;
}

.hsBodyDet {
  padding-top: 50px;
  padding-left: 20%;
  padding-right: 20px;
  padding-bottom: 50px;
}

.hsTitDetSuc {
  color: #bb202e;
  text-transform: uppercase;
}

.hsTxtDetSuc {
  text-align: justify;
}

.hstitSecDet {
  color: #364591;
  text-transform: uppercase;
  font-weight: 500;
}

.hsInfoDet {
  display: inline-flex;
}

.hsInfoDet i {
  color: #bb202e;
  font-size: 30px;
  padding: 0px 8px;
}

.hsContactoDet {
  text-align: center;
}

/*--------------------------------------------------------------
CARDS SUCURSALES DETALLES CARDS SUCURSALES DETALLES 
--------------------------------------------------------------*/

#btnIrArriba {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #bc202e;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#btnIrArriba:hover {
  background-color: #555;
  transform: scale(1.3);
  transition: 1s;
}

@media screen and (max-width: 1002px) {
  .hSOContCardsReg {
    padding: 10px 10%;
    grid-template-columns: 50% 50%;
  }
  .hSOS1DatosRegion {
    padding: 70px 10% 10px;
  }
}

@media screen and (max-width: 800px) {
  .hSOContCardsReg {
    padding: 10px 10%;
    grid-template-columns: 100%;
  }
  .hsBodyDet {
    padding-top: 50px;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 700px) {
  .hsDetSuc {
    grid-template-columns: 100%;
  }
}
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS CSS AVISOS 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.haS1ContenedorP {
  padding: 50px 20%;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  text-align: center;
}

.has1CardCont {
  background: #14273e;
  margin: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.haImgAlmacenaje {
  min-height: 150px;
  background-image: url("../img/AvisoAlmacenaje.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.haImgAvisoA {
  min-height: 150px;
  background-image: url("../img/AvisoAuenticidad.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.haImgSemanaSanta {
  min-height: 150px;
  background-image: url("../img/AvisoSemanaSanta.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.haImgHuracan {
  min-height: 150px;
  background-image: url("../img/AvisoHuracan.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.haImgRutas {
  min-height: 150px;
  background-image: url("../img/AvisoRuta.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.haS1Body {
  color: #fff;
  padding: 10px;
}

.has1date {
  text-align: left;
  font-style: italic;
  color: #aaaaaa;
}

.has1TitBody {
  text-align: left;
}

.has1TxtBody {
  text-align: left;
}

@media screen and (max-width: 1002px) {
  .haS1ContenedorP {
    padding: 50px 10%;
    grid-template-columns: 50% 50%;
  }
}

@media screen and (max-width: 800px) {
  .haS1ContenedorP {
    padding: 50px 10%;
    grid-template-columns: 100%;
  }
}

/*--------------------------------------------------------------
AVISOS SECCION 2
--------------------------------------------------------------*/
.SectionAvisosTodo {
  padding-top: 125px;
  background: #ecf1fa;
}

.haS2CuadroCont {
  text-align: justify !important;
  display: grid;
  grid-template-columns: 40% 60%;
  padding: 10px 20%;
  min-height: 70%;
}

.has2Date {
  color: #828282;
  font-size: 15px;
  font-style: italic;
}

.haTitAvisosName {
  text-align: left;
  color: #bb202e;
  padding: 5px 0px 10px;
}

.haTxtSubInfo {
  text-align: justify;
}

.haClassImgPrin {
  margin: 20px;
  min-height: 300px;
}

.haCIPAlmacenaje {
  background-image: url("../img/AvisoAlmacenaje.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.haCIPAutenticidad {
  background-image: url("../img/AvisoAuenticidad.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.haCIPSemanaS {
  background-image: url("../img/AvisoSemanaSanta.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.haCIPHuracan {
  background-image: url("../img/AvisoHuracan.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.haCIPRutas {
  background-image: url("../img/AvisoRuta.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.BtnAttAragal {
  text-align: right;
  font-family: "Bad Script";
}

.BtnAttAragal button {
  border: none;
  background: transparent;
  text-align: center;
  padding: 30px 0px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.ImgAttAragal {
  width: 80px;
}

.terminosAlmacenaje {
  font-size: 10px;
  padding: 0px 20%;
  text-align: justify;
}

@media screen and (max-width: 1200px) {
  .haS2CuadroCont {
    grid-template-columns: 100%;
  }
}

@media screen and (max-width: 800px) {
  .haS2CuadroCont {
    padding: 10px 10%;
  }
  .haClassImgPrin {
    margin: 0px;
  }
  .terminosAlmacenaje {
    padding: 0px 10%;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS VACANTES CSS VACANTES CSS VACANTES CSS VACANTES CSS VACANTES CSS VACANTES CSS VACANTES CSS VACANTES CSS VACANTES CSS VACANTES CSS VACANTES CSS VACANTES 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/
.hvTitS1 {
  padding-top: 50px;
  padding-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #14273e;
}

.hvTxtVS1 {
  text-align: center;
  padding: 0px 20%;
}

:root {
  --hvclr-primary: teal;
  --hvclr-secondary: crimson;

  --hvbg-primary: #0d1a2d;
  --hvbg-secondary: #14273e;

  --hvtext-primary: #fff;
  --hvtext-secondary: #ccc;
}

ul:where([role="hvlist"]) {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hvSection1Cards {
  padding: 50px 0px;
}
.hvcontainerTdsCards {
  width: min(100% - 2rem, 65rem);
  margin-inline: auto;
}

.hvUlCards {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(min(35ch, 100%), 1fr));
}

.section-title {
  font-size: clamp(2rem, 5vw, 3rem);
  text-align: center;
  font-weight: bold;
  color: var(--hvtext-primary);
  margin-bottom: 0.5em;
}

.flex-group {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}

.flow-content {
  display: grid;
  align-content: start;
  gap: 1rem;
}

.mx-auto {
  width: fit-content;
  margin-inline: auto;
}

.hvcard {
  width: min(100% - 2rem, 35ch);
  margin-inline: auto;
  background-color: var(--hvbg-secondary);
  text-align: center;
  border: none !important;
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 0.5rem;
}

.hvcardName {
  font-weight: 700;
  color: var(--hvtext-primary);
}

.hvcard_position {
  font-style: italic;
  color: #fff;
}

.hvcard_Img {
  width: 5rem;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #fff;
}

.hvcard_front {
  padding: 2em 2em 2.5em 2em;
  transition: opacity 250ms ease, transform 450ms ease;
}

.hvcard_footer {
  border: none !important;
  background-color: #fff;
  height: 1.5rem;
  position: relative;
  z-index: 5;
}

.hvcard_toggle {
  text-align: 1;
  border-radius: 50%;
  width: 3rem;
  aspect-ratio: 1 / 1;
  padding: 0.5em;
  border: 0;
  background-color: var(--hvclr-primary);
  color: var(--hvtext-primary);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  transition: background-color 250ms ease;
}

/*--------------------------------------------------------------
VACANTES SECCION 2
--------------------------------------------------------------*/

.backPage {
  margin: 0px 20% 10px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none !important;
  color: teal !important;
}

.backPage:hover {
  transform: scale(1.2);
  transition: 1s;
}

.backPage .fa-chevron-left {
  padding-right: 5px;
}

.SectionVacantesTodo {
  padding-top: 125px;
  background: #ecf1fa;
}

.hvCuadroCont {
  display: grid;
  grid-template-columns: 40% 60%;
  padding: 10px 20%;
}

.hvs2Date {
  color: #828282;
  font-size: 15px;
  font-style: italic;
  /*	font-family: 'Bad Script'*/
}

.hvTitVacantesName {
  text-align: left;
  color: #bb202e;
  padding: 5px 0px 10px;
}

.hvTxtSubInfo {
  text-align: justify;
}

.hvImgAyudanteG {
  background-image: url("img/VacanteAyudanteG.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 20px;
  min-height: 300px;
}

.hvImgChofer {
  background-image: url("img/VacanteChofer.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 20px;
  min-height: 300px;
}

.hvImgRecepcionista {
  background-image: url("img/VacanteRecepcionist.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 20px;
  min-height: 300px;
}

.hvImgMecanico {
  background-image: url("img/VacanteMecanico.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 20px;
  min-height: 300px;
}

.hvs2RecDoc {
  display: grid;
  grid-template-columns: 50% 50%;
}

.hvs2IntoRecDoc {
  padding: 10px;
}

.hvs2IntoRecDoc i {
  color: #1a0b8c !important;
}

.hvs2Piecera {
  padding: 10px 20%;
}

.hvs2BtnCont {
  text-align: center !important;
}

.hvs2Piecera p {
  text-align: justify;
}
.hvs2Piecera h5 {
  text-align: center;
  color: #bb202e;
  text-transform: uppercase;
}

.BtnAttAragal {
  text-align: right;
}

.BtnAttAragal button {
  border: none;
  background: transparent;
  text-align: center;
  padding: 30px 0px;
}

.ImgAttAragal {
  width: 80px;
}

@media screen and (max-width: 1200px) {
  .hvCuadroCont {
    grid-template-columns: 100%;
  }
}

@media screen and (max-width: 800px) {
  .backPage {
    margin: 0px 10%;
  }
  .hvCuadroCont {
    padding: 10px 10%;
  }
  .hvClassImgPrin {
    margin: 0px;
  }
  .hvs2Piecera {
    padding: 10px 10%;
  }
  .hvs2RecDoc {
    display: grid;
    grid-template-columns: 100%;
  }
  .hvTxtVS1 {
    text-align: center;
    padding: 0px 10%;
  }
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = 
	CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER CSS FOOTER 
	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = =	*/

.container_footer {
  background: #04223e;
  display: block;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
}

.tda_grid {
  display: grid;
  grid-template-columns: 50% 50%;
  text-align: center;
  color: white;
}

.footer-social a i {
  margin: 0px 20px 0px 0px;
  font-size: 30px;
  font-weight: bold;
}

.footer-social p a {
  color: #fff;
}

.footer-pera p i {
  font-weight: 500;
  padding-right: 7px;
}

@media screen and (max-width: 500px) {
  .tda_grid {
    display: block;
  }
}

/*--------------------------------------------------------------
LOGIN LOGIN LOGIN LOGIN LOGIN LOGIN
--------------------------------------------------------------*/

.login_logo {
  display: block;
  margin: auto;
  width: 30%;
  margin-bottom: 10px;
}

.body_login {
  background: #7290cd;
}

.list-registro label {
  font-size: 14px;
  color: #000 !important;
  font-weight: 500;
}

/* .list-registro input {
  font-size: 14px;
  color: #123067;
} */

.login-box {
  background-color: rgba(255, 255, 255, 0.85);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* margin: 0 auto !important; */
  width: 400px;
  padding: 40px;
  border-radius: 5px;
  height: auto;
  margin-top: 100px !important;
  margin-bottom: 120px !important;
}

.login-box h2 {
  font-size: 25px;
  margin-bottom: 17px;
  font-weight: 700;
}

.registro-box {
  background-color: rgba(255, 255, 255, 0.93);
  box-shadow: 0 5px 15px rgb(63 113 174 / 50%);
  position: relative;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  /* margin: 0 auto !important; */
  /* width: 700px; */
  padding: 30px;
  height: auto;
  margin-top: 79px !important;
  margin-bottom: 100px !important;
  border: 1px solid #6b6b6b;
  min-width: 30%;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = SWITCH= = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 25px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.cont-li {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  width: 100%;
}

.cont-li label {
  font-weight: 600;
  font-size: 15px;
}

.cont-registro input {
  width: 100%;
  border: 1px solid #8ea9c3;
  color: #000000;
  border-radius: 4px;
  padding: 0.975rem 0.75rem !important;
  max-height: 4.4vh;
}

.radios input.parsley-error {
  border: 2px solid red !important;
  outline: none;
}

.cont-registro input::placeholder {
  color: #9e9e9e !important;
  font-size: 12px !important;
}

.cont-registro input.parsley-error {
  border: 2px solid red !important;
  outline: none;
}

.input-facturacion input {
  width: 100%;
  border: 1px solid #8ea9c3;
  color: #000000;
  border-radius: 4px;
  padding: 0.975rem 0.75rem !important;
  max-height: 4.4vh;
}
.input-facturacion input.parsley-error {
  border: 2px solid red !important;
  outline: none;
}
.input-facturacion input::placeholder {
  color: #9e9e9e !important;
  font-size: 12px !important;
}

#formEnvio input {
  width: 100%;
  border: 1px solid #8ea9c3;
  color: #000000;
  border-radius: 4px;
  padding: 0.975rem 0.75rem !important;
  max-height: 4.4vh;
}

#formEnvio input.parsley-error {
  border: 2px solid red !important;
  outline: none;
}

#formEnvio input::placeholder {
  color: #9e9e9e !important;
  font-size: 12px !important;
}

.form-login {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* .nota-form {
  margin-top: 15px;
  font-size: 12px;
} */

.no-spinner {
  -moz-appearance: textfield; /* Firefox */
}

.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none; /* Chrome, Safari */
  margin: 0; /* Evitar márgenes */
}

.login-box .user-box {
  position: relative;
}
.form-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 600;
}

.form-input input {
  border: 1px solid #8ea9c3;
  color: #000000;
  border-radius: 4px;
  padding: 0.975rem 0.75rem !important;
  max-height: 4.4vh !important;
}

.form-input input.parsley-error {
  border: 1px solid red !important;
  outline: none;
}

.password-container {
  position: relative;
  display: flex;
  align-items: center;
}
.password-container input {
  padding-right: 2.5rem; /* Espacio para el ícono */
  width: 100%;
}
.password-container .toggle-password {
  position: absolute;
  right: 0.5rem;
  cursor: pointer;
  color: #000;
}
.user-box input {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  color: #123067;
  margin-bottom: 30px;
  border: none;
  border-bottom: 1px solid rgba(21, 70, 199, 0.8);
  outline: none;
  background: transparent;
}

.piecera-registro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.link-login {
  font-size: 12px;
  color: #1379ff !important;
}

.registrate {
  margin-top: 20px;
  font-size: 14px;
}

.link-registrate {
  color: #1379ff !important;
}

/* .link-login:hover {
  text-decoration: underline;
} */
@media screen and (max-width: 1200px) {
  .registro-box {
    width: 40%;
  }
}
@media screen and (max-width: 1200px) {
  .registro-box {
    width: 55%;
  }
}

@media screen and (max-width: 652px) {
  .registro-box {
    width: 350px;
  }
  .cont-registro {
    display: flex;
    flex-direction: column;
  }
  .cont-registro input {
    height: 4vh;
  }
  .cont-li label {
    font-size: 14px;
  }
  .cont-li select {
    font-size: 10px;
  }
  .cont-li input::placeholder {
    font-size: 7px !important;
    padding: 4px;
  }
}

.body_loginReg {
  margin: 0px !important;
  background-image: url('../img/fondo_login.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.body_Reg {
  margin: 0px !important;
  height: auto;
  background-image: url('../img/fondoreg.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cont-li select {
  font-size: 12px;
}

.list-registro select {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-bottom: 1px solid rgba(21, 70, 199, 0.1);
  color: #123067;
  font-weight: bold;
  padding-left: 10px;
  font-size: 12px;
  /*	text-align: center;*/
}
.list-registro ul {
  width: 100%;
}
.list-registro li {
  width: 100%;
}
/* 
.list-registro input {
  background: none;
  border: none;
  border-bottom: 1px solid #5484c4;
  padding-left: 10px;
  outline: none;
} */
.no_tengo_cuenta {
  background: none !important;
  color: skyblue !important;
}
.no_tengo_cuenta:hover {
  color: #fff !important;
}

/*=================TAMAÑOS INPUT================*/

.list-registro {
  display: flex;
  list-style: none;
  width: 100%;
  padding: 0;
}
.regimen-label {
  border-bottom: none;
}
.regimen {
  width: 400px;
  margin: 10px 0 0 120px;
  background: none;
  color: rgba(0, 129, 199, 1);
  border-bottom: 1px solid #006af7;
  border-left: none;
  border-right: none;
  border-top: none;
  font-size: 13px;
}
.regimen option {
  background: #e1fcff;
  color: #002e5b;
}
.selects {
  margin: -20px 0 0px 0;
  padding-bottom: 25px;
}

.ingresoo {
  text-align: center;
  font-weight: 700;
  font-size: 25px;
  padding-top: 20px;
}

.send-form {
  background: #000;
}
.send-form span {
  position: absolute;
  display: block;
  background: none;
}
.send-form span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(transparent, #03e9f4);
}

.btn-enviar {
  margin: 0;
  padding: 0;
}

.btn-enviar {
  width: 150px;
  height: 40px;
  background: rgb(21, 86, 173);
  background: linear-gradient(
    90deg,
    rgba(21, 86, 173, 1) 0%,
    rgba(84, 132, 196, 1) 35%
  );
  border: none;
  color: #fff;
  border-radius: 4px;
  font-size: 18px;
  margin-top: 20px;
}

.btn-enviar:hover {
  background: rgb(21, 86, 173);
}

.dato-obligatorio {
  color: #d30a28;
}

@media screen and (max-width: 635px) {
  .regimen {
    width: 54%;
  }
}
@media screen and (max-width: 360px) {
  .regimen {
    width: 50%;
  }
}

/*==================.reg_blist*/
@media screen and (max-width: 626px) {
  .ub_grid {
    display: grid !important;
    grid-template-columns: 100% !important;
  }
}

@media screen and (max-width: 320px) {
  .ingresoo {
    font-size: 15px;
  }
  .regimen {
    width: 41%;
  }
}
@media screen and (max-width: 280px) {
  .ingresoo {
    font-size: 13px;
  }
  .regimen {
    width: 30%;
  }
}

/** * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
/** * * * * * * * * * BOTÓN MODAL PARA RECUPERRAR PASSWORD * * * * * * * * * **/

.btnRecuperarPass {
  text-align: center;
  display: grid;
  grid-template-columns: 50% 50%;
}

.btnRecuperarPass a {
  color: #123067 !important;
}

.btnRecuperarPass a:hover {
  background: rgba(47, 72, 157, 0.2);
  transform: scale(1.2);
  transition: 1s;
}

.btnRecuperarPass button {
  border: none;
  background: none !important;
  font-size: 14px;
  color: #000;
  letter-spacing: 1px;
  text-decoration: underline;
  padding: 10px;
  border-radius: 3px;
  font-weight: 600;
}

.btnRecuperarPass button:hover {
  background: rgba(47, 72, 157, 0.2);
  transform: scale(1.2);
  transition: 1s;
}

.modalHeader {
  display: grid;
  grid-template-columns: 85% 15%;
  /* padding-bottom: 30px;
  padding: var(--bs-modal-padding); */
}

.modal {
  --bs-modal-padding: 2rem !important;
}

.modalTitle {
  color: #000000;
  font-weight: bold;
  font-size: 22px;
  margin-top: 20px;
  /*  margin: 15px 0px; */
  text-align: center;
}

.CloseModal {
  background: none;
  border: none;
  color: #000000;
  font-size: 25px;
  font-weight: bold;
  display: block;
  margin: auto;
}
.CloseModal:hover {
  transform: scale(1.2);
  transition: 1s;
  color: #929292;
}

.modal-content {
  border: none !important;
}

.modal-content a {
  font-size: 14px;
  text-align: justify;
  padding: var(--bs-modal-padding);
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  background: none !important;
}
.modalFooter {
  text-align: center;
  /* padding: var(--bs-modal-padding); */
}

.form-control {
  color: #000 !important;
  font-size: 14px !important;
  /*  padding: 2px 35px !important ; */
}

.env_RecPass {
  background: rgb(21, 86, 173);
  background: linear-gradient(
    90deg,
    rgba(21, 86, 173, 1) 0%,
    rgba(84, 132, 196, 1) 35%
  );
  border: none;
  color: white;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  /*   font-weight: bold;
 */
  border-radius: 5px;
}
.env_RecPass:hover {
  background: rgb(21, 86, 173);
}

/** * * posicion icon en input * * **/
.input_iconp {
  position: relative;
}
.input-icon {
  color: #337ab7;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  top: 75%;
  font-size: 17px;
  transform: translateY(-50%);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
  -webkit-transition-delay: 9999s;
}

/*--------------------------------------------------------------
InicioGuias InicioGuias InicioGuias InicioGuias InicioGuias
--------------------------------------------------------------*/

h1 {
  display: inline-block;
  text-decoration-line: underline;
  text-decoration-color: #bc202e;
  text-decoration-thickness: 3px;
  text-underline-offset: 10px;
  font-size: 35px;
}

.inicio-guias {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 90px;
  background-color: #f9f9f9;
}

.datosClientes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 1011px;
  padding: 5px;
  margin: 10px;
}

.table-datos {
  width: 100%;
  max-width: 600px;
}

.formGuia {
  width: 100%;
  max-width: 1100px;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.subTitulo {
  font-weight: 500;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #035cff !important;
  color: #fff;
  font-size: 1em;
}

.cuadro-datos {
  display: flex;
  width: 100%;
  max-width: 550px;
  background-color: white;
  padding: 30px;
  border-radius: 5px;
  flex-direction: column;
  gap: 5px;
}

.datos-cont {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.detalles-envios {
  border-radius: 5px;
  background-color: white;
  padding: 10px;
}

.dom-us {
  font-size: 14px;
  font-weight: 400;
}

.modal-nuevoClien li {
  font-size: 12px !important;
}
.modal-nuevoClien li:hover {
  background-color: #e2e2e2;
  cursor: pointer;
}

.nota-form {
  font-size: 11px !important;
  margin-top: 0px !important;
  margin-bottom: 1px;
  color: #6a6a6a;
}

/* Fondo claro para el dropdown */
#listaSugerencias.dropdown-menu {
  background-color: #fff !important; /* Fondo blanco */
  color: #212529 !important; /* Texto oscuro */
}

/* Estilo para los items */
#listaSugerencias .dropdown-item {
  color: #212529 !important; /* Texto oscuro */
}

/* Hover de items */
#listaSugerencias .dropdown-item:hover {
  background-color: #c9c9c9 !important; /* Gris claro al pasar mouse */
  color: #212529 !important;
}

#listaSugerencias.dropdown-menu {
  max-width: 500px; /* o el ancho que prefieras */
  width: 100%;
}

.dropdown-item {
  white-space: normal !important; /* Permite saltos de línea */
  word-wrap: break-word; /* Rompe palabras largas */
  padding: 8px 16px; /* Más espacio interno */
}

/* PERFIL PERFIL */
.cont-perfil {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 93px;
  gap: 30px;
  padding: 0px 50px;
  background-color: #f9f9f9;
}

/*RESPONSIVE */
@media (max-width: 1000px) {
  .cont-perfil {
    padding: 0px 5px;
  }
}
@media (max-width: 800px) {
  .datos-cont {
    flex-direction: column;
  }
  h1 {
    font-size: 25px;
    padding: 10px;
  }
}

.form-perfil {
  /*  width: 100%;
  width: 650px; */
  padding: 20px;
  background-color: white;
  border-radius: 10px;
  margin-bottom: 50px;
}

#formPerfilUser {
  padding: 20px;
  /* background-color: aliceblue; */
  border-radius: 5px;
  height: auto;
  margin-bottom: 10px;
  width: 100%;
  max-width: 900px;
}

form input.parsley-error {
  border: 1px solid red !important;
  outline: none;
}

.parsley-errors-list {
  list-style: none;
  color: red !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;
  font-size: 0.9em !important;
}

/* FORMATO GUIAS */
.codigo-barras-background {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0px;
  height: 50px !important;
  background-size: contain;
  /* O cover, según sea necesario */
  background-repeat: no-repeat;
  background-position: center;
}
.codigo {
  background-color: #ffffff;
  font-size: 15px;
}

.guia {
  /*  width: 816;
  height: 528px; */
}

.pagina-guia h2 {
  font-size: 26px;
  font-weight: 800;
}

.guia-cel {
  font-size: 12px;
  margin: 0px;
}
.guia-rastreo {
  font-size: 12px;
  margin: 0px;
}

.guia-ori-des {
  font-size: 20px;
  font-weight: bold;
  margin: 0px;
}

.vertical-text {
  writing-mode: vertical-rl; /* Hace el texto vertical */
  transform: rotate(
    180deg
  ); /* Opcional: invierte el orden para leer de abajo hacia arriba */
  font-weight: bold;
  font-size: 18px;
}

.guia-dom {
  font-size: 13px;
  margin: 0px;
}

/* MENU */

.menuPerfil {
  width: 100%;
  max-width: 600px;
  align-items: center;
  display: flex;
  flex-direction: row;
  /* height: 400px; */
  gap: 10px;
  padding: 10px;
  /* box-shadow: rgb(0 29 45 / 20%) 0px 2px 8px 0px; */
  border-radius: 5px;
}
.menuPerfil button {
  color: #3b3b3b;
  font-size: 18px;
  border: none;
  text-align: left;
  background-color: #f9f9f9;
}

.menuPerfil button:hover {
  color: #000000;
}
/* .menuPerfil h4 {
  display: inline-block;
  text-decoration-line: underline;
  text-decoration-color: #2030bc;
  text-decoration-thickness: 1px;
  text-underline-offset: 10px;
} */

.userPerfil {
  font-size: 100px;
}

.form-content {
  display: none;
}

.form-content.active {
  display: block;
  background-color: white;
}

#cambiarDatosCuenta {
  padding: 20px;
  border-radius: 5px;
  height: auto;
  margin-bottom: 60px;
  width: 100%;
  max-width: 800px;
}

.menu-btn.active-btn {
  color: #005bcc;
  text-decoration-line: underline;
  text-decoration-color: #005bcc;
  text-decoration-thickness: 3px;
  text-underline-offset: 14px;
}

/* HISTORIAL HISTORIAL HISTORIAL  */

.table .thead-dark th {
  color: #fff;
  background-color: #000000;
  border-color: white;
}
.table {
  background-color: white;
}

.historialEnvios {
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  max-width: 1100px;
  margin-bottom: 250px;
}

.fa-circle-user:before,
.fa-user-circle:before {
  content: "\f2bd";
  color: #a6a6a6;
  font-size: 120px;
}
.encabezado-perfil {
  margin-top: 20px;
}
.enca-per {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 20px;
}

.bg-light {
  background-color: #ffffff !important;
}
.prev-mensaje {
  color: #856404;
  margin-top: 5px;
  font-size: 12px;
}

/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	PASSWOD RESET	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	*/
/*	= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =	= = = = = = = = = = =	*/
.cont-password-reset {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url('../img/fondoreg.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100vh !important;
}

.form-password {
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.85);
  padding: 50px;
  border-radius: 8px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-size: 15px;
  font-weight: 600;
}

.form-password input {
  border: 1px solid #8ea9c3;
  color: #000000;
  border-radius: 4px;
  padding: 0.975rem 0.75rem !important;
  max-height: 4.4vh !important;
  width: 100%;
}

/*  .form-password button{
    height: 40px;
    background: rgb(21, 86, 173);
    background: linear-gradient(90deg, rgba(21, 86, 173, 1) 0%, rgba(84, 132, 196, 1) 35%);
    border: none;
    color: #fff;
    border-radius: 4px;
 } */
.form-password button:hover {
  background: rgb(21, 86, 173);
}

.main-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
}