/*
Theme Name: Caronte Bootstrap Starter Child
Template: wp-bootstrap-starter
Author: Caronte Web Studio
Author URI: https://carontestudio.com/
Version: 3.3.3.01.1599556100
Updated: 2020-09-08 09:08:20

*/

/* ------General ------ */

:root {
  --fiat-secondary: #056f99;
  --fiat-tertiary: #fd4b77;
  --bb-primary: #a3c30e;
  --fiat-gray-cream: #e3e0e0;
  --bb-dark-gray: #0d0d0c;
  --bb-cta: #a81b32;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

@font-face {
  font-family: "poppins regular";
  src: url(assets/fonts/poppins-regular.ttf);
  font-display: swap;
}

@font-face {
  font-family: "poppins bold";
  src: url(assets/fonts/poppins-bold.ttf);
  font-display: swap;
}

@font-face {
  font-family: "poppins black";
  src: url(assets/fonts/poppins-black.ttf);
  font-display: swap;
}

@font-face {
  font-family: "poppins medium";
  src: url(assets/fonts/poppins-medium.ttf);
  font-display: swap;
}

@font-face {
  font-family: "poppins light";
  src: url(assets/fonts/poppins-light.ttf);
  font-display: swap;
}

@font-face {
  font-family: "poppins extra light";
  src: url(assets/fonts/poppins-extra-light.ttf);
  font-display: swap;
}

body {
  font-family: "poppins regular", sans-serif;
  line-height: 1.8rem;

  text-size-adjust: none !important;

  /*Reset font size ff*/
}

p {
  margin-bottom: 1rem;
  font-size: 0.9rem;
  line-height: 1.6rem;
}

a {
  color: var(--proyectos-dark-brown);
}

.pt-4,
.h1 {
  color: var(--fiat-secondary);
  font-size: clamp(2rem, 5vw, 3rem);
  line-height: clamp(3rem, 6vw, 4rem);
  margin-bottom: 1.2rem;
  text-transform: uppercase;
  font-weight: bolder;
  font-family: "poppins black";
}

.single h2,
.h2 {
  color: var(--fiat-secondary);
  font-size: clamp(1.7rem, 5vw, 2.7rem);
  line-height: clamp(2.4rem, 7vw, 3.6rem);
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-family: "poppins black";
  letter-spacing: 3px;
}

.h3 {
  color: var(--fiat-secondary);
  font-size: clamp(1.3rem, 4vw, 1.6rem);
  line-height: clamp(1.7rem, 5vw, 1.9rem);
  margin-bottom: 1rem;
  font-family: "poppins black";
}
h2.h3 {
  font-weight: 500;
  text-transform: uppercase;
  font-family: "poppins bold";
  font-size: 1.4rem;
  line-height: 1.8rem;
}
h3 {
  text-transform: uppercase;
  font-family: "poppins bold";
  font-size: 1.4rem;
}

.lead {
  color: var(--bb-dark-gray);
  font-size: 1.9rem;
  line-height: 2rem;
  margin-bottom: 0.8rem;
  font-weight: 300;
  letter-spacing: 1px;
}

/* botones */
.noticia-single .nav-next a,
.noticia-single .nav-previous a,
.bapf_button,
.submit,
.btn-blue {
  background-color: var(--fiat-secondary) !important;
  color: white !important;
  border-radius: 0 !important;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  transition: 0.3s ease-in-out !important;
  text-transform: uppercase !important;
  margin-bottom: 2rem;
}

.noticia-single .nav-next a:hover,
.noticia-single .nav-previous a:hover,
.bapf_button:hover,
.submit:hover,
.btn-blue:hover {
  background-color: transparent !important;
  transition: 0.3s ease-in-out !important;
  color: var(--fiat-secondary) !important;
  border: 0.1rem solid var(--fiat-secondary) !important;
}

.btn-light {
  background-color: transparent !important;
  color: var(--fiat-gray-cream) !important;
  border: solid 2px var(--fiat-gray-cream) !important;
  border-radius: 0 !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  transition: 0.3s ease-in-out !important;
  text-transform: uppercase !important;
}

.btn-light:hover {
  background-color: var(--fiat-gray-cream) !important;
  color: var(--fiat-secondary) !important;
  transition: 0.3s ease-in-out !important;
  border-color: none !important;
}

/* #contacto .nf-form-content input[type="submit"],
.btn-pink,
.offer .btn,
.wc-backward,
.cta-empresas .btn {
  background-color: var(--fiat-tertiary) !important;
  color: white !important;
  border-radius: 0;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition: 0.3s ease-in-out;
  text-transform: uppercase;
  transition: 0.3s ease-in-out !important;
} */

.btn-pink,
.offer .btn,
.wc-backward,
.cta-empresas .btn {
  background-color: var(--fiat-tertiary) !important;
  color: white !important;
  border-radius: 0;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition: 0.3s ease-in-out;
  text-transform: uppercase;
  transition: 0.3s ease-in-out !important;
}

/* #contacto .nf-form-content input[type="submit"]:hover,
.btn-pink:hover,
.wc-backward:hover,
.offer .btn:hover,
.cta-empresas .btn:hover {
  transition: 0.3s ease-in-out !important;
  background-color: transparent !important;
  transition: 0.3s ease-in-out;
  color: var(--fiat-tertiary) !important;
  border: 0.1rem solid var(--fiat-tertiary) !important;
} */

.btn-pink:hover,
.wc-backward:hover,
.offer .btn:hover,
.cta-empresas .btn:hover {
  transition: 0.3s ease-in-out !important;
  background-color: transparent !important;
  transition: 0.3s ease-in-out;
  color: var(--fiat-tertiary) !important;
  border: 0.1rem solid var(--fiat-tertiary) !important;
}

/* imagen centrada en columna */
.column-center {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.txt-col {
  padding: clamp(2rem, 8vw, 9rem) !important;
}

/* Cuadrados de fondo */
.cuadrados-3,
.cuadrados,
.cuadrados-2,
.cuadrados-4 {
  position: relative;
}

.cuadrados-4 {
  top: -47rem;
}

.squares {
  position: absolute;
  z-index: -1;
}

.squares-outline {
  border-style: solid;
  border-width: 0.5rem;
  border-color: inherit;
  background-color: transparent !important;
  z-index: -1;
}

.squares-solid {
  background-color: inherit;
  z-index: 2;
  border: 0;
  z-index: -1;
}

.pink-sq {
  color: var(--fiat-tertiary);
  background-color: var(--fiat-tertiary);
}

.green-sq {
  color: var(--bb-primary);
  background-color: var(--bb-primary);
}

.blue-sq {
  color: var(--fiat-secondary);
  background-color: var(--fiat-secondary);
}

.cuadrados .squares:nth-child(1) {
  top: 53%;
  right: 94%;
  width: 5rem;
  height: 5rem;
}

.cuadrados .squares:nth-child(2) {
  top: 37%;
  right: 6%;
  width: 8rem;
  height: 8rem;
}

.cuadrados .squares:nth-child(3) {
  top: 38%;
  right: 94%;
  width: 3rem;
  height: 3rem;
}

.cuadrados .squares:nth-child(4) {
  width: 3rem;
  height: 3rem;
  top: 10%;
  right: 6%;
}

.cuadrados .squares:nth-child(5) {
  width: 4rem;
  height: 4rem;
  top: 21%;
  right: 25%;
}

.cuadrados-2 .squares:nth-child(1) {
  width: 7rem;
  height: 7rem;
  top: 80%;
  right: 8%;
}

.cuadrados-2 .squares:nth-child(2) {
  z-index: 5;
  width: 6rem;
  height: 6rem;
  top: 78%;
  left: 3%;
}

.cuadrados-2 .squares:nth-child(3) {
  width: 4rem;
  height: 4rem;
  top: 72%;
  right: 0;
  /* right: -11%; */
}

.cuadrados-2 .squares:nth-child(4) {
  width: 3rem;
  height: 3rem;
  top: 58%;
  right: 90%;
}

.cuadrados-2 .squares:nth-child(5) {
  width: 4rem;
  height: 4rem;
  top: 79%;
  right: 29%;
}

.cuadrados-3 .squares:nth-child(1) {
  top: 21%;
  right: 77%;
  width: 5rem;
  height: 5rem;
}

.cuadrados-3 .squares:nth-child(2) {
  top: 25%;
  right: 86%;
  width: 8rem;
  height: 8rem;
}

.cuadrados-3 .squares:nth-child(3) {
  top: 38%;
  right: 92%;
  width: 3rem;
  height: 3rem;
}

.cuadrados-3 .squares:nth-child(4) {
  width: 3rem;
  height: 3rem;
  top: 0%;
  right: 25%;
}

.cuadrados-3 .squares:nth-child(5) {
  width: 4rem;
  height: 4rem;
  top: 28%;
  right: 5%;
}

.cuadrados-3 .squares:nth-child(6) {
  width: 4rem;
  height: 4rem;
  top: 16%;
  right: 5%;
}

.cuadrados-4 .squares:nth-child(1) {
  width: 7rem;
  height: 7rem;
  top: 16%;
  left: 2%;
  z-index: 5;
}

.cuadrados-4 .squares:nth-child(2) {
  width: 4rem;
  height: 4rem;
  top: 7rem;
  right: 5%;
}

.cuadrados-4 .squares:nth-child(3) {
  width: 3rem;
  height: 3rem;
  right: 50%;
  top: 37rem;
}

ul {
  list-style: none;
}

article {
  margin-bottom: 2rem;
}

/* Header */

header#masthead {
  padding: 0;
}

#topmenu {
  background-color: #e2e0e0;
  color: white;
  position: fixed;
  z-index: 10;
  font-family: fiat, sans-serif;
}

.woocommerce #topmenu {
  display: none;
}

#topmenu a {
  color: black;
  position: relative;
  transform: 0.3s ease-in-out;
  font-family: "poppins light";
  font-size: 13px;
  text-transform: uppercase;
}

#topmenu a:hover {
  color: var(--proyectos-black);
  transform: 0.3s ease-in-out;
}

#topmenu .ubication a::before {
  position: absolute;
  height: 2rem;
  width: 1.2rem;
  left: -2rem;
  content: "";
  /* background-image: url(assets/img/ubication-proyectos.svg); */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#topmenu .phone a::before {
  position: absolute;
  height: 2rem;
  width: 1.2rem;
  left: -2rem;
  content: "";
  /* background-image: url(assets/img/phone-proyectos.svg); */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.iconotop {
  width: 20px;
  margin-right: 10px;
  filter: grayscale(1) invert(0);
  vertical-align: text-bottom;
}

/*  BURGER MENU */

.menu-logo {
  width: 8rem;
  height: 8rem;
  position: fixed;
  z-index: 21;
  left: 3%;
  top: 1.2rem;
  margin-top: 4rem;
}

.menu {
  width: 70px;
  height: 70px;
  position: fixed;
  z-index: 21;
  right: 1%;
  top: 2.5rem;
  border: #fd4b77 4px solid;
  border-radius: 10px;
  padding: 27px 10px;
  background-color: white;
}

.sellopactoverde {
  width: 55px !important;
  height: auto;
  text-align: center;
  margin-left: 1rem;
}

