h2 {
  font-size: clamp(2rem, 3vw, 4rem);
}
h3 {
  font-size: clamp(1.5rem, 1.7vw, 1.8rem);
}
p, li {
  font-size: clamp(1.5rem, 1.3vw, 2.5rem);
  line-height: clamp(1.6rem, 1.3vw, 2.5rem);
}
table {
  font-size: clamp(1.1rem, 1.3vw, 2.5rem);
  line-height: clamp(1.2rem, 1.3vw, 2.5rem);
}
.tab-nav li {
  font-size: 1rem;
  text-indent: 10px;
}
ul, ol {
  padding-left: 2em; /* espacio para la viñeta */
  list-style-position: outside; /* viñeta afuera (comportamiento estándar) */
}
a.btn{
  text-transform: uppercase;
}

ul li, ol li {
  text-indent: -1em;       /* saca la primera línea hacia la izquierda */
  padding-left: 1em;       /* empuja todo el bloque hacia la derecha */
  line-height: 1.9rem;
}
.content-wrap {
    padding: 40px 0;
}
.contenedor p {
  margin-top: 20px;
}
.menu-link {
  color: #ffffff;
  /*text-shadow: 0px 0px 4px rgba(0,0,0,0.7);*/
}
.menu-link:hover {
  color: #d28a0a;
  /*text-shadow: 0px 0px 4px rgba(0,0,0,0.7);*/
}
.section-ind {
  margin: 30px 0 0 0;
  padding: 20px 0 0 0;
}
.ventajas img{
  width: 150px;
  margin-bottom: 20px;
}
.m--15 {
  margin: 0 -15px;
}
.contenedor {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin: 40px 0;;
}
/* Estilo base para todas las tarjetas */
.contenedor > div {
  flex: 0 1 calc((100% - 80px) / 5); /* 5 tarjetas, 4 espacios de 20px */
  aspect-ratio: 1 / 1;
}
.flip-card-front::after,
.flip-card-back::after {
	opacity: 0;
	background-color: rgba(255,255,255,1.00);
}
.flip-card img{
  margin-bottom: 30px;;
}
.flip-card p{
  font-size: 40px;
  font-weight: 800;
  color: #ffffff;
}
.flip-card h3{
  font-size: 25px;
  font-weight: 800;
  margin: 0;
  color: #ffffff;
  text-shadow: 0px 0px 4px rgba(0,0,0,0.7);
}
.bg-info {
    background-color: #ffffff !important;
}
.flip-card-back {
    background-color: #000000;
}
.lazy-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.lazy-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid #000;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 10;
}
.lazy {
  filter: blur(10px);
  transition: filter 0.5s ease-out;
}

.lazy-loaded {
  filter: blur(0);
}
  .promo-banner{
    margin: 30px -15px 0 -15px;
  }
  .promo-dark .col-12 h3 {
    margin: 0 !important;
  }
@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* Tablet: 3 arriba, 2 abajo */
@media (max-width: 1024px) {
  .contenedor > div {
    flex: 0 1 calc((100% - 40px) / 3); /* 3 por fila, 2 gaps */
  }

}

/* Móvil: 1 por fila */
@media (max-width: 600px) {
  .content-wrap {
    padding: 40px 0 0 0;
  }
  .mapa-camion {
    min-height: 400px !important;
  }
.fancy-title.tit-garantias {
  margin: 0 !important;
}
  .row {
    margin: 0;
  }
  .row div{
    padding: 0;
  }
  .bullets{
    width: 100% !important;
  }
  .contenedor > div {
    flex: 0 1 100%;
  }
  .promo{
    text-align: center;
  }
  .flip-card div{
    height: 400px;
  }
  .embed-responsive-16by9::before {
  height: 650px;
}
}