/*
Theme Name: bootScore Child
Theme URI: https://bootscore.me/
Template: bootscore-main
Author: bootScore
Author URI: https://bootscore.me
Description: A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. Documentation. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
Tags: featured-images,threaded-comments,translation-ready
Version: 5.3.4.1719300614
Updated: 2024-06-25 09:30:14

*/

/* ==== Generales ====*/
:root {
  --al-primary: #138cb4;
  --al-secondary: #e1412c;
  --al-tertiary: #a09696;
  --al-cta: #f59d2b;
  --al-cta-dark: #da7f0a;
  --al-dark-gray: #3b3938;
  --al-quaternary: #57718a;
  --al-light-gray: #f3f3f3;
}

/* fuentes */
@font-face {
  font-family: "Montserrat";
  src: url("./assets/fonts/Montserrat-Black.woff2") format("woff2"),
    url("./assets/fonts/Montserrat-Black.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./assets/fonts/Montserrat-Bold.woff2") format("woff2"),
    url("./assets/fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./assets/fonts/Montserrat-ExtraBold.woff2") format("woff2"),
    url("./assets/fonts/Montserrat-ExtraBold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("./assets/fonts/Montserrat-Regular.woff2") format("woff2"),
    url("./assets/fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat";
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Montserrat";
}

.h1 {
  font-size: clamp(2.4rem, 4vw, 3.5rem);
  font-style: normal;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-weight: 900;
  color: white;
}
.h2 {
  font-size: clamp(2.1rem, 4vw, 2.5rem);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  margin-bottom: 2rem;
  color: var(--al-dark-gray);
}
.h3 {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
}
p {
  font-size: 1rem;
  font-weight: 400;
  color: var();
}
.lead {
  font-size: clamp(1.3rem, 3vw, 1.5rem);
  margin-bottom: 1.5rem;
  font-weight: 700;
}
section {
  overflow-x: clip;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.hero {
  padding-top: 12rem;
  padding-bottom: 3rem;
}
a {
  color: var(--al-primary);
}
/* --- botones --- */
.btn {
  padding: 0.5rem 1rem;
  border-color: transparent;
  border-radius: 0px !important;
}
.btn:hover {
  border-color: transparent;
}
.btn-primary {
  background-color: var(--al-primary) !important;
  color: white !important;
  text-transform: uppercase;
}
.btn-primary:hover {
  background-color: white !important;
  color: var(--al-primary) !important;
  border: 1px var(--al-primary) solid !important;
}
.btn-primary:hover svg > path {
  fill: var(--al-primary) !important;
}
.btn-primary-w {
  padding: 0.5rem 1rem;
  border-color: transparent;
  border-radius: 2rem;
  background-color: var(--al-primary) !important;
  color: white !important;
  border: white solid 1px;
  text-transform: uppercase;
}
.btn-primary-w:hover {
  background-color: white !important;
  color: var(--al-primary) !important;
  border: 1px var(--al-primary) solid !important;
}
.btn-quat {
  background-color: var(--al-quaternary) !important;
  color: white !important;
  border: var(--al-quaternary) solid 1px;
  text-transform: uppercase;
}
.btn-quat:hover {
  background-color: white !important;
  color: var(--al-quaternary) !important;
  border: 1px var(--al-quaternary) solid !important;
}
.btn-transparente {
  background-color: transparent;
  color: white;
  text-transform: uppercase;
  border: 1px white solid;
}
.btn-transparente:hover {
  background-color: white;
  color: var(--al-quaternary);
  border: 1px transparent solid;
}
.btn-cta {
  background-color: var(--al-cta);
  color: white;
  text-transform: uppercase;
}
.btn-cta:hover {
  background-color: white;
  color: var(--al-cta);
  border: 1px var(--al-cta) solid;
}
.btn-outline-primary {
  background-color: var(--al-primary) !important;
  color: white !important;
  border: var(--al-primary) solid 1px;
  text-transform: uppercase;
}
.btn-outline-primary:hover {
  background-color: white !important;
  color: var(--al-primary) !important;
  border: 1px var(--al-primary) solid !important;
}
.btn-gray {
  background-color: var(--al-dark-gray) !important;
  color: white !important;
  border: white solid 1px;
  text-transform: uppercase;
}
.btn-gray:hover {
  background-color: white !important;
  color: var(--al-dark-gray) !important;
  border: 1px var(--al-dark-gray) solid !important;
}
.btn-blanco {
  background-color: white !important;
  color: var(--al-dark-gray) !important;
  border: white solid 1px;
  text-transform: uppercase;
}
.btn-blanco:hover {
  background-color: var(--al-dark-gray) !important;
  color: white !important;
  border: 1px var(--al-dark-gray) solid !important;
}
.btn.espacio {
  margin-top: 1rem;
}
.h2.bg-azul,
.h2.bg-azul-dcha {
  position: relative;
}

.filtro {
  position: relative;
}
.filtro .container,
.filtro .row {
  z-index: 1;
  position: relative;
}

.filtro::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 0;
}
/* ==== Inicio ==== */
/* --- Hero --- */
.home .hero {
  background-image: url(assets/img/lascaray-home-hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 15rem;
  padding-bottom: 15rem;
}
.hero .h1 span {
  background-color: var(--al-primary);
}
.home .hero .h2{
  font-size: clamp(1.3rem, 3vw, 1.5rem);
  margin-bottom: 1.5rem;
  font-weight: 700;
  text-transform: none;
  color: white;
}
.home .hero .lead {
  color: white;
}
.home .pasos-compra .tarjeta-paso {
  position: relative;
  aspect-ratio: 1;
}
.home .pasos-compra .tarjeta-paso .texto-tarjeta {
  display: flex;
  color: white;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}
.home .pasos-compra .tarjeta-paso .texto-tarjeta .texto {
  font-size: clamp(1rem, 4vw, 1.5rem);
}
.pasos-compra .tarjeta-paso .texto-tarjeta .numero {
  font-size: 3rem;
}
.pasos-compra .paso:nth-child(1) .tarjeta-paso {
  background-color: var(--al-quaternary);
}
.pasos-compra .paso:nth-child(2) .tarjeta-paso {
  background-color: var(--al-primary);
}
.pasos-compra .paso:nth-child(3) .tarjeta-paso {
  background-color: var(--al-dark-gray);
}
.pasos-compra .paso:nth-child(4) .tarjeta-paso {
  background-color: var(--al-tertiary);
}
.home .pasos-compra .tarjeta-paso span {
  position: absolute;
  bottom: -2rem;
  left: 0;
  opacity: 0.5;
  font-size: 6rem;
  color: white;
  font-weight: 900;
}
.home .caracteristicas {
  background-color: var(--al-dark-gray);
}
.home .caracteristicas .tarjeta {
  text-align: center;
  color: white;
  background-color: var(--al-primary);
  padding: 2rem;
  height: 100%;
}
.home .lascaray .textos {
  padding: 2rem;
}
.h2 span,
h2 span,
h2 span strong {
  color: var(--al-primary);
}

.coches .h3 {
  text-transform: none;
}
.coches a {
  text-decoration: none;
  color: black;
}
.coches figure img {
  width: 100%;
  object-fit: contain;
}
.coches form {
  width: fit-content;
}
.coches .botones {
  display: flex;
  justify-content: space-evenly;
}
.coches .borde {
  border-right: 1px var(--al-tertiary) solid;
}
.coches .titulos-precios {
  color: var(--al-dark-gray);
  font-weight: 700;
  margin-bottom: 0;
}
.coches .precio {
  font-size: 1rem;
  font-weight: 900;
  margin-bottom: 0.5rem;
}
.coches .precio.tachado {
  color: var(--al-tertiary);
  text-decoration: line-through;
  margin-bottom: 0.5rem;
}
.coches .financiado {
  font-size: 1.25rem;
  font-weight: 900;
  color: var(--al-secondary);
  margin-bottom: 0.5rem;
}
.coches .precio.cuota {
  font-weight: 700;
  color: var(--al-primary);
  margin-bottom: 0.5rem;
  font-size: 1.75rem;
}
.destacado {
  background: #e9ae0c24;
}
.oportunidades-home figure {
  margin-bottom: 0px;
}
.oportunidades-home a.a-tarjeta,
.oportunidades-home a .h2,
.oportunidades-home a span,
.oportunidades-home a .h3,
.oportunidades-home a p {
  color: var(--al-dark-gray);
  text-decoration: none;
}
.home .todas-ofertas {
  background-image: url(assets/img/lascaray-home-todasofertas.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
}
.home .todas-ofertas::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 0;
}
.home .todas-ofertas .h2,
.home .todas-ofertas .lead {
  color: white;
}
.home .todas-ofertas .texto {
  position: relative;
  z-index: 2;
}
.home .lascaray {
  padding-top: 0;
  padding-bottom: 0;
}

.home .lascaray .botones {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.home .lascaray .imagen {
  background-image: url(assets/img/lascaray-home-sabermas.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}
.home .feed-noticias .h2 {
  text-align: end;
  position: relative;
}

.home .feed-noticias .carousel-item img {
  aspect-ratio: 3/2;
  object-fit: cover;
  margin-bottom: 2rem;
}
.home .feed-noticias .carousel-indicators {
  bottom: -4rem;
}
.home .feed-noticias .carousel-indicators button {
  background-color: var(--al-primary);
  opacity: 0.3;
}
.home .feed-noticias .carousel-indicators button.active {
  background-color: var(--al-primary);
  opacity: 1;
}
.home .opiniones .h2 {
  position: relative;
}
.opiniones .reviews {
  padding: 1.5rem;
  padding-top: 7rem;
}
.home .modelos .col-text {
  background-color: var(--al-light-gray);
}
.home .modelos .gallery_product img {
  height: 100%;
  object-fit: cover;
}
.suscribete {
  background-color: var(--al-light-gray);
  padding-top: 0;
  padding-bottom: 0;
}
.suscribete .textos {
  padding: 2rem;
}
.suscribete .imagen {
  background-image: url(assets/img/lascaray-home-suscribete.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
}
.suscribete form input:not([type="checkbox" i], [type="submit" i]) {
  border: unset;
  border-radius: 2rem;
  padding-left: 1rem;
}
.iconomail {
  max-width: 20px;
  filter: brightness(0) invert(1);
  margin-right: 1rem;
  vertical-align: sub;
}
.botones .iconomail {
  max-width: 30px !important;
  margin-right: 0px;
}
.emes {
  font-size: 1rem;
  margin-left: 5px;
}

/* ==== Páginas ==== */
/* === Sobre Nosotros === */
.nosotros .hero {
  background-image: url(assets/img/lascaray-nosotros-hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 15rem;
  padding-bottom: 15rem;
  position: relative;
}
.nosotros .hero::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 0;
}
.nosotros .hero .texto {
  z-index: 2;
}
.nosotros .hero .lead {
  color: white;
}
.nosotros .equipo img {
  width: 100%;
  object-fit: cover;
}
.nosotros .equipo .textos {
  padding: 2rem;
}
.nosotros .instalaciones .h2 {
  text-align: end;
  position: relative;
}

.nosotros .instalaciones img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.container-imagenes {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: unset;
  gap: 0.5rem;
  position: relative;
}

.container-imagenes img {
  grid-column-end: span 1;
  grid-row-end: span 1;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.container-imagenes img:nth-child(1),
.container-imagenes img:nth-child(5n) {
  grid-column: 1;
  grid-row: 1 / 2;
}
.container-imagenes img:nth-child(4n) {
  grid-column: 2/3;
  grid-row: 2;
}
.nosotros .taller .h2 span {
  color: var(--al-primary);
}
.taller .tarjetas:nth-child(1) .tarjeta {
  background-color: var(--al-quaternary);
}
.taller .tarjetas:nth-child(2) .tarjeta {
  background-color: var(--al-tertiary);
}
.taller .tarjetas:nth-child(3) .tarjeta {
  background-color: var(--al-dark-gray);
}
.taller .tarjetas:nth-child(4) .tarjeta {
  background-color: var(--al-primary);
}
.taller .tarjetas .tarjeta {
  position: relative;
  display: flex;
  color: white;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
  height: 100%;
}
/* === modelo-hero === */
.modelo-hero .hero {
  /* background-image: url(assets/img/lascaray-contacto-hero.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 12rem;
  padding-bottom: 4rem;
}
.modelo-hero .hero .recuadro {
  position: relative;
  background-color: var(--al-primary);
  left: 0;
  padding: 2rem;
}
.modelo-hero .hero .recuadro .h1 {
  color: white;
}
.modelo-hero .hero .recuadro .h1 span {
  color: var(--al-primary);
  background-color: white;
}
/* -- ventajas -- */
.ventaja {
  padding: 0 4rem;
  padding-bottom: 4rem;
}

#ventajas {
  background: var(--al-quaternary);
  color: white;
  padding-bottom: 0;
}

.ventaja h3 {
  text-transform: uppercase;
  font-weight: bold;
}

h1 small {
  color: var(--al-tertiary);
  font-style: italic;
  font-weight: 100;
  padding-left: 1rem;
}

.modelo-hero #ventajas .row {
  overflow-x: auto;
  flex-wrap: nowrap;
}
.modelo-hero #ventajas .dragscroll {
  padding-bottom: 6rem;
}
.modelo-hero #ventajas .row .ventaja {
  display: inline-block;
  float: none;
}
.modelo-hero #ventajas .ventaja a {
  color: white;
}
.modelo-hero #ventajas .flecha {
  position: relative;
}
.modelo-hero #ventajas .flecha span {
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
  text-transform: uppercase;
  font-size: 1.2rem;
}
/* _____________SCROLLBAR____________ */

::-webkit-scrollbar {
  width: 14px;
  height: 14px;
  background: var(--al-tertiary);
}

::-webkit-scrollbar-thumb {
  background: var(--al-light-gray);
  border-radius: 7px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--al-dark-gray);
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--al-dark-gray);
  border-radius: 0;
}
.modelo-hero .interiores .h2 {
  text-align: end;
  position: relative;
}