.menu span,
.menu span::before,
.menu span::after {
  display: block;
  width: 100%;
  right: 0;
  border-radius: 10rem;
  height: 7.5px;
  width: 45px;
  background-color: var(--fiat-tertiary);
  -webkit-transition-property:
    background-color,
    -webkit-transform;
  -moz-transition-property:
    background-color,
    -moz-transform;
  -o-transition-property:
    background-color,
    -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.menu span::before,
.menu span::after {
  position: absolute;
  content: "";
}

.menu span::before {
  top: 13px;
  left: 10px;
}

.menu span::after {
  top: 41px;
  left: 10px;
}

.spantitlemenu {
  background: var(--verde);
  display: block;
  padding: 30px 1rem 0px;
  font-family: "poppins black";
  margin-top: -25px;
  position: relative;
  z-index: -1;
  top: 0px;
}

.spancuotamenu {
  display: block;
  font-size: 1rem;
  font-family: "poppins bold";
  position: relative;
  top: -15px;
  color: var(--fiat-gray-cream);
}

.menu.clicked span {
  background-color: transparent;
  width: 50px;
}

.menu.clicked span::after {
  -webkit-transform: translateY(-16px) rotate(45deg);
  -moz-transform: translateY(-16px) rotate(45deg);
  -ms-transform: translateY(-16px) rotate(45deg);
  -o-transform: translateY(-16px) rotate(45deg);
  transform: translateY(-15px) rotate(43deg);
  top: 46px;
  width: 67%;
  left: 11px;
}

.menu.clicked span::before {
  -webkit-transform: translateY(16px) rotate(-45deg);
  -moz-transform: translateY(16px) rotate(-45deg);
  -ms-transform: translateY(16px) rotate(-45deg);
  -o-transform: translateY(16px) rotate(-45deg);
  transform: translateY(16px) rotate(-43deg);
  top: 14px;
  width: 67%;
  left: 8px;
}

.menu.clicked span:before,
.menu.clicked span:after {
  background-color: var(--fiat-tertiary);
  box-shadow: none;
}

.menu:hover {
  cursor: pointer;
}

#menu-logo {
  width: 7rem;
  display: block;
  margin: 1rem auto;
  margin-top: 3rem;
}

/* .nf-form-fields-required {
  display: none;
} */

/*  NAV  */

#nav {
  background: #ffffffdb;
  position: fixed;
  z-index: 150;
  text-align: center;
  top: 0;
  right: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

#nav.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-box-shadow: 2px 0px 25px 2px rgb(0 0 0 / 30%);
  -moz-box-shadow: 2px ​0px 25px 2px rgb(0 0 0 / 30%);
  box-shadow: 2px ​0px 25px 2px rgb(0 0 0 / 30%);
}

#nav.show ul.main li {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
}

.menu.clicked {
  position: fixed;
  z-index: 200;
}

#nav.show ul.main li:nth-child(1) {
  transition-delay: 0.15s;
}

#nav.show ul.main li:nth-child(2) {
  transition-delay: 0.3s;
}

#nav.show ul.main li:nth-child(3) {
  transition-delay: 0.45s;
}

#nav.show ul.main li:nth-child(4) {
  transition-delay: 0.6s;
}

#nav.show ul.main li:nth-child(5) {
  transition-delay: 0.75s;
}

#nav.show ul.main li:nth-child(6) {
  transition-delay: 0.9s;
}

#nav ul.main {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 2rem;
}

#nav ul.main li {
  -webkit-transform: translateX(40px);
  -moz-transform: translateX(40px);
  -ms-transform: translateX(40px);
  -o-transform: translateX(40px);
  transform: translateX(40px);
  opacity: 0;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  float: none;
  color: var(--bb-dark-gray);
  line-height: 0.5px;
}

#nav ul.main li:last-of-type {
  margin-bottom: 0px;
}

#nav ul.main > li > a {
  color: var(--bb-dark-gray);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 3rem;
  font-weight: 500;
  display: block;
  padding: 0.5rem;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

#menu-servicios::after {
  position: absolute;
  content: "";
  /* background-image: url(assets/img/chevron-up-solid.svg); */
  width: 1.2rem;
  height: 1.2rem;
  background-repeat: no-repeat;
  top: 55%;
  transform: translateY(-50%) rotate(180deg);
  transition: 0.2s ease;
  opacity: 1;
  transform-origin: center center;
  filter: invert(1);
}

#menu-servicios.collapsed::after {
  transform: translateY(-50%) rotate(90deg);
  transition: 0.2s ease;
  transform-origin: center center;
}

#nav #collapseMenu ul {
  list-style: none;
  padding-left: 0;
}

.menuimg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#nav #collapseMenu .card {
  height: 100%;
  background-color: var(--bb-dark-gray);
  padding-top: 8rem;
  padding-bottom: 2rem;
  border: 0;
}

#nav #collapseMenu .card ul a {
  color: white;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1.4rem;
  display: block;
  margin: 2rem 0;
}

#nav ul.main li a:hover {
  text-decoration: none !important;
  color: white;
  transition: opacity 0.15s ease-in-out;
}

#nav ul.main li:nth-child(3n + 1) a:hover,
#nav ul.main .collapse li:nth-child(3n + 1) a:hover {
  background: radial-gradient(
    circle,
    var(--fiat-secondary) 0%,
    rgb(0 0 0 / 0%) 65%,
    rgb(0 0 0 / 0%) 100%
  );
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}

#nav ul.main .collapse li:nth-child(3n + 2) a:hover,
#nav ul.main li:nth-child(3n + 2) a:hover {
  background: radial-gradient(
    circle,
    var(--fiat-tertiary) 0%,
    rgb(0 0 0 / 0%) 65%,
    rgb(0 0 0 / 0%) 100%
  );
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}

#nav ul.main .collapse li:nth-child(3n) a:hover,
#nav ul.main li:nth-child(3n) a:hover {
  background: radial-gradient(
    circle,
    var(--bb-primary) 0%,
    rgb(0 0 0 / 0%) 65%,
    rgb(0 0 0 / 0%) 100%
  );
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* OVERLAY  */

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}

.overlay.show {
  opacity: 0.8;
  visibility: visible;
}

/*------ Inicio ------*/

/*------ .page-template-t-inicio .site-content {
    padding-top: 1rem !important;
    padding-bottom: 0 !important;
}------*/

.page-template-t-sin-aside h1.entry-title {
  font-size: 3rem;
  border-bottom: none;
}

.page-template-t-sin-aside ul {
  list-style: disc !important;
  text-transform: unset !important;
}

.page-template-t-sin-aside li {
  text-transform: unset !important;
}

.page-template-nuestros-trabajos .site-content {
  padding-bottom: 0 !important;
}

.enlace-valores-white {
  color: #fff;
}

.enlace-valores-black {
  color: #000;
}

/*----- Home Bienvenida-----*/

#bienvenida {
  overflow: hidden;
  margin-bottom: 0 !important;
}

#bienvenida .text-verde-cobertura {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#bienvenida .h1 {
  color: var(--bb-dark-gray);
}

.videofondo {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: auto;
  height: 100%;
  opacity: 1;
}

#item-0 {
  background-color: var(--bb-primary);
}

#item-1 {
  background-color: var(--fiat-tertiary);
  max-height: 100%;
  min-height: 16rem;
}

#item-1 img {
  max-width: 75%;
  width: 12rem;
  height: 20rem;
}

#item-2 div {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#item-2 img {
  object-fit: cover;
  max-width: 100%;
}

#item-3 div {
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#item-3 img {
  object-fit: cover;
  max-width: 100%;
}

#item-4 div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#item-4 img {
  object-fit: cover;
  max-width: 100%;
}

#item-5 div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#item-5 img {
  object-fit: cover;
  max-width: 100%;
}

#item-6 div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#item-6 img {
  object-fit: cover;
  max-width: 100%;
}

/*--- Home-about--- */
.home-about {
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.home-about img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}

.home-about .h2 {
  color: var(--fiat-secondary);
  margin-top: 3rem;
}

.home-about .home-text {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centrar verticalmente */
}

/*----- Home Why-----*/

#home-why {
  overflow: hidden;
}

#home-why .why-content p {
  color: var(--fiat-gray-cream);
}

#home-why .why-content {
  height: 100%;
  background-color: var(--proyectos-black);
  color: var(--fiat-gray-cream);
  padding: 1.5rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

#home-why .why-content .h2 {
  color: var(--fiat-gray-cream);
}

#home-why .valores {
  height: 100%;
  text-align: center;
}

#home-why .valores .row {
  min-height: 100%;
}

#home-why .valores .valor-2,
#home-why .valores .valor-3,
#home-why .valores .valor-1,
#home-why .valor-1-img,
#home-why .valor-2-img,
#home-why .valor-3-img {
  aspect-ratio: 1/1;
}

#home-why .valores .valor-1,
#home-why .valores .valor-2,
#home-why .valores .valor-3 {
  position: relative;
  display: flex;
  justify-content: end;
  overflow: hidden;
  z-index: 0;
  flex-direction: column;
}

#home-why .valores .valor-1::before {
  position: absolute;
  content: "01";
  top: 5rem;
  left: 1rem;
  color: var(--fiat-secondary);
  font-size: 20rem;
  font-family: "poppins black";
  z-index: -1;
  opacity: 0.4;
}

#home-why .valores .valor-2::before {
  position: absolute;
  content: "02";
  top: 4rem;
  left: -1rem;
  color: var(--fiat-secondary);
  font-size: 20rem;
  font-family: "poppins black";
  z-index: -1;
  opacity: 0.3;
}

#home-why .valores .valor-3::before {
  position: absolute;
  content: "03";
  top: 4rem;
  left: -1rem;
  color: var(--bb-dark-gray);
  font-size: 20rem;
  font-family: "poppins black";
  z-index: -1;
  opacity: 0.2;
}

#home-why .valor-1 {
  background-color: var(--fiat-tertiary);
}

#home-why .valor-2 {
  background-color: var(--bb-primary);
}

#home-why .valor-3 {
  background-color: var(--fiat-secondary);
}

#home-why .valor-1-img {
  background-image: url(assets/img/fiat-500-azul.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

#home-why .valor-2-img {
  background-image: url(assets/img/fiat-lascaray-1.jpg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

#home-why .valor-3-img {
  background-image: url(assets/img/fiat-lascaray-2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.promo {
  overflow: hidden;
  padding: 2rem 1rem;
  background-color: var(--bb-dark-gray);
}

.contenido-mobile {
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
}

.promo p,
.promo .lead,
.promo .h2 {
  color: var(--fiat-gray-cream);
}

/*----- Home Servicios-----*/

#home-servicios h2 {
  color: var(--fiat-secondary);
}

#home-servicios .lead {
  color: var(--fiat-secondary);
}

#home-servicios {
  padding-top: 1rem;
  padding-bottom: 2rem;
  position: relative;
  overflow: hidden;
}

.stretched-link::after {
  text-transform: uppercase;
  padding-top: 2rem;
}

.nuestros-coches {
  text-align: center;
}

#home-servicios .card a {
  text-align: center;
  margin-bottom: 1.5rem;
}

#home-servicios .card {
  height: 100%;
  position: relative;
  align-items: center;
  justify-content: end;
  transition: 0.3s ease-in-out;
  border-radius: 0;
  border: 0;
}

#home-servicios .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*----- Concesionario-----*/
.concesionario .lead {
  color: var(--fiat-secondary);
}

.about-instal img,
#page-team img,
#page-hero img {
  width: 100%;
}

/*-page-hero-*/

#page-hero {
  overflow: hidden;
  position: relative;
  padding-top: 4rem;
  padding-bottom: 2rem;
  text-align: center;
}

/*-page-team-*/
#page-team {
  overflow: hidden;
  position: relative;
  padding-top: 4rem;
  padding-bottom: 2rem;
  text-align: center;
}

/*-page-instal-*/
#page-instal {
  overflow: hidden;
  position: relative;
  padding-top: 2rem;
  padding-top: 2rem;
}

/*-page-gallery-*/

.gallery {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: unset;
  grid-gap: 1rem 0;
}

.gallery-item {
  margin: 0;
  grid-column-end: span 1;
  grid-row-end: span 1;
}

