/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
    border-radius: 6px;
  }


  
  /* General Settings for Landing TiendaNeumaticos.com
  –––––––––––––––––––––––––––––––––––––––––––––––––– */

  body {
    font-family: 'Montserrat', sans-serif;
  }
  
  .spacer {
    height: 3em;
  }
  
  @media (max-width: 768px) {
    .hide-mobile {
        display: none;
    }
    
    .garantia-image{
      margin: 0 auto;
      border: 0;
    }

    .image_neumaticos_camioneta {
      float: left;
      border-left: 0;
      padding-left: 0;
    }

  }

  @media (max-width: 1024px) {
    .hide-tablet {
        display: none;
    }
    .garantia-image{
      margin: 0 auto;
      border: 0;
    }
    .image_neumaticos_camioneta {
      float: left;
      border-left: 0;
      padding-left: 0;
    }
  }

  /* Container is flex */
.flex-container {
  display: flex;
  flex-wrap: wrap; /* Ensures items wrap when the screen is small */
  gap: 10px; /* Optional: Adds space between items */
}

/* Flex items */
.flex-item {
  flex: 1 1 300px; /* Grow and shrink, with a minimum width of 300px */
  padding: 10px;
  box-sizing: border-box; /* Ensure padding doesn't affect width */
}

/* Adjust layout for smaller screens */
@media (max-width: 768px) {
  .flex-item {
      flex: 1 1 100%; /* Full width on mobile/tablets */
  }
}


  .button.button-primary,
  button.button-primary,
  input[type="submit"].button-primary,
  input[type="reset"].button-primary,
  input[type="button"].button-primary {
  color: #fff;
  background-color: #21BD5B;
  border-color: #3a3937;
  border-bottom: rgb(82, 74, 74);
  height: 50px;
 }
  .button.button-primary:hover,
  button.button-primary:hover,
  input[type="submit"].button-primary:hover,
  input[type="reset"].button-primary:hover,
  input[type="button"].button-primary:hover,
  .button.button-primary:focus,
  button.button-primary:focus,
  input[type="submit"].button-primary:focus,
  input[type="reset"].button-primary:focus,
  input[type="button"].button-primary:focus {
  color: #fff;
  background-color: #f5a105ff;
  border-color: #f5a105ff; }

  .button-landing {
    color: #fff;
    font-size: 1.5em;
    background-image: url('../images/whatsapp-logo.png');
    background-repeat: no-repeat;
    background-position-x: 0.9em;
    background-position-y: 0.3em;
    padding-top: 0.2em;
}

.button-landing a, .button-landing a:active{
    color: #fff;
    margin-left: 1.5em;
}

  .button-landing .img-wp
  {
    padding-top: 0.3em;
  }

  @media (max-width: 550px) {
    .button-landing {
      font-size: 0.5em;
    }
  }

  @media (max-width: 768px) {
    .button-landing {
      font-size: 0.5em;
    }
  }
  
  @media (max-width: 1024px) {
    .button-landing {
      font-size: 0.7em;
    }
  }


  /* Sections
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .section {
    padding: 8rem 0 7rem;
    text-align: center;
  }

  .section-heading,
  .section-description {
    margin-bottom: 1.2rem;
  }


  /* Header top
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .header-top {
    background-image: url('../images/bg_neumaticos_top.png');
    background-size: cover;
    color: #fff;
    padding-bottom: 5rem;
  }
  .header-top h3{
    font-weight: 800;
    color: #f5a105ff;
  }
  .value-multiplier {
    margin-bottom: .5rem;
    color: #11DFC7;
  }
  .value-heading {
    margin-bottom: .3rem;
  }
  .value-description {
    opacity: .8;
    font-weight: 300;
  }
    /* Tu modelo
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .tu-modelo {
    background-image: url('../images/tu-modelo.png');
    background-size: cover;
    color: #fff;
    padding-bottom: 5rem;
  }
  .value-multiplier {
    margin-bottom: .5rem;
    color: #11DFC7;
  }
  .value-heading {
    margin-bottom: .3rem;
  }
  .value-description {
    opacity: .8;
    font-weight: 300;
  }
  
  .tenes_dudas{
    font-weight: bold;
  }

 
  .black-text-link{
    color: black;
    text-decoration: none;
  }

  .image_modelo {
    float: left;
    border-right: 0.5em #fff solid!important;
    padding-right: 5em; /* Space between image and the border */
  }

  .pregunta_modelo
  {
    text-align: left; 
    font-size: 2.7em;
  }

  @media (max-width: 550px) {
  
    .pregunta_modelo
    {
      text-align: center; 
      font-size: 1.6em;
    }
    
  }
  
  @media (max-width: 768px) {
  
    .pregunta_modelo
    {
      text-align: center; 
      font-size: 2em;
    }
    
  }
  
  @media (max-width: 1024px) {
    .pregunta_modelo
    {
      text-align: left; 
      font-size: 2.2em;
    }  

  }
 



  
  @media (min-width: 550px) {
    .column, .columns {
        margin-left: 3%;
    }
  }

    /* Envios
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .bloque_envios {
    background-image: url('../images/bg_envios.png');
    background-size: cover;
    color: #fff;
    padding-bottom: 5rem;
  }
  .value-multiplier {
    margin-bottom: .5rem;
    color: #11DFC7;
  }
  .value-heading {
    margin-bottom: .3rem;
  }
  .value-description {
    opacity: .8;
    font-weight: 300;
  }

  
  .todas_marcas
  { 
    font-size: 2.5em;
    font-weight: bold;
  }

  .naranja-titulo
  {
    color: #f5a105ff;
    font-weight: bold;
  } 
  .naranja-titulo span
  {
    border-bottom: 0.1em #fff solid!important;
    padding-bottom: 0.1em;
  }

  .envios_head {
    color: #f5a105ff;
    text-align: right;
  }

  .recibilos_text
  {
    text-align: right; 
    font-size: 1.7em;
  }

  .image_neumaticos_camioneta {
    float: left;
    border-left: 0.5em #fff solid!important;
    padding-left: 2em; /* Space between image and the border */
  }



  @media (max-width: 550px) {
    .todas_marcas
    { 
      font-size: 1.6em;
      font-weight: bold;
    }

    .envios_head {
      color: #f5a105ff;
      text-align: center;
    }

    .recibilos_text
    {
      text-align: center; 
      font-size: 1.7em;
    }
  }
  
  @media (max-width: 768px) {
    .todas_marcas
    { 
      font-size: 2em;
      font-weight: bold;
    }

    .envios_head {
      color: #f5a105ff;
      text-align: center;
    }

    .recibilos_text
    {
      text-align: center; 
      font-size: 1.7em;
    }
  }
  
  @media (max-width: 1024px) {
    .todas_marcas
    { 
      font-size: 2.2em;
      font-weight: bold;
    }  
  }


    /* marcas
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .bloque_marcas {
    background-image: url('../images/bg_marcas.png');
    background-size: cover;
    color: #fff;
    padding-bottom: 5rem;
  }
  .value-multiplier {
    margin-bottom: .5rem;
    color: #11DFC7;
  }
  .value-heading {
    margin-bottom: .3rem;
  }
  .value-description {
    opacity: .8;
    font-weight: 300;
  }

  .garantia-image{
    margin: 0 auto;
    margin-left: -3%!important;
  }
  
  /* .garantia-image img{
    margin-left: -6em;
  } */

    /* Confiar
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .bloque_confiar {
    background-image: url('../images/bg_confiar.png');
    background-size: cover;
    color: #fff;
    padding-bottom: 5rem;
  }
  .value-multiplier {
    margin-bottom: .5rem;
    color: #11DFC7;
  }
  
  .value-heading {
    margin-bottom: .3rem;
  }

  .value-description {
    opacity: .8;
    font-weight: 300;
  }

  .lideres_head
  {
    color: #f5a105ff;
    text-align: right;
    font-weight: bolder;
    font-size: 2.8em;
  }

  .lideres_list
  {
    text-align: left; 
    font-size: 1.9em;
    font-weight: bold;
  }


@media (max-width: 550px) {
  .lideres_head
  {
    color: #f5a105ff;
    text-align: center;
    font-weight: bolder;
    font-size: 1.2em;
  }
  
  .lideres_list
  {
    text-align: center; 
    font-size: 1.3em;
  }

}

@media (max-width: 768px) {
  .lideres_head
  {
    color: #f5a105ff;
    text-align: center;
    font-weight: bolder;
    font-size: 1.2em;
  }

  .lideres_list
  {
    text-align: center; 
    font-size: 1.3em;
  }

}

@media (max-width: 1024px) {
  .lideres_head
  {
    color: #f5a105ff;
    text-align: right;
    font-weight: bolder;
    font-size: 2.3em;
  }

  .lideres_list
  {
    font-size: 1.5em;
  }

}
 
  /* Badge MercadoLibre
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
 

.andes-modal__scroll
{
  border: 0.3em solid #f5a105ff;
  padding: 2em;
  border-radius: 3em;
}

.ui-seller-data-status__info-icon {
    height: 18px;
    margin: auto;
}

.ui-seller-data-status__info-icon img {
    height: 19px;
    /* width: 18px; */
}

