/*
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.1711031504
Updated: 2024-03-21 15:31:44

*/

:root {
  --ga-primary: #e64747;
  --ga-black: #000;
  --ga-gray: #656565;
  --ga-dark-gray: #3a3232;
  --ga-light-gray: #f5f5f5;
  --ga-cta: #5879db;
  --ga-white: #fff;
}
@font-face {
  font-family: "Fira Sans Condensed";
  src: url("assets/fonts/FiraSansCondensed-Regular.woff2") format("woff2"),
    url("assets/fonts/FiraSansCondensed-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans Condensed";
  src: url("assets/fonts/FiraSansCondensed-Black.woff2") format("woff2"),
    url("assets/fonts/FiraSansCondensed-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans Condensed";
  src: url("assets/fonts/FiraSansCondensed-Bold.woff2") format("woff2"),
    url("assets/fonts/FiraSansCondensed-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir Next LT Pro";
  src: url("assets/fonts/AvenirNextLTPro-Regular.woff2") format("woff2"),
    url("assets/fonts/AvenirNextLTPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Avenir Next LT Pro";
}

p {
  font-size: 1rem;
}
.h1,
.h2,
.h3,
.h4,
.lead {
  font-family: "Fira Sans Condensed";
  font-weight: 700;
  text-transform: uppercase;
}
.h1 {
  font-size: clamp(2rem, 10vw, 3rem);
  line-height: clamp(2.5rem, 11vw, 3.8rem);
  margin-bottom: 2rem;
  color: var(--ga-black);
}
.h2 {
  color: var(--ga-black);
  position: relative;
  font-size: clamp(1rem, 2vw, 1.5rem);
  margin-top: 0 !important;
  margin-bottom: 2rem;
  letter-spacing: 0.2rem;
}
.lead {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  line-height: clamp(1.3rem, 5vw, 2.5rem);
  margin-bottom: 4.5rem;
  color: var(--ga-primary);
  letter-spacing: 0.4rem;
}
.h2-fira {
  font-family: "Fira Sans Condensed";
  color: var(--ga-primary);
  font-size: 2.3rem;
  letter-spacing: 0.2rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 2.5rem;
}
section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
/* --- botones --- */
.btn {
  padding: 0.25rem 1rem;
}
.btn:hover {
  border-color: transparent;
  opacity: 0.8;
}
.btn-primary {
  background-color: var(--ga-primary) !important;
  border-color: transparent;
  border-radius: unset;
}
.hero {
  padding-top: 16rem;
  padding-bottom: 3rem;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

/* ==== Inicio ==== */

/* ---- Hero ---- */
.inicio .lead {
  color: var(--ga-black);
}
.inicio .hero img {
  width: 65%;
  margin-bottom: 4rem;
}
.inicio .hero .texto-hero .cuadrado {
  display: none;
}
.inicio .galeria-concesionarios {
  padding-bottom: 16rem;
  position: relative;
}
.inicio .galeria-concesionarios img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.inicio .hero .texto-hero {
  position: relative;
}
/* ---- Conócenos ---- */
.conocenos {
  position: relative;
}
.conocenos .container {
  position: relative;
}
.conocenos .coches-solapados {
  position: relative;
}
.conocenos .coches-solapados img {
  width: 40%;
}
@keyframes mancha {
  0%,
  100% {
    filter: blur(4rem);
    transform: translateX(0);
  }
  50% {
    filter: blur(5rem);
    transform: translateX(1rem);
  }
}

.conocenos .coches-solapados span {
  position: absolute;
  width: 13rem;
  height: 13rem;
  border-radius: 50%;
  bottom: 0;
  left: 50%;
  z-index: -2;
  transform: translateX(-50%);
  background-color: var(--ga-cta);
  filter: blur(4rem);
}
.conocenos .coches-solapados img:nth-child(1) {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.conocenos .coches-solapados img:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.conocenos .coches-solapados img:nth-child(3) {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

/* ---- Promociones ---- */
.inicio .promociones {
  padding-bottom: 10rem;
}
.inicio .promociones .container .row {
  height: 35rem;
}
.inicio .promociones .container {
  height: 35rem;
}

.inicio .promociones .h2-fira {
  position: relative;
}

.img-container {
  position: relative;
  display: inline-block;
}
.inicio .promociones .img-container img,
.about .hero .img-container img {
  position: relative;
  top: 2rem;
  right: 0;
  width: 100%;
}
.inicio .promociones .img-container::after,
.about .hero .img-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 3rem;
  width: calc(100% - 12rem);
  height: 100%;
  background-color: var(--ga-primary);
  z-index: -1;
}
.promociones .hero .img-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 3rem;
  width: calc(100% - 8rem);
  height: calc(100% + 3rem);
  background-color: var(--ga-primary);
  z-index: -1;
}
.promociones .lista-promociones .card-body a {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}
.promociones .lista-promociones .etiqueta {
  display: block;
  padding: 0.2rem 0.5rem;
  width: fit-content;
  background-color: var(--ga-gray);
  color: var(--ga-white);
  margin-bottom: 1rem;
  font-size: 0.8rem;
  border-radius: 0.75rem;
}
/* ---- AntonCars ---- */
.columna-foto img {
  aspect-ratio: 7/6;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.columna-foto {
  position: relative;
}
.columna-foto::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: var(--ga-dark-gray);
  opacity: 0.4;
}
.antonCars {
  z-index: 0;
  position: relative;
}
.antonCars .container-fluid {
  background-color: var(--ga-dark-gray);
}
.columna-fondo .h2,
.columna-fondo div {
  color: var(--ga-white);
}
.texto-imagen {
  position: absolute;
  z-index: 1;
}
.texto-imagen .h2-fira {
  color: var(--ga-white);
}
.texto-imagen .h2-fira::after {
  position: absolute;
  content: "";
  height: 0.2rem;
  width: 3rem;
  background-color: var(--ga-primary);
  bottom: -0.5rem;
  left: 0;
}
.rot-txt {
  font-size: 4rem;
  position: absolute;
  rotate: 180deg;
  right: 0;
  writing-mode: vertical-lr;
  font-weight: 350;
  top: 12rem;
  opacity: 0.2;
  color: var(--ga-gray);
  z-index: -1;
}
.rot-txt2 {
  rotate: -180deg;
  left: 0;
  bottom: 10rem;
  top: unset;
  right: unset;
}
.contacto .rot-txt2 {
  top: 8rem;
  bottom: unset;
}
.sostenibilidad .valores .rot-txt2 {
  bottom: 19rem;
}
/* ---- Noticias ---- */
.noticias #lista-entradas button.nav-link {
  font-size: 1.7rem;
  color: var(--ga-black);
  position: relative;
  transition: 0.3s ease-in-out;
  text-align: center;
}
.noticias #lista-entradas .nav-pills {
  position: relative;
}
.noticias #lista-entradas .nav-pills .nav-link.active {
  color: var(--ga-primary);
  background-color: transparent;
}
.noticias #lista-entradas .nav-pills .nav-link:hover {
  color: var(--ga-primary);
  opacity: 0.5;
}
.noticias #entradas-pills-tabContent {
  position: relative;
}
.noticias #entradas-pills-tabContent img,
.blog .ultimas-noticias .entrada img {
  aspect-ratio: 3/4;
  object-fit: cover;
}
.noticias .nav-pills .nav-link {
  position: relative;
}
.noticias .tab-pane .recuadro svg {
  transition: 0.3s ease-in-out;
}
.noticias .tab-pane .recuadro :hover svg {
  transform: translateX(0.5rem);
}
.concesionarios .recuadro {
  display: flex;
  position: relative;
  background-color: var(--ga-light-gray);
  width: 100%;
  height: max-content;
  bottom: -12rem;
  left: 0;
  padding: 1.5rem;
  flex-direction: column;
  justify-content: space-between;
}
.recuadro {
  display: flex;
  position: absolute;
  background-color: var(--ga-light-gray);
  width: 100%;
  height: max-content;
  bottom: 0;
  left: 0;
  padding: 1.5rem;
  flex-direction: column;
  justify-content: space-between;
}
.recuadro p {
  overflow: hidden;
  text-overflow: ellipsis;
}
.recuadro .h3 {
  color: var(--ga-primary);
  text-transform: uppercase;
  letter-spacing: 0.2rem;
}
.recuadro a {
  padding-top: 0.5rem;
}
/* ==== Páginas ==== */