.modelo-hero .interiores .recuadro {
  position: relative;
  background-color: var(--al-primary);
  color: white;
  text-align: start;
  padding: 2rem;
}
.modelo-hero .interiores .carousel-item img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 5/3;
}
.modelo-hero .interiores .carousel-indicators [data-bs-target] {
  background-color: var(--al-primary);
  width: 3rem;
  height: 0.4rem;
}
.modelo-hero .interiores .carousel-indicators {
  bottom: -4rem;
}
.modelo-hero .galeria {
  padding-bottom: 0;
}
.modelo-hero .galeria img.larga {
  aspect-ratio: 5/2;
}
.modelo-hero .galeria img,
.modelo-hero .galeria video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.modelo-hero .vermas a {
  width: fit-content;
}
.modelo-hero .nav-pills .nav-link.active {
  background-color: unset;
}
.modelo-hero .configurador .botones {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.modelo-hero .configurador .nav-item img {
  aspect-ratio: 1;
  height: 6rem;
}
.modelo-hero .configurador .btn-group .btn {
  border: 1px var(--al-primary) solid !important;
}
.modelo-hero .configurador .btn-group .btn.active {
  background-color: white !important;
  color: var(--al-primary) !important;
}
.variaciones-modelo .titulo {
  margin-bottom: 4rem;
}
.variaciones-modelo img {
  height: 100%;
  object-fit: cover;
}
/* === Profesionales === */
.profesionales .hero {
  background-image: url(assets/img/lascaray-contacto-hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 15rem;
  padding-bottom: 15rem;
}
.profesionales .h1 span {
  background-color: var(--al-primary);
}
.profesionales #navbar-renting {
  background-color: var(--al-dark-gray);
  color: white;
  position: sticky;
  top: 9.75rem;
  z-index: 5;
  display: flex;
  align-items: center;
}

#navbar-renting .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#navbar-renting .nav {
  margin-left: 0;
  margin-right: 1rem;
  justify-content: center;
}