.neumaticos-features-container {
  padding-left: 1em;
}

.neumaticos-features {
  float: left;
  border-right: #fff 1px solid;
  font-size: 0.6em;
  padding-left: 0.3em;
  padding-right: 0.3em;
  display: block;
  margin: 0 auto;
}

.neumaticos-features-no-border {
  border-right: none;
}

.neumaticos-features p {
  margin-top: 1em;
  /* padding-top: 1em; */
}

@media (max-width: 550px) {
  .neumaticos-features {
    border-right: none;
    border-bottom: #fff 1px solid;
    font-size: 0.6em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    display: block;
    margin: 0 auto;
  }
  .neumaticos-features-container {
    padding-left: 0em;
  }  
}

@media (max-width: 768px) {
  .neumaticos-features {
    float: left;
    border-right: none;
    border-bottom: #fff 1px solid;
    font-size: 0.6em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    display: block;
    margin: 0 auto;
  }

  .neumaticos-features-container {
    padding-left: 0em;
  }  
}

@media (max-width: 1024px) {
  .neumaticos-features {
    float: none;
    border-right: none;
    border-bottom: #fff 1px solid;
    font-size: 1em;
    padding-top: 2em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    display: block;
    margin: 0 auto;
  }
  .neumaticos-features-container {
    padding-left: 0em;
  }
  
}