/* === Anton Motor === */
.historia {
  z-index: 0;
  position: relative;
}
.historia .container-fluid {
  background-color: var(--ga-dark-gray);
}

.about .hitos .card-container {
  display: flex;
  overflow-x: scroll;
  position: relative;
  padding-bottom: 3rem;
  scroll-snap-type: x mandatory;
  scroll-snap-type: mandatory;
  -webkit-scroll-snap-type: mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.about .hitos .card-wrapper {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 6rem;
  grid-auto-flow: column;
  position: relative;
  box-sizing: unset;
  scroll-snap-align: start;
}

.about .hitos .card-wrapper::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
  height: 0.1rem;
  background-color: var(--ga-primary);
}

.about .hitos .card-container .card {
  white-space: normal;
  position: relative;
  width: 19rem;
  box-sizing: unset;
  --bs-card-border-radius: unset;
  --bs-card-border-color: unset;
  background-color: var(--ga-light-gray);
}
.about .hitos .card-container .card img {
  height: 50%;
  object-fit: cover;
}
.about .hitos .card-container .card .year {
  color: var(--ga-primary);
  font-size: 1.2rem;
  line-height: unset;
}
.about .hitos .card-container .card::after {
  position: absolute;
  content: "";
  width: 0.1rem;
  background-color: var(--ga-primary);
  height: 3rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: -3rem;
}