.profesionales #navbar-renting .nav-link {
  color: white;
}
.profesionales #navbar-renting .nav-link.active {
  color: var(--al-cta);
  background-color: unset !important;
}
#navbar-renting .navbar-brand {
  margin-right: auto;
  display: none;
}

.profesionales .quienes-somos img {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
.profesionales .ventajas .h2 {
  text-align: end;
  position: relative;
}
.profesionales .ventajas .h2 span {
  color: white;
}
.profesionales .ventajas .card-img {
  aspect-ratio: 3/4;
  object-fit: cover;
}
.profesionales .ventajas .contenido-tarjeta {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
  text-align: center;
  position: relative;
  z-index: 1;
}
.profesionales .ventajas .card {
  --bs-card-border-color: unset !important;
}
.profesionales .ventajas .card::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 0;
}
.profesionales .ventajas .contenido-tarjeta .icono {
  width: 4rem;
}
.profesionales .logos {
  background-color: var(--al-dark-gray);
}
.profesionales .logos img {
  width: 10rem;
  object-fit: contain;
}
/* --- FAQ --- */
.servicio .faq {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.faq .accordion-header .accordion-button {
  background-color: var(--al-primary);
  color: white;
  border-radius: unset;
  font-weight: 700;
}
.accordion-button:focus {
  box-shadow: unset;
}

.profesionales .ver-todos {
  background-image: url(assets/img/lascaray-home-todasofertas.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
}
.profesionales .ver-todos::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.4;
  z-index: 0;
}
.profesionales .ver-todos .h2,
.profesionales .ver-todos .lead {
  color: white;
}
.profesionales .ver-todos .texto {
  position: relative;
  z-index: 2;
}
/* === Ofertas === */
.tienda {
  padding-top: 9rem;
}
.tienda .hero {
  background-image: url(assets/img/ofertas.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 15rem;
  margin-bottom: 2rem;
}
.tienda aside .verFiltros {
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  background-color: var(--al-primary) !important;
  color: white !important;
  border: white solid 1px;
  text-transform: uppercase;
  margin-bottom: 0 !important;
}
.tienda aside .verFiltros:hover {
  background-color: white !important;
  color: var(--al-primary) !important;
  border: 1px var(--al-primary) solid !important;
}
.tienda aside .offcanvas-md {
  background-color: var(--al-primary);
  color: white;
}
.tienda aside .bapf_head h3 {
  font-size: 1rem;
  color: white;
}
.tienda .bapf_img_span.h3em.w3em {
  border: 0!important;
}
.tienda aside .irs--flat .irs-bar {
  background-color: var(--al-cta);
}
.tienda aside .irs-to,
.tienda aside .irs-from {
  background-color: var(--al-cta-dark);
}
.tienda aside .irs--flat .irs-handle > i:first-child {
  background-color: var(--al-cta-dark);
}
.tienda .etiquetas {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.tienda .etiquetas span {
  background-color: var(--al-light-gray);
  padding: 0.2rem;
  font-size: 0.8rem;
}
.solicitarOfertaDetalle {
  border-left: #fff 2px solid;
}
.tienda .botones {
  display: flex;
  justify-content: center;
}
.tienda .product.card img {
  aspect-ratio: 5/3;
  object-fit: contain;
}

.tienda span.ocasion {
  top: 0;
  left: 0;
  background-color: var(--al-dark-gray);
  color: white;
  text-align: center;
  width: 100%;
  padding: 0.2rem;
}
.tienda span.relleno {
  top: 0;
  left: 0;
  background-color: white;
  color: white;
  text-align: center;
  width: 100%;
  padding: 0.2rem;
}
.tienda .txt-precio {
  margin-bottom: 0;
}
.tienda .precio {
  font-size: 1.75rem;
  font-weight: 700;
}
.tienda .precio.azul {
  color: var(--al-primary);
}
.tienda .mas-coches .ofertas {
  width: fit-content;
  margin-left: 2rem;
}

.related.products>h2{
  display: none;
}
.add_to_cart_button,
.ajax_add_to_cart {
  background-color: var(--al-cta) !important;
  color: white !important;
  text-transform: uppercase;
  border: 1px var(--al-cta) solid !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0rem !important;
  width: 100%;
  margin-top: 2px !important;
}
.add_to_cart_button:hover,
.ajax_add_to_cart:hover {
  background-color: white !important;
  color: var(--al-cta) !important;
  border: 1px var(--al-cta) solid !important;
}
.add_to_cart_button:hover svg > path,
.ajax_add_to_cart:hover svg > path {
  fill: var(--al-cta) !important;
}
.bapf_button.bapf_reset{
  background-color:var(--al-cta);
  color: white;
  width: 100%;
  padding: 0.5rem;
  border: 1px solid var(--al-cta)!important;
  box-shadow: none!important;
}
.bapf_button.bapf_reset:target,
.bapf_button.bapf_reset:focus-visible,
.bapf_button.bapf_reset:focus-within,
.bapf_button.bapf_reset:active,
.bapf_button.bapf_reset:hover,
.bapf_button.bapf_reset:focus
{
  background-color: white;
  color: var(--al-cta);
  border: 1px solid var(--al-cta)!important;
}
.version {
  /* color: var(--al-primary); */
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0.5rem;
}
.matricula {
  display: none;
  visibility: hidden;
  color: transparent;
}
/* === Detalles producto === */
.tienda .detalles-prod .resumen {
  background-color: var(--al-quaternary);
  color: white;
  padding: 2rem;
  z-index: 10;
}

.tienda .detalles-prod .resumen h1 {
  color: white;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 700;
}
.tienda .detalles-prod .resumen .txt-precio {
  text-transform: uppercase;
  color: white;
  margin-bottom: 0;
  text-align: center;
}
.tienda .feed-productos .products {
  margin-bottom: 2rem;
}
.tienda .pagination {
  justify-content: end !important;
  --bs-pagination-active-bg: var(--al-dark-gray) !important;
  --bs-pagination-active-border-color: var(--al-dark-gray) !important;
  --bs-pagination-color: var(--al-dark-gray) !important;
  --bs-pagination-hover-color: var(--al-primary) !important;
}
.tienda .detalles-prod .resumen .precio {
  color: white;
  text-align: center;
  margin-bottom: 0;
}
.tienda .detalles-prod .precio.cuota {
  border: 1px solid white;
}
.tienda .caracteristicas-dest {
  float: inline-start;
  padding-bottom: 15rem;
  width: 100%;
}
.tienda .caracteristicas-dest .col-text {
  background-color: var(--al-primary);
  color: white;
  padding: 2rem;
}
.tienda .caracteristicas-dest img {
  display: none;
}
.tienda #carruselgaleria .carousel-indicators {
  position: relative;
  overflow-x: auto;
}
.tienda #carruselgaleria .carousel-indicators [data-bs-target] {
  height: 100%;
  width: 10rem;
}
.tienda #carruselgaleria .carousel-indicators-wrapper {
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  padding-bottom: 1rem;
}