.gallery-img {
  border-radius: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*Lightbox*/
.pswp-bg {
  opacity: 0.9 !important;
  background-color: var(--ia-primary);
}

/*----- Home Why-----*/
#page-why p {
  font-size: 2rem;
  color: white;
  text-transform: uppercase;
  line-height: 2.5rem;
}

#page-why {
  padding-top: 2rem;
  padding-bottom: 2rem;
  overflow: hidden;
  position: relative;
}

#page-why .why-content p {
  color: white;
}

#page-why .why-content {
  height: 100%;
  background-color: var(--fiat-secondary);
  color: white;
  padding: 1.5rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

#page-why .why-content .h2 {
  color: var(--fiat-gray-cream);
}

#page-why .valores {
  height: 100%;
  text-align: center;
}

#page-why .valores .row {
  min-height: 100%;
}

#page-why .valores .valor-2,
#page-why .valores .valor-3,
#page-why .valores .valor-1,
#page-why .valor-1-img,
#page-why .valor-2-img,
#page-why .valor-3-img {
  aspect-ratio: 16/9;
}

#page-why .valores .valor-1,
#page-why .valores .valor-2,
#page-why .valores .valor-3 {
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: 0;
  flex-direction: column;
}

#page-why .valor-1 {
  padding: 1rem;
  background-color: var(--fiat-tertiary);
}

#page-why .valor-2 {
  padding: 1rem;
  background-color: var(--bb-primary);
}

#page-why .valor-3 {
  padding: 1rem;
  background-color: var(--fiat-secondary);
}

#page-why .valor-1-img {
  background-image: url(assets/img/empresa-1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

#page-why .valor-2-img {
  background-image: url(assets/img/empresa-2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

#page-why .valor-3-img {
  background-image: url(assets/img/empresa-3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.page-galeria {
  padding-top: 4rem;
  padding-bottom: 7rem;
  overflow: hidden;
  text-align: center;
}
.page-galeria p,
#page-team p,
#page-hero p {
  padding-bottom: 2rem;
}
.page-galeria .gallery {
  padding-top: 4rem;
}

/* page-renting*/

#page-renting {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#page-renting .text-renting {
  text-align: center;
}

#modelo-destacados .img-back,
#page-renting .img-back {
  position: relative;
}

.img-back img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 0;
  aspect-ratio: 1/1;
}

.img-back {
  margin-top: 1rem;
}

#modelo-destacados .column-overlay,
#page-renting .column-overlay {
  width: 80%;
  background-color: black;
  color: white;
  padding: 1rem;
  position: relative;
  left: 50%;
  top: -5rem;
  z-index: 0;
  aspect-ratio: 1/1;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/*----Empresas y autonomos----*/

.business-hero {
  min-height: 100vh;
  height: 75vh;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.business-hero::after {
  position: absolute;
  inset: 0;
  content: "";
  background-image: url(assets/img/business-bg.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  z-index: -1;
}

.hero-text {
  width: 100%;
  color: var(--fiat-secondary);
  background-color: white;
  padding: 1.5rem;
}

/*menu-spy-empresas*/

.empresas .menu-secondary {
  width: 100%;
  position: sticky;
  top: 2.5rem;
  padding: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.submenu {
  background-color: var(--fiat-gray-cream) !important;
}

.empresas .menu-secondary .nav-item {
  border: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.empresas .menu-secondary .navbar {
  padding-left: 40px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
}

.empresas .menu-secondary .nav-link {
  color: var(--fiat-secondary) !important;
  padding: 0.5rem clamp(0.5rem, 1.5vw, 1.5rem) !important;
}

.empresas .menu-secondary .nav-pills .nav-link.active,
.empresas .menu-secondary .nav-pills .show > .nav-link {
  color: white !important;
  background-color: var(--fiat-tertiary) !important;
  border-radius: 0 !important;
}

.empresas .menu-secundary li a {
  text-transform: uppercase !important;
  color: var(--fiat-secondary) !important;
}

/*page-advantages*/
#advantages svg {
  max-width: 40%;
  margin-bottom: 2rem;
  color: var(--fiat-secondary);
}

#advantages {
  overflow: hidden;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

#advantages .card {
  background-color: var(--fiat-gray-cream);
  padding: 2rem 1rem;
  border-radius: 0;
  border: none;
  height: 100%;
}

#advantages .card p {
  color: black;
}

#advantages .h3 {
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--fiat-secondary);
}

/*business-about*/
.modelo-cta,
.business-about .business-cover {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.business-about .marcas {
  background-color: var(--fiat-secondary);
}

.column-black {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: var(--bb-dark-gray);
}

.colum-black p {
  color: var(--bb-dark-gray);
}

.marcas img {
  max-width: 80%;
  display: block;
  margin: 1rem auto;
}

.brand-car {
  height: 70%;
}

.marcas {
  height: 30%;
  justify-content: space-around;
  align-items: center;
}

.cover {
  position: relative;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  z-index: 0;
  align-items: center;
  justify-content: space-around;
}

/*ofertas*/
.bapf_sfilter label {
  display: inline !important;
}
.bapf_sfa_unall {
  padding-left: unset;
}
.braapf_unselect_all {
  font-size: 0.75rem !important;
}
.braapf_unselect_all i {
  padding-right: 0.2rem;
}
label {
  display: inline !important;
}

.offer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.offer img {
  border-radius: 0 !important;
  height: auto;
  max-width: 100%;
  border-radius: 1rem;
  aspect-ratio: 3/2;
  object-fit: cover;
  object-position: center;
}

.offer .card {
  border-radius: 0 !important;
  background-color: transparent;
  border: none;
  box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);
  height: 100%;
}

.offer .card .card-body {
  display: flex;
  flex-direction: column;
  padding-bottom: 0 !important;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.offer .card .card-body a {
  width: 100%;
  margin-top: auto;
  margin-bottom: 0;
}

/*preguntas-frecuentes*/
#preguntas-frecuentes {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

#preguntas-frecuentes .accordion-button {
  color: var(--fiat-gray-cream);
  border: 0;
}

#preguntas-frecuentes .h3 {
  font-family: "poppins bold" !important;
}

#preguntas-frecuentes .accordion-button.collapsed,
#preguntas-frecuentes .accordion-button:not(.collapsed) {
  border: 0 !important;
  background-color: var(--fiat-secondary);
}

#preguntas-frecuentes .card,
#preguntas-frecuentes .card-header {
  border-radius: 0;
}

#preguntas-frecuentes .btn-link {
  font-weight: 400;
  color: var(--fiat-gray-cream);
  text-decoration: none;
}

#preguntas-frecuentes .card-header {
  background-color: var(--fiat-secondary);
}

/*cta-empresas*/
.cta-empresas {
  background:
    linear-gradient(0deg, #e3e0e0 0%, #e3e0e0 100%),
    url(assets/img/business-bg.jpg),
    lightgray 50% / cover no-repeat;
  background-blend-mode: screen, normal;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.offer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.offer .bb-price {
  font-size: 2.5rem;
  color: var(--bb-primary);
}

.offer .lead {
  color: black;
}

.offer .btn {
  width: 100%;
}

/* about-galeria*/
#about-galeria {
  padding-top: 3rem;
  padding-bottom: 5rem;
}

#about-galeria img {
  object-fit: cover;
  opacity: 0.5;
  mix-blend-mode: luminosity;
  width: 100%;
  height: 100%;
}

#about-galeria img:hover {
  opacity: 0.9;
  mix-blend-mode: normal;
}

.img-overlay {
  position: relative;
  left: -4rem;
  bottom: -5rem;
  z-index: 0;
  height: fit-content;
  z-index: 2;
}

#about-nosotros {
  overflow: hidden;
}

/*------ Contacto ------*/
#contacto {
  overflow: hidden;
  padding-top: 3rem;
}

.fiat-contacto,
#contacto-hero {
  overflow: hidden;
}

#contacto-hero .lead {
  color: var(--fiat-secondary);
}

#contacto-hero img {
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.fiat-contacto img {
  aspect-ratio: 16/9;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.fiat-contacto svg {
  max-width: 20%;
  aspect-ratio: 16/9;
  height: 100%;
}

.cobertura-1 {
  background-color: var(--bb-primary);
}

.cobertura-2 {
  background-color: var(--fiat-secondary);
}

/* #contacto .nf-form-content input[type="submit"] {
  background: var(--fiat-tertiary) !important;
  text-transform: uppercase !important;
  border-bottom: none !important;
} */

.bck-color {
  padding: 1.5rem;
  background-color: var(--bb-dark-gray);
}

.bck-color p {
  color: var(--fiat-gray-cream);
}

/* mapa-contacto */
.map-section iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map-section {
  background-color: lightblue;
  position: relative;
  overflow: hidden;
}

.map-section .embed-responsive {
  mix-blend-mode: luminosity;
  background-color: lightblue;
}

/* Sección de concesionario */

/* Sección de equipo del concesionario */
.concesionario-team h2 {
  color: #333;
}

/* Sección de renting para empresas */
.listado {
  list-style: none;
  padding: 0;
}

.listado li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.listado li img {
  margin-right: 10px;
}

/* Sección final con fondo azul */
.bg-primary {
  background-color: #007bff;
  color: #fff;
  padding: 20px;
}

/* Estilos de imágenes en la sección final */
.bg-primary img {
  max-width: 100%;
  height: auto;
}

.final-section,
.renting-empresas,
.concesionario-team {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/*-CTA*/
.cta-home-fiat {
  color: white;
  background:
    linear-gradient(180deg, rgba(214, 212, 212, 0.712) 5%, rgb(9, 78, 99) 100%),
    url(assets/img/cta.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.cta-about-fiat {
  color: white;
  background-image: url(assets/img/cta-about.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

#home-trabajos {
  padding-bottom: 3rem;
  position: relative;
  overflow: hidden;

  color: var(--proyectos-black);
  z-index: 0;
}

#home-trabajos::after {
  content: "";
  position: absolute;
  height: 30rem;
  width: 30rem;
  top: -6rem;
  left: -4rem;
  background-image: url(assets/img/peluqueria-proyectos-favicon.svg);
  opacity: 0.08;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -2;
  opacity: 0.7;
  filter: grayscale(1);
}

/*-home blog-*/

.home-blog .text-blog {
  text-align: center;
}

.home-blog .card::after {
  background-size: cover;
  position: absolute;
  inset: 0;
  content: "";
  background-blend-mode: normal;
  opacity: 0.85;
}

.home-blog .card::before {
  background-size: cover;
  position: absolute;
  inset: 0;
  content: "";
  opacity: 0.85;
}

.home-blog .badge span {
  color: var(--bb-dark-gray);
}

.home-blog .badge {
  border-radius: 0;
}

.home-blog .card.rosa .btn:hover,
.home-blog .card.azul .btn:hover,
.home-blog .card.verde .btn:hover {
  transform: translateY(-3px);
  transition: transform 0.4s ease-in-out;
}

#primary .read-more,
.home-blog .card .btn {
  text-transform: uppercase;
  padding: 0.5rem 0.5rem;
  border-radius: 0;
  background-color: transparent;
  border: solid 0.1rem var(--fiat-secondary);
  color: var(--fiat-secondary);
}

.home-blog .card .azul {
  background-color: var(--fiat-gray-cream);
  border: solid 0.1rem var(--fiat-gray-cream);
  color: var(--fiat-secondary);
}
.home-blog .card .azul:hover {
  background-color: var(--fiat-tertiary);
  opacity: 0.9;
  color: var(--fiat-gray-cream);
}

.home-blog .card .verde {
  background-color: var(--fiat-gray-cream);
  border: solid 0.1rem var(--fiat-gray-cream);
  color: var(--bb-primary);
}
.home-blog .card .verde:hover {
  background-color: var(--fiat-secondary);
  opacity: 0.9;
  color: var(--fiat-gray-cream);
}

.home-blog .card .rosa {
  background-color: var(--fiat-gray-cream);
  border: solid 0.1rem var(--fiat-gray-cream);
  color: var(--fiat-tertiary);
}
.home-blog .card .rosa:hover {
  background-color: var(--bb-primary);
  opacity: 0.9;
  color: var(--fiat-gray-cream);
}

/* Estilos específicos para los colores de los pseudoelementos */

.home-blog .card.rosa::after {
  background: linear-gradient(to bottom, rgba(253, 75, 119, 0.9) 100%);
}

.home-blog .card.azul::after {
  background: linear-gradient(to bottom, (5, 111, 153, 1) 100%);
}

.home-blog .card.verde::after {
  background: linear-gradient(to bottom, rgba(163, 195, 14, 0.9) 100%);
}

.home-blog .card.rosa::before {
  background-color: var(--fiat-tertiary);
}

.home-blog .card.azul::before {
  background-color: var(--fiat-secondary);
}

.home-blog .card.verde::before {
  background-color: var(--bb-primary);
}

.home-blog {
  padding-top: 1rem;
  padding-bottom: 3rem;
  position: relative;
  overflow: hidden;
}

.home-blog .card {
  height: 100%;
  border: none;
  border-radius: 0;
  position: relative;
  text-align: start;
}

.truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}

.home-blog .card img {
  object-fit: cover;
  aspect-ratio: 2/3;
}

.home-blog .card .card-body {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: 2rem 2rem;
  justify-content: end;
  align-items: baseline;
  z-index: 1;
  overflow: hidden;
}

.home-blog .card .card-body .h3 a {
  color: white;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 2.5rem;
  display: block;
}

.home-blog .card .card-body .card-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-bottom: 1rem;
}

.home-blog .card .card-body .card-cats span.badge {
  font-size: 0.9rem;
  border-radius: 0 !important;
  background-color: var(--fiat-secondary);
}

.home-blog .card .card-body .card-cats a:hover span.badge {
  background-color: var(--fiat-secondary) !important;
}

.home-blog .fecha_publicacion_home {
  color: white;
  font-size: 0.8rem;
  line-height: 1rem;
  margin-bottom: 1rem;
}

/*------ modelo ------*/
/*------ modelo-hero ------*/

#modelo-about .lead {
  color: var(--fiat-secondary);
}

.column-fiat {
  padding-top: 3rem;
}
.column-fiat,
.text-destacados,
.text-galeria {
  text-align: center;
}

.modelo-hero {
  z-index: 0;
  position: relative;
  height: 50vh;
  background:
    linear-gradient(
      180deg,
      rgba(13, 13, 12, 0.9) 0%,
      rgba(13, 13, 12, 0.8) 100%
    ),
    url(assets/img/modelo-hero.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding-bottom: 8;
}
.landing-modelos .modelo-hero {
  background-attachment: unset;
  background-position: 0 75%;
}
.custom-fiat {
  line-height: 6rem;
  font-size: 5.5rem;
  color: transparent;
  -webkit-text-stroke: 2px var(--fiat-secondary);
  position: relative;
  z-index: 0;
  top: 25%;
  left: 0px;
}

.image-fiat {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
  top: 85px;
  left: 0px;
}

/*------ modelo-about ------*/

#modelo-about {
  padding-top: 6rem;
  padding-bottom: 4rem;
}

#modelo-about .h1 {
  color: var(--fiat-gray-cream);
}