.about .hitos .card-container .card::before {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--ga-primary);
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  bottom: -3rem;
}

.about .hitos .card-container .card-wrapper:nth-child(2n) .card::after,
.about .hitos .card-container .card-wrapper:nth-child(2n) .card::before {
  bottom: unset;
  top: -3rem;
}

.about .hitos .card-container .card-wrapper:nth-child(2n) .card::before {
  transform: translateX(-50%) translateY(-50%);
}

.about .hitos .card-container .card-wrapper:nth-child(2n) .card {
  grid-row: 2;
}

.hitos ::-webkit-scrollbar {
  height: 5px;
}

.hitos ::-webkit-scrollbar-track {
  background: var(--ga-light-gray);
}

.hitos ::-webkit-scrollbar-thumb {
  background: var(--ga-dark-gray);
}

.hitos ::-webkit-scrollbar-thumb:hover {
  background: var(--ga-primary);
}

.hitos .scroll-arrow button {
  background: transparent;
  border: 0;
}
.scroll-arrow-testimonios button {
  background: transparent;
  border: 0;
}
/* ---- Carrusel ---- */
.carousel-indicators {
  bottom: -2rem;
  gap: 4rem;
}
.carousel-item .indicador {
  border-left: unset !important;
  border-bottom: unset !important;
}
/* ---- Carrusel ---- */
.about .concesionarios {
  padding-bottom: 10rem;
}
.concesionarios .nav-pills .nav-link {
  position: relative;
  opacity: 0.1;
}
.concesionarios .nav-pills .nav-link.active {
  background-color: transparent;
  opacity: 1;
}
.concesionarios .nav-pills .nav-link:hover {
  opacity: 0.4;
}
.concesionarios .carousel-indicators {
  bottom: -11.35rem;
  gap: unset;
  height: 12rem;
  margin: unset;
  justify-content: start;
}
.concesionarios .carousel-indicators [data-bs-target] {
  margin: unset;
}
.concesionarios .carousel-indicators button {
  width: 33.3%;
  height: 100%;
  position: relative;
}
.concesionarios .carousel-item img {
  aspect-ratio: 3/2;
  object-fit: cover;
}
.concesionarios .carousel-indicators button img {
  aspect-ratio: 4/3;
  height: 100%;
  object-fit: cover;
}
.concesionarios .recuadro a {
  width: fit-content;
  align-self: end;
}
/* ---- Testimonios ---- */
.about .testimonios {
  padding-top: 8rem;
}
.about-testimonios {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  background-color: var(--ga-light-gray);
  padding: 2.5rem;
}
.about-testimonios .item {
  scroll-snap-align: center;
  scroll-snap-align: start;
  padding: 0;
  aspect-ratio: 8 / 6;
  margin: 2rem 1rem;
  text-align: center;
  transition: 0.3s ease-in-out;
}
.about-testimonios .item .card .icono {
  width: 3rem;
}
.about-testimonios .item .card {
  background-color: var(--ga-white);
  padding: 2rem;
  border: none;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 18rem;
}
.about-testimonios .item .nombre {
  color: var(--ga-black);
  font-size: 1.5rem;
}
.about-testimonios .item .fecha {
  font-size: 1.5rem;
}

/* === Sostenibilidad === */
.sostenibilidad .hero {
  padding-bottom: 8rem;
}
.landing-feria .hero {
  padding-top: 10rem;
}
.h3-fira {
  font-family: "Fira Sans Condensed";
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ga-black);
  letter-spacing: 0.1rem;
}
.info-feria p {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  color: var(--ga-black);
}
.info-feria ul li {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--ga-black);
}
.sostenibilidad .form-wrapper {
  background-color: transparent;
   box-shadow: none;
  border-radius: 0;
  margin-top: 2rem;
}
.sostenibilidad .form-wrapper .nf-form-title h3,
.sostenibilidad .form-wrapper .nf-field-label label,
.sostenibilidad .form-wrapper .nf-section-title h3,
.sostenibilidad .form-wrapper .nf-field-description,
.sostenibilidad .form-wrapper .checkbox-wrap a,
.sostenibilidad .form-wrapper .nf-form-fields-required {
  color: var(--ga-white) !important;
}
.sostenibilidad .hero img {
  aspect-ratio: 3/2;
  object-fit: cover;
  position: relative;
}
.landing-feria .hero img {
  aspect-ratio: unset ;
  object-fit: cover;
  position: relative;
}
.landing-feria .info-feria p{
  font-size: 1.5rem;
 }