/* .ui-seller-data-status__info div {
  font-size: 1em;
  float: left;
} */


.thermometer-large {
    width: 100%;
}

.ui-seller-data-status__thermometer li{
  list-style: none;
}

.ui-seller-data-status__thermometer {
  display: flex;
  justify-content: end;
  margin-top: 8px;
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--1-large {
  width: 20%;
}

.thermometer__level--1 {
  background: #f23d4f;
  opacity: .8;
  width: 20%;
}

.ui-seller-data-status__thermometer .thermometer__level:not(:first-child) {
  margin-left: 4px;
}

.ui-seller-data-status__thermometer .thermometer__level {
  height: 6px;
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--2-large {
  width: 20%;
}

.thermometer__level--2 {
  background: #f73;
  opacity: .8;
  width: 20%;
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--3-large {
  width: 20%;
}

.thermometer__level--3 {
    background: #ffe600;
    opacity: .9;
    width: 20%;
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .thermometer__level--4-large {
  width: 20%;
}

.thermometer__level--4 {
  background: #aadb1e;
  opacity: .9;
  width: 20%;
}

.ui-seller-data.ui-box-component-pdp__visible--desktop .ui-seller-data-status__thermometer[value="5"] .thermometer__level--5-large {
  width: 20%;
}

.ui-seller-data-status__thermometer[value="5"] .thermometer__level--5 {
  background: #00a650;
  height: 8px;
  opacity: 1;
  width: 20%;
}

  /* Footer
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  
  .bloque_footer {
    background-color: #000;
    /* max-height: 8em; */
  }

  .text_footer{
    padding-left: 4em;
    text-align: left;
    color: #fff;
    font-size: 1.1em;
  }

  @media (max-width: 550px) {
    .text_footer{
      padding-left: 0em;
      font-size: 0.8em;
      padding-top: 1em;
    }
  }

  @media (max-width: 768px) {
    .text_footer{
      padding-left: 0em;
      padding-top: 2em;
    }
  }

  @media (max-width: 1024px) {
    .text_footer{
      padding-left: 0em;
      font-size: 1em;
    }
  }

  .text_footer a{
    text-decoration: none;
    text-align: left;
    color: #fff;
  }

  /* Hero
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .phones {
    position: relative;
  }
  .phone {
    position: relative;
    max-width: 80%;
    margin: 3rem auto -12rem;
  }
  .phone + .phone {
    display: none;
  }
  
  /* Values
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .values {
    background-image: url('../images/bg_neumaticos_top.png');
    background-size: cover;
    color: #fff;
    padding-bottom: 5rem;
  }
  .value-multiplier {
    margin-bottom: .5rem;
    color: #11DFC7;
  }
  .value-heading {
    margin-bottom: .3rem;
  }
  .value-description {
    opacity: .8;
    font-weight: 300;
  }
  
  /* Help
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .get-help {
    border-bottom: 1px solid #ddd;
  }
  
  /* Categories
  –––––––––––––––––––––––––––––––––––––––––––––––––– */
  .categories {
    background-image: url('../images/values-bg.jpg');
    background-size: cover;
    color: #fff;
  }
  .categories .section-description { 
    margin-bottom: 4rem;
  }
  
  /* Bigger than 550 */
  @media (min-width: 550px) {
    .section {
      padding: 12rem 0 11rem;
    }
    .hero {
      padding-bottom: 12rem;
      text-align: left;
      height: 165px;
    }
    .phone {
      position: absolute;
      top: -7rem;
      right: 3rem;
      max-height: 362px;
      z-index: 3;
    }
    .phone + .phone {
      top: -6rem;
      display: block;
      max-width: 73.8%;
      right: 0;
      z-index: 2;
      max-height: 338px;
    }
    .hero-heading {
      font-size: 2.4rem;
    }
  }
  
  /* Bigger than 750 */
  @media (min-width: 750px) {
    .hero {
      height: 190px;
    }
    .hero-heading {
      font-size: 2.6rem;
    }
    .section {
      padding: 14rem 0 15rem;
    }
    .hero {
      padding: 16rem 0 14rem;
    }

    .section-description {
      max-width: 80%;
      margin-left: auto;
      margin-right: auto;
    }
    
    .section-description-top {
        max-width: 80%;
        margin-left: 6.8em;
        margin-right: auto;
        text-align: left;
        font-size: 1.4em;
        font-weight: bold;
      }
    
    .phone {
      top: -14rem;
      right: 5rem;
      max-height: 510px;
    }
    .phone + .phone {
      top: -12rem;
      max-height: 472px;
    }
    .categories {
      padding: 15rem 0 8rem;
    }
  }
  
  /* Bigger than 1000 */
  @media (min-width: 1000px) {
    .section {
      padding: 20rem 0 19rem;
    }
    .hero {
      padding: 22rem 0;
    }
    .hero-heading {
      font-size: 3.0rem;
    }
    .phone {
      top: -16rem;
      max-height: 615px;
    }
    .phone + .phone {
      top: -14rem;
      max-height: 570px;
    }
  }