.floatingBanner01 {
  display: none;
}

.text-naranja {
  color: #FF5800;
  font-size: 18px;
  margin-bottom: 1px;
  font-weight: bold;
}

.iconito {
  
  width: 23px; 
  height:23px;
  margin-right: 10px; 
  margin-bottom: 02px; 
}
.iconoMas {
  display: block; /* Hace que el <a> sea un bloque y cubra todo el contenido */
  width: 100%; /* Asegura que el <a> ocupe todo el ancho del contenedor */
  height: 100%; /* Asegura que el <a> ocupe todo el alto del contenedor */
  text-decoration: none; /* Elimina el subrayado por defecto del enlace */
}

.espaciado {
  margin-bottom: 1px;
  font-size: 10px;
}

.contenedor-sucursal-wrapper {
    display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 10px; 
  align-items: start; 
}

.contenedor-sucursal {
  padding-left: 10px;
  padding-top: 3px;
  border: 2px solid #ff5800;
  border-radius: 11px;
  height: 124px;
}

.contenedor-sucursal > div {
    padding-top: 6px;
}


.texto-sucursal {
  flex: 1; 
}

.sidebar {
  padding: 15px;
  text-align: center;
  color: black;
}
.sidebar div {
  display: block;
  cursor: pointer;
  -webkit-transition: ease-out 1s;
  -moz-transition: ease-out 1s;
  transition: ease-out 0.9s;
  color: black;
  
}
.button_slide {
justify-content: center;
color: black;
margin-top: 3px;
font-family: intelo;
font-size: 1.3em;
letter-spacing: 1px;
border-radius: 7px;
display: flex;
padding: 1px 1px 1px 1px;
margin-bottom: 7px;
margin-right: 10%;
margin-left: 10%;
border: 1px solid #FF6600;
}
.slide_right:hover,
.slide_right.active {
box-shadow: inset 400px 0 0 0  #FF5800 ;
background-color: #FF5800;
color: white;
}

.estructura-borde-sucursal{
  display: flex;
  align-items: center;
  gap: 3px;
}

.borde-tipo-sucursal{
  margin: 0px 0px 0px 0px;
  /*width: 139px;
  clip-path: polygon(0% 100%, 89% 100%, 100% 5%, 10% 1%);*/
  border-radius: 7px;
  color: black;
}

.title-estado{
  color: black;
  font-size: 2.7vh;
  margin: 0;
  padding: 0;
  margin-left: 15px;
    font-family: Intelo;
    font-size: 2.7vh;
}
.div-estaciones-estado{
  margin-bottom: 17px;
}
.btn-up-down-estado{
  text-align: center;
  margin: auto 0 auto 0;
  font-size: 22px;
  display: flex;
}

.div-title-estado{
  display: flex;
  justify-content: space-between;
}
/*
.color-borde-tipo-tienda{
  background-color: #ff5800;
}

.color-borde-tipo-gasolinera{
  background-color: black;
}
*/
.icontiposucursal{
  height: 20px;
  margin-right: 5px;
  width: 20px;
  /*margin-left: 13px;*/
}

.circulotipogasolinera{
  height: 15px;
  width: 15px;
  border-radius: 50%;
  margin: 0px 0px 0px 0px;
}

.circulotipomagna{
  background: #157a40;
}
.circulotipopremium{
  background: #df221e;
}
.circulotipodiesel{
  background: black;
}

.titulo
{
text-align:center;
color: #FF5800;
font-size: clamp(48px, 5vw, 65px);
}
.subtitulo
{
color: gray;
text-align: center;
font-size: 25px;
}

#letrafiltro
{
font-family: intelo;
color: #FF5800;
text-align: center;
font-size: 25px;
}

@media (min-width: 550px) and (max-width: 586px) {
  .circulotipogasolinera {
    height: 10px;
    width: 10px;
  }
}

.tab-content>.active {
display: flex;
}