.sostenibilidad .valores img {
  aspect-ratio: 3/5;
  object-fit: cover;
  width: 100%;
  filter: grayscale();
}
.sostenibilidad .valores .texto-hover {
  color: var(--ga-white);
  position: relative;
}
.sostenibilidad .valores .valor:hover .texto-hover {
  color: var(--ga-black);
  z-index: 1;
}
.sostenibilidad .valores .valor:hover img {
  filter: unset;
}
.sostenibilidad .valores .valor {
  position: relative;
}

/* === Landing Feria Specifics === */
.landing-feria .form-wrapper .nf-form-title h3,
.landing-feria .form-wrapper .nf-field-label label,
.landing-feria .form-wrapper .nf-section-title h3,
.landing-feria .form-wrapper .nf-field-description,
.landing-feria .form-wrapper .checkbox-wrap a,
.landing-feria .form-wrapper .nf-form-fields-required {
  color: var(--ga-black) !important;
}

.landing-feria .valores .valor .texto-hover {
  color: var(--ga-black) !important;
  z-index: 1;
}

.landing-feria .valores .valor img {
  filter: unset !important;
}

.landing-feria .valores .valor::after {
  content: "" !important;
  position: absolute;
  bottom: 0;
  right: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border: 0.3rem solid var(--ga-primary);
  z-index: 0;
}

.sostenibilidad .valores .valor:hover::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0.5rem;
  width: calc(100% - 1rem);
  height: calc(100% - 1rem);
  border: 0.3rem solid var(--ga-primary);
  z-index: 0;
}

/* ---- evolucion ---- */
.evolucion {
  z-index: 0;
  position: relative;
  padding-bottom: 0;
}
.evolucion .container-fluid {
  background-color: var(--ga-dark-gray);
}
/* === Promociones === */
.promociones .lista-promociones .card {
  --bs-card-border-color: unset;
  background-color: var(--ga-light-gray);
}
.promociones .lista-promociones .precio,
.promociones .lista-promociones h3 {
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
}

.promociones .lista-promociones img {
  aspect-ratio: 1;
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.promociones .h3 {
  font-size: clamp(0.5rem, 2vw, 1.5rem);
}
/* --- Modal ---*/
#modal-contacto img {
  width: 15rem;
}
.checkbox-container.label-right .field-wrap > div {
  width: unset !important;
}
/* === Noticias === */
.blog .page-header {
  padding-bottom: 0;
}
.blog .ultimas-noticias .pagination {
  justify-content: center;
}
.blog .ultimas-noticias .entrada {
  position: relative;
  padding-right: unset;
  padding-left: unset;
}
.blog .ultimas-noticias .entrada img {
  height: 30rem;
}
.blog .ultimas-noticias .entrada .categoria {
  position: absolute;
  background-color: var(--ga-primary);
  width: fit-content;
  height: 5rem;
  top: 4rem;
  right: 0;
}
.blog .ultimas-noticias .entrada:nth-child(2n) .categoria {
  background-color: var(--ga-dark-gray);
}
.blog .ultimas-noticias .entrada:nth-child(2n) .recuadro .h3 {
  color: var(--ga-dark-gray);
}
.blog .ultimas-noticias .entrada .categoria p {
  color: var(--ga-white);
  font-size: 1.2rem;
}
.blog .ultimas-noticias .entrada:nth-child(2n) img {
  border-left: 6rem solid var(--ga-dark-gray);
  border-bottom: 6rem solid var(--ga-dark-gray);
}
.blog .ultimas-noticias .entrada .recuadro svg {
  transition: 0.3s ease-in-out;
}
.blog .ultimas-noticias .entrada .recuadro :hover svg {
  transform: translateX(0.5rem);
}
.page-numbers {
  display: inline-block;
  padding: 0.5rem;
  height: 2.2rem;
  border: 1px solid var(--ga-light-gray);
  line-height: 1;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 600;
}
a.page-numbers {
  color: var(--ga-black);
}
.page-numbers.current,
a.page-numbers:hover {
  background: var(--ga-gray);
  color: var(--ga-white);
}
/* ---- buscador ajax ---- */
#ajaxsearchpro1_1,
#ajaxsearchpro1_2,
div.asp_m.asp_m_1 {
  background: unset !important;
  background-color: transparent !important;
  border-radius: 1rem !important;
  border: 0.1rem solid var(--ga-black) !important;
}
.blog .categoria .dropdown {
  height: 100%;
}
.blog .categoria button {
  border: 0.1rem solid black;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  text-align: start;
  background-color: transparent;
}
/* === FAQ === */
.faq .acordeones article {
  padding-bottom: 8rem;
}
.faq .acordeones article h3 {
  font-size: 1rem;
  text-transform: none;
}
.faq .acordeones article .accordion-item {
  background-color: var(--ga-light-gray);
  border: unset;
  border-bottom: var(--ga-dark-gray) solid 0.1rem;
}
.faq .acordeones article .accordion-item:last-child {
  border-bottom: none;
}
.faq .acordeones article .accordion-button:focus {
  box-shadow: none;
}
.faq .acordeones article .accordion-button:not(.collapsed) {
  background-color: var(--ga-light-gray) !important;
  color: inherit;
}
.accordion-item:first-of-type {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.faq .acordeones .nav-pills .nav-link {
  color: var(--ga-primary);
  border: 0.1rem solid var(--ga-primary);
  border-radius: unset;
}
.faq .acordeones .nav-pills .nav-link.active {
  color: var(--ga-white);
  background-color: var(--ga-primary);
}
.faq .acordeones #articulos .nav {
  top: 7rem;
}
.faq .accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-border-color: transparent;
}
/* === Contacto === */
.contacto .taller {
  z-index: 0;
  position: relative;
}
.contacto .taller .container-fluid {
  background-color: var(--ga-dark-gray);
}
.contacto .unete {
  z-index: 0;
  position: relative;
}
.contacto .unete .container-fluid {
  background-color: var(--ga-light-gray);
}
.contacto .unete .container-fluid .h2,
.contacto .unete .container-fluid .texto {
  color: var(--ga-black);
}
.contacto .hero {
  padding-top: 8rem;
  padding-bottom: 12rem;
}
.contacto section {
  padding-top: 0;
  padding-bottom: 0;
}
.contacto .taller a {
  text-decoration: none;
  color: var(--ga-white);
}
.contacto .taller span {
  padding-top: 0.3rem;
}
.contacto .columna-fondo {
  padding-top: 2rem !important;
}
.contacto .form-wrapper {
  background-color: var(--ga-gray);
  padding: 2rem;
  border-radius: 1rem;
}
.landing .nf-form-content label .contacto .nf-form-content label {
  font-size: 0.8rem !important;
}
.landing .nf-form-fields-required,
.contacto .nf-form-fields-required {
  font-size: 0.6rem !important;
}
.landing .nf-fu-fileinput-button,
.contacto .nf-fu-fileinput-button {
  margin-bottom: 1rem !important;
  color: var(--ga-white);
  background-color: var(--ga-primary);
  font-size: 0.8rem !important;
}
.landing .nf-form-content input[type="submit"],
.contacto .nf-form-content input[type="submit"] {
  width: 100%;
}
.landing .nf-form-content a,
.contacto .nf-form-content a {
  color: var(--ga-primary);
}
.landing .nf-fu-progress-bar,
.contacto .nf-fu-progress-bar {
  background-color: var(--ga-primary);
}