.envoltura-1 {
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--fiat-gray-cream);
  background-color: var(--fiat-secondary);
}

.envoltura-2 {
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--fiat-gray-cream);
  background-color: var(--bb-dark-gray);
}

.cuadrado-mo img {
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.envoltura-2 p {
  margin: 0.5 rem;
}

.special-price {
  font-size: 2rem;
  font-weight: bold;
}

.special-price-2 {
  font-size: 1.2rem;
  font-weight: bold;
}

/*------ modelo-ventajas ------*/
#modelo-ventajas .h3 {
  text-transform: uppercase;
  font-family: "poppins bold";
  font-size: 1.4rem;
  color: white;
}
#modelo-ventajas {
  overflow: hidden;
  padding-top: 3rem;
  padding-bottom: 7rem;
}

#modelo-ventajas .img-advantage {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

#modelo-ventajas img.icono-mo {
  margin-bottom: 1.5rem;
  max-width: 6rem;
  aspect-ratio: 1;
}

#modelo-ventajas .ventaja-1,
#modelo-ventajas .ventaja-2,
#modelo-ventajas .ventaja-3,
#modelo-ventajas .ventaja-4 {
  padding: 0 clamp(2rem, 12vw, 1rem);
  background-color: var(--fiat-secondary);
  color: var(--fiat-gray-cream);
  aspect-ratio: 1/1;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#modelo-ventajas .ventajas {
  height: 100%;
  text-align: center;
}

/*------ modelo-destacados ------*/

#modelo-destacados {
  overflow: hidden;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/*------ modelo-testimonios ------*/

/*------ modelo-cta ------*/

.modelo-cta {
  overflow: hidden;
}

.col-texto-mo {
  background-color: var(--fiat-secondary);
  color: var(--fiat-gray-cream);
  text-align: center;
}

.modelo-primary {
  background-color: var(--fiat-secondary);
  justify-content: center;
}

.modelo-cta .h2 {
  color: var(--fiat-gray-cream);
}

.modelo-cta .lead {
  color: var(--fiat-gray-cream);
}

.modelo-cta button {
  border-radius: 0;
}

.modelo-cta img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}

.modal.show .modal-dialog {
  -webkit-transform: none !important;
  transform: none !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.modal-header .close {
  background-color: var(--fiat-secondary) !important;
  color: var(--fiat-gray-cream) !important;
  padding: 1rem 1rem !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 3%;
  right: 4%;
  z-index: 10;
  width: fit-content;
}

.modal-body {
  position: relative !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  padding: 1rem !important;
}
.modal .modal-header {
  padding: 1rem;
}
.modal .modal-header .modal-title {
  color: var(--fiat-secondary);
}
/* CONTACT FORM 7 */
.wpcf7 label {
  display: block !important;
  color: var(--fiat-secondary);
}
.wpcf7 input {
  margin-top: 5px;
  margin-bottom: 15px;
}
.wpcf7 span {
  display: block;
}
.wpcf7 input[type="checkbox"] {
  cursor: pointer;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  margin-bottom: 0;
}
.wpcf7 .wpcf7-form-control-wrap span {
  display: inline !important;
  width: auto !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.wpcf7 textarea {
  width: 100%;
  height: 78px;
}
.wpcf7 input[type="submit"] {
  background: var(--fiat-tertiary) !important;
  width: fit-content;
}

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

/*Formulario
.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type="button"]),
.nf-form-content textarea {
  border: none !important;
  border-bottom: 1px solid var(--bb-dark-gray) !important;
  background: transparent !important;
}

.nf-form-content .list-select-wrap .nf-field-element > div:focus,
.nf-form-content input:not([type="button"]):focus,
.nf-form-content textarea:focus {
  background: white !important;
}

.nf-field-label .nf-label-span,
.nf-field-label label {
  color: var(--bb-dark-gray);
  font-weight: 500 !important;
}

.form-wrap .nf-form-content input[type="submit"] {
  background-color: transparent !important;
  color: var(--fiat-secondary) !important;
  border: 2px solid var(--fiat-secondary) !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1rem !important;
  line-height: 1rem !important;
  font-family: "poppins regular" !important;
}

.form-wrap .nf-form-content input[type="submit"]:hover {
  background-color: var(--fiat-secondary) !important;
  color: var(--fiat-gray-cream) !important;
}
*/
/*------ modelo-testimonios ------*/

.testimonials {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: var(--fiat-gray-cream);
}

/*------ modelo-ocasion------*/
#ocasion-post {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: white;
  text-align: center;
}

/*------ BLOG ------*/

#search h1 {
  color: var(--fiat-secondary);
}

.blog-post-title {
  color: var(--fiat-secondary);
}

.author a {
  color: var(--bb-dark-gray);
  text-transform: uppercase;
  text-decoration: none;
}

.updated,
.byline {
  text-transform: uppercase;
  color: var(--bb-dark-gray);
}

.comments-link {
  display: none;
}

.fa-comments:before {
  display: none;
}

.meta {
  padding-bottom: 1rem;
}

.post-edit-link {
  color: var(--fiat-secondary);
  text-decoration: none;
  font-weight: 500;
}

.time-updated-separator {
  display: none;
}

/*------ vehículo-ocasion ------*/

#vehiculos-ocasion {
  background-color: white;
}

/* ------Producto-woocommerce ------*/

.aside-modelo-info {
  justify-content: space-around;
}

.atributte-co {
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important;
  margin-bottom: 0.2rem;
}

.card-attribute-1,
.card-attribute-2,
.card-attribute-3 {
  line-height: 1rem;
  height: 100%;
  width: 100%;
  padding: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.card-attribute-1 span,
.card-attribute-2 span,
.card-attribute-3 span {
  text-transform: uppercase;
  margin-bottom: 0.2rem;
}

.card-attribute-1 svg,
.card-attribute-2 svg,
.card-attribute-3 svg {
  color: white !important;
  object-fit: cover;
  height: 3rem;
  width: 3rem;
}

.card-attribute-1 img,
.card-attribute-2 img,
.card-attribute-3 img {
  width: 3rem;
  object-fit: cover;
}

.card-attribute-1 {
  background-color: var(--bb-primary);
}

.card-attribute-2 {
  background-color: var(--fiat-secondary);
}

.card-attribute-3 {
  background-color: var(--fiat-tertiary);
}

.price-funding {
  background-color: white;
  padding: 0.4rem 0.4rem;
}

.font31 {
  font-size: 2rem !important;
  color: var(--bb-primary);
}

.font32 {
  font-size: 1.2rem !important;
  color: var(--bb-primary);
}

.price-financed {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

.button-container-info {
  display: flex;
  justify-content: center;
}

.button-container-info a {
  border: solid 2px transparent;
  margin-right: 0.2rem;
}

.woocommerce div.product span.price {
  display: none;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
  a.button {
  display: none;
}

/*------ Cookies------*/
/* 
#cookie-law-info-again {
  background-color: var(--fiat-secondary) !important;
  color: white !important;
  right: 16px !important;
}

.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
  background-color: var(--fiat-secondary) !important;
  color: white !important;
} */

/*------ Privacidad ------*/

#primary .container {
  padding-top: 3rem;
}

h1.wp-block-post-title {
  color: var(--fiat-secondary) !important;
}

.wp-block h1 {
  color: var(--fiat-secondary) !important;
}

.page-template-t-sin-aside h1.entry-title {
  color: var(--fiat-secondary);
  font-size: 3rem;
  border-bottom: none;
}

.entry-content h2 {
  color: var(--fiat-secondary);
}

/*------ Servicios general ------*/

.servicios-content span {
  font-size: 1.8rem;
  color: var(--proyectos-brown);
  text-transform: uppercase;
  font-family: "poppins bold";
}

.servicios-content h1,
#nuestros-trabajos h1 {
  font-size: 1.8rem;
  color: var(--fiat-secondary);
  text-transform: uppercase;
  font-family: "poppins extra light";
  margin-top: 0.75rem;
}

.servicios-content {
  padding-top: 4rem;
}

.subservicios {
  padding-top: 10rem;
  /*padding-bottom: 10rem;*/
}

.subservicios .sub-content {
  padding: 4rem;
}

.subservicios .subservicio:nth-child(1) {
  background-color: var(--proyectos-light-brown);
}

.subservicios .subservicio:nth-child(2) {
  background-color: var(--proyectos-brown);
  color: white;
}

.subservicios .subservicio:nth-child(3) {
  background-color: var(--proyectos-dark-brown);
  color: white;
}

.subservicios .subservicio:nth-child(4) {
  background-color: var(--proyectos-black);
  color: white;
}

.subservicios .subservicio:nth-child(5) {
  background-color: var(--proyectos-dark-brown);
  color: white;
}

.subservicios .subservicio:nth-child(3) h2,
.subservicios .subservicio:nth-child(4) h2,
.subservicios .subservicio:nth-child(2) h2,
.subservicios .subservicio:nth-child(5) h2 {
  color: white;
}

.subservicios img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.subservicios figure {
  height: 100%;
}

.subservicios .sub-content a {
  color: #fff;
  text-decoration: underline;
}

.subservicios .sub-content a:hover {
  color: #fff;
  text-decoration: underline;
}

.subservicios .sub-content .btn-primary {
  text-decoration: none;
}

/*--- Opiniones ---*/

.opiniones {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.opiniones h2,
.trabajos-ej h2 {
  color: var(--proyectos-brown);
  margin-bottom: 5rem;
}

.opiniones .sp-testimonial-free-wrapper {
  background: var(--proyectos-black);
  color: white;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/*- Opiniones Google -*/

.opiniones .row:nth-child(2) {
  background-color: var(--proyectos-black);
}

.opiniones .heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
}

.opiniones .heading img {
  max-height: 8rem;
  width: auto;
}

#google-business-reviews-rating li::before {
  display: none;
}

.opiniones #google-business-reviews-rating .review-snippet,
.opiniones #google-business-reviews-rating .review-full-text,
.opiniones #google-business-reviews-rating .relative-time-description,
.opiniones #google-business-reviews-rating .text,
.opiniones #google-business-reviews-rating .author-name {
  text-transform: initial;
}