.tienda #carruselgaleria .carousel-indicators {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
}

.tienda #carruselgaleria.carousel-indicators button {
  display: inline-block;
  border: none;
  background: none;
  padding: 0;
  margin-right: 0.5rem;
}

.tienda .especificaciones .h2 {
  color: var(--al-dark-gray);
}
.tienda .especificaciones .tarjeta {
  display: flex;
}
.tienda .especificaciones .tarjeta .icono {
  background-color: var(--al-primary);
  width: fit-content;
  padding: 0.5rem 1rem;
}
.tienda .especificaciones .tarjeta .texto {
  padding: 0.5rem 1rem;
}
.tienda .especificaciones .tarjeta .texto p {
  margin-bottom: 0;
}
.tienda .equipamiento {
  padding-top: 3rem;
  padding-bottom: 0;
  position: relative;
  padding: 2rem;
  overflow: visible;
}

/* .tienda .equipamiento::after {
  content: "";
  position: absolute;
  top: 0;
  left: -20rem;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--al-light-gray);
}
.tienda .equipamiento::before {
  content: "";
  position: absolute;
  top: 0;
  right: -20rem;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: var(--al-light-gray);
} */
.tienda .equipamiento .azul {
  background-color: var(--al-primary);
  color: white;
}
.tienda .garantia .tarjeta {
  position: relative;
  display: flex;
  background-color: var(--al-quaternary);
  color: white;
  align-items: center;
  padding: 1rem;
  gap: 3rem;
  text-transform: uppercase;
  z-index: 2;
}
.tienda .garantia .tarjeta:nth-child(2n) {
  background-color: var(--al-tertiary);
}
.tienda .garantia .tarjeta:nth-child(3n) {
  background-color: var(--al-primary);
}
.tienda .garantia .tarjeta:nth-child(4n) {
  background-color: var(--al-dark-gray);
}
.tienda .garantia .tarjeta p {
  font-size: 1.5rem;
  font-weight: 700;
}
.tienda .garantia .tarjeta img {
  width: 4rem;
}
.tienda .garantia .img-larga img {
  display: none;
}