/* Quitar margen input hidden*/
.nf-input-limit {
  margin-top: 0 !important;
}

/* === Header === */
.site #nav-main .offcanvas-body .menu-item .nav-link {
  text-transform: uppercase;
  font-family: "Fira Sans Condensed";
  position: relative;
}
.site #nav-main .offcanvas-body .menu-item .nav-link.active {
  color: var(--ga-primary);
}
.site #nav-main {
  background-color: var(--ga-white);
}
.site #nav-main .navbar-brand img {
  width: 13rem;
}
.site #nav-main .offcanvas-title img {
  width: 15rem;
}
.navbar-nav {
  gap: 0.1rem;
}

.navbar-nav .nav-link::before {
  position: absolute;
  content: "";
  height: 0.1rem;
  width: 0;
  background-color: var(--ga-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;
}
.dropdown-item.active,
.dropdown-item {
  text-transform: uppercase;
  font-family: "Fira Sans Condensed";
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--ga-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(--ga-primary);
  transition: 0.3s ease-in-out;
  bottom: -0.1rem;
  left: 0;
}

.dropdown-item:hover::before {
  width: 100%;
}
.site-header svg {
  vertical-align: text-top;
}
/* ==== Footer ==== */
.bootscore-footer {
  position: relative;
}
.bootscore-footer::after {
  position: absolute;
  content: "";
  height: 0.2rem;
  width: 100%;
  background-color: var(--ga-primary);
  top: 0;
  left: 0;
}
.bootscore-footer .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bootscore-footer .container img {
  width: 15rem;
  padding-bottom: 2rem;
}
.bootscore-footer .legal {
  display: flex;
  width: 100vw;
  justify-content: center;
}
.bootscore-footer .legal a {
  text-decoration: none;
  color: var(--ga-gray);
  font-size: 1rem;
  text-align: center;
}
.bootscore-footer .redes {
  padding-bottom: 2rem;
}
.bootscore-footer .redes a {
  text-decoration: none;
}
.bg-body-tertiary {
  --bs-bg-opacity: 0;
}
.bootscore-footer .redes svg > path {
  fill: var(--ga-gray);
}

.bootscore-footer .concesionarios img {
  width: unset;
  opacity: 0.2;
}
.bootscore-footer .concesionarios img:hover {
  width: unset;
  opacity: 1;
}
footer #colophon {
    text-align: center;
    background: black !important;
    color: white!important;
    padding: .5rem 0;
}

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

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

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