.opiniones .powered-by-google {
  padding-bottom: 3rem;
}

.opiniones .gmbrr .icon {
  margin-inline-end: unset;
}

/*---
.sp-testimonial-free-section .sp-testimonial-title h3 {
    color: white;
    text-transform: uppercase;
}

#sp-testimonial-free-wrapper-60 .sp-testimonial-free-section .sp-testimonial-title,
#sp-testimonial-free-wrapper-60 .sp-testimonial-free-section .sp-testimonial-client-testimonial,
#sp-testimonial-free-wrapper-60 .sp-testimonial-free-section .sp-testimonial-client-name,
#sp-testimonial-free-wrapper-60 .sp-testimonial-free-section .sp-testimonial-client-designation {
    color: white;
}

#sp-testimonial-free-wrapper-60 .sp-testimonial-free-section .slick-dots li.slick-active button {
    background-color: var(--proyectos-cta);
}

#sp-testimonial-free-wrapper-60 .sp-testimonial-free-section .slick-next:hover {
    background-color: transparent;
    border: none;
}

#sp-testimonial-free-wrapper-60 .sp-testimonial-free-section .slick-prev,
#sp-testimonial-free-wrapper-60 .sp-testimonial-free-section .slick-next {
    background-color: transparent;
    border: none;
}

.sp-testimonial-free-section .slick-next,
.sp-testimonial-free-section .slick-prev {
    font-size: 35px;
}---*/

/*--- Trabajos ---*/

.trabajos-ej {
  background-color: var(--proyectos-black);
  color: white;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

/*------ Peluquería ------*/

.animation {
  overflow: hidden;
}

.animations .animation-1 {
  justify-content: end;
  display: flex !important;
  width: 65% !important;
}

.animations .animation-2 {
  display: flex !important;
  margin: 0;
  width: 110% !important;
  justify-content: end;
  margin-top: 1rem;
}

#animation-container {
  width: 100% !important;
  margin-top: 1rem;
}

/*------ Nuestros trabajos ------*/

#nuestros-trabajos {
  padding-bottom: 10rem;
}

#nuestros-trabajos .span-1 {
  color: var(--proyectos-light-brown);
  font-size: 4rem;
  text-transform: uppercase;
  font-family: "poppins regular";
}

#nuestros-trabajos span {
  color: var(--proyectos-dark-brown);
  font-size: 4rem;
  text-transform: uppercase;
  font-family: "poppins regular";
}

/*-Divisor antes después-*/

#nuestros-trabajos .carousel-control-prev {
  left: -7rem;
  background: transparent;
  border: none;
  opacity: 1;
}

#nuestros-trabajos .carousel-control-next {
  right: -7rem;
  background: transparent;
  border: none;
  opacity: 1;
}

#comparison,
#comparison2,
#comparison3 {
  width: 100%;
  min-height: 65vh;
  padding-bottom: 70%;
  overflow: hidden;
  position: relative;
}

#comparison figure,
#comparison2 figure,
#comparison3 figure {
  position: absolute;
  background-image: url(assets/img/after-trabajos-img.jpg);
  background-size: cover;
  background-position: center;
  font-size: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

/*Divisor = antes*/

#divisor,
#divisor2,
#divisor3 {
  background-image: url(assets/img/before-trabajos-img.jpg);
  background-size: cover;
  background-position: left;
  position: absolute;
  width: 50%;
  box-shadow: 0 5px 10px -2px rgba(0, 0, 0, 0.3);
  bottom: 0;
  width: 51%;
  top: 0px;
  left: 0px;
  border: 0px;
  right: 0px;
  height: 100%;
  margin: 0px;
  height: 100%;
}

#divisor2 {
  background-image: url(assets/img/color-peluqueria-proyectos.jpg);
}

#divisor3 {
  background-image: url(assets/img/color-peluqueria-proyectos.jpg);
}

/*Figure = después*/

#comparison2 figure {
  background-image: url(assets/img/color-peluqueria-proyectos-after.jpg);
}

#comparison3 figure {
  background-image: url(assets/img/color-peluqueria-proyectos-after.jpg);
}

#divisor::before,
#divisor::after,
#divisor2::before,
#divisor2::after,
#divisor3::before,
#divisor3::after {
  content: "";
  position: absolute;
  right: -2px;
  width: 4px;
  height: calc(50% - 25px);
  background: white;
  z-index: 3;
}

#divisor::before,
#divisor2::before,
#divisor3::before {
  top: 0;
  box-shadow: 0 -3px 8px 1px rgba(0, 0, 0, 0.3);
}

#divisor::after,
#divisor2::after,
#divisor3::after {
  bottom: 0;
  box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}

#handle,
#handle2,
#handle3 {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 1;
}

#handle::before,
#handle::after,
#handle2::before,
#handle2::after,
#handle3::before,
#handle3::after {
  content: "";
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
}

#handle::before,
#handle2::before,
#handle3::before {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px;
}

#handle::after,
#handle2::after,
#handle3::after {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px;
}

.page-template-t-interiorismo #handle,
.page-template-t-interiorismo #handle2 {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 1;
  background-color: #4ea912;
  border-radius: 50%;
}

input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
  background-color: transparent;
  width: calc(100% + 50px);
  z-index: 2;
}

input[type="range"]:focus,
input[type="range"]:active {
  border: none;
  outline: none;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: transparent;
  border: 4px solid white;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
}

input[type="range"]::-moz-range-track {
  -moz-appearance: none;
  height: 15px;
  width: 100%;
  background-color: transparent;
  position: relative;
  outline: none;
}

/*-Section service-*/

.section-service #peluqueria {
  background-color: var(--proyectos-light-brown);
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section-service #coloracion {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section-service #tratamientos {
  background-color: var(--proyectos-light-brown);
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.section-service #estetica {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/*-Nuestros Trabajos CTA-*/

#cta-trabajos {
  position: relative;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

#cta-trabajos::after {
  position: absolute;
  opacity: 0.3;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url(assets/img/cta-nuestros-trabajos-bg.jpg);
  background-size: cover;
  background-position: left;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -1;
}

/*------ Nosotros ------*/

#historia {
  background-color: var(--proyectos-black);
  padding-top: 5rem;
  padding-bottom: 10rem;
  color: white;
}

#historia h2 {
  color: white;
}

#mas-historia {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

#nosotros-about .about-content h1 {
  color: var(--proyectos-dark-brown);
}

#nosotros-about .about-content h1 span:first-child {
  color: var(--proyectos-black);
}

/*------ Search ------*/

/*------ Single ------*/
.posted-on,
.published {
  color: var(--fiat-secondary);
}

#search .entry-title,
.noticia-single .entry-title {
  color: var(--fiat-secondary);
}

#search h3,
.noticia-single h3 {
  color: var(--fiat-secondary);
}

.noticia-single .nav-next a,
.noticia-single .nav-previous a {
  text-decoration: none;
}

.noticia-single .nav-next,
.noticia-single .nav-previous {
  color: var(--fiat-secondary);
  margin-bottom: 2rem;
}

.noticia-single .nav-next,
.noticia-single .reply-title,
.noticia-single .nav-previous {
  color: var(--fiat-secondary);
}

#search .card,
.noticia-single .card {
  box-shadow: none;
  border: none;
}

#search img,
.noticia-single img {
  object-fit: cover;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}

/*--- Index principal NOTICIAS FIAT ---*/
#primary .read-more-container,
.page-noticias .read-more-container {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#primary .read-more-container a,
.page-noticias .read-more-container a {
  text-decoration: none;
}

#primary .bb-primary,
.noticia-single .bb-primary,
.page-noticias .bb-primary {
  color: var(--bb-primary);
}

#primary .fiat-secondary,
.noticia-single .fiat-secondary,
.page-noticias .fiat-secondary {
  color: var(--fiat-secondary);
}

#primary .fiat-tertiary,
.noticia-single .fiat-tertiary,
.page-noticias .fiat-tertiary {
  color: var(--fiat-tertiary);
}

#primary .byline,
#primary .entry-footer {
  display: none;
}

.blog {
  padding-top: 5rem;
}

.noticia-single .entry-title,
.page-noticias .entry-title {
  font-family: "poppins bold";
  font-size: 2.5rem;
  border-bottom: none;
  margin-top: 2rem;
  text-decoration: none;
}

.page-noticias .entry-title a:hover {
  color: inherit;
}

.page-noticias .entry-title a {
  text-decoration: none;
}

.page-noticias strong {
  font-size: 1.5rem;
  font-family: "poppins regular";
  color: var(--fiat-secondary);
}

.page-noticias .post-thumbnail {
  height: 100%;
}

.page-noticias img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.page-noticias .card {
  box-shadow: 9px 11px 5px -8px rgba(0, 0, 0, 0.66);
}

.page-noticias .card-body {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  border: 0;
}

#commentform,
.required-field-message {
  color: var(--fiat-secondary);
}

.blog h1,
.category h1 {
  font-size: 3.5rem;
}

/*
.blog .card,
.category .card {
  border: solid 2px var(--bb-dark-gray);
  border-radius: 0;
  background-color: var(--proyectos-light-brown);
}

.blog .card .entry-title a,
.category .card .entry-title a {
  font-size: 1.8rem;
}

.blog .card .entry-title,
.category .card .entry-title {
  text-align: center;
  background-color: var(--proyectos-brown);
  color: white;
}

.blog .card .entry-content,
.category .card .entry-content {
  margin: 0 0;
}

.blog .card .post-thumbnail,
.category .card .post-thumbnail {
  height: 300px;
}

.card {
  height: 100%;
}

.post-thumbnail {
  min-height: 200px;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
}

.entry-content {
  overflow-wrap: break-word;
  padding: 0.4rem 1rem;
}

.card h2 {
  padding: 10px;
}

.navigation.posts-navigation {
  width: 100%;
}

figcaption {
  text-align: center;
  color: #555;
  font-size: 0.9rem;
  font-style: oblique;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  color: white;
  background-color: var(--fiat-secondary);
  border: none;
  border-radius: 0;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background-color: var(--bb-primary);
  border: none;
  border-radius: 0;
}

.blog h1,
.category h1 {
  font-size: 3.5rem;
}

.blog .card,
.category .card {
  border: none;
  border-radius: 0;
  background-color: var(--proyectos-light-brown);
}

.blog .card .entry-title a,
.category .card .entry-title a {
  font-size: 1.8rem;
}

.blog .card .entry-title,
.category .card .entry-title {
  text-align: center;
  background-color: var(--proyectos-brown);
  color: white;
}

.blog .card .entry-content,
.category .card .entry-content {
  margin: 0 0;
}

.blog .card .post-thumbnail,
.category .card .post-thumbnail {
  height: 300px;
}

.card {
  height: 100%;
}

.post-thumbnail {
  min-height: 200px;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
}

.entry-content {
  overflow-wrap: break-word;
  padding: 0.4rem 1rem;
}

.card h2 {
  padding: 10px;
}

.navigation.posts-navigation {
  width: 100%;
}

figcaption {
  text-align: center;
  color: #555;
  font-size: 0.9rem;
  font-style: oblique;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  color: white;
  background-color: var(--proyectos-dark-brown);
  border: none;
  border-radius: 0;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background-color: var(--proyectos-brown);
  border: none;
  border-radius: 0;
}
*/
/*------ Contacto ------*/
#contacto p {
  margin-bottom: 1.5rem;
}

