:root {
    /*primario*/
  --rojo-cotillon: #FF0000;  
    /*secundario*/
  --blanco-cotillon: #FFFDFD;
  --negro-fondo-cotillon: #242424;
  --negro-texto-cotillon: #333333;
  --gris-cotillon: #7C7C7C;
    /*estados*/
  --naranja-cotillon: #FF7B00;
  --verde-cotillon:#2AA047;
   /*otros*/
  --amarillo-cotillon: #FFFF33;
  --violeta-cotillon:#9933FF;


}
body{
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color:var(--negro-texto-cotillon);
    font-weight: 500;
    line-height: 20px;
}
a:focus,button,.accordion-button:focus,.form-control:focus{
outline: none;
}
.form-control:focus{box-shadow: none;border-color: inherit;}
.btn{border-radius: 4px;}
p{margin: 0;}
h2,h3{margin: 0;}
h2{font-family:"Poppins", sans-serif;font-size: 48px;font-weight: 400;color: var(--rojo-cotillon);}
h3{font-size: 32px; font-family: "Poppins", sans-serif;font-weight: 300;}
h4{font-size: 24px;}
.text-regular{font-weight: 400!important;}
.text-medium{font-weight: 500!important;}
.border{border:1px solid #a1a1a1!important; border-right: 0!important; border-left: 0!important;}
.form-control{border-radius: 4px; border-color: var(--gris-cotillon);padding: 0.680rem .75rem;}
header img{max-height: 84px;}
header .mi-cuenta{
  color:var(--rojo-cotillon); 
  font-weight: 600; 
  text-decoration: none; 
  padding: 5px;
  display:inline-flex;
  align-items: center;
}
header i{font-size: 21px; margin-right:8px;}
header h1{
    font-size: 20px; 
    color:var(--gris-cotillon); 
    font-weight: 100;
    line-height: 20px; 
    letter-spacing: -0.5px;
    border-left: 2px solid var(--gris-cotillon);
    padding-left: 10px;
}
header h1 strong{font-weight: 700;}
header div{column-gap: 24px;}
nav{background-color:var(--rojo-cotillon); font-weight: 500; color: var(--blanco-cotillon);padding: 0;}
nav .nav-link{color: var(--blanco-cotillon);}
nav .nav-link:focus, nav .nav-link:hover{color:var(--negro-texto-cotillon);}
#navbarSupportedContent .container{padding: 0;}
nav .navbar-toggler,.navbar-toggler:focus{border: 1px solid var(--blanco-cotillon);box-shadow: none;}
nav .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 253, 253, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
nav .dropdown-menu,
.home .home-s2 div div,
.envios-interior-s1 .nota,
.apertura-s1 .nota{background:var(--rojo-cotillon);border: 0;}
nav .dropdown-menu li a,
.envios-interior-s1 .nota p,
.envios-interior-s1 .nota a,
.apertura-s1 .nota a,
.apertura-s1 .nota p{color: var(--blanco-cotillon);}
nav .dropdown-menu li a:hover{background-color: #bf2828;color: var(--blanco-cotillon);}
nav .dropdown-menu li a{font-size: 14px; padding: 7px 20px;}
.dropdown i{margin-left:9px;}
.home .carousel-indicators [data-bs-target]{width: 10px; height: 10px; border-radius: 100%; background: var(--rojo-cotillon); border: 1px solid var(--rojo-cotillon);}
.home .home-s2 div div p{color: #FAFAFA;}
/*footer*/
footer{background: var(--negro-fondo-cotillon);}
footer a,
footer p{color: var(--blanco-cotillon);}
footer p{font-size: 24px;}
footer a,footer .copyright p{font-size: 16px; font-weight: 400; text-decoration: none;}
footer .redes i{font-size: 23px; color:  var(--blanco-cotillon);}
footer .row div{row-gap: 16px;align-content: center;}
footer .redes{column-gap: 8px;}
.whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.formas-de-pago-s1 p,
.como-llegar-s1 p,
.formas-de-pago-s1 h3,
.la-empresa-s1 h3,
.la-empresa-s1 p,
.accordion-cotillon h3,
.proveedores-s1 p,
.envios-interior-s1 p,
.envios-interior-s1 .card-group h4,
.apertura-s1 p,
.apertura-s1 h3,
.contacto-s1 p,
.iniciar-sesion-s1 p{color: var(--gris-cotillon);}
.formas-de-pago-s1 .btn-img{
  padding: 3px 0; 
  width: 218px; 
  margin: 0 auto;
  border-radius: 4px;
  background: linear-gradient(90deg, #FF4D00 0%, #FF7B00 51%, #FF4D00 100%);
}
.formas-de-pago-s1 .btn-img p{
  font-size: 32px; 
  font-family: "Poppins", sans-serif; 
  font-weight: 300;
  line-height: normal;
  color: #fff;
}
.la-empresa-s1 .card{border:0;}
.la-empresa-s1 .card p{font-weight: 300;}
.la-empresa-s1 .card .card-body-left{padding-left: 24px; padding-right: 0;}
.la-empresa-s1 .card .card-body-right{padding-right: 24px; padding-left: 0;}
.map-responsive{
  position: relative;
      height: 450px;
      overflow: hidden;
}
.map-responsive iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
.accordion-cotillon .accordion-body li,
.accordion-cotillon .accordion-body{color: var(--negro-texto-cotillon);font-weight: 300;}
.accordion-cotillon .accordion-button:not(.collapsed){background-color: transparent;}
.accordion-cotillon .accordion-button:focus{box-shadow: none;}
.accordion-cotillon .accordion-flush>.accordion-item>.accordion-header .accordion-button,
.accordion-cotillon .accordion-item:last-of-type>.accordion-header .accordion-button
{box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #d9d9d9; border-radius: 0;}
.accordion-cotillon .accordion-flush>.accordion-item, .accordion-cotillon .accordion-item:last-of-type{border: 0;}
.faqs .accordion-cotillon h3{font-family: "Roboto", sans-serif; font-size: 24px; font-weight: 500;}
.proveedores form .btn,
.contacto-s1 form .btn,
.iniciar-sesion-s1 form .btn{
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  background-color: var(--rojo-cotillon);
  border-radius: 24px;
  padding:0.813rem 1.852rem;
  font-weight:bold;
  color: #fff;
}
.agenda-s1 h4{background-color: var(--amarillo-cotillon);color: var(--negro-texto-cotillon);line-height: 32px;}
.envios-interior-s1 .card-group p,
.apertura-s1 .card .card-body p{font-weight: 300;}
.envios-interior-s1 .card{border-radius: 16px!important;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); border: 0;}
.envios-interior-s1 .nota,
.apertura-s1 .nota{border-radius: 8px;}
.apertura-s1 .card{border-radius: 16px!important; border:1px solid var(--gris-cotillon)!important;}
.contacto-s1 form .btn,
.iniciar-sesion-s1 form .btn{padding: 0.813rem 6rem;}
.iniciar-sesion-s1 form .form-text,
.iniciar-sesion-s1 a{color: #4AC1E1; font-weight: 400; font-size: 16px;}
.iniciar-sesion-s1 form .form-check label,
.recuperar-usuario a{color: var(--gris-cotillon);}
.iniciar-sesion-s1 form .form-check input{fill: rgba(0, 0, 0, 0.6);    width: 1.3em;
    height: 1.3em; border: 2px solid var(--gris-cotillon);}
.recuperar-usuario form .form-text{font-weight: 300; color: var(--gris-cotillon);}

/*breakpoint*/

@media (min-width:992px){
.dropdown:hover .dropdown-menu {
   display: block;
   margin-top: 0;
  }
  .agenda-s1 .row-gap-lg-5{row-gap: 2.5rem!important;}
  .apertura-s1 .card-group .card{max-width: 242.67px;}
  .apertura-s1 .card-group{justify-content: center;}
}
/*TABLETS (768px a 991px)*/
@media (min-width: 768px) and (max-width: 991px){}
/*MÓVILES y TABLETS hasta (991px)*/
@media (max-width:991px){
    header h1{font-size: 12px;line-height: 1;}
    header img{max-height: 64px;}
    footer img{max-height:150px;}
    .whatsapp-btn img{max-height: 48px;}
    h2{font-size: 32px;}
    h3,.formas-de-pago-s1 .btn-img p{font-size: 21px;}
    h4{font-size: 16px;}
    .formas-de-pago-s1 .btn-img{width: 150px;}
}
/*MÓVILES (hasta 767px)*/
@media (max-width: 767px){
  footer .row div{align-items: center;}
  .la-empresa-s1 .card .card-body-left{padding-left: 0px; padding-right: 0;padding-bottom: 0;}
  .la-empresa-s1 .card .card-body-right{padding-right: 0px; padding-left: 0;padding-bottom: 0;}
  .agenda-s1 p{line-height: 1.4;}
  .envios-interior-s1 .card-group,
  .apertura-s1 .card-group{display: block;}
  footer img{max-height:130px;}
  footer p{font-size: 21px;}
}