/* === 404 === */
.pag-404 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.pag-404 .h1 {
  font-size: 5rem;
}
.pag-404 img {
  width: 10rem;
}
.pag-404 .vaya {
  font-size: 2rem;
  font-weight: 600;
  color: var(--ga-gray);
}
/* === Entrada === */
.pag-entrada a {
  color: var(--ga-primary);
}

.bg-primary-subtle {
  background-color: var(--ga-gray) !important;
}
.text-primary-emphasis {
  color: var(--ga-white) !important;
}
.entradas .wp-post-image {
  aspect-ratio: 2/1;
  object-fit: cover;
}
.page-item .page-link {
  border-radius: 0;
  color: white;
  background-color: var(--ga-primary) !important;
  border-color: transparent;
  padding: 0.25rem 1rem;
}
.page-item:first-child .page-link {
  border-radius: 0;
}
.page-item:last-child .page-link {
  border-radius: 0;
}
.entradas .pagination {
  gap: 0.5rem;
}
.page-item .page-link:hover {
  opacity: 0.7;
}
.entradas .dudas {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}
.entradas .dudas a {
  color: var(--ga-white);
}
[type="submit"]:not(:disabled) {
  border-radius: 0;
  color: white;
  background-color: var(--ga-primary) !important;
  border-color: transparent;
  padding: 0.25rem 1rem;
}
/* === Categorias === */
.categorias a {
  color: var(--ga-primary);
}
.categorias .card img {
  aspect-ratio: 2/1;
  object-fit: cover;
}
/* === Search === */
.alert-info,
.must-log-in,
.woocommerce-info,
.woocommerce-noreviews {
  --bs-alert-color: var(--ga-white);
  --bs-alert-bg: var(--ga-primary);
  --bs-alert-border-color: transparent;
  --bs-alert-link-color: var(--ga-black);
  opacity: 0.7;
}
.search .site-content a {
  color: var(--ga-primary);
}

/* === Landing === */
.landing .promo .logo {
  width: 10rem;
  margin-bottom: 1rem;
}

