/** Custom CSS */
.order_confirm{
    padding: 1.5rem;
    border-radius: 1rem;
    background-color: darkgray;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.05);
    margin: 1.5rem;
  }
  
  .order_confirm.success{
    background-color: #98D8AA;
    border: 1px solid green;
    margin: 2rem auto;
    padding: 2.2rem 1.6rem;
    width: 100%;
  }
  
  .order_confirm .text_confirmado{
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 700;
  }
  
  .title_movimientos_tracking{
    margin: 1.5rem 0;
  }
  
  .title_movimientos_tracking::after{
    content: '';
    background-color: #101214;
    height: 3px;
    width: 12%;
    display: block;
    margin: .5rem auto;
  }
  
  .order_confirm .name_entregado{
    display: block;
    font-size: 1rem;
    margin-left: .5rem;
  }
  
  .form_tracking{
    background-color: #fff;
    border-radius: 0 0 15px 15px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    padding: 1.1rem .5rem;
  }
  
  @media(min-width: 992px){
  
    .form_tracking{
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
      padding: 1.1rem 2rem;
    }
  
  }
  
  .title_modulo{
    background-color: #333;
    border-radius: 15px 15px 0 0;
    color: #fff;
    padding: 1rem;
  }
  
  .title_modulo h3{
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.5;
    margin: 0;
  }

  .logo_eccommerce{
    margin: 3rem 0;
  }
  
  .sendTracking{
    background-color: #333;
    border-color: #333;
    border-radius: 50px;
    color: #fff;
    height: 48px;
    transition: all .3s ease-in-out;
    margin: .8rem 0 0 0;
    padding: .5rem 1rem;
    width: 100%;
  }
  
  .sendTracking:hover{
    background-color: #111;
    border-color: #111;
  }
  
  @media(min-width: 992px){
  
    .sendTracking{
      margin: 0;
    }
    
  }
  
  .carrier_tracking {
    padding: 1.4rem 0;
  }
  
  .carrier_tracking img{
    display: block;
    margin: 0 auto;
  }
  
  .info_tracking{
    padding: 1.5rem;
    border-radius: 1rem;
    background-color: #f2f2f2;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    margin: 1rem 0;
    border-top: 4px solid #71BBB2;
  }
  
  .info_tracking .fecha_tracking{
    display: flex;
    align-items: center;
    color: #213555;
  }
  
  .carrier_tracking .num_tracking{
    display: block;
    color: #445069;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
  }
  
  .descripcion_tracking{
    margin: 1rem 0;
  }
  
  .descripcion_tracking span.event_description{
    color: #1A1A1D;
    font-size: 1.25rem;
    font-weight: 700;
  }
  
  .descripcion_tracking span{
    display: block;
    color: #B4B4B3;
    font-weight: 400;
  }
  
  .descripcion_tracking .event_description{
    display: flex;
    align-items: center;
    line-height: 1.2;
  }
  
  .message_tracking{
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    padding: 2rem;
    margin: 1.5rem 0;
  }
  
  .show_block{
    display: block;
  }
  .hide_block{
    display: none;
  }
  
  /* HTML: <div class="loader"></div> */
  .loader {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    border: 4px solid #0000;
    border-radius: 50%;
    border-color: #ccc #0000;
    animation: l16 1s infinite linear;
    margin: 1.5rem auto;
  }
  .loader::before,
  .loader::after {    
    content: "";
    grid-area: 1/1;
    margin: 2px;
    border: inherit;
    border-radius: 50%;
  }
  .loader::before {
    border-color: #213555 #0000;
    animation: inherit; 
    animation-duration: .5s;
    animation-direction: reverse;
  }
  .loader::after {
    margin: 8px;
  }
  @keyframes l16 { 
    100%{transform: rotate(1turn)}
  }