#contacto h1 {
  font-size: 3.5rem;
}

#contacto .display-2 {
  color: var(--proyectos-dark-brown) !important;
}

#contacto-bg {
  background-image: url(assets/img/contacto-peluqueria-en-vitoria.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
/*
#contacto #nf-form-title-1 h3 {
  display: none;
}

#contacto .nf-field-label label {
  text-transform: uppercase;

  color: var(--fiat-secondary);
}

#contacto .nf-field-label label a {
  text-decoration: none;
}

#contacto .nf-form-content .list-select-wrap .nf-field-element > div,
#contacto .nf-form-content input:not([type="button"]),
#contacto .nf-form-content textarea {
  border: none;
  border-bottom: 2px solid var(--proyectos-brown);
}

#contacto .nf-error .ninja-forms-field {
  border-color: var(--proyectos-cta);
}

#contacto .nf-error.field-wrap .nf-field-element:after {
  background-color: var(--proyectos-cta);
}

#contacto .nf-error .nf-error-msg {
  color: var(--proyectos-cta);
}

#contacto .nf-form-content textarea.ninja-forms-field {
  height: 100px;
}
*/
.search-form .form-control {
  border-radius: 0 !important;
}

.checkbox-container.label-right .field-wrap > div {
  width: auto !important;
}

#contacto ul {
  list-style: unset !important;
}

#contacto li {
  text-transform: unset;
  font-size: 0.75rem;
  line-height: 1.5rem;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
  background-color: var(--proyectos-dark-brown);
}
/*
.nf-input-limit {
  margin-top: 0 !important;
}
*/

/* Gracias page */

.post-151 h1 {
  text-align: center;
  font-size: 3rem;
}

/* Footer */

.titular-footer {
  color: #000;
  text-transform: uppercase;
  font-family: "poppins bold";
  font-size: 1.6rem;
}

.precios {
  font-weight: 500;
  line-height: 1.2;
  color: var(--proyectos-dark-brown);
  text-transform: uppercase;
  font-family: "poppins light";
  font-size: 2rem;
  text-align: center;
  margin-bottom: 2rem;
}

footer#fiat-footer {
  background-color: var(--fiat-gray-cream);
  color: black;
  font-family: "poppins extra light";
  background-image: url(https://fiatvitoria.es/wp-content/themes/caronte-starter-child/assets/img/fiat-500.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 300px;
  background-blend-mode: overlay;
}

footer#fiat-footer .backtotop svg {
  transition: 0.3s ease-in-out;
}

#fiat-footer ul li::before {
  display: none;
}

.backtotop svg {
  width: 2rem;
  display: block;
  margin: 1rem auto;
}

footer#fiat-footer .backtotop:hover svg {
  transform: translateY(-1rem);
  transition: 0.3s ease-in-out;
}

footer#fiat-footer img {
  max-width: 9rem;
  margin: 0 auto;
}

footer#fiat-footer ul li a {
  color: black;
  transition: 0.3s ease-in-out;
}

footer#fiat-footer ul li a:hover {
  color: var(--bb-primary);
  transition: 0.3s ease-in-out;
}

footer#fiat-footer h3 {
  color: white;
}

.info-legal {
  background-color: #cecccc;
  font-family: "poppins light";
  font-size: 12px;
}

.info-legal a {
  color: var(--proyectos-black);
}

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

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

#colophon a {
  text-decoration: none;
}

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

#caronte-svg {
  max-width: 20px;
  fill: white;
  margin: 0 9px;
}

/*contacto permanente*/

.contacto-permanente svg path {
  fill: white;
}

#contacto-modal .modal-dialog {
  display: flex;
  height: 100%;
  align-items: center;
}

#contacto-modal .modal-content {
  padding: 1rem;
  background-color: white;
  color: red;
  border-radius: 0;
  border: none;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#mail-modal .modal-content {
  padding: 1rem;
  background-color: white;
  color: red;
  border-radius: 0;
  border: none;
  box-shadow:
    rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#contacto-modal .text-white {
  color: red !important;
}

.caldera-forms-consent-field {
  font-size: 0.8rem;
}

.contacto-permanente {
  position: fixed;
  bottom: 3rem !important;
  display: flex;
  right: 5%;
  left: unset;
  bottom: unset;
  padding: 0.75rem;
  font-weight: 600;
  color: white;
  background-color: var(--fiat-tertiary);
  border-radius: 50%;
  transition: 0.3s ease-in-out;
  z-index: 999;
  height: 4rem !important;
  width: 4rem;
}

.contacto-permanente svg {
  width: 3rem;
  display: inline;
}

.contacto-permanente:hover {
  text-decoration: none;
  transition: 0.3s ease-in-out;
  color: white !important;
  background-color: var(--fiat-secondary);
}

.modal-body svg {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
}

.modal-header {
  padding: 0 0 1rem;
  border-bottom: 0;
}

.modal-body h4 {
  color: var(--proyectos-dark-brown);
  text-transform: uppercase;
  font-family: "poppins bold";
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

.modal h4 {
  text-align: left;
}

.sub-content-1 .btn-default {
  border: 1px solid var(--proyectos-black);
  color: var(--proyectos-black);
}

.modal-body table thead {
  background-color: var(--proyectos-brown);
  color: white;
}

.modal-body table td,
.modal-body table th {
  padding-right: 0;
}

.modelos-detalles h3 {
  color: var(--proyectos-dark-brown);
}

.modelos-detalles h2 {
  color: var(--proyectos-dark-brown);
}

/* -woocommerce*/
/* -carrito*/

#post-682 {
  padding-top: 10rem !important;
}

#post-682 .entry-title {
  color: var(--fiat-secondary) !important;
}

#block-2 {
  padding-top: 10rem !important;
}

.oportunidades-home figure {
  position: relative;
  margin: 0rem;
}

.oportunidades-home .woocommerce-loop-product__title {
  display: none !important;
}

.woocommerce div.product .product_title {
  padding: 0px !important;
}

.oportunidades-home img {
  height: auto;
  max-width: 100%;
  border-radius: 0px;
}

.oportunidades-home a figure img.attachment-medium {
  width: 100%;
}

.oportunidades-home {
  background-color: #ffffffd6;
  height: 100%;
  display: flex;
  flex-flow: column;
  border-radius: 0px;
  color: #027bcb;
  box-shadow:
    rgb(0 0 0 / 15%) 0px 8px 13px,
    rgb(0 0 0 / 15%) 0px 5px 8px;
}

.oportunidades-home-header {
  padding: 1rem;
  margin-bottom: 1rem;
}

.verde {
  background-color: var(--bb-primary);
}

.product-template-default .aside-modelo-ofertas h1 {
  font-size: 2rem;
  display: block;
  color: var(--fiat-secondary);
  font-weight: 600;
  text-transform: uppercase;
  font-family: "poppins bold", sans-serif;
}

.subtituloprod {
  font-size: 1.5rem;
  margin-bottom: 2rem;
  color: var(--fiat-secondary);
}

.modelo-form,
.version-form,
.matricula-form {
  display: none;
  visibility: hidden;
}

.precio-contado span {
  color: #464545 !important;
  font-size: 1.5rem;
  font-weight: bold;
}

.precio-habitual span {
  color: #939090 !important;
  font-size: 1.5rem;
  text-decoration: line-through;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  margin: 0.5rem;
  font-size: 0.85em;
  font-weight: 400;
  line-height: 1;
  color: var(--fiat-gray-cream);
  background-color: var(--fiat-gray-cream);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.2;
  width: auto;
  border: var(--fiat-gray-cream) 1px solid;
  padding: 6px 7px;
  margin: 3px 4px;
}

.badge span {
  color: var(--fiat-gray-cream);
}

.badge:hover {
  background-color: var(--fiat-gray-cream);
}

.badge span:hover {
  color: var(--fiat-secondary);
}

.oportunidades-home p {
  font-weight: bolder;
  color: var(--bb-dark-gray);
  margin-bottom: 0rem;
}

.oportunidades-home {
  padding-bottom: 2rem;
}

.precio-financiado,
.oportunidades-cta {
  margin: 1rem;
}

.oportunidades-cta a {
  display: inline-block;
  margin-bottom: 0.8rem;
}

.add_to_cart_button svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  filter: invert(1);
}

.oportunidades-cta a {
  display: inline-block;
  margin-bottom: 0.8rem;
  color: #000;
  border: #a3c30e 2px solid;
  border-radius: 5px;
  background-color: #fff;
}

/* .btn-cta,
.nf-form-content input[type="button"] {
  background-color: #fe8a13 !important;
  font-size: 1rem;
  padding: 0.5rem 0.9rem 0.5rem 0.9rem;
  color: white !important;
  border-radius: 10px !important;
  border-color: transparent;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
} */

.btn-cta {
  background-color: #fe8a13 !important;
  font-size: 1rem;
  padding: 0.5rem 0.8rem 0.5rem 0.8rem;
  color: white !important;
  /* border-radius: 10px !important; 
  border-color: transparent;*/
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.addtocart-buttons .boton_del_enlace {
  background: var(--verde);
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  border: #fff 4px solid;
  width: 100%;
}

.btn-anton-primary,
.braapf_unselect_all {
  background-color: transparent;
  font-size: 1.1rem;
  padding: 0.5rem 0.9rem 0.5rem 0.9rem;
  color: var(--anton-primary);
  border-radius: 0;
  border-color: #30cb81;
  border-image: none;
  border-style: solid;
  border-width: 2px;
  text-decoration: none;
  text-transform: uppercase;
  color: #30cb81;
  font-weight: bold;
}

.oportunidades-home a {
  color: var(--fiat-secondary);
  text-decoration: none;
}

.woocommerce span.onsale {
  display: none !important;
}

.card-etiqueta {
  position: absolute;
  bottom: 5%;
  right: 13%;
  width: 16%;
}

.btn-anton-primary svg {
  fill: #000;
}

.aside-ofertas {
  position: sticky;
  top: 2.7rem;
  z-index: 90;
}

.modal-backdrop {
  z-index: 10;
}

.aside-sticky {
  /* position: sticky;*/
  top: 0;
  background-color: var(--fiat-gray-cream);
  padding: 1.6rem;
}

.collapse-aside .filtros-btn {
  background-color: #ffffff;
  padding: 0.5rem 0.9rem 0.5rem 0.9rem;
  font-size: 1.1rem;
  font-weight: bold;
  color: #000000;
  width: 100%;
  border-radius: 0px;
  border-color: transparent;
  text-decoration: none;
}

.form-outline {
  display: flex;
  justify-content: end;
  margin-bottom: 0rem;
}

aside .bapf_sfilter {
  margin-bottom: 0 !important;
}

.collapse-aside {
  display: block;
}

.bapf_reset,
.braapf_unselect_all {
  background-color: transparent;
  font-size: 1.1rem;
  padding: 0.5rem 0.9rem 0.5rem 0.9rem;
  color: var(--anton-primary);
  border-radius: 10px;
  border-color: var(--anton-primary);
  border-image: none;
  border-style: solid;
  border-width: 1.5px;
  text-decoration: none;
}

.bapf_slct select {
  display: none;
}

.bapf_clr_woborder.bapf_sfilter .bapf_clr_span {
  border: #ccc 1px solid;
}

.aside-modelo-ofertas {
  position: sticky;
  top: unset;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
}

.aside-modelo-sticky {
  position: fixed;
  border-radius: 0;
  background-color: var(--bb-dark-gray);
  padding: 0.5rem;
  z-index: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.aside-modelo-sticky::before {
  position: absolute;
  background: url(assets/img/fiat-lascaray-1.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  content: "";
  top: 0px;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  background-color: var(--bb-dark-gray);
  opacity: 0.1;
}

#etiquetasingle {
  position: absolute;
  bottom: 13px;
  right: 20px;
  width: 80px;
  height: 80px;
  z-index: 99;
  filter: drop-shadow(2px 4px 6px black);
}

#galeria-modelo {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent !important;
}

#galeria-modelo .slide {
  display: flex;
  justify-content: space-between;
}