.landing .observaciones {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: var(--ga-white);
  position: relative;
}
.landing .observaciones::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ga-dark-gray);
  opacity: 0.8;
  z-index: 0;
}
.landing .observaciones .h2 {
  color: var(--ga-white);
}
.landing .footer {
  border-top: 2px solid var(--ga-primary);
}
.landing .footer p {
  font-size: 1.2rem;
  font-weight: bold;
}
.landing .form-wrapper {
  background-color: var(--ga-light-gray);
  padding: 2rem;
  position: sticky;
  top: 3rem;
  border: 1px solid var(--ga-black);
}
.landing .tarjeta {
  background-color: var(--ga-light-gray);
  text-align: center;
  padding: 1rem;
}
.landing .tarjeta .h3 {
  margin-bottom: 1rem;
}
.landing .tarjeta .precio {
  text-transform: uppercase;
  color: var(--ga-primary);
  font-weight: 700;
  font-size: 1.2rem;
  font-family: "Fira Sans Condensed";
  letter-spacing: 0.2rem;
}
.landing .img-container {
  margin-bottom: 10rem;
}
.landing .img-container::before {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 3rem;
  width: 10rem;
  height: 10rem;
  background-color: var(--ga-primary);
  z-index: -1;
  opacity: 0.7;
}
.landing .img-container::after {
  content: "";
  position: absolute;
  top: -7rem;
  right: 1rem;
  width: 5rem;
  height: 5rem;
  background-color: var(--ga-primary);
  z-index: -1;
}
.landing .boton-fijo {
  position: fixed;
  bottom: -1rem;
  width: 100%;
  height: 4rem;
  z-index: 5;
}
.landing .nf-form-content .label-above .nf-field-label,
.landing .nf-form-content label
{
  visibility: hidden;
  margin-bottom: 0!important;
}
.landing .checkbox-container label{
  visibility: visible;
}
.landing .nf-field-container{
  margin-bottom: 0!important;

}
.landing .label-right .nf-field-description{
  margin: 1rem 0!important;  
}
.landing .h2{
  font-size: clamp(1.3rem, 2vw, 1.5rem);
}
.landing .img-container video{
width: 100%;
}
.landing .img-container img{
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
/* ==== MQ ==== */

/* CookieYes */
div[data-cky-tag="detail-powered-by"] {
  display: none !important;
}
/*sm*/

@media (min-width: 576px) {
  /* ==== Inicio ==== */
  .noticias #entradas-pills-tabContent img,
  .blog .ultimas-noticias .entrada img {
    aspect-ratio: 3/2;
    object-fit: cover;
    border-left: 6rem solid var(--ga-primary);
    border-bottom: 6rem solid var(--ga-primary);
  }
  .recuadro {
    width: 20rem;
  }
  .galeria-concesionarios {
    padding-bottom: 4rem;
  }
}

/*md*/
@media (min-width: 768px) {
  .inicio .hero .texto-hero .cuadrado {
    display: block;
    position: absolute;
    z-index: -1;
  }
  @keyframes cuadradosAnimacion {
    0%,
    100% {
      transform: translateY(0);
      opacity: 1;
    }
    50% {
      transform: translateY(-0.7rem);
      opacity: 0.7;
    }
  }
  @keyframes cuadradosAnimacion2 {
    0%,
    100% {
      transform: translateY(0);
      opacity: 0.7;
    }
    50% {
      transform: translateY(0.7rem);
      opacity: 1;
    }
  }
  .inicio .hero .texto-hero .cuadrado.cuadrado1 {
    background-color: var(--ga-light-gray);
    width: 4rem;
    height: 4rem;
    top: 2rem;
    left: 3rem;
    animation: cuadradosAnimacion2 10s infinite;
  }
  .inicio .hero .texto-hero .cuadrado.cuadrado2 {
    background-color: var(--ga-gray);
    width: 4rem;
    height: 4rem;
    top: -8rem;
    right: 15rem;
    animation: cuadradosAnimacion 11s infinite;
  }
  .inicio .hero .texto-hero .cuadrado.cuadrado3 {
    background-color: var(--ga-primary);
    width: 3rem;
    height: 3rem;
    top: 3rem;
    right: 0;
    animation: cuadradosAnimacion2 10s infinite;
  }
  .inicio .hero .texto-hero .cuadrado.cuadrado4 {
    background-color: var(--ga-primary);
    width: 5rem;
    height: 5rem;
    bottom: 0;
    left: 0;
    animation: cuadradosAnimacion 12s infinite;
  }
  .noticias #entradas-pills-tabContent img,
  .blog .ultimas-noticias .entrada img {
    aspect-ratio: 8/5;
  }
  /* ---- conocenos ---- */
  .conocenos .container::after {
    position: absolute;
    content: "";
    height: 4rem;
    width: 4rem;
    background-color: var(--ga-gray);
    top: -50%;
    left: 0;
  }
  /* ---- promociones ----*/
  .about .hero .img-container::before,
  .inicio .promociones .img-container::before {
    content: "";
    position: absolute;
    top: -5rem;
    right: 4rem;
    width: 5rem;
    height: 5rem;
    background-color: var(--ga-primary);
    z-index: -1;
  }

  .noticias .nav-pills .nav-link.active::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -2.5rem;
    width: 2.5rem;
    height: 0.2rem;
    background-color: var(--ga-primary);
    z-index: 1;
  }
  .inicio .promociones .img-container img,
  .about .hero .img-container img {
    right: 3rem;
  }
  /* ==== Páginas ==== */
  /* === AntonMotor === */
  .concesionarios .carousel-indicators button.active::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translate(-50%);
    width: 3rem;
    height: 0.2rem;
    background-color: var(--ga-primary);
    z-index: 1;
  }
  .concesionarios .nav-pills .nav-link.active::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -2.5rem;
    width: 2.5rem;
    height: 0.2rem;
    background-color: var(--ga-primary);
    z-index: 1;
  }
  .concesionarios .carousel-item img {
    border-left: 6rem solid var(--ga-primary);
    border-bottom: 6rem solid var(--ga-primary);
  }
  .concesionarios .recuadro {
    position: absolute;
    width: 20rem;
    bottom: 0;
  }
  /* === Sostenibilidad === */
  /* ---- hero ---- */

  .sostenibilidad .hero .img-container::before {
    content: "";
    position: absolute;
    bottom: -5rem;
    left: 3rem;
    width: 10rem;
    height: 10rem;
    background-color: var(--ga-primary);
    z-index: 1;
    opacity: 0.7;
  }
  /* === Promociones === */
  .promociones .hero .img-container::before {
    content: "";
    position: absolute;
    top: -8rem;
    right: 0rem;
    width: 5rem;
    height: 5rem;
    background-color: var(--ga-primary);
    z-index: -1;
  }
  /* === Blog === */
  .blog .ultimas-noticias .entrada .categoria {
    position: absolute;
    background-color: var(--ga-primary);
    width: calc(50% - 10rem);
    height: 5rem;
    top: 4rem;
    right: 0;
  }
  /* === FAQ === */
  .faq .hero .img-container::before {
    content: "";
    position: absolute;
    top: -2rem;
    left: 6rem;
    width: 10rem;
    height: 10rem;
    background-color: var(--ga-primary);
    z-index: 1;
    opacity: 0.7;
  }

  /* === Blog === */
  .blog .ultimas-noticias .entrada .categoria {
    position: absolute;
    background-color: var(--ga-primary);
    width: calc(50% - 10rem);
    height: 5rem;
    top: 4rem;
    right: 0;
  }
  /* === Contacto === */
  .contacto .hero {
    padding-top: 16rem;
  }
  .contacto .hero .img-container::after {
    content: "";
    position: absolute;
    top: -5rem;
    left: -5rem;
    width: 5rem;
    height: 5rem;
    background-color: var(--ga-primary);
    z-index: -1;
  }
  .contacto .hero .img-container::before {
    content: "";
    position: absolute;
    bottom: 4rem;
    left: -4rem;
    width: 10rem;
    height: 10rem;
    background-color: var(--ga-primary);
    z-index: 1;
    opacity: 0.7;
  }
  /* === Footer === */
  .bootscore-footer .concesionarios {
    gap: 5rem;
  }
}