/* === Contacto === */
.contacto .hero {
  background-image: url(assets/img/lascaray-contacto-hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 15rem;
  padding-bottom: 10rem;
}
.tienda .equipamiento {
  background-color: var(--al-light-gray);
}
.tienda .equipamiento .h2 {
  color: var(--al-dark-gray);
}
.contacto .h1 span {
  background-color: var(--al-primary);
}
.form-wrapper {
  padding: 2rem 4rem;
}
.form-wrapper input.largo,
.form-wrapper label,
.form-wrapper textarea {
  width: 100%;
}
.form-wrapper input:focus-visible {
  outline: unset;
}
label a {
  color: var(--al-primary);
}
.form-wrapper p label {
  color: white;
}
.form-wrapper p label {
  /* font-family: "Montserrat";
  text-transform: uppercase;
  font-weight: bold; */
  padding-bottom: 1rem;
}
.wpcf7-not-valid-tip {
  color: var(--al-cta);
}
.wpcf7-form-control.wpcf7-acceptance {
  accent-color: var(--al-cta-dark);
}
.form-wrapper .h3 {
  color: white;
  border-bottom: 0.15rem white solid;
  margin-bottom: 3rem;
  padding-bottom: 1rem;
}
.form-wrapper input:not([type="checkbox" i], [type="submit" i]) {
  border: unset;
  border-bottom: solid white 0.15rem;
  padding-left: 0.5rem;
  background-color: transparent;
  width: -webkit-fill-available;
}
.form-wrapper select {
  background: transparent;
  border: unset;
  border-bottom: 0.15rem solid white;
  color: white;
  border-radius: unset;
}
.form-wrapper select option {
  background-color: var(--al-primary);
}
.form-wrapper textarea {
  border: unset;
  padding: 1rem;
}
.contacto .formularios img {
  position: relative;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.form-wrapper a {
  color: white;
}
.form-wrapper.form-nosotros {
  background-color: var(--al-primary);
  position: relative;
}
.form-wrapper label {
  color: white;
  margin-bottom: 1rem;
}
.form-wrapper.form-taller a {
  color: white;
}

.form-wrapper.form-taller {
  background-color: var(--al-quaternary);
  position: relative;
}
.contacto .redes {
  background-color: var(--al-dark-gray);
}
.contacto .redes a {
  width: fit-content;
}
.contacto .mapa {
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--al-primary);
}
.contacto .mapa iframe {
  height: 70vh;
  width: 100%;
  mix-blend-mode: luminosity;
}
.modal .modal-content,
.modal .modal-dialog,
.modal .modal-header {
  border-radius: 0;
  border: unset;
}
.modal label {
  color: white;
}
.modal a {
  color: white !important;
  text-decoration: underline;
}
.modal input[type="submit" i] {
  border: #fff 0.15rem solid;
  border-radius: 2rem;
}
.modal input[type="submit" i]:hover {
  border: #fff 0.15rem solid !important;
}
.modal input:not([type="checkbox" i], [type="submit" i]):focus-visible {
  outline: unset !important;
}
.modal select {
  background: transparent;
  border: unset;
  border-bottom: 0.15rem solid white;
  color: white;
  border-radius: unset;
  margin-bottom: 1rem;
}
.modal select option {
  background-color: var(--al-primary);
}
.modal input:not([type="checkbox" i], [type="submit" i]) {
  border: unset !important;
  border-radius: unset !important;
  border-bottom: 0.15rem white solid !important;
  background-color: transparent;
  color: white !important;
}
.modal .modal-header {
  background-color: var(--al-primary);
  justify-content: space-between;
}
.modal .modal-header img {
  width: 3rem;
  margin-right: 1rem;
}
.modal .modal-header p {
  text-transform: uppercase;
  font-weight: 900;
  color: white;
  margin-bottom: 0;
}
.modal .modal-body {
  background-color: var(--al-primary);
}
.modal .telefono {
  margin-right: 0.5rem;
}
.modal .full-w {
  width: 100%;
}
.modal .dos-fila p {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.modal .dos-fila p label {
  width: -webkit-fill-available;
}
.modal .modal-header .btn {
  padding: 0.2rem 0.65rem;
}

/* === WPCF7 === */
/* .wpcf7-response-output {
  color: white;
} */
.wpcf7 form .wpcf7-response-output {
  border: 2px solid var(--al-primary); /* Blue */
}
.modal .wpcf7-spinner {
  background-color: var(--al-quaternary);
}
.modal input {
  margin-bottom: 1rem;
  border-radius: 1rem;
  border: 0.1rem solid var(--al-quaternary);
}
.modal .wpcf7 .wpcf7-submit:disabled {
  border-color: var(--al-primary);
}
.modal .wpcf7-form-control.wpcf7-acceptance label {
  margin-bottom: 1rem;
  font-size: 0.85rem;
}

/* === Header === */
#topheader {
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--al-quaternary);
  padding-top: 5px;
}
#topheader .textoseosup {
  font-weight: lighter;
  font-size: 0.8rem;
  padding: 0 2rem;
  color: var(--al-light-gray);
}
#topheader #topheader svg {
  margin-bottom: 5px;
}
#topheader .icono {
  font-weight: lighter;
  color: var(--al-light-gray);
  max-width: 0.81rem;
  vertical-align: text-bottom;
  margin-right: 0.21rem;
}
#topheader a {
  text-decoration: none;
  color: var(--al-light-gray);
  font-size: 0.8rem;
}
#nav-main .navbar-brand img {
  width: 5rem;
}
.site #nav-main .offcanvas-body .menu-item .nav-link {
  position: relative;
}
.site #nav-main .offcanvas-body .menu-item .nav-link.active {
  color: var(--al-primary);
}
.site #nav-main {
  background-color: white;
}
.site #nav-main .offcanvas-body .menu-item .dropdown-menu {
  width: 100%;
}
.navbar-nav .nav-link::before {
  position: absolute;
  content: "";
  height: 0.1rem;
  width: 0;
  background-color: var(--al-primary);
  transition: 0.3s ease-in-out;
  bottom: -0.1rem;
  left: 0;
}