#galeria-modelo .carousel {
  position: relative;
}

#galeria-modelo .carousel button {
  background: transparent;
  border: none;
}

#galeria-modelo .fila {
  margin-top: 1rem;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  scroll-snap-type: x mandatory;
  -webkit-scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 0.75rem;
}

#galeria-modelo .fila .columna {
  min-width: 24%;
  scroll-snap-align: start;
  scroll-snap-coordinate: 0% 0%;
  -webkit-scroll-snap-coordinate: 0% 0%;
  transform: scale(1);
  transition: transform 0.3s ease;
}

.fila:hover > :not(:hover) {
  opacity: 0.5;
  transition: 0.3s ease-in-out;
}

#galeria-modelo .carrusel-fotos img {
  object-fit: cover;
  height: 8rem;
  transition: 0.2s ease-in-out;
}

.pswp__button {
  position: absolute !important;
  top: 50% !important;
  width: 44px !important;
  height: 44px !important;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pswp__button--arrow--prev {
  left: 0 !important;
}

.pswp__button--arrow--next {
  right: 0 !important;
}

button.pswp__button {
  background: none !important;
}

#producto-carrusel {
  position: relative;
}

.scroll-icon {
  display: none;
  width: 5rem;
  filter: opacity(1) invert(0);
}

svg:not(:root) {
  overflow: hidden;
}

.cuota span {
  color: #fff !important;
  font-size: 30px;
  font-weight: 200;
}

#detalles-coche {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-top: 7rem;
  background-color: var(--fiat-gray-cream);
}

#detalles-coche::before {
  position: absolute;
  background: url(../assets/img/jeep-bg-5.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: opacity(0.99) grayscale(100);
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  background-attachment: fixed;
  width: 100%;
}

.atributos-esp {
  margin-bottom: 2rem;
}

.card-detalles {
  background-color: white !important;
  margin: 0.5rem 0.5rem !important;
  height: 100%;
  padding: 0.8rem !important;
  color: var(--fiat-secondary);
  -webkit-box-shadow: 6px 7px 9px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 6px 7px 9px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 6px 7px 9px -3px rgba(0, 0, 0, 0.75);
}

.contenido-esp {
  height: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column !important;
}

.card-detalles p {
  font-size: 1rem;
  margin-bottom: 0rem;
}

.card-detalles img,
.btn-anton-primary,
.atributo-icono {
  object-fit: cover;
  max-width: 30% !important;
  margin-bottom: 0.5rem;
}

.labelattr {
  color: var(--fiat-secondary);
  text-transform: uppercase;
  font-family: "poppins bold", sans-serif;
}

.valuettr p {
  color: var(--fiat-secondary);
  font-size: 1rem;
  font-family: "poppins extra light";
}

#observaciones {
  position: relative;
  padding-bottom: 5rem;
  padding-top: 5rem;
  background-color: rgb(0, 0, 0);
  color: white;
  z-index: 0;
}

#observaciones::before {
  position: absolute;
  background: url(../assets/img/jeep-bg-4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  opacity: 0.4;
  mix-blend-mode: luminosity;
  background-blend-mode: color;
  background-attachment: fixed;
  width: 100%;
}

#pasos > .container > .row > .col-md-6 {
  background: #000c;
  padding: 2rem;
}

#pasos {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #575656;
  color: #e4e2e2;
  font-weight: 100;
  font-size: 110%;
  background: url(../assets/img/jeep-bg-4.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: scroll;
}

.pasos-numero {
  font-size: 7rem;
  font-weight: bold;
  padding-right: 1.5rem;
}

#compamos {
  background: #252725;
  color: #ddd;
  border-top: #fff 4px solid;
  border-bottom: #fff 4px solid;
}

.pasos span {
  color: var(--anton-primary);
  font-size: 2rem;
}

#otros-modelos {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.figureoferta {
  position: absolute !important;
  top: -5px;
  left: 0px;
  z-index: 9;
}

.precio-habitual-aside p,
.precio-contado-aside p,
.precio-cuota-aside p {
  font-size: 1rem;
  line-height: 1.2rem;
  color: var(--fiat-gray-cream) !important;
  padding: 0rem;
  margin-bottom: 0rem;
}

.precio-habitual-aside span {
  color: #e6e3e3 !important;
  font-size: 1.8rem;
  text-decoration: line-through;
}

.precio-contado-aside span {
  color: #fff !important;
  font-size: 1.8rem;
  font-weight: bold;
}
.precio-cuota-aside span {
  color: var(--bb-primary);
  font-size: 1.8rem;
  font-weight: bold;
}

.precio-financiado-aside p {
  color: var(--bb-dark-gray);
}

.text-funding {
  background-color: white;
  font-size: 1.2rem;
  line-height: 1rem;
}

.small2 {
  font-size: 1rem;
}

#equipamiento {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

#equipamiento ul li {
  position: relative;
}

#equipamiento ul li::after {
  position: absolute;
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  background-color: var(--fiat-tertiary);
  left: -2rem;
  top: 0.6rem;
}

#equipamiento #equipamiento-info {
  max-height: 10rem;
  overflow: clip;
  position: relative;
}

#equipamiento #equipamiento-info::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3rem;
  bottom: 0;
  left: 0;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

#equipamiento #equipamiento-info.leermas {
  height: auto;
  max-height: unset;
}

.bi-square-fill {
  color: var(--fiat-tertiary);
}

.bg-tasacion {
  position: absolute;
  bottom: 5%;
  right: 0;
  width: 15rem;
}

#observaciones p,
#observaciones .row > div > .row > div > div {
  color: white;
  font-weight: 100;
  font-size: 0.9rem;
}

.ts-2 {
  text-shadow: 0 !important;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}

#otros-modelos::before {
  position: absolute;
  background: url(../assets/img/jeep-bg-4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  opacity: 0.4;
  mix-blend-mode: luminosity;
  background-blend-mode: color;
  background-attachment: fixed;
  width: 100%;
}

.berocket_single_filter_widget {
  width: 100%;
}

.bapf_sfilter ul li {
  padding: 0 !important;
}

.berocket_single_filter_widget p {
  margin-top: 0;
  margin-bottom: 0.1rem;
}

.oportunidades-cta .boton_del_enlace {
  background: var(--verde);
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  margin-right: 1rem;
}

.oportunidades-cta .boton_del_enlace svg {
  margin-right: 8px;
  width: 21px;
  height: auto;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.woocommerce img,
.woocommerce-page img {
  max-width: 100%;
}

/* Pagina-ofertas */
.page-title {
  display: none;
}

.bapf_head {
  color: var(--fiat-secondary);
}

.product-template-default .product {
  padding-top: 5rem;
  position: relative;
}

.woocommerce nav.woocommerce-pagination {
  text-align: center;
}

.woocommerce nav.woocommerce-pagination ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border: 2px solid var(--proyectos-dark-brown);
  border-right: 0;
  margin: 1px;
}

.orderby {
  background-color: #fff;
  border: 2px solid var(--proyectos-dark-brown);
  border-radius: 4px;
}

.pagination ul {
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-right: 0;
  border-radius: 4px;
  border: 1px solid #d3ced2;
}

.woocommerce .woocommerce-pagination ul.page-numbers::after,
.woocommerce .woocommerce-pagination ul.page-numbers::before,
.woocommerce-page .woocommerce-pagination ul.page-numbers::after,
.woocommerce-page .woocommerce-pagination ul.page-numbers::before {
  content: " ";
  display: table;
}

.woocommerce .woocommerce-pagination ul.page-numbers::after,
.woocommerce-page .woocommerce-pagination ul.page-numbers::after {
  clear: both;
}

.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
  display: inline-block;
}

.woocommerce nav.woocommerce-pagination ul li {
  border-right: 2px solid var(--proyectos-dark-brown);
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
}

.pagination li {
  display: table-cell;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--fiat-secondary);
  color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  margin: 0;
  text-decoration: none;
  padding: 0;
  line-height: 1;
  font-size: 1em;
  font-weight: 400;
  padding: 0.5em;
  min-width: 1em;
  display: block;
  background: #fff;
}

.pagination ul li a:focus,
.pagination ul li a:hover,
.pagination ul li span.current {
  background: var(--bb-primary);
  color: white;
}

.pagination ul li a,
.pagination ul li span {
  margin: 0;
  text-decoration: none !important;
  line-height: 1;
  font-size: 1em;
  font-weight: 400;
  padding: 0.5em;
  min-width: 1em;
  display: block;
  color: var(--anton-primary);
}
.berocket_single_filter_widget p {
  font-size: 1.2rem !important;
  font-weight: bold !important;
}
@media (min-width: 576px) {
  /* #nav #collapseMenu .card {
    padding-top: 7rem;
  } */

  .home-blog .card img {
    aspect-ratio: 1;
  }

  .home-blog .card .card-body .h3 a {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  #modelo-destacados {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .modelo-ventajas {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  #modelo-about {
    padding-top: 14rem;
    padding-bottom: 6rem;
  }

  .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(20rem, 30vw);
    grid-gap: 1.5rem;
  }

  .fiat-contacto img {
    aspect-ratio: 1/1;
  }

  .fiat-contacto svg {
    aspect-ratio: 1/1;
  }

  .bootscore-footer ul {
    flex-direction: row;
    justify-content: end;
  }

  .bootscore-footer ul li:not(:last-child) a {
    border-right: 1px solid var(--ia-primary);
  }

  .home-blog {
    padding-top: 1rem;
    padding-bottom: 5rem;
    position: relative;
    overflow: hidden;
    aspect-ratio: 0;
  }

  /* General */

  .modal-body table td,
  .modal-body table th {
    padding: 0.75rem;
  }

  /* Header */
  /* Inicio */
  /* Páginas */

  /* Blog */
  /* Contacto */
  /* Footer */
}