/*lg*/
@media (min-width: 992px) {
  /* ==== Inicio ==== */
  /* ---- hero ---- */
  .inicio .hero .texto-hero::before {
    content: "";
    position: absolute;
    top: -7rem;
    left: 7rem;
    width: 2rem;
    height: 2rem;
    background-color: var(--ga-gray);
    z-index: -1;
  }
  .inicio .hero .texto-hero::after {
    content: "";
    position: absolute;
    bottom: 7rem;
    right: 7rem;
    width: 2rem;
    height: 2rem;
    background-color: var(--ga-light-gray);
    z-index: -1;
  }
  /* ---- galeria ---- */
  /* .inicio .galeria-concesionarios::after {
    content: "";
    position: absolute;
    top: -10%;
    left: 3rem;
    width: 5rem;
    height: 5rem;
    background-color: var(--ga-primary);
    z-index: -1;
  } */

  .inicio .promociones .h2-fira::after {
    position: absolute;
    content: "";
    height: 0.2rem;
    width: 3rem;
    background-color: var(--ga-gray);
    bottom: 1.5rem;
    left: 0;
  }
  /* ---- conocenos ---- */
  .conocenos::after {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    bottom: -11rem;
    right: 1rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-primary);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
  }
  /* ---- ocasión ----*/
  .antonCars::after {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    bottom: -11rem;
    right: 1rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-cta);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
  }
  /* ==== Páginas ==== */
  /* === Anton Motor === */
  .about-testimonios {
    margin: 0rem 4rem;
  }
  /* ---- historia ---- */
  .historia::after {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    bottom: 0;
    right: 1rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-primary);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
  }
  /* === Promociones === */
  .promociones .hero::after {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    bottom: 0rem;
    right: 1rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-cta);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
  }
  .promociones .lista-promociones::after {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    bottom: 4rem;
    left: 0rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-primary);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
  }
  .about .concesionarios::after {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    bottom: -11rem;
    right: 1rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-cta);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
  }
  /* === Sostenibilidad === */
  .sostenibilidad .hero .img-container::after {
    content: "";
    position: absolute;
    top: -5rem;
    right: -5rem;
    width: 5rem;
    height: 5rem;
    background-color: var(--ga-primary);
    z-index: -1;
  }
  .sostenibilidad .hero::after {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    bottom: -11rem;
    right: 1rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-primary);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
  }
  /* === Blog === */
  .blog .ultimas-noticias::after {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    bottom: 7rem;
    right: 1rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-cta);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
  }
  /* === FAQ === */
  .faq .hero .img-container::after {
    content: "";
    position: absolute;
    bottom: -4rem;
    right: -5rem;
    width: 5rem;
    height: 5rem;
    background-color: var(--ga-primary);
    z-index: -1;
  }
  .faq .acordeones #articulos .nav {
    position: -webkit-sticky;
    position: sticky;
  }
  /* === Contacto === */
  .contacto .hero::after {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    bottom: -8rem;
    right: 1rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-cta);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
  }
  .landing .promo {
    position: relative;
    overflow: clip;
  }
  
  .landing .promo::after {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    top: 20%;
    right: -4rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-cta);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
    opacity: 0.5;
  }
  .landing .promo::before {
    content: "";
    position: absolute;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    bottom: 20%;
    left: -4rem;
    overflow: clip;
    z-index: -2;
    transform: translateX(-50%);
    background-color: var(--ga-primary);
    filter: blur(7rem);
    animation: mancha 2s linear infinite;
    opacity: 0.5;
  }

}

/*xl*/
@media (min-width: 1200px) {
}

/*xxl*/
@media (min-width: 1400px) {
}