.navbar-nav .nav-link:hover::before {
  width: 100%;
}
.dropdown-menu {
  --bs-dropdown-border-color: unset;
  max-height: 30rem;
  overflow: auto;
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--al-primary);
  text-decoration: none;
  background-color: transparent;
}
.dropdown-item {
  position: relative;
}
.dropdown-item::before {
  position: absolute;
  content: "";
  height: 0.1rem;
  width: 0;
  background-color: var(--al-primary);
  transition: 0.3s ease-in-out;
  bottom: -0.1rem;
  left: 0;
}
.dropdown-item:hover {
  background-color: unset !important;
}
.dropdown-item:hover::before {
  width: 100%;
}
.site #nav-main .offcanvas-body .tarjeta {
  display: flex;
  flex-direction: column;
  min-height: 12rem;
  justify-content: flex-end;
  margin-bottom: 1rem;
  position: relative;
  height: 100%;
}
.site #nav-main .offcanvas-body .tarjeta p {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--al-primary);
}
.site #nav-main .offcanvas-body .tarjeta a {
  font-size: 0.7rem;
}
.site #nav-main .offcanvas-body .tarjeta img {
  height: 6rem;
  object-fit: contain;
  padding-bottom: 1rem;
}
.header-actions button {
  font-size: 1.5rem;
}

.botones-flotantes {
  display: flex;
  position: fixed;
  right: 0;
  bottom: 0;
  height: 5rem;
  width: 100%;
  flex-direction: row;
  transform: none;
  z-index: 20;
}
.btn-flotante {
  background: var(--al-cta);
  color: white;
  text-align: center;
  padding: 1rem;
  font-size: 1.5rem;
  border: white 2px solid;
  z-index: 500;
  flex-grow: 1;
}
.btn-flotante:hover {
  background: var(--al-cta-dark);
}
.btn-flotante.tfno {
  background: var(--al-primary);
}
.top-button {
  bottom: 9rem;
}
.telefonos-flotantes {
  display: flex;
  position: fixed;
  right: 0;
  bottom: 5.8rem;
  height: 2rem;
  width: 100%;
  flex-direction: row;
  transform: none;
  z-index: 20;
  align-items: center;
}
.tfno-flotante {
  background: var(--al-primary);
  width: 50%;
  color: white;
  text-align: center;
  font-size: 1rem;
  border: white 2px solid;
  z-index: 500;
  text-decoration: none;
  padding: 1rem;
}
.tfno-flotante:hover {
  background: var(--al-primary);
}