@media (min-width: 768px) {
  .col-texto-mo {
    text-align: start;
  }

  .page-noticias .card-body {
    padding: 2rem;
  }

  #page-renting .text-renting {
    text-align: end;
  }

  .home-blog .text-blog {
    text-align: start;
  }

  #modelo-destacados .text-destacados {
    text-align: start;
  }

  #modelo-galeria .text-galeria {
    text-align: end;
  }

  .nuestros-coches {
    text-align: start;
  }

  #ocasion-post {
    text-align: start;
  }

  #ocasion-post .squares {
    z-index: 0;
  }

  .text-funding {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .price-funding {
    padding: 1rem 1rem;
  }

  .aside-modelo-sticky {
    padding: 1.6rem;
  }

  .font31 {
    font-size: 3rem !important;
  }

  #nav ul.main > li > a {
    line-height: 4.5rem;
  }

  #contacto-hero img {
    aspect-ratio: 0;
  }

  .text-cobertura {
    height: 53vh;
  }

  #modelo-destacados .column-overlay,
  #page-renting .column-overlay {
    width: 80%;
    height: unset;
    left: 50%;
    top: 3rem;
    transform: translateX(-50%);
  }

  #home-servicios {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }

  .column-fiat {
    padding-top: 10rem;
    text-align: start;
  }

  .image-fiat {
    font-size: 10rem;
    top: -6%;
    left: 1%;
  }

  .custom-fiat {
    font-size: 8rem;
    top: -12%;
    left: 3%;
  }

  .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(25rem, 30vw);
    grid-gap: 1.5rem;
  }

  .gallery-item {
    grid-column-end: span 1;
    grid-row-end: span 1;
  }

  .gallery-item:nth-child(4n) {
    grid-column-end: span 2;
    grid-row-end: span 1;
  }

  .gallery-item:nth-child(8n + 3),
  .gallery-item:nth-child(8n + 5) {
    grid-column-end: span 1;
    grid-row-end: span 2;
  }

  .image-fiat {
    top: -15px;
    left: 0px;
  }

  .low-column {
    bottom: -12rem;
  }

  .mapa-contacto {
    padding-bottom: 6rem;
  }

  .fiat-contacto {
    padding-top: 8rem;
  }

  #contacto-hero {
    padding-top: 7rem;
    padding-bottom: 5rem;
  }

  .offer {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .menu-secondary .nav-link {
    padding-left: 1;
    padding-right: 1;
  }

  #page-why .valor-1-img,
  #page-why .valor-2-img,
  #page-why .valor-3-img {
    aspect-ratio: 1/1;
  }

  #page-why .valores .valor-2,
  #page-why .valores .valor-3,
  #page-why .valores .valor-1 {
    aspect-ratio: 1/1;
  }

  .serv-grid {
    grid-auto-rows: minmax(20rem, 60vw);
  }

  #home-why .valores .valor-1,
  #home-why .valores .valor-2,
  #home-why .valores .valor-3 {
    padding: 1rem;
  }

  #about-why {
    padding: 1rem;
    padding-top: 5rem;
  }

  #home-why {
    padding-top: 5rem;
  }

  .stretched-link::after {
    display: none;

    content: "ver coche";
    text-transform: uppercase;
    padding-top: 2rem;
  }

  #modelo-destacados .column-overlay,
  .page-renting .column-overlay {
    width: 100%;
    height: 80%;
    left: -5rem;
    top: 50%;
    transform: translateY(-50%);
  }

  #advantages {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  .business-about {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  #preguntas-frecuentes {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  /* General */

  #nosotros-about .about-content {
    padding: 3rem;
  }

  /* Header */
  /* Inicio */
  /* Páginas */
  .servicios-content {
    padding-top: 8rem;
  }

  .servicios-content span {
    font-size: 3rem;
  }

  /*Divisor = antes*/
  #divisor,
  #divisor2,
  #divisor3 {
    background-size: auto;
    background-position: left;
  }

  #comparison figure,
  #comparison2 figure,
  #comparison3 figure {
    background-size: auto;
    background-position: right;
  }

  .carrousel_texto {
    bottom: 30%;
    right: 9%;
    width: 29rem;
    height: 23rem;
    left: 50%;
  }

  .collapse-aside {
    display: none;
  }

  .aside-sticky .btn-anton-primary {
    display: none;
  }

  .aside-ofertas .collapse:not(.show) {
    display: block !important;
  }

  .product-template-default .aside-modelo-ofertas h1 {
    font-size: 3rem;
    border-bottom: none;
    text-align: start !important;
    margin-top: 0rem;
    color: var(--fiat-secondary) !important;
  }

  #galeria-modelo {
    position: absolute;
    min-height: 800px;
    padding-bottom: 7rem;
    padding-top: 7rem;
  }

  .aside-modelo-ofertas {
    right: unset;
    left: calc(50% + 110px);
    bottom: unset;
    width: 22rem;
    top: 3rem;
    z-index: 999;
  }

  .aside-modelo-sticky {
    position: relative;
    background-color: var(--bb-dark-gray);
    padding: 1.6rem;
    z-index: 0;
  }

  .aside-modelo-sticky::before {
    border-radius: 0 !important;
  }

  .logomodal {
    height: 50px;
  }
}

@media (min-width: 992px) {
  #page-gallery,
  #page-hero {
    text-align: start;
  }
  #page-team {
    text-align: end;
  }
  #page-gallery p {
    padding-bottom: 0;
  }
  #page-gallery .gallery {
    padding-top: 0;
  }

  #page-team {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .home-about {
    text-align: start;
  }
  .home-about .h2 {
    margin-top: 0;
  }

  .contacto-permanente {
    right: 1%;
  }

  .home-blog .card img {
    aspect-ratio: 2/3;
  }

  #collapseMenu .card span.highlight-text,
  #home-servicios .card span.highlight-text {
    position: absolute;
    line-height: clamp(1.9rem, 2.3vw, 2.5rem);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.7rem;
    font-weight: bold;
    letter-spacing: 2px;
    opacity: 0;
    transition:
      opacity 0.1s ease-in-out,
      transform 0.1s ease-in-out;
    top: 15%;
  }

  #home-servicios .card span.highlight-text {
    top: 15%;
  }

  #collapseMenu .card span.highlight-text {
    top: 0;
    font-size: clamp(1.7rem, 2.5vw, 2.7rem);
  }

  #collapseMenu .card li {
    margin-bottom: 8rem !important;
  }

  #collapseMenu .car-1:hover,
  #collapseMenu .car-2:hover,
  #collapseMenu .car-3:hover,
  #collapseMenu .car-4:hover,
  #collapseMenu .car-5:hover,
  #collapseMenu .car-6:hover,
  #home-servicios .card:hover {
    transform: translateY(-2rem) scale(1.05);
    transition: 0.3s ease-in-out;
  }

  #collapseMenu .car-1:hover span.highlight-text,
  #collapseMenu .car-2:hover span.highlight-text,
  #collapseMenu .car-3:hover span.highlight-text,
  #collapseMenu .car-4:hover span.highlight-text,
  #collapseMenu .car-5:hover span.highlight-text,
  #collapseMenu .car-6:hover span.highlight-text,
  #home-servicios .card:hover span.highlight-text {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.9);
    -webkit-text-stroke-width: 0.05rem;
    font-family: "poppins bold";
  }

  #collapseMenu .car-1 span.highlight-text,
  #home-servicios .servicio-1 span.highlight-text {
    -webkit-text-stroke-color: var(--fiat-secondary);
    color: transparent;
    text-shadow: 0px 0px 6px var(--fiat-secondary);
    color: var(--bb-dark-gray);
  }

  #collapseMenu .car-2 span.highlight-text,
  #home-servicios .servicio-2 span.highlight-text {
    -webkit-text-stroke-color: var(--fiat-tertiary);
    color: transparent;
    text-shadow: 0px 0px 6px var(--fiat-tertiary);
    color: var(--bb-dark-gray);
  }

  #collapseMenu .car-3 span.highlight-text,
  #home-servicios .servicio-3 span.highlight-text {
    -webkit-text-stroke-color: var(--bb-primary);
    color: transparent;
    text-shadow: 0px 0px 6px var(--bb-primary);
    color: var(--bb-dark-gray);
  }

  #collapseMenu .car-4 span.highlight-text,
  #home-servicios .servicio-4 span.highlight-text {
    -webkit-text-stroke-color: var(--fiat-secondary);
    color: transparent;
    text-shadow: 0px 0px 6px var(--fiat-secondary);
    color: var(--bb-dark-gray);
  }

  #collapseMenu .car-5 span.highlight-text,
  #home-servicios .servicio-1 span.highlight-text {
    -webkit-text-stroke-color: var(--fiat-tertiary);
    color: transparent;
    text-shadow: 0px 0px 6px var(--fiat-tertiary);
    color: var(--bb-dark-gray);
  }

  #collapseMenu .car-6 span.highlight-text,
  #home-servicios .servicio-2 span.highlight-text {
    -webkit-text-stroke-color: var(--bb-primary);
    color: transparent;
    text-shadow: 0px 0px 6px var(--bb-primary);
    color: var(--bb-dark-gray);
  }

  #home-servicios .card:hover span.highlight-text {
    -webkit-text-stroke-width: 0.05rem;
    color: #fff;
  }

  /*----- Home blog ----*/
  #home-noticias-carousel .carousel-control-next,
  #home-noticias-carousel .carousel-control-prev {
    opacity: 1;
    position: absolute;
    z-index: 1;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 15%;
  }

  #home-noticias-carousel .carousel-control-prev {
    left: -5rem;
  }

  #home-noticias-carousel .carousel-control-prev .carousel-control-prev-icon {
    transition: 0.3s ease-in-out;
  }

  #home-noticias-carousel
    .carousel-control-prev:hover
    .carousel-control-prev-icon {
    transform: rotate(180deg) translateX(2rem);
    transition: 0.3s ease-in-out;
  }

  #home-noticias-carousel .carousel-control-next .carousel-control-next-icon {
    transition: 0.3s ease-in-out;
  }

  #home-noticias-carousel
    .carousel-control-next:hover
    .carousel-control-next-icon {
    transform: translateX(2rem);
    transition: 0.3s ease-in-out;
  }

  #home-noticias-carousel .carousel-control-next {
    right: -5rem;
  }

  /* Páginas */
  #nuestros-trabajos .span-1,
  #nuestros-trabajos span {
    font-size: 5rem;
  }

  .modal-dialog {
    max-width: 50% !important;
  }

  /* Blog */
  .alert-warning {
    display: none !important;
  }

  /* Contacto */
  /* Footer */
  #fiat-footer ul li::before {
    display: block;
  }

  .aside-modelo-ofertas {
    right: unset;
    width: 30rem;
    bottom: unset;
  }

  #modelo-destacados .column-overlay,
  #page-renting .column-overlay {
    height: 100%;
    width: 80%;
    background-color: black;
    color: white;
    padding: 1rem;
    position: relative;
    left: 50%;
    top: -5rem;
    z-index: 0;
    aspect-ratio: 1/1;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  #otros-modelos {
    padding-top: 6rem;
    padding-bottom: 5rem;
  }

  #modelo-about {
    padding-top: 8rem;
    padding-bottom: 6rem;
  }

  #page-renting {
    padding-top: 7rem;
    padding-bottom: 5rem;
  }

  #page-instal {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  #page-why {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  #page-hero {
    padding-top: 14rem;
    padding-bottom: 5rem;
  }
}

@media (min-width: 1200px) {
  .card-attribute-1,
  .card-attribute-2,
  .card-attribute-3 {
    height: 100%;
    padding: 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .home-about {
    padding-top: 6rem;
  }

  .aside-modelo-ofertas {
    right: unset;
    bottom: unset;
    width: 25rem;
  }

  .image-fiat {
    top: -13px;
    left: -50px;
  }

  .custom-fiat {
    top: -25px;
    left: -33px;
  }

  .high-column {
    top: -27rem;
  }

  #item-0 .display-2 {
    font-size: 2rem;
  }

  #detalles-coche {
    margin-top: 7em;
  }

  .aside-modelo-ofertas {
    right: unset;
    width: 27rem;
    left: calc(50% + 140px);
    bottom: unset;
  }
}

@media (min-width: 1800px) {
  .imgenes_carousel_figures {
    height: 50rem;
  }
}