/* === Footer === */
.footer {
  padding: 2rem 0;
  background-color: var(--al-dark-gray);
}
.footer p {
  margin-bottom: 0;
}
.footer a {
  text-decoration: none;
  color: white;
}
.footer .h3 {
  text-transform: uppercase;
  font-size: 1.2rem;
  color: white;
  margin-bottom: 1.5rem;
}
.footer .redes {
  padding-top: 4rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.footer .logo {
  height: 8rem;
}
.footer .redes svg {
  height: 1.5rem;
}
.footer p {
  color: white;
}
.footer .botones {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
}
.footer .legal {
  display: block;
  margin-bottom: 0.5rem;
}
/* === 404 === */
.pag-404 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.pag-404 .h1 {
  font-size: 10rem;
  color: black;
}
.pag-404 img {
  width: 8rem;
}
.pag-404 .vaya {
  font-size: 2rem;
  font-weight: 600;
  color: var(--al-primary);
}
/* === Index === */
.noticias .hero {
  background-image: url(assets/img/lascaray-noticias-hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 15rem;
  padding-bottom: 10rem;
}
.noticias .h1 span {
  background-color: var(--al-primary);
}
.noticias .noticias-destacadas .feed-destacados {
  padding-top: 6rem;
}
.noticias .noticias-destacadas .col-textos {
  position: relative;
}
.noticias .noticias-destacadas .col-textos::after {
  content: "";
  height: 120%;
  width: 120%;
  background-color: var(--al-primary);
}
.noticias .noticias-destacadas .fondo {
  position: relative;
  padding: 2rem;
}
.noticias .noticias-destacadas .fondo::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: var(--al-primary);
  z-index: -1;
}
.noticias .noticias-destacadas .carousel-indicators {
  bottom: -4rem;
}
.noticias .noticias-destacadas .carousel-indicators [data-bs-target] {
  background-color: var(--al-primary);
  width: 3rem;
  height: 0.4rem;
}
.noticias .noticias-destacadas .carousel-item {
  color: white;
}
.noticias .noticias-destacadas .carousel-item img {
  aspect-ratio: 5/3;
  height: 100%;
}
.noticias .todas-noticias .buscador {
  padding-top: 6rem;
  padding-bottom: 1rem;
}
.noticias .todas-noticias .categorias {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.noticias .todas-noticias .card-body {
  background-color: var(--al-quaternary);
  color: white;
  padding: 2rem;
}
.noticias .todas-noticias .card {
  height: 100%;
}
.noticias .todas-noticias .card img {
  aspect-ratio: 3/2;
  object-fit: cover;
}
.noticias .etiqueta {
  text-transform: uppercase;
  color: var(--al-cta);
}
.noticias .categoria-activa {
  background-color: white !important;
  color: var(--al-primary) !important;
  border: 1px var(--al-primary) solid !important;
}
#ajaxsearchpro1_1,
#ajaxsearchpro1_2,
div.asp_m.asp_m_1 {
  background-image: unset !important;
  border: 2px var(--al-primary) solid !important;
  border-radius: 2rem !important;
  background: unset !important;
}
#ajaxsearchpro1_1 .probox .promagnifier .innericon svg,
#ajaxsearchpro1_2 .probox .promagnifier .innericon svg,
div.asp_m.asp_m_1 .probox .promagnifier .innericon svg {
  fill: var(--al-primary) !important;
}
#ajaxsearchpro1_1 .probox .promagnifier,
#ajaxsearchpro1_2 .probox .promagnifier,
div.asp_m.asp_m_1 .probox .promagnifier {
  background-image: unset !important;
}
#ajaxsearchpro1_1 .probox .proinput input.orig,
#ajaxsearchpro1_2 .probox .proinput input.orig,
div.asp_m.asp_m_1 .probox .proinput input.orig {
  color: black !important;
}
#ajaxsearchprores1_1.vertical,
#ajaxsearchprores1_2.vertical,
div.asp_r.asp_r_1.vertical {
  background: var(--al-primary) !important;
}
/* === Single === */
.single-post .hero {
  background-repeat: no-repeat;
  background-size: cover;
}
.single-post .consultas {
  padding-top: 0;
  padding-bottom: 0;
}
.single-post .consultas {
  background-color: var(--al-light-gray);
}
.single-post .consultas .imagen {
  background-color: var(--al-primary);
  position: relative;
}
.single-post .consultas .imagen img {
  height: 100%;
  /* aspect-ratio: 1; */
  object-fit: cover;
  position: relative;
}
.single-post .consultas h2.h4#reply-title {
  display: none;
}
.single-post a {
  color: var(--al-primary);
}
.h3 span {
  color: var(--al-primary);
}
.single-post .ofertas .vermas a {
  width: fit-content;
}
/* === Carrito === */
.carrito {
  padding-top: 4rem;
}
.carrito .wc-block-components-product-name {
  text-decoration: none;
  font-size: clamp(1.1rem, 1vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  margin-bottom: 2rem;
  color: var(--al-dark-gray);
  font-family: "Montserrat";
}
.carrito .wc-block-components-product-price__regular {
  color: var(--al-tertiary);
  font-weight: 900;
}
.carrito .wc-block-components-product-price__value.is-discounted {
  font-weight: 900;
  color: var(--al-secondary);
}
.carrito .wc-block-components-product-price__value,
.carrito
  .wc-block-components-formatted-money-amount.wc-block-components-totals-footer-item-tax-value {
  font-weight: 900;
  color: var(--al-primary);
}
.carrito .wc-block-cart__submit-button.contained {
  color: var(--al-primary);
}
.carrito .wp-element-button.wc-block-components-totals-coupon__button {
  background-color: var(--al-primary) !important;
  color: white !important;
  border: white solid 1px;
  text-transform: uppercase;
}
.carrito .wp-element-button.wc-block-components-totals-coupon__button:hover {
  background-color: white !important;
  color: var(--al-primary) !important;
  border: 1px var(--al-primary) solid !important;
}
.woocommerce-mini-cart-item a {
  color: var(--al-primary);
}
.woocommerce-info {
  background-color: var(--al-cta) !important;
  color: white !important;
  border: unset !important;
}
.woocommerce-info:before {
  background-color: white !important;
}
/* === Archive === */
/*=== Legal === */
.pag-legal .hero {
  background-image: url(assets/img/lascaray-home-hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 15rem;
  padding-bottom: 5rem;
}
.pag-legal h2 {
  font-size: clamp(2.1rem, 2vw, 2.5rem);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  margin-bottom: 2rem;
  color: var(--al-dark-gray);
}
.pag-legal a {
  color: var(--al-primary);
}
/* ==== MQ ==== */

/* ==== Landing ==== */
.landing .hero {
  /* background-image: url(assets/img/lascaray-home-hero.jpg); */
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 15rem;
}
.landing .texto p {
  color: white;
  font-weight: 700;
}
.landing .hero .container {
  min-height: 50vh;
}
.landing .entrega,
.landing .precio {
  color: white;
  background-color: var(--al-primary);
  text-transform: uppercase;
  font-weight: 900;
  padding: 0.25rem 1rem;
}
.landing .h2 {
  color: white;
}
.landing .precio {
  margin-bottom: 2rem;
  font-size: 2rem;
  width: fit-content;
}
/*sm*/

@media (min-width: 576px) {
  /* ==== Inicio ==== */
  /* --- Hero --- */
  .home .pasos-compra .tarjeta-paso .texto-tarjeta .texto {
    font-size: 1rem;
  }
  .telefonos-flotantes{
    z-index: unset;
    width: unset;
  }
  /* ==== Páginas ==== */

  /* === Header === */

  /* === Footer === */

  /* === 404 === */
  /* === Index === */
  /* === Single === */

  /* === Archive === */
}

/*md*/
@media (min-width: 768px) {
  section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .h2.bg-azul span,
  .h2.bg-azul-dcha span {
    color: white;
  }
  .h2.bg-azul::after {
    position: absolute;
    content: "";
    top: 3rem;
    left: -20rem;
    height: 9rem;
    width: 100%;
    background-color: var(--al-primary);
    z-index: -1;
    overflow: clip;
  }
  .h2.bg-azul-dcha::after {
    position: absolute;
    content: "";
    top: 3rem;
    left: 20rem;
    height: 9rem;
    width: 100%;
    background-color: var(--al-primary);
    z-index: -1;
    overflow: clip;
  }
  .h2.bg-azul.quat::after {
    background-color: var(--al-quaternary);
  }
  .h2.bg-azul-dcha.quat::after {
    background-color: var(--al-quaternary);
  }
  .btn {
    font-size: clamp(0.7rem, 2vw, 1rem);
  }
  .botones .btn {
    font-size: clamp(0.7rem, 2vw, 0.7rem);
  }
  .botones-flotantes {
    z-index: unset;
    width: unset;
  }
  /* ==
  /* ==== Inicio ====
  .home .lascaray .textos {
    padding: 5rem 3rem;
    min-height: 75vh;
  } */

  /* ==== Páginas ==== */
  /* === Nosotros === */
  .nosotros .instalaciones .textos .h3 {
    width: 45%;
  }
  .suscribete .textos {
    padding: 5rem;
  }
  /* === Profesionales === */
  #navbar-renting .navbar-brand {
    display: block;
  }
  /* === Modelo === */
  .ventaja {
    border-right: var(--al-light-gray) 1px solid;
  }

  #ventajas {
    padding: 4rem;
  }
  /* === Ofertas === */
  .tienda .order-md-last {
    order: 0 !important;
  }
  .tienda .etiquetas span {
    font-size: 1rem;
  }
  /* === Header === */
  .btn-flotante {
    position: fixed;
    background: var(--al-cta);
    bottom: 5rem;
    right: 3rem;
    height: 4rem;
    width: 4rem;
    color: white;
    text-align: center;
    padding: 0.5rem;
    font-size: 1.5rem;
    border: white 2px solid;
    border-radius: 50%;
    z-index: 500;
  }
  .btn-flotante.contacto {
    bottom: 10rem;
  }

  .tfno-flotante {
    position: fixed;
    background: var(--al-primary);
    bottom: 5rem;
    right: 8rem;
    width: fit-content;
    color: white;
    text-align: center;
    font-size: 1rem;
    padding: 0.25rem 1rem;
    border: white 2px solid;
    border-radius: 5rem;
    z-index: 500;
    text-decoration: none;
  }
  .tfno-flotante.ventas {
    bottom: 8rem;
  }

  /* === Footer === */
  .footer {
    padding: 2rem 4rem;
  }
  .footer .botones {
    flex-direction: row;
  }
  /* === 404 === */
  /* === Index === */
  /* === Single === */
  /* === Archive === */

  .tienda aside {
    background-color: var(--al-primary);
    padding: 2rem;
  }
}

/*lg*/
@media (min-width: 992px) {
  /* ==== Inicio ==== */
  /* --- Hero --- */
  .home .pasos-compra .tarjeta-paso .texto-tarjeta .texto {
    font-size: clamp(1rem, 4vw, 1.5rem);
  }
  /* ==== Páginas ==== */
  /* === Sobre nosotros === */
  .nosotros .equipo img {
    aspect-ratio: 5 / 2;
  }
  /* === Modelo === */
  .modelo-hero .interiores .carousel-item img {
    aspect-ratio: 3/2;
  }
  .modelo-hero .interiores .recuadro {
    position: relative;
    bottom: 5rem;
    left: 5rem;
    padding: 2rem;
    width: 40%;
  }
  .modelo-hero .interiores .carousel-indicators {
    bottom: 0;
  }
  .modelo-hero .hero .recuadro {
    bottom: -4rem;
  }
  .modelo-hero .hero {
    padding-bottom: 0;
    padding-top: 30rem;
  }
  .tienda .hero {
    margin-bottom: 5rem;
  }
  .tienda .detalles-prod .resumen {
    position: sticky;
    top: 12rem;
  }
  .tienda .caracteristicas-dest img {
    display: block;
    position: relative;
    top: 7rem;
    right: 15rem;
  }
  .tienda .garantia .img-larga img {
    display: block;
    position: relative;
    height: 100%;
    object-fit: cover;
    transform: scale(1.25);
    z-index: 1;
  }
  /* === Contacto === */
  .contacto .formularios img {
    top: 5%;
    right: 3rem;
    height: 90%;
  }
  /* .contacto .form-wrapper.form-nosotros {
    top: -15rem;
  } */
  .contacto .form-wrapper.form-taller {
    top: -5rem;
  }
  /* === Noticias === */
  .noticias .noticias-destacadas .fondo::after {
    width: 50%;
  }
  /* === Header === */
  .header-actions button {
    font-size: 1rem;
  }
  /* === Footer === */
  .top-button {
    bottom: 2rem;
  }
  /* === 404 === */
  /* === Index === */
  /* === Single === */

  /* === Archive === */
}

/*xl*/
@media (min-width: 1200px) {
  /* ==== Inicio ==== */
  .home .lascaray .textos {
    padding: 8rem 1rem;
  }
  .home .lascaray .botones {
    flex-direction: column;
  }
  .home .pasos-compra .tarjeta-paso .texto-tarjeta .texto {
    font-size: 1rem;
  }
  /* ==== Páginas ==== */

  /* === Header === */

  /* === Footer === */

  /* === 404 === */
  /* === Index === */
  /* === Single === */

  /* === Archive === */
}

/*xxl*/
@media (min-width: 1400px) {
  /* ==== Inicio ==== */
  /* --- Hero --- */

  .home .lascaray .botones {
    flex-direction: row;
  }
  /* ==== Páginas ==== */
  /* === Sobre nosotros     === */
  .taller .tarjetas .tarjeta {
    aspect-ratio: 3/2;
    height: unset;
    padding: 4rem 6rem;
  }
  /* === Header === */

  /* === Footer === */
  .colophon {
  background-color: transparent;
  display: flex;
  padding: 1rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  /* margin-bottom: 4rem; */
}

.colophon svg>path {
  fill: white;
}

.colophon .colophon-texto {
  /* font-family: "Montserrat"; */
  font-weight: 300;
  letter-spacing: -0.5px;
}

.colophon a {
  text-decoration: none;
  color: white;
}

#colophon {
    text-align: center;
    background: black !important;
    color: white!important;
    padding: .5rem 0;
}

#colophon svg {
    width: 7rem;
    fill: white;
}

#colophon a {
  color: white;
  text-decoration: none;
}

#colophon a:hover {
  text-decoration: underline;
}

  /* === 404 === */
  /* === Index === */
  /* === Single === */

  /* === Archive === */
}