:root {
  --colorBlanco: #fff;

  --colorVerde: #8defb2;
  --colorVerdeOscuro: #058048;
  --colorVerdeOscuro2: #046c3d;
  --colorVerdeClaro: #edfcf2;

  --colorAzul: #185fd4;
  --colorAzul1: #f4f7fa;
  --colorAzul2: #e6edf4;
  --colorAzul3: #dae2ec;
  --colorAzul4: #becada;
  --colorAzul5: #94a3b8;
  --colorAzul6: #64748b;
  --colorAzul7: #4b596e;
  --colorAzul9: #1b2a3a;

  --ani: all 0.4s ease-in-out;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
::after,
::before {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}

input,
select,
select:focus,
button,
button:focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0px 0px 2.4rem;
}

html {
  font-size: 0.521vw;
}

body {
  font-family: Mulish;

  margin: 0px;
  padding: 0rem 0px 0px 0px;

  background-color: var(--colorBlanco);
  color: var(--colorAzul7);
  position: relative;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

button,
a {
  color: var(--colorAzul);
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.container {
  max-width: 144rem;
  margin: auto;
}

header {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 99;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

header .header {
  padding: 2.4rem 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .header .header__logo a {
  display: flex;
}

header .header .header__logo a img {
  width: 20.2rem;
  height: auto;
}

header .header .header__right {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}

header .header .header__right .header__btnmenu {
  height: 3.2rem;
  width: 3.2rem;
}

header .header .header__right .btn__menu {
  display: block;
  position: absolute;
  height: 3.2rem;
  width: 3.2rem;
}

header .header .header__right .btn__menu span {
  display: block;
  position: absolute;
  width: 2.6rem;
  height: 0.2rem;
  border-radius: 100px;
  background-color: var(--colorBlanco);
  top: 0px;
  left: 0.3rem;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

header .header .header__right .btn__menu span:nth-child(1) {
  top: 0.5rem;
}

header .header .header__right .btn__menu span:nth-child(2) {
  top: 1.5rem;
}

header .header .header__right .btn__menu span:nth-child(3) {
  top: 2.5rem;
}

body.activeMenu header .header .header__right .btn__menu span:nth-child(1) {
  transform: rotate(45deg);
  top: 1.4rem;
}

body.activeMenu header .header .header__right .btn__menu span:nth-child(2) {
  opacity: 0;
}

body.activeMenu header .header .header__right .btn__menu span:nth-child(3) {
  transform: rotate(-45deg);
  top: 1.4rem;
}

header .header .header__right .header__search .btn__search {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .header .header__right .header__search .btn__search svg {
  width: 3.2rem;
  height: 3.2rem;
}

header .header .header__right .header__lang {
  padding: 0px 3.2rem;
}

header .header__menulang select,
header .header .header__right .header__lang select {
  margin: 0px;
  color: var(--colorBlanco);
  background: transparent;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  font-family: Mulish;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../img/img25/arrow.svg");
  background-repeat: no-repeat;
  background-position: 100% center;
  padding-right: 2.4rem;
  background-size: 2.4rem;
}

header .header .header__right .header__btns {
  display: flex;
  gap: 3.2rem;
}

header .header .header__right .header__btns .btn-azul {
  border: 1px solid transparent;
}

body.activeScroll header .header .header__right .header__btns .btn-azul {
  border: 1px solid #fff;
}

header .header__top {
  position: relative;
  z-index: 999;
}

header .header__menu {
  position: fixed;
  z-index: 99;
  top: -2rem;
  left: 0px;
  width: 100%;
  border-radius: 0px 0px 3.2rem 3.2rem;
  background: var(--colorAzul9);
  padding-bottom: 12rem;
  padding-top: 20rem;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
  opacity: 0;
  visibility: hidden;
}

body.activeMenu header .header__menu {
  opacity: 1;
  visibility: visible;
  top: 0rem;
}

body.activeMenu {
  overflow: hidden;
}

body.activeScroll header {
  background-color: var(--colorAzul9);
}

header .header__menu .menu {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  border: 0px !important;
}

.menu__back {
  height: 100vh;
  width: 100%;
  background-color: var(--colorBlanco);
  top: 0px;
  left: 0px;
  content: "";
  position: fixed;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

body.activeMenu .menu__back {
  opacity: 0.6;
  visibility: visible;
}

.btn {
  color: var(--colorBlanco);
  text-align: center;
  font-family: "Mulish";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  display: inline-flex;
  padding: 1.8rem 2.4rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  border-radius: 1000px;
  background: var(--colorAzul9);
  text-decoration: none;
  cursor: pointer;
  border: 0px;
}

.btn-verde {
  background-color: var(--colorVerde);
  color: var(--colorAzul9);
}

.btn:hover {
  background-color: var(--colorAzul7);
  color: var(--colorBlanco);
}

.btn-verde:hover {
  background-color: var(--colorVerdeOscuro2);
  color: var(--colorBlanco);
}

.btn-azul1 {
  background-color: var(--colorAzul1);
  color: var(--colorAzul9);
}

.btn-azul1:hover {
  background-color: var(--colorAzul9);
  color: var(--colorAzul1);
}

.btn-ico {
  display: inline-flex;
  gap: 0.8rem;
  align-items: center;
  color: var(--colorAzul);
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.btn-ico svg {
  height: 3.3rem;
  width: auto;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.btn-ico:hover {
  font-weight: 600;
}

.btn-ico:hover svg {
  transform: rotate(360deg);
}

.btn-border {
  border: 1px solid var(--colorBlanco);
}

.btn-block {
  display: block;
  text-align: center;
  width: 100%;
}

.btn-blanco {
  background-color: var(--colorBlanco);
  color: var(--colorAzul9);
}

.btn-blanco.btn-border {
  border-color: var(--colorAzul9);
}

.box {
  padding: 3.2rem;
  border-radius: 3.2rem;
  background: var(--colorBlanco);
  box-shadow: 0.2rem 0.2rem 2rem 0px rgba(0, 0, 0, 0.05);
  position: relative;
}

.box-h100 {
  height: 100%;
}
.box-border {
  border: 1px solid var(--colorAzul3);
}
.hidden-desktop-block,
.hidden-desktop {
  display: none;
}

/* /////////////////////////  */
/* /////////////////////////  */
/* /////////////////////////  */

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.flex1 > div {
  flex: 1;
}

.gap-12 {
  gap: 1.2rem;
}

.d-flex-3.gap-48 > div {
  width: calc(33% - 2.8rem);
}
.d-flex-2.gap-48 > div {
  width: calc(50% - 2.4rem);
}

.d-flex-4.gap-48 > div {
  width: calc(25% - 3.6rem);
}

.h-60 {
  height: 6rem;
  width: auto;
}

.h-100por {
  height: 100%;
}

.w-100por {
  width: 100%;
}

.w-200 {
  width: 20rem;
  height: auto;
}

.gap-16 {
  gap: 1.6rem;
}

.gap-24 {
  gap: 2.4rem;
}

.gap-48 {
  gap: 4.8rem;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}
.justify-content-between {
  justify-content: space-between;
}

.ico-120 {
  width: 12rem;
}

.ico-60 {
  width: 6rem;
}

.font-plus {
  font-family: "Plus Jakarta Sans";
}

.mix-blend-mode-multiply {
  mix-blend-mode: multiply;
}

.font-72 {
  font-size: 7.2rem;
  line-height: 120%;
  letter-spacing: -0.36rem;
}

.font-64 {
  font-size: 6.4rem;
  line-height: 120%;
  letter-spacing: -0.32rem;
}

.font-48 {
  font-size: 4.8rem;
  line-height: 120%;
  letter-spacing: -0.144rem;
}

.font-32 {
  font-size: 3.2rem;
  line-height: 120%;
}

.font-26 {
  font-size: 2.6rem;
  line-height: 150%;
}

.font-24 {
  font-size: 2.4rem;
  line-height: 150%;
}

.font-20 {
  font-size: 2rem;
  line-height: 150%;
}

.font-16 {
  font-size: 1.6rem;
  line-height: 140%;
}

.font-14 {
  font-size: 1.4rem;
  line-height: 150%;
}

.font-w700 {
  font-weight: 700;
}
.font-w400 {
  font-weight: 400;
}

.back-azul1 {
  background-color: var(--colorAzul1) !important;
}

.back-azul2 {
  background-color: var(--colorAzul2) !important;
}

.back-blanco {
  background-color: var(--colorBlanco) !important;
}

.c-blanco {
  color: var(--colorBlanco);
}

.c-azul1 {
  color: var(--colorAzul1);
}

.c-azul9 {
  color: var(--colorAzul9);
}

.c-azul {
  color: var(--colorAzul);
}

.c-verde {
  color: var(--colorVerde);
}

.m-0 {
  margin: 0px !important;
}

.mb-16 {
  margin-bottom: 1.6rem !important;
}

.mb-12 {
  margin-bottom: 1.2rem !important;
}
.mt-24 {
  margin-top: 2.4rem !important;
}
.mb-24 {
  margin-bottom: 2.4rem !important;
}

.mb-32 {
  margin-bottom: 3.2rem !important;
}

.mb-48 {
  margin-bottom: 4.8rem !important;
}

.mb-64 {
  margin-bottom: 6.4rem !important;
}

.mb-80 {
  margin-bottom: 8rem !important;
}
.mb-120 {
  margin-bottom: 12rem !important;
}

.mb-8 {
  margin-bottom: 0.8rem !important;
}

.pt-200 {
  padding-top: 20rem;
}

.pt-24 {
  padding-top: 2.4rem;
}
.pb-24 {
  padding-bottom: 2.4rem;
}

.pb-200 {
  padding-bottom: 20rem;
}

.pt-100 {
  padding-top: 10rem;
}

.pt-148 {
  padding-top: 14.8rem;
}

.pb-100 {
  padding-bottom: 10rem;
}

.pt-48 {
  padding-top: 4.8rem;
}

.pb-48 {
  padding-bottom: 4.8rem;
}

.pb-8 {
  padding-bottom: 0.8rem;
}

.mt--60 {
  margin-top: -6rem;
}

.alert {
  padding: 1rem 2rem;
  border-radius: 2.4rem;
  margin-bottom: 2.4rem;
}

.alert button {
  display: none;
}

.alert ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.alert-danger {
  background-color: #da3429;
  color: var(--colorBlanco);
}

.alert-success {
  background-color: var(--colorVerdeOscuro);
  color: var(--colorBlanco);
}

.img-fluid {
  width: 100%;
  display: block;
  height: auto;
}

.list-check {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.list-check li {
  position: relative;
  padding-left: 4rem;
  margin-bottom: 1.2rem;
  background-image: url(../img/img25/check.svg);
  background-size: 2.4rem;
  background-repeat: no-repeat;
  background-position: 0px 0.3rem;
  color: var(--colorAzul9);
}

.list-check li ul {
  margin: 0.8rem 0px 1.2rem;
  padding: 0;
}

.list-check li ul li {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
  background-image: none;
  font-size: 1.4rem;
  line-height: 150%;
  background-repeat: no-repeat;
  background-position: 0;
  color: var(--colorAzul9);
  list-style: initial;
}

.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}

.modalVideoOpen {
  position: relative;
}

.modalVideoOpen svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20rem;
  height: 20rem;
  transform: translate(-50%, -50%);
}

.modalVideoOpen svg {
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.modalVideoOpen:hover svg {
  width: 22rem;
  height: 22rem;
}

.modal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.modal.open {
  opacity: 1;
  visibility: visible;
}

.modal::before {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  content: "";
  background: var(--colorAzul9);
}

.modal .modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 40px;
  width: 40px;
  cursor: pointer;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  background: 0px 0px;
}

.modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  width: 150rem;
  height: 85rem;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.modal-container iframe {
  width: 150rem;
  height: 85rem;
}

.no-mod-width {
  flex-shrink: 0;
  flex-grow: 0;
  width: auto;
  height: auto;
}

/* ///////////////////////////////  */

footer {
  border-top: 1.5px solid var(--colorAzul5);
  background: var(--colorAzul9);
  color: var(--colorBlanco);
  padding: 12rem 0px;
}

footer .logo_footer {
  display: inline-flex;
}

footer .logo_footer img {
  width: 20.2rem;
  height: auto;
}

header .header__menu .menu,
footer .footer__menu {
  display: flex;
  gap: 9.6rem;
  padding-bottom: 4.8rem;
  border-bottom: 0.5px solid var(--colorAzul5);
  margin-bottom: 4.8rem;
}

header .header__menu .menu > div,
footer .footer__menu > div {
  width: 29rem;
  position: relative;
}

header .header__menu .menu > div::before,
footer .footer__menu > div::before {
  height: 100%;
  width: 0.5px;
  background-color: var(--colorAzul5);
  content: "";
  position: absolute;
  top: 0px;
  right: -4.8rem;
}

.menu__ulcontacto:before,
header .header__menu .menu > div:last-child:before,
footer .footer__menu > div:last-child:before {
  display: none;
}

header .header__menu .menu ul,
footer .footer__menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px 0px 1.8rem;
  border-bottom: 0.5px solid var(--colorAzul5);
  margin-bottom: 1.8rem;
}

header .header__menu .menu > div ul:last-child,
footer .footer__menu > div ul:last-child {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

header .header__menu .menu ul li,
footer .footer__menu ul li {
  margin-bottom: 1rem;
}

header .header__menu .menu ul li:last-child,
footer .footer__menu ul li:last-child {
  margin-bottom: 0rem;
}

header .header__menu .menu ul li a,
footer .footer__menu ul li a {
  color: var(--colorAzul3);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.8011rem;
  text-decoration: none;
}

header .header__menu .menu ul li a:hover,
footer .footer__menu ul li a:hover {
  color: var(--colorBlanco);
  text-decoration: underline;
}

header .header__menu .menu ul li div,
footer .footer__menu ul li div,
header .header__menu .menu ul li a.title,
footer .footer__menu ul li a.title {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  color: var(--colorAzul2);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

header .header__menu .menu ul li a.title svg,
footer .footer__menu ul li a.title svg,
header .header__menu .menu ul li div svg,
footer .footer__menu ul li div svg {
  height: 2.4rem;
  width: auto;
}

footer .footer__bottom {
  display: flex;
  justify-content: space-between;
  color: var(--colorAzul5);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  align-items: center;
  gap: 3rem;
}

footer .footer__bottom a {
  color: var(--colorAzul5);
  text-decoration: none;
}

footer .footer__bottom a:hover {
  text-decoration: underline;
}

footer .footer__bottom .footer__menulegal {
  margin-top: 0.4rem;
}

footer .footer__bottom .footer__rs {
  display: flex;
  gap: 4rem;
  align-items: center;
}

footer .footer__bottom .footer__rs a {
  display: flex;
}

footer .footer__bottom .footer__rs a svg {
  height: 3.2rem;
  width: auto;
}

footer .footer__bottom .footer__menulegal span:last-child {
  display: none;
}

/* cookies */
.barraCookies {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;

  display: none;
  padding: 2.4rem 4.8rem;
  text-align: center;
  background-color: var(--colorBlanco);
  color: var(--colorAzul9);
  font-size: 2rem;
  line-height: 120%;
}

.barraCookies .inner > div {
  margin-top: 1rem;
}

header .header__menulang,
.header__menubtns {
  display: none;
}

.page_cluster_como_y_donde header,
.page_balizas-v16-sos-road header,
.page_balizas-v16-sos-road-01 header,
.page_encuesta-app header,
.page_telepeaje-viat-portugal-vincular-matricula header,
.page_404 header,
.page_balizas-v16-obligatoria header,
.page_landingViatBarato header,
.page_brazaleteMotorista header,
.page_efr header,
.page_zbe-zonas header,
.page_descuentosAutopista header,
.page_descuentosComunidad header,
.page_accede-a-la-app header,
header.post_single,
.page_defecto header,
.page_descuentos header,
.page_balizas-v16 header,
.page_nuestros-partners header,
.page_principales-clientes header,
.page_app-telepeaje-viat header,
.page_soporteCoche header,
.page_peajes-autopista-portugal header,
.page_telepeaje-uso-ocasional header,
.page_telepeaje-uso-frecuente header,
.page_cluster_comocolocarlo header,
.page_cuanto-cuesta header,
.page_cluster_como_colo header,
.page_buscador header,
.page_contacto header {
  background-color: var(--colorAzul9);
}

body.page_telepeaje-viat-portugal-vincular-matricula
  .header__right
  .header__btns
  .btn-azul,
body.page_balizas-v16-sos-road-01 .header__right .header__btns .btn-azul,
body.page_balizas-v16-sos-road .header__right .header__btns .btn-azul,
body.page_cluster_como_y_donde .header__right .header__btns .btn-azul,
body.page_encuesta-app .header__right .header__btns .btn-azul,
body.page_404 .header__right .header__btns .btn-azul,
body.page_balizas-v16-obligatoria .header__right .header__btns .btn-azul,
body.page_landingViatBarato .header__right .header__btns .btn-azul,
body.page_brazaleteMotorista .header__right .header__btns .btn-azul,
body.page_cluster_como_colo .header__right .header__btns .btn-azul,
body.page_cuanto-cuesta .header__right .header__btns .btn-azul,
body.page_efr .header__right .header__btns .btn-azul,
body.page_zbe-zonas .header__right .header__btns .btn-azul,
body.page_descuentosAutopista .header__right .header__btns .btn-azul,
body.page_descuentosComunidad .header__right .header__btns .btn-azul,
body.page_accede-a-la-app .header__right .header__btns .btn-azul,
header.post_single .header__right .header__btns .btn-azul,
body.page_defecto .header__right .header__btns .btn-azul,
body.page_descuentos .header__right .header__btns .btn-azul,
body.page_balizas-v16 .header__right .header__btns .btn-azul,
body.page_nuestros-partners .header__right .header__btns .btn-azul,
body.page_principales-clientes .header__right .header__btns .btn-azul,
body.page_app-telepeaje-viat header .header__right .header__btns .btn-azul,
body.page_soporteCoche header .header__right .header__btns .btn-azul,
body.page_peajes-autopista-portugal
  header
  .header__right
  .header__btns
  .btn-azul,
body.page_telepeaje-uso-ocasional header .header__right .header__btns .btn-azul,
body.page_telepeaje-uso-frecuente header .header__right .header__btns .btn-azul,
body.page_contacto header .header__right .header__btns .btn-azul,
body.page_buscador header .header__right .header__btns .btn-azul,
body.page_cluster_comocolocarlo header .header__right .header__btns .btn-azul {
  border: 1px solid #fff;
}

.migas ol {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 0.4rem;
  font-size: 1.4rem;
  line-height: 150%;
  color: var(--colorAzul6);
}

.migas ol li a {
  text-decoration: none;
  color: var(--colorAzul6);
}

.migas.migas-blanco ol,
.migas.migas-blanco ol li a {
  color: var(--colorBlanco);
}

.input-form {
  margin-bottom: 2.4rem;
}

.input-form input,
.input-form textarea,
.input-form select {
  display: block;
  font-family: Mulish;
  width: 100%;
  border-radius: 0.8rem;
  border: 1px solid var(--colorAzul9);
  background: var(--colorBlanco);
  padding: 1.2rem 2.4rem;
  color: var(--colorAzul9);
  font-size: 2rem;
  line-height: 2rem;
}

.input-form input::placeholder {
  color: var(--colorAzul6);
}

.input-form label {
  color: var(--colorAzul9);
  margin-bottom: 0.6rem;
  display: block;
}

.input-form-check {
  display: flex;
  gap: 2.4rem;
  color: var(--colorAzul9);
}

.contacto__tipo {
  display: flex;
}

.contacto__tipo > div {
  width: 50%;
}

.input-form textarea {
  height: 14rem;
}

.input-form-legal {
  display: flex;
  gap: 3.2rem;
}

.border-top-1-3 {
  border-top: 1px solid var(--colorAzul3);
}

.border-left-1-3 {
  border-left: 1px solid var(--colorAzul3);
}

.border-right-1-3 {
  border-right: 1px solid var(--colorAzul3);
}

.border-bottom-1-3 {
  border-bottom: 1px solid var(--colorAzul3);
}

.border-radius-t-l {
  border-top-left-radius: 3.2rem;
}

.border-radius-t-r {
  border-top-right-radius: 3.2rem;
}

.border-radius-b-l {
  border-bottom-left-radius: 3.2rem;
}

.border-radius-b-r {
  border-bottom-right-radius: 3.2rem;
}

/* ///////////////////////////////  */
/* ////////// MODULOS ////////////  */
/* ///////////////////////////////  */

.mod__herohome {
  background-color: var(--colorAzul9);
  background-image: url(../img/img25/home-hero.jpg);
  background-size: cover;
  position: relative;
  z-index: 0;
}

.mod__herohome-empresas {
  background-image: url(../img/img25/header-back-empresas.jpg);
}
.mod__herohome-factura {
  background-image: url(../img/img25/header-back-factura.jpg) !important;
}

.mod__herohome-prensa {
  background-image: url(../img/img25/header-back-prensa.jpg);
  background-position: center center;
}
.pageheader-cocheelectrico {
  background-image: url(../img/img25/header-coche-electrico.png) !important;
}
.pageheader-ecoviat {
  background-image: url(../img/img25/header-eco-viat.jpg) !important;
}

.mod__herohome::before {
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  background: linear-gradient(270deg, rgba(27, 42, 58, 0) 20.65%, #1b2a3a 100%);
  z-index: -1;
}

.herohome {
  padding: 22.7rem 0px 10.8rem;
  display: flex;
  align-items: center;
}

.herohome .herohome__data_btns {
  display: flex;
  gap: 2.4rem;
}

.herohome .herohome__data {
  width: 89.4rem;
}

.herohome .herohome__data_subtitle {
  width: 82.9rem;
}

.herohome .herohome__img {
  position: relative;
}

.herohome .herohome__img picture:first-child {
  padding-left: 12rem;
}

.herohome .herohome__img picture:first-child img {
  width: 29.58rem;
  height: 59.65rem;
}

.herohome .herohome__img picture:last-child {
  position: absolute;
  bottom: -4rem;
  left: 0px;
}

.herohome .herohome__img picture:last-child img {
  width: 36.1rem;
  height: 24.3rem;
}

.mod__herohome-comofunciona .herohome__img picture:last-child img,
.mod__herohome-empresas .herohome__img picture:last-child img {
  width: 55rem;
  height: 38.4rem;
}

.mod__herohome-comofunciona .herohome__img picture:last-child,
.mod__herohome-empresas .herohome__img picture:last-child {
  position: absolute;
  bottom: auto;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}
.mod__herohome-comofuncionaim {
  background-image: url(../img/img25/header-viat-como-funciona.jpg) !important;
}
.mod__herohome-senalizacion {
  background-image: url(../img/img25/header-senalizacion-autopistas.jpg) !important;
}
.mod__herohome-comocontratar {
  background-image: url(../img/img25/header-dispositivo-viat-contratar.jpg) !important;
}
.mod__herohome-dondeutilizar {
  background-image: url(../img/img25/header-viat-donde-utilizarlo.jpg) !important;
}
.mod__herohome-vehiculos {
  background-image: url(../img/img25/header-viat-tipo-vehiculo.jpg) !important;
}
.mod__herohome-pago {
  background-image: url(../img/img25/header-viat-pago.jpg) !important;
}
.mod__herohome-nofunciona {
  background-image: url(../img/img25/header-viat-por-no-funciona.jpg) !important;
}

/* --------- */
.mod__blue {
  padding: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4.8rem;
  color: var(--colorBlanco);
  background-color: var(--colorAzul);
}

.mod__blue > div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}

.mod__blue > div > div svg {
  height: 3.2rem;
  width: auto;
}

/* --------- */

.mod__txtimg {
}

.mod__txtimg .txtimg {
  display: flex;
  gap: 8rem;
  align-items: center;
}

.mod__txtimg .txtimg > div {
  width: calc(50%);
}

.mod__txtimg .txtimg_order2 > div:first-child {
  order: 2;
}

.mod__txtimg .txtimg_order2 > div:last-child {
  order: 1;
}

.mod__txtimg .txtimg .txtimg__ico {
  display: flex;
}

.mod__txtimg .txtimg .txtimg__ico img,
.mod__txtimg .txtimg .txtimg__ico svg {
  height: 6rem;
  width: auto;
}

/* --------- */

.mod__app {
  position: relative;
  color: var(--colorBlanco);
  background-color: var(--colorAzul9);
  z-index: 0;
}

.mod__app::before {
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  content: "";
  position: absolute;
  background-image: url(../img/img25/back-mod-app.png);
  background-repeat: no-repeat;
  background-position: center 7rem;
  z-index: -1;
  opacity: 0.15;
}

.mod__app .modapp__ico {
  display: flex;
  justify-content: center;
  width: 100%;
}

.mod__app .modapp__ico svg {
  height: 6rem;
  width: auto;
}

.mod__app .modapp__linkapp {
  display: flex;
  gap: 2.4rem;
  justify-content: center;
}

/* --------- */

.mod__planes .planes__ico svg {
  height: 6rem;
  width: auto;
}

.planes__row {
  display: flex;
  gap: 2.4rem;
  justify-content: center;
}

.plan {
  position: relative;
  display: flex;
  width: 40rem;
  min-height: 38rem;
  padding: 3.2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.8rem;

  border-radius: 3.2rem;
  background: var(--colorBlanco);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05);
}
.plan-gap12 {
  gap: 1.2rem;
}

.plan.plan-popular {
  border: 1px solid var(--colorVerde);
}

.plan .plan__price {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  color: var(--colorAzul7);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.plan .plan__price > div:first-child {
  color: var(--colorAzul9);
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.144rem;
}

.plan picture {
  position: absolute;
  right: 2.4rem;
  top: 3.2rem;
}

.plan picture img {
  width: 12rem;
  height: auto;
}

.box .box__pop,
.table .table__pop,
.plan .plan__pop {
  position: absolute;
  display: flex;
  gap: 0.8rem;

  display: inline-flex;
  padding: 0.8rem 1.6rem;
  justify-content: center;
  align-items: center;

  border-radius: 1000px;
  border: 1px solid var(--colorVerdeOscuro);
  background: var(--colorVerdeClaro);

  color: var(--colorVerdeOscuro);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  white-space: nowrap;

  top: -1.8rem;
  left: 50%;
  transform: translateX(-50%);
}
.box__pop.c-azul {
  background-color: var(--colorAzul1);
  color: var(--colorAzul);
  border-color: var(--colorAzul);
}

.table .table__pop svg,
.plan .plan__pop svg {
  width: 1.6rem;
}

.plan .plan__pop a {
  color: var(--colorVerdeOscuro);
}

/* --------- */
.pageHeader .pageHeader__desc a {
  color: var(--colorAzul);
}

/* --------- */

.pageheader {
  padding: 20rem 0px;
}

.pageheader .pageheader__data_title {
  max-width: 89.4rem;
}

.pageheader .pageheader__data_subtitle {
  max-width: 82.9rem;
}
.pageheader__data-huerna {
  display: flex;
  gap: 3.2rem;
  align-items: center;
}
.pageheader .pageheader__data-huerna .pageheader__data_subtitle {
  max-width: 100%;
}
.pageheader .pageheader__data-huerna h1 svg {
  height: 8rem;
  width: auto;
  margin-top: 1rem;
  display: inline-block;
  position: absolute;
  margin-left: 1rem;
}

.mod__pageheader {
  background-color: var(--colorAzul9);
  background-size: cover;
  position: relative;
  z-index: 0;
  background-position: center;
}

.mod__pageheader video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}

.mod__pageheader.mod__pageheader-video .pageheader {
  padding: 25rem 0px 20rem;
}
.mod__pageheader.mod__pageheader-ap9 .pageheader__data_title {
  max-width: 100%;
}

.pageheader-telepeaje-viat {
  background-image: url(../img/img25/header-back-telepeaje-viat.jpg);
}

.pageheader-comparativa {
  background-image: url(../img/img25/header-back-comparativa.jpg);
}

.pageheader-dispositivo-viat {
  background-image: url(../img/img25/header-back-dispositivo-viat.jpg);
}

.pageheader-atencioncliente {
  background-image: url(../img/img25/header-back-atencion-al-cliente.jpg);
}

.pageheader-quienes-somos {
  background-image: url(../img/img25/header-back-quienes-somos.jpg);
}

.pageheader-viat-francia {
  background-image: url(../img/img25/header-back-francia.jpg);
}

.pageheader-viat-portugal {
  background-image: url(../img/img25/header-back-viaja-portugal.jpg);
}
.pageheader-viat-zbe {
  background-image: url(../img/img25/header-back-zbe.jpg);
}
.pageheader-motos {
  background-image: url(../img/img25/header-back-motos.jpg);
}
.pageheader-paso-uso {
  background-image: url(../img/img25/pageheader-paso-uso.jpg);
}
.pageheader-mapaweb {
  background-image: url(../img/img25/header-back-mapa-web.jpg);
}
.pageheader-pf {
  background-image: url(../img/img25/header-back-pf.jpg);
}
.pageheader-blog {
  background-image: url(../img/img25/header-back-blog.jpg);
}

.mod__pageheader::before {
  height: 100%;
  width: 100%;
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  background: linear-gradient(270deg, rgba(27, 42, 58, 0) 0%, #1b2a3a 100%);

  z-index: -1;
}

/* --------- */

.fullImagenTxt {
  padding-left: 8rem;
  padding-right: 8rem;
}

.fullImagenTxt > div {
  background: linear-gradient(
      0deg,
      rgba(27, 42, 58, 0.25) 0%,
      rgba(27, 42, 58, 0.25) 100%
    ),
    url(../img/img25/back-juntos-en-cada-destino.jpeg) no-repeat;
  background-size: cover;
  height: 75rem;
  border-radius: 3.2rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  color: var(--colorBlanco);
  background-position: center;
}
.fullImagenTxt-landing > div {
  background: url(../img/img25/fondo-seccion-landing.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

.fullImagenTxt .fullImagenTxt__logo img {
  height: 6rem;
}

.mod_contacto {
  max-width: 900px;
  margin: auto;
}

.migas-center ol {
  justify-content: center;
}

.form-search {
  width: 77rem;
  display: inline-flex;
  gap: 0.8rem;
  justify-content: space-between;
  border-radius: 3.2rem;
  border: 0.5px solid var(--colorAzul5);
  background: var(--colorAzul1);
  padding: 0.8rem 2.4rem;
}

.form-search input {
  color: var(--colorAzul);
  font-family: Mulish;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  background: transparent;
  width: 65rem;
}

.form-search button {
  background: transparent;
  padding: 0px;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
  cursor: pointer;
}

.form-search button svg {
  width: 3.2rem;
  height: 3.2rem;
}

.resultados_buscador {
  padding-bottom: 10rem;
}

.resultados_buscador a {
  text-decoration: none;
  color: var(--colorAzul);
}

.resultados_buscador a h2 {
  color: var(--colorAzul9);
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.cont_resultado_busc {
  margin-bottom: 4.8rem;
}

/* ------------------------------------- */
.downApp {
  display: flex;
  padding: 4rem 8rem;
  align-items: center;
  gap: 8rem;
  align-self: stretch;
  border-radius: 3.2rem;
  border: 1px solid var(--colorAzul4);
  background: var(--colorBlanco);
}

.downApp > div:first-child {
  display: flex;
  gap: 4.8rem;
  align-items: center;
}

.downApp .downApp__ico {
  height: 9rem;
  width: auto;
}

.downApp .downApp__qr {
  height: 20rem;
  width: auto;
}

/* ------------------------------------- */

.table__header,
.table__row {
  display: flex;
  justify-content: space-between;
  display: flex;
  align-self: stretch;
  position: relative;
}

.table__row {
  border-bottom: 1px solid var(--colorAzul3);
  border-right: 1px solid var(--colorAzul3);
}

.table__header .col_t_1,
.table__row .col_t_1 {
  width: 48rem;
  padding: 3.2rem;
  gap: 1.6rem;
  background: var(--colorBlanco);
}

.table__row .col_t_2 {
  width: 96rem;
  padding: 3.2rem;
  background: var(--colorBlanco);
}

.table__header_comobe {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.table__header_comobe img {
  width: 12rem;
  height: auto;
}

.table__header_combtns {
  max-width: 33.6rem;
  display: flex;
  gap: 1.2rem;
  flex-wrap: wrap;
  flex-direction: column;
  margin: auto;
}

.com_ico {
  display: flex;
}

.com_ico svg {
  max-width: 6rem;
  max-height: 6rem;
  width: 100%;
  height: 100%;
}

.downApp__linkapp {
  display: none;
}

.ani {
  opacity: 0;
}

.ani-img-scroll {
  margin-top: 80px;
}

.menu__item_0 button {
  display: none;
}

/* ------------------------------------- */

.emp__cli .emp__cli_header {
  display: flex;
  gap: 2.4rem;
  align-items: center;
  border-bottom: 1px solid var(--colorAzul3);
  padding: 0px 0px 1.2rem;
  margin-bottom: 1.2rem;
  color: var(--colorAzul9);
}

.emp__cli .emp__cli_logo {
  height: 14.6rem;
  width: 14.6rem;
}

.emp__cli .emp__cli_logo img {
  height: 14.6rem;
  width: 14.6rem;
  object-fit: cover;
}

.emp__cli .emp__cli_nombre {
  font-size: 2.4rem;
  line-height: 120%;
}

.emp__cli .emp__cli_cargo {
  margin: 0.4rem 0px;
  font-weight: bold;
}

.emp__cli .emp__cli_txt {
  color: var(--colorAzul6);
}

.emp__cli .emp__cli_desc {
  font-style: italic;
  font-size: 1.4rem;
  line-height: 150%;
  margin-bottom: 0;
  color: var(--colorAzul9);
}

/* ------------------------------------- */

.modal__llamada {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgb(20 38 68 / 70%);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.active.modal__llamada {
  opacity: 1;
  visibility: visible;
}

.modal__llamada .modal__llamada_content {
  max-width: 78rem;
  width: 90%;
  background: #fff;
  padding: 5.6rem;
  text-align: center;
  position: relative;
  border-radius: 2.4rem;
  margin-top: 5rem;
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.active.modal__llamada .modal__llamada_content {
  margin-top: 0px;
}

.modal__llamada .moda__llamada__pretitle {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1.6rem;
}

.btn-block-flex {
  display: flex;
  width: 100%;
  justify-content: center;
}

.btn__closellamada {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
  background: transparent;
  padding: 0px;
  border: 0px;
  padding: 0.5rem;
  cursor: pointer;
}

body.bloqueoModal {
  overflow: hidden;
}

.plan__foto {
  position: relative;
}

.plan__foto .planes {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.soporteVideoIframe {
  height: 80rem;
}

.slick-dots {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  padding: 0px;
  list-style: none;
  gap: 1.2rem;
  margin-top: 8rem;
}

.slick-dots li button {
  font-size: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 1.8rem;
  background-color: var(--colorAzul5);
  display: block;
  border: 0px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
}

.slick-dots li.slick-active button {
  width: 1.8rem;
  height: 1.8rem;
  background-color: var(--colorAzul);
}

.card__galp {
  border-radius: 3.2rem;
  border: 1px solid var(--colorAzul3);
  background: var(--colorBlanco);
  padding: 2.4rem;
  text-align: center;
}

.card__galp img {
  display: block;
  margin: 0px auto 2.4rem;
  max-width: 100%;
  height: auto;
}

.slick-slide {
  margin: 0 2.4rem;
}

.slick-next.slick-arrow {
  right: -1rem;
}

.slick-prev.slick-arrow {
  left: -1rem;
  transform: rotate(180deg);
}

.slick-arrow {
  top: calc(50% - 10rem);
  width: 6rem;
  height: 6rem;
  position: absolute;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  background-image: url("../img/img25/slider-arrow.svg");
  background-size: 100%;
  font-size: 0;
  cursor: pointer;
  z-index: 1;
}

.pagina_principales {
  position: relative;
}

.pagina_principales .logos {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
  border-radius: 3.2rem;
  border: 1px solid var(--colorAzul3);
  background: var(--colorAzul2);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05);
  padding: 3.2rem;
  top: -7rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1060px;
}
.pagina_principales .logos img {
  max-width: 80px;
  max-height: 55px;
}

.pagina_principales .logos .slick-track {
  width: 100% !important;
}

.pagina_principales .logos a.slick-slide {
  margin: 0px 7px;
  width: auto !important;
  opacity: 0.5;
  cursor: pointer;
}

.pagina_principales .logos a.slick-slide.slick-current {
  opacity: 1;
}

.pagina_principales .logos a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--colorAzul2);
  height: 55px;
}

.pagina_principales.pagina_principales-partners .logos {
  width: 70rem;
}

.pagina_principales.pagina_principales-partners .logos a {
  display: flex;
  flex-direction: column;
  height: auto;
  gap: 1.2rem;
  color: var(--colorAzul9);
}

.pagina_principales.pagina_principales-partners .logos a svg {
  height: 6rem;
  width: auto;
}

.pagina_principales.pagina_principales-partners .logos a.slick-slide {
  margin: 0px 4rem;
  opacity: 1;
}

.pagina_principales.pagina_principales-partners
  .logos
  a.slick-slide.slick-current {
  color: var(--colorAzul);
  font-weight: 700;
}

.pagina_principales.pagina_principales-partners
  .logos
  a.slick-slide.slick-current
  svg
  path {
  fill: var(--colorAzul);
}

.container-partner .imgs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 3.2rem;
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid var(--colorAzul3);
}

.container-partner .imgs.imgs-parkimetros {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.container-partner .imgs.imgs-parkimetros img {
  height: 30rem;
  width: auto;
}

.slider__principales {
  max-width: 144rem;
  margin: 0px auto;
}

.slider__principales > ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.slider__principales .container-cliente {
  border-radius: 3.2rem;
  border: 1px solid var(--colorAzul3);
  background: var(--colorBlanco);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05);
  padding: 3.2rem;
}

.slider__principales .container-cliente .row {
  display: flex;
  color: var(--colorAzul9);
  font-size: 1.6rem;
  line-height: 140%;
}

.slider__principales .container-cliente .row .img_obe_cliente {
  max-width: 34.6rem;
}

.slider__principales .container-cliente .row > div:first-child {
  padding-right: 2.4rem;
  margin-right: 2.4rem;
  border-right: 1px solid var(--colorAzul3);
}

.slider__principales .container-cliente .row h3 {
  margin: 0px 0px 2.4rem 0px;
  font-family: "Plus Jakarta Sans";
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.2rem;
}

.slider__principales .slick-arrow {
  top: 12rem;
}

.slider__principales.slider__principales-partners .slick-prev.slick-arrow {
  left: -1rem;
}

.prensa__listado {
  display: flex;
  gap: 4.8rem;
  flex-wrap: wrap;
}

.prensa__listado > div {
  width: calc(33% - 2.8rem);
}

.prensa__listado > div .box {
  height: 100%;
  border: 1px solid var(--colorAzul3);
  color: var(--colorAzul9);
}

.prensa__listado > div .box .img-art {
  border-radius: 1.6rem;
  margin: 2.4rem 0px;
}

.prensa__listado > div .box .img-logo {
  max-height: 6rem;
  margin: auto;
  width: auto;
}

.prensa__listado > div .box a {
  text-decoration: none;
}

.prensa__listado > div .box h2 {
  color: var(--colorAzul);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 36px */
  margin: 0px 0px 1.2rem;
}

.prensa__listado > div .box .fecha {
  color: var(--colorAzul6);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
}

.slider_portugal .box {
  text-align: center;
}

.slider_portugal .box img {
  display: block;
  margin: 0px auto 2.4rem;
}

.slider_portugal .box p {
  margin: 0px;
}

.acordeon {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.acordeon .aco_titulo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 0px;
  cursor: pointer;
}

.acordeon .aco_titulo svg {
  width: 6rem;
}

.acordeon .aco_titulo > span {
  width: 6rem;
  height: 6rem;
  border-radius: 6rem;
  background-color: var(--colorAzul2);
  position: relative;
  flex-shrink: 0;
}

.acordeon .aco_titulo > span > span {
  width: 2.4rem;
  height: 0.3rem;
  border-radius: 6rem;
  background-color: var(--colorAzul);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.acordeon .aco_titulo > span > span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(90deg);
}

.acordeon .aco_titulo.active > span > span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(180deg);
}

.acordeon .aco_titulo.active > span > span:nth-child(2) {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}

.acordeon .aco_titulo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2.4rem;
  color: var(--colorAzul);
  font-weight: 700;
  line-height: 150%;
  border-bottom: 1px solid var(--colorAzul3);
}

.acordeon .module_inner {
  padding: 2.4rem 0px;
  border-bottom: 1px solid var(--colorAzul3);
  display: none;
}

.pestanas_parquimetros {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pestanas_parquimetros ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-radius: 3.2rem;
  overflow: hidden;
}

.pestanas_parquimetros ul li a {
  padding: 1.6rem 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  background: var(--colorAzul3);
  text-decoration: none;
  color: var(--colorAzul9);
}

.pestanas_parquimetros ul li.active a {
  background: var(--colorAzul);
  color: var(--colorAzul3);
}

.slider-pago-por-uso .slider_content {
  padding: 3.2rem;
  border-radius: 3.2rem;
  background-color: var(--colorBlanco);
}

.slider-pago-por-uso .slider_content .row {
  display: flex;
  gap: 4.8rem;
}
.slider-pago-por-uso .slider_content .row > div:nth-child(1) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}
.slider-pago-por-uso .slider_content .row > div:nth-child(2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}

.slider-pago-por-uso .slider_content .row > div:nth-child(1) {
  flex-shrink: 0;
  flex-grow: 0;
}

.slider-pago-por-uso .slider_content .row > div:nth-child(1) img {
  width: 35.4rem;
  height: 41.1rem;
  object-fit: cover;
  border-radius: 1.6rem;
}

.tabs__buscador {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 2.4rem;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.tabs__buscador li {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
  color: var(--colorAzul6);
  border-bottom: 1px solid var(--colorAzul4);
  padding: 1.2rem 0px;
  cursor: pointer;
}

.tabs__buscador li svg {
  width: 3.3rem;
  height: auto;
}

.tabs__buscador li svg path {
  fill: var(--colorAzul6);
}

.tabs__buscador li.active {
  color: var(--colorAzul);
  border-color: var(--colorAzul);
}

.tabs__buscador li.active svg path {
  fill: var(--colorAzul);
}

.mapa__descuentos {
  height: 100rem;
  width: 100%;
}

.container__mapa {
  position: relative;
}

.menu__mapa {
  position: absolute;
  top: 2.4rem;
  left: 0px;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}

.menu__mapa ul {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
  align-items: center;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.menu__mapa ul li a {
  pointer-events: initial;
  display: flex;
  padding: 0.8rem 2.4rem;
  align-items: center;
  gap: 0.4rem;
  border-radius: 100px;
  border: 1px solid var(--colorAzul4);
  background: var(--colorBlanco);
  text-decoration: none;
  color: var(--colorAzul9);
  justify-content: center;
  align-items: center;
}

.menu__mapa ul li svg {
  height: 2.4rem;
}

.menu__mapa ul li svg path {
  fill: var(--colorAzul9);
  -moz-transition: var(--ani);
  -ms-transition: var(--ani);
  -o-transition: var(--ani);
  transition: var(--ani);
}

.menu__mapa ul li.active svg path {
  fill: var(--colorBlanco);
}

.menu__mapa ul li.active a {
  background-color: var(--colorAzul);
  border-color: var(--colorAzul);
  color: var(--colorBlanco);
}

.submenu_mapa {
  position: absolute;
  top: 2.4rem;
  left: 50%;
  margin-left: -74rem;
  width: 34rem;
  border-radius: 3.2rem;
  border: 1px solid var(--colorAzul3);
  background: var(--colorBlanco);
  z-index: 1;
  padding: 2.4rem;
}

.mapa__listado {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.mapa__listado li {
  margin-bottom: 0.6rem;
}

.mapa__listado li a {
  text-decoration: none;
  line-height: 130%;
  display: inline-block;
}

.return__mapa {
  color: var(--colorVerdeOscuro2);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.hidden {
  display: none;
}

.show {
  display: block;
}

.listado-cont {
  position: relative;
  margin-bottom: 0.6rem;
}

.listado-cont .listadoTitulo {
  position: relative;
  color: var(--colorAzul);
  line-height: 130%;
  cursor: pointer;
}

.listado-cont .listadoDescripcion {
  display: none;
}

.listado-cont.active .listadoDescripcion {
  display: block;
  color: var(--colorAzul9);
  padding-bottom: 2.4rem;
  padding-top: 1.2rem;
}

.listado-cont.active .listadoTitulo {
  font-weight: 700;
  text-decoration: underline;
}

.infobox {
  font-size: 14px !important;
  line-height: 120% !important;
  font-family: Mulish !important;
  color: var(--colorAzul9) !important;
  padding: 0px 10px 10px !important;
  font-weight: 400 !important;
}

.infobox-header {
  font-size: 24px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: 150%;
  color: var(--colorAzul9) !important;
}

.infobox-address {
  margin-bottom: 18px !important;
}

.gm-style .gm-style-iw-c {
  width: 500px !important;
}

.gm-style-iw-d {
  margin-top: -30px;
}

.listado__desc {
  list-style: none;
  max-width: 85rem;
  margin: 0px auto;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 2.4rem;
}

.pastilla {
  display: flex;
  padding: 1.2rem;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  border-radius: 100px;
  background: var(--colorAzul2);
  color: var(--colorAzul9);
}

.pastilla svg {
  height: 2.4rem;
}

.descuentosECOlis {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.descuentosECOlis > div {
  width: calc(33% - 0.08rem);
}

.descuentosECOlis > div > a {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  font-size: 1.6rem;
}

.descuentosECOlis > div > a > span {
  display: flex;
  padding: 1.2rem;
  align-items: center;
  gap: 0.4rem;

  border-radius: 100px;
  background: var(--colorAzul2);
}

.descuentosECOlis > div > a > span > svg {
  height: 2.4rem;
}

.mapaParkings {
  width: 100%;
  height: 85rem;
}

.listadoMapa {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.listadoMapa li {
  margin-bottom: 0.8rem;
}

.mascontenido {
  display: none;
}
.mapa_zbe {
  height: 600px;
  border-radius: 3.4rem;
  overflow: hidden;
}
.mapa_zbe_loading_cont {
  position: relative;
  border-radius: 3.4rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mapa_zbe_loading_cont .mapa_zbe_loading {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-size: 4.8rem;
  font-weight: 700;
  background: rgb(24 95 212 / 50%);
  justify-content: center;
  align-items: center;
  display: flex;
  color: var(--colorBlanco);
}

.descuentosComunidades ul {
  display: flex;
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
  gap: 2.4rem 4.8rem;
  flex-wrap: wrap;
}
.descuentosComunidades ul li {
  width: calc(33% - 2.8rem);
}

.contenido_defecto {
  color: var(--colorAzul9);
}
.contenido_defecto h5,
.contenido_defecto h4,
.contenido_defecto h3,
.contenido_defecto h2 {
  font-family: "Plus Jakarta Sans";
  font-size: 6.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.3rem;
}
.contenido_defecto h3 {
  font-size: 4.8rem;
  letter-spacing: -0.2rem;
}
.contenido_defecto h4 {
  font-size: 3.2rem;
  letter-spacing: -0.1rem;
}
.contenido_defecto h5 {
  font-size: 2.8rem;
  letter-spacing: -0rem;
}

.contenido_defecto table {
  border-collapse: collapse;
  border: 1px solid var(--colorAzul5);
  padding: 1.2rem;
  margin-bottom: 2.4rem;
  width: 100%;
}
.contenido_defecto table tr th,
.contenido_defecto table tr td {
  border: 1px solid var(--colorAzul5);
  padding: 1.2rem;
}
.contenido_defecto label {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 2.4rem;
}
.contenido_defecto label h3 {
  font-size: 2rem;
  letter-spacing: -0rem;
  margin: 0px;
}
.table-responsive {
  width: 100%;
  overflow: auto;
}
.table-responsive::-webkit-scrollbar {
  display: none;
}
.mod_listblog .row {
  display: flex;
  gap: 2.4rem;
  flex-wrap: wrap;
}
.mod_listblog .row .col-lg-9 {
  width: 96.5rem;
  max-width: 96.5rem;
}
.mod_listblog .row .col-lg-3 {
  width: 44.8rem;
  max-width: 44.8rem;
}
.mod_listblog .row .col-lg-6 {
  width: 47rem;
  max-width: 47rem;
}
.postListado {
  height: 100%;
  border: 1px solid var(--colorAzul3);
}
.contenedor-widget-blog {
  border: 1px solid var(--colorAzul3);
  margin-bottom: 2.4rem;
}
.contenedor-widget-blog h3 {
  color: var(--colorAzul9);
  font-size: 4.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.1rem;
  margin: 0px 0px 2.4rem;
}
.contenedor-widget-blog .ul_verde {
  color: var(--colorAzul);
  margin: 0;
  padding: 0px 0px 0rem 2rem;
}
.contenedor-widget-blog .ul_verde li a {
  color: var(--colorAzul9);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  margin: 0px;
}

.postListado img {
  height: 21.5rem;
  width: 100%;
  border-radius: 1.6rem;
  object-fit: cover;
  margin-bottom: 2.4rem;
}
.postListado .etiquetas,
.postListado .fechas {
  color: var(--colorAzul6);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0.4rem;
}
.postListado .h2tituloblog {
  color: var(--colorAzul);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1.2rem;
}
.postListado a {
  text-decoration: none;
}

.contenedor-widget-blog a {
  display: block;
  margin-bottom: 2.8rem;
  text-decoration: none;
}
.contenedor-widget-blog a img {
  height: 14rem;
  width: 100%;
  border-radius: 1.6rem;
  object-fit: cover;
  margin-bottom: 1.2rem;
}

.pagination {
  display: flex;
  list-style: none;
  margin: 0px;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  margin: 0px;
  padding: 0px;
  margin-top: 8rem;
}
.pagination a {
  display: flex;
  width: 6rem;
  height: 6rem;
  border-radius: 6rem;
  background-color: var(--colorAzul3);
  text-align: center;
  align-items: center;
  justify-content: center;
  color: var(--colorAzul9);
  font-size: 2.4rem;
  text-decoration: none;
}
.pagination li.active a {
  background-color: var(--colorAzul);
  color: var(--colorBlanco);
}

.post__indice {
  background-color: var(--colorAzul2);
  border: 1px solid var(--colorAzul4);
  padding: 2.4rem;
  border-radius: 2.4rem;
  color: var(--colorAzul9);
}
.post__indice a {
  text-decoration: none;
  color: var(--colorAzul9);
}
.contendio_post {
  margin-top: 1.2rem;
  color: var(--colorAzul9);
  font-family: Mulish !important;
}
.contendio_post > * {
  font-family: Mulish !important;
}
.contendio_post span {
  color: var(--colorAzul9) !important;
  font-size: 2rem !important;
  font-family: Mulish !important;
}
.post_img {
  border-radius: 2.4rem;
  margin-bottom: 2.4rem;
}
.postListadoFooter {
  font-size: 1.6rem;
  line-height: 120%;
}

.accede-qr {
  display: inline-flex;
  padding: 5rem;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-radius: 1.6rem;
  background: var(--colorAzul1);
}
.accede-qr svg {
  width: 30rem;
  height: auto;
}

.accede_disponble {
  color: var(--colorVerdeOscuro);
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 22px */
  display: inline-flex;
  padding: 1.8rem 1.6rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  align-self: stretch;
  border-radius: 1000px;
  border: 1px solid var(--colorVerdeOscuro);
  background: var(--colorVerdeClaro);
  width: 39rem;
}

.efr-img,
.zbe__senal-img {
  border-radius: 3.2rem;
  background: #f4f7fa;
  display: inline-flex;
  width: 68rem;
  height: 75rem;
  align-items: center;
  justify-content: center;
}
.zbe__senal-img picture,
.zbe__senal-img img {
  width: auto;
  height: 75rem;
}
.efr-img img,
.efr-img picture {
  width: auto;
  height: 34rem;
}

.mapa-descuentos {
  width: 100%;
  height: 60rem;
  border-radius: 3.2rem;
}

.videoFactura {
  width: 100%;
  display: none;
}

.cont-texto {
  color: #fff;
  height: auto;
  max-width: 400px !important;
  width: auto !important;
  padding: 10px 14px 10px 40px;
  font-size: 14px;
  line-height: 18px;
  background: var(--colorAzul9);
  position: absolute;
  display: none;
  z-index: 99;
  margin: 30px 0px 0px -40px;
  border-radius: 4px;
  text-align: left;
}
.cont-texto:after {
  border: 10px solid var(--colorAzul9);
  content: "";
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: -20px;
  left: 30px;
}
.cont-texto-top {
  position: fixed;
  top: 70px;
  width: 1320px;
  z-index: 9;
}
.cont-texto svg {
  position: absolute;
  left: 14px;
  top: 10px;
}
.acordeon .aco_titulo h2 {
  font-size: 3.2rem;
  color: var(--colorAzul);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: -0rem;
  margin: 0px;
}
.contenido_defecto_cdd .input-form textarea {
  height: 9rem;
}

.legal2,
.legal1 {
  font-size: 13px;
  line-height: 120%;
  color: var(--colorAzul6);
}
.legal1 {
  color: var(--colorAzul9);
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 2.4rem;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.validacionDatos {
  color: #da3429;
}
.validacionDatos ul {
  margin: 1rem 0 2rem;
}

.portugal_vincular_matricula {
  align-items: end;
}

.portugal_vincular_matricula picture,
.portugal_vincular_matricula img {
  height: 60rem;
}

.encuestas__container {
  display: flex;
  gap: 4rem;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  min-height: calc(100vh - 60rem);
}
.estrellas {
  position: relative;
  width: 385px;
}
.estrella {
  display: inline-block;
  margin-right: 24px;
}
.estrellas .mala {
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  bottom: -20px;
  left: 10px;
}
.estrellas .esc {
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  bottom: -20px;
  right: 20px;
}
.estrella:hover svg path,
.estrella.active svg path {
  fill: var(--colorVerde);
}

.estrellas.yarespuesta .estrella {
  pointer-events: none;
}
.estrellas.respuesta1 .estrella1 svg path {
  fill: #6de4ac;
}

.estrellas.respuesta2 .estrella1 svg path {
  fill: #6de4ac;
}
.estrellas.respuesta2 .estrella2 svg path {
  fill: #6de4ac;
}

.estrellas.respuesta3 .estrella1 svg path {
  fill: #6de4ac;
}
.estrellas.respuesta3 .estrella2 svg path {
  fill: #6de4ac;
}
.estrellas.respuesta3 .estrella3 svg path {
  fill: #6de4ac;
}

.estrellas.respuesta4 .estrella1 svg path {
  fill: #6de4ac;
}
.estrellas.respuesta4 .estrella2 svg path {
  fill: #6de4ac;
}
.estrellas.respuesta4 .estrella3 svg path {
  fill: #6de4ac;
}
.estrellas.respuesta4 .estrella4 svg path {
  fill: #6de4ac;
}

.estrellas.respuesta5 .estrella1 svg path {
  fill: #6de4ac;
}
.estrellas.respuesta5 .estrella2 svg path {
  fill: #6de4ac;
}
.estrellas.respuesta5 .estrella3 svg path {
  fill: #6de4ac;
}
.estrellas.respuesta5 .estrella4 svg path {
  fill: #6de4ac;
}
.estrellas.respuesta5 .estrella5 svg path {
  fill: #6de4ac;
}

.page_encuesta-app .footer__rs,
.page_encuesta-app .header__right,
.page_encuesta-app .footer__menulegal,
.page_encuesta-app .footer__menu {
  display: none !important;
}

.plan-huernas {
  gap: 1.2rem;
}

.box-huernas {
  border-radius: 3.2rem;
  background: var(--Neutral-White);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05);
  max-width: 120rem;
  padding: 2.4rem 4.8rem;
  background-color: var(--colorBlanco);
  display: flex;
  gap: 5.4rem;
  align-items: center;
  margin: auto;
  text-align: left;
}
.btn-huernas-big {
  font-size: 4.8rem;
  line-height: 120%;
  color: var(--colorAzul);
  padding: 1.8rem 4.8rem;
}
.pageheader__bottom {
  position: absolute;
  width: 144rem;
  text-align: center;
  margin-top: 4rem;
}

.pageheader-huernas {
  padding: 20rem 0px 24rem;
}

.obehuernas {
  height: 43rem;
  width: auto;
}

.ap66s {
  position: relative;
}
.ap66s img {
  width: 100%;
  height: 42rem;
  object-fit: cover;
  border-radius: 3.2rem;
}
.ap66s span {
  color: var(--Neutral-White, #fff);
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
  bottom: 3.2rem;
  left: 4.4rem;
  width: 34rem;
}

.lp__header {
  display: flex;
  gap: 8rem;
  align-items: center;
  margin: 10rem 0px;
}
.lp__header > div:last-child img.img-fluid {
  width: 68rem;
}
.lp__header .header__resena {
  text-align: center;
}
.lp__header .header__resena img {
  width: 47rem !important;
  height: auto;
  display: inline-block;
}

.eti {
  display: flex;
  padding: 0.2rem 0.4rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  background: var(--colorVerdeOscuro);
  color: var(--colorBlanco);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-block;
}

.copy {
  display: flex;
  padding: 0.8rem 1.2rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  border-radius: 0.4rem;
  border: 1px solid var(--colorAzul7);
  background: var(--colorAzul1);
  color: var(--colorAzul7);

  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin: auto;
  margin-bottom: 1.2rem;
}
.w-200 {
  width: 20rem;
}
.w-360 {
  width: 36rem;
}
.w-680 {
  width: 68rem;
}

.back-logo-iso {
  background-image: url(../img/img25/logo-iso-back.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 80%;
}
.lp__boxs {
}

.box-acordeon {
  width: 69.6rem;
  padding: 7.15rem 3.2rem;
}

.acordeon-lp.acordeon .aco_titulo {
  padding: 0px;
  border: 0px;
}
.acordeon-lp.acordeon .module_inner {
  border: 0px;
}

.box-acordeon img {
  width: 18rem;
  height: auto;
}

.ico-120 {
  width: 12rem;
}

.pasti-big {
  padding: 2.4rem 4.8rem;
  justify-content: center;
  align-items: center;
  gap: 5.4rem;
  border-radius: 3.2rem;
  background: var(--colorBlanco);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05);
}

.pageheader.pageheader-garraf .pageheader__data_title {
  max-width: 94%;
}
.pageheader.pageheader-garraf .pasti-big {
  padding: 1rem 4rem;
}
.mod__pageheader-garraf{
  background-image: url(../img/img25/header-garraf.jpg);
}

.header__garraf-row {
  display: flex;
  justify-content: space-between;
  gap: 2.4rem;
}
.box-garraf {
  display: flex;
  padding: 2.2rem 3.2rem 3.2rem 3.2rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2.4rem;
  flex: 1 0 0;
  border-radius: 3.2rem;
  border: 1px solid var(--colorAzul3);
  background: var(--colorAzul2);
  box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05);
}
.box-garraf-title {
  display: flex;
  align-items: center;
  gap: 2.2rem;
}
.box-garraf-title > div:first-child {
  display: flex;
}
.box-garraf-title svg {
  height: 8.3rem;
}

.header__garraf-row > div:last-child > div:first-child {
  display: flex;
  gap: 2.4rem;
}

@media (min-width: 992px) {
  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (max-width: 1140px) {
  .container {
    max-width: 170rem;
  }

  header .header__menu .menu > div,
  footer .footer__menu > div {
    width: 35rem;
  }

  header .header__menu .menu ul li div,
  footer .footer__menu ul li div {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }

  header .header__menu .menu ul li a,
  footer .footer__menu ul li a {
    font-size: 2rem;
    line-height: 180%;
  }

  header .header__menu .menu ul,
  footer .footer__menu ul {
    padding: 0px 0px 2.4rem;
    margin-bottom: 2.4rem;
  }

  .mod_contacto {
    max-width: 100rem;
    margin: auto;
  }

  footer .footer__bottom {
    font-size: 1.8rem;
  }

  .table__header .col_t_1,
  .table__row .col_t_1 {
    width: 57rem;
  }

  .table__row .col_t_2 {
    width: 114rem;
  }

  .container-partner .imgs img {
    height: 7rem;
  }
  .mod_listblog .row .col-lg-9 {
    width: 122.5rem;
  }
  .mod_listblog .row .col-lg-6 {
    width: 59rem;
  }
}

@media screen and (max-width: 769px) {
  html {
    font-size: 2.564vw;
  }

  body {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
  }

  .herohome {
    padding: 22.7rem 0px 10.8rem;
    flex-wrap: wrap;
  }

  .herohome .herohome__data_subtitle,
  .herohome .herohome__data {
    width: 100%;
  }

  .planes__row,
  .mod__txtimg .txtimg,
  header .header__menu .menu,
  footer .footer__menu {
    flex-wrap: wrap;
  }

  header .header .header__right .header__lang,
  header .header .header__right .header__btns {
    display: none;
  }

  .herohome .herohome__img picture:first-child img {
    width: 21rem;
    height: auto;
  }

  .herohome .herohome__img picture:last-child img {
    width: 23rem;
    height: auto;
  }

  header .header .header__logo a img {
    width: 12rem;
    height: auto;
  }

  header .header {
    padding: 2rem 0px;
  }

  .herohome .herohome__data_btns {
    flex-wrap: wrap;
  }

  .herohome .herohome__data_btns .btn {
    width: 100%;
  }

  .mod__txtimg .txtimg > div {
    width: 100%;
  }

  .plan {
    width: 100%;
  }

  .herohome {
    padding: 12rem 0px 6rem;
    gap: 4.8rem;
  }

  .font-64 {
    font-size: 3.6rem;
    line-height: 120%;
    letter-spacing: -0.18rem;
  }

  .font-72 {
    font-size: 4.8rem;
    line-height: 120%;
    letter-spacing: -0.24rem;
  }

  .font-26 {
    font-size: 2.2rem;
    line-height: 150%;
  }

  .font-24 {
    font-size: 2rem;
    line-height: 150%;
  }

  .font-20 {
    font-size: 1.6rem;
    line-height: 150%;
  }

  .font-16-m {
    font-size: 1.6rem !important;
    line-height: 150%;
  }

  .font-20-m {
    font-size: 2rem;
    line-height: 150%;
  }

  .font-28-m {
    font-size: 2.8rem;
    line-height: 120%;
  }

  .font-36-m {
    font-size: 3.6rem;
    line-height: 120%;
  }

  .font-48-m {
    font-size: 4.8rem;
    line-height: 120%;
  }

  .container {
    max-width: 100%;
    width: 100%;
    padding: 0px 2rem;
  }

  footer .footer__bottom {
    flex-wrap: wrap;
  }

  header .header__menu .menu > div,
  footer .footer__menu > div {
    width: 100%;
  }

  header .header__menu .menu > div::before,
  footer .footer__menu > div::before {
    display: none;
  }

  .plan {
    gap: 2.4rem;
  }

  .plan picture {
    top: 2rem;
  }

  .plan picture img {
    width: 10rem;
  }

  .mod__txtimg .txtimg {
    gap: 4.8rem;
  }

  .btn {
    font-size: 1.8rem;
  }

  .d-flex {
    flex-wrap: wrap;
  }

  .mbm-4 {
    margin-bottom: 0.4rem !important;
  }

  .mbm-24 {
    margin-bottom: 2.4rem !important;
  }

  .mbm-48 {
    margin-bottom: 4.8rem !important;
  }

  .ptm-120 {
    padding-top: 12rem !important;
  }

  .ptm-60 {
    padding-top: 6rem !important;
  }

  .pbm-60 {
    padding-bottom: 6rem !important;
  }

  .pbm-24 {
    padding-bottom: 2.4rem !important;
  }

  .mbm-32 {
    margin-bottom: 3.2rem !important;
  }

  .planes__row.order > div:nth-child(1) {
    order: 2;
  }

  .planes__row.order > div:nth-child(2) {
    order: 1;
  }

  .planes__row.order > div:nth-child(3) {
    order: 3;
  }

  .mod__txtimg .txtimg_order2 > div:first-child {
    order: 1;
  }

  .mod__txtimg .txtimg_order2 > div:last-child {
    order: 2;
  }

  .mod__app::before {
    background-position: center 31rem;
    opacity: 0.1;
    background-size: 34rem;
  }

  footer {
    padding: 4.8rem 0px;
  }

  header .header__menu .menu ul li div,
  footer .footer__menu ul li div {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    position: relative;
  }

  header .header__menu .menu ul li div:before,
  footer .footer__menu ul li div:before {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 0rem;
    right: 0px;
    content: "";
    background-image: url("../img/img25/arrow.svg");
    background-size: 100%;
  }

  header .header__menu .menu ul li a,
  footer .footer__menu ul li a {
    font-size: 1.4rem;
    line-height: 180%;
  }

  header .header__menu .menu ul li,
  footer .footer__menu ul li {
    margin-bottom: 0.4rem;
    display: none;
  }

  header .header__menu .menu li:first-child,
  footer .footer__menu ul li:first-child {
    display: block;
  }

  header .header__menu .menu ul.active li,
  footer .footer__menu ul.active li {
    display: block;
  }

  header .header__menu .menu ul.active li div:before,
  footer .footer__menu ul.active li div:before {
    transform: rotate(180deg);
  }

  header .header__menu .menu ul,
  footer .footer__menu ul {
    padding: 0px 0px 0.8rem !important;
    margin-bottom: 1.8rem !important;
    border-bottom: 0.5px solid var(--colorAzul5) !important;
  }

  header .header__menu .menu,
  footer .footer__menu {
    gap: 0rem;
    padding-bottom: 0rem;
    border-bottom: 0px;
    margin-bottom: 0rem;
  }

  footer .footer__bottom {
    text-align: center;
    font-size: 1.4rem;
  }

  footer .footer__bottom > div {
    width: 100%;
  }

  footer .footer__bottom .footer__rs {
    width: 100%;
    justify-content: center;
    margin-top: 2.4rem;
  }

  header .header__menu {
    top: -2rem;
    border-radius: 0px 0px;
    padding-bottom: 2rem;
    padding-top: 9rem;
    height: 100%;
  }

  header .header__menu > div.container {
    max-height: calc(100%);
    overflow: auto;
  }

  header .header__menu > div.container::-webkit-scrollbar {
    display: none;
  }

  .mod__herohome {
    background-position: 135rem;
  }

  .mod__herohome::before {
    background: linear-gradient(270deg, rgba(27, 42, 58, 0) 0%, #1b2a3a 100%);
  }

  .header__menubtns {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 1.8rem;
  }

  .header__menubtns .btn {
    width: 100%;
  }

  .header__menubtns .btn.btn-azul {
    border: 1px solid #fff;
  }

  header .header__menu .menu ul.menu__contacto {
    border-bottom: 0px !important;
  }

  header .header__menulang {
    display: block;
    text-align: right;
    margin-top: 1.8rem;
  }

  .input-form-legal {
    flex-wrap: wrap;
  }

  .contacto__tipo > div {
    width: 100%;
  }

  .contacto__tipo {
    flex-wrap: wrap;
    gap: 2.4rem;
  }

  .fullImagenTxt {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .fullImagenTxt > div {
    padding: 0px 2rem;
  }

  .form-search {
    width: 35rem;
  }

  .resultados_buscador_link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 35rem;
    display: block;
  }

  .resultados_buscador a h2 {
    font-size: 2.8rem;
    line-height: 130%;
  }

  .cont_resultado_busc {
    margin-bottom: 4.8rem;
    font-size: 1.6rem;
    line-height: 150%;
  }

  .total_resultados {
    font-size: 1.6rem;
  }

  .pageheader {
    padding: 9.2rem 0px 6rem;
  }

  .downApp {
    padding: 2rem 2rem;

    flex-wrap: wrap;
    flex-direction: column;
    gap: 3.2rem;
  }

  .downApp > div:first-child {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.2rem;
  }

  .col_t_1-m-hidden {
    display: none;
  }

  .table__header_comobe {
    gap: 0.4rem;
    flex-wrap: wrap;
  }

  .table__row {
    flex-wrap: wrap;
  }

  .table__row > div:first-child {
    width: 100% !important;
    border-bottom: 1px solid var(--colorAzul3);
    flex-wrap: nowrap;
  }

  .col_t_1 {
    width: 50% !important;
  }

  .mt--60 {
    margin-top: 0;
  }

  .downApp__qr {
    display: none;
  }

  .downApp__linkapp {
    display: flex;
    align-items: center;
    gap: 2.4rem;
  }

  .downApp__linkapp img {
    width: 12rem;
    height: auto;
  }

  .table__header .col_t_1 {
    padding: 1.2rem;
  }

  .hidden-movil {
    display: none;
  }

  .hidden-desktop {
    display: initial;
  }

  .hidden-desktop-block {
    display: block;
  }

  .table__row .col_t_2,
  .table__row .col_t_1 {
    padding: 2rem;
    font-size: 1.6rem;
    line-height: 150%;
  }

  .com_ico svg {
    max-width: 4rem;
    max-height: 4rem;
    width: 100%;
    height: 100%;
  }

  .table-comparative .table__header {
    margin-bottom: 2.4rem;
  }

  .table .table__pop {
    left: 1rem;
    transform: none;
    top: -5rem;
  }

  .ptm-92 {
    padding-top: 9.2rem;
  }

  .paso-colocarlos {
    flex-wrap: wrap;
    gap: 2.4rem;
  }

  .paso-colocarlos.d-flex-3.gap-48 > div {
    width: calc(100%);
  }

  .modalVideoOpen svg {
    width: 14rem;
    height: 14rem;
  }

  .mod__table-uf .table > .table__row:first-child > div:first-child,
  .mod__table-uf .table > .table__row:first-child {
    border-top-left-radius: 3.2rem;
    border-top-right-radius: 3.2rem;
  }

  .mod__table-uf .table > .table__row:last-child > div:last-child,
  .mod__table-uf .table > .table__row:last-child {
    border-bottom-left-radius: 3.2rem;
    border-bottom-right-radius: 3.2rem;
  }

  .mod__table-uf .border-radius-b-r,
  .mod__table-uf .border-radius-b-l,
  .mod__table-uf .border-radius-t-l,
  .mod__table-uf .border-radius-t-r {
    border-radius: 0rem;
  }

  .mod__table-uf .table__row .col_t_2 {
    border-top: 0px;
  }

  .gap-24-m {
    gap: 2.4rem;
  }

  .menu__item_0 {
    display: flex !important;
    justify-content: space-between !important;
  }

  .menu__item_0 button {
    background-color: transparent;
    padding: 0px;
    border: 0px;
    display: block;
  }

  .active .menu__item_0 button svg {
    transform: rotate(180deg);
  }

  .d-flex-4.gap-48 > div {
    width: calc(100%);
  }

  .flex1-m-no > div {
    flex: initial;
  }

  .pageheader-atencioncliente {
    background-position: 60%;
  }

  .mod__herohome-comofunciona .herohome__img picture:last-child,
  .mod__herohome-empresas .herohome__img picture:last-child {
    position: relative;
    left: 0px;
    top: 0;
    transform: none;
    padding: 0;
  }

  .herohome .herohome__img picture:last-child img {
    width: 35rem;
  }

  .mod__herohome-empresas {
    background-image: url(../img/img25/header-back-empresas.jpg);
    background-position: 160rem;
  }

  .mod__blue {
    padding: 2.4rem 2rem;
    gap: 2.4rem;
  }

  .emp__cli .emp__cli_logo img,
  .emp__cli .emp__cli_logo {
    height: 10rem;
    width: 10rem;
  }

  .modal__llamada .modal__llamada_content {
    padding: 5.6rem 2rem 2rem 2rem;
    border-radius: 2.4rem;
  }

  .mod__blue > div > div svg {
    flex-shrink: 0;
  }

  .img-fluid-m {
    display: block;
    width: 100%;
    height: auto;
  }

  .plan__foto .planes {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    z-index: 1;
    width: 100%;
    margin-bottom: 15rem;
  }

  .migas ol {
    display: block;
  }

  .migas ol li {
    display: inline;
  }

  .soporteVideoIframe {
    height: 24rem;
  }

  .d-flex > div {
    width: 100%;
  }

  .mod__pageheader.mod__pageheader-video .pageheader {
    padding: 10rem 0px 7rem;
  }

  .slick-dots {
    margin-top: 2rem;
  }

  .pagina_principales .logos {
    width: 94%;
    position: relative;
    top: 0px;
    padding: 1.2rem;
    margin-bottom: 2.4rem;
  }

  .pagina_principales .logos a.slick-slide {
    margin: 0px 0.6rem;
  }

  .slider__principales .container-cliente .row .img_obe_cliente {
    max-width: 18.6rem;
  }

  .slider__principales .container-cliente .row {
    flex-wrap: wrap;
    display: block;
    font-size: 1.4rem;
  }

  .slider__principales .slick-slide {
    margin: 0 0.6rem;
  }

  .slider__principales .container-cliente .row h3 {
    margin: 2.4rempx 0px 2.4rem 0px;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.2rem;
  }

  .slider__principales .container-cliente .row > div:first-child {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
    margin-bottom: 2.4rem;
  }

  .slider__principales .container-cliente {
    padding: 2.4rem;
  }

  .prensa__listado > div {
    width: 100%;
  }

  .prensa__listado > div .box h2 {
    font-size: 2rem;
  }

  .mod__herohome-prensa {
    background-position: -26rem !important;
  }

  .pagina_principales.pagina_principales-partners .logos a.slick-slide {
    margin: 0px 2rem;
  }

  .pagina_principales.pagina_principales-partners .logos a svg {
    height: 4rem;
    width: auto;
  }

  .pagina_principales.pagina_principales-partners .logos a span {
    display: none;
  }

  .pagina_principales.pagina_principales-partners .logos {
    width: 29rem;
    border-radius: 2rem;
  }

  .container-partner .imgs img {
    height: 3rem;
  }

  .container-partner .imgs {
    gap: 1.2rem;
  }

  .container-partner .imgs.imgs-parkimetros img {
    height: auto;
    width: 100%;
  }

  .acordeon .aco_titulo {
    font-size: 2rem;
    line-height: 140%;
  }

  .pestanas_parquimetros ul {
    flex-wrap: wrap;
    font-size: 1.5rem;
    width: 100%;
  }

  .pestanas_parquimetros ul li {
    width: 100%;
  }

  .slider-pago-por-uso .slider_content .row > div:nth-child(1) img {
    width: 28rem;
    height: 21.1rem;
  }

  .slider-pago-por-uso .slider_content .row {
    display: flex;
    gap: 4.8rem;
    flex-wrap: wrap;
    gap: 1.2rem;
  }

  .slider-pago-por-uso .slider_content {
    padding: 1.2rem;
    border-radius: 3.2rem;
    background-color: var(--colorBlanco);
  }

  .tabs__buscador {
    flex-wrap: wrap;
    width: 100%;
    gap: 1.2rem;
  }

  .tabs__buscador li {
    width: 100%;
  }

  .menu__mapa ul li a {
    padding: 0.8rem 0.8rem;
  }

  .menu__mapa ul li a span {
    display: none;
  }

  .menu__mapa ul li.active a span {
    display: block;
  }

  .mapa__descuentos {
    height: calc(200vh);
    width: 100%;
  }

  .submenu_mapa {
    top: 8.4rem;
    margin-left: -18rem;
    width: 33rem;
    padding: 2rem;
  }

  .mapa__listado li a {
    line-height: 130%;
    font-size: 1.4rem;
    line-height: 120%;
  }
  .return__mapa {
    font-size: 1.6rem;
  }
  .descuentosECOlis > div {
    width: 100%;
  }
  .submenu_mapa-parking {
    top: 2.4rem;
  }
  .mapaParkings {
    height: 90rem;
  }
  .slider-zbe {
    font-size: 1.4rem;
    line-height: 140%;
  }
  .mapa_zbe_loading_cont,
  .mapa_zbe {
    height: 400px;
  }
  .descuentosComunidades ul li {
    width: 100%;
  }

  .mod_listblog .row .col-lg-6 {
    width: 100%;
  }
  .postListado img {
    height: 15.5rem;
  }
  .postListado {
    padding: 2rem;
  }
  .pagination {
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
    margin-top: 4rem;
    margin-bottom: 8rem;
  }
  .pagination a {
    width: 4rem;
    height: 4rem;
    border-radius: 6rem;
    font-size: 1.6rem;
  }
  .contenedor-widget-blog h3 {
    font-size: 2.8rem;
  }
  .accede-qr svg {
    width: 22rem;
  }

  .accede_disponble {
    width: 33rem;
  }

  .efr-img,
  .zbe__senal-img {
    width: 35rem;
    height: 46rem;
  }
  .zbe__senal-img picture,
  .zbe__senal-img img {
    height: 46rem;
  }
  .img_certificado_efr {
    width: 100%;
    height: auto;
  }
  .efr-img img,
  .efr-img picture {
    width: auto;
    height: 20rem;
  }
  .contenedor-factura {
    display: none;
  }
  .videoFactura {
    width: 100%;
    display: block;
    text-align: center;
  }
  .acordeon .aco_titulo h2 {
    font-size: 2.2rem;
  }

  .portugal_vincular_matricula picture,
  .portugal_vincular_matricula img {
    height: 32rem;
  }
  .d-block-m {
    display: block;
  }
  .d-block-m > div {
    width: 100% !important;
  }

  .encuestas__container {
    flex-wrap: wrap;
  }
  .encuestas__col2 {
    order: 1;
    width: 100%;
  }
  .encuestas__col1 {
    order: 2;
  }

  .encuestas__col2 img {
    display: block;
    margin: auto;
    width: 26rem !important;
  }
  .estrella {
    display: inline-block;
    margin-right: 15px;
  }
  .estrellas {
    position: relative;
    width: 342px;
  }
  .encuestas__muchas {
    height: auto !important;
    padding-bottom: 30px;
  }

  .slider-pago-por-uso .slider_content .row > div {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .pageheader__bottom {
    width: 100%;
  }
  .pageheader__data-huerna {
    display: flex;
    flex-wrap: wrap;
  }
  .box-huernas {
    display: flex;
    flex-wrap: wrap;
  }
  .obehuernas {
    height: 38rem;
    width: auto;
  }
  .pageheader__bottom {
    position: relative;
  }

  .box-huernas {
    border-radius: 3.2rem;
    padding: 2rem 2rem;
    display: flex;
    gap: 1.4rem;
    align-items: center;
    justify-content: center;
    margin: auto;
    text-align: center;
  }
  .box-huernas .font-32,
  .box-huernas .font-24 {
    font-size: 1.4rem;
    line-height: 120%;
  }
  .pageheader .pageheader__data-huerna h1 svg {
    height: 5rem;
  }
  .d-flex-3.gap-48 > div {
    width: calc(100%);
  }
  .ap66s img {
    height: 28rem;
  }
  .ap66s span {
    font-size: 2.4rem;
    bottom: 2rem;
    left: 2rem;
    width: 23rem;
  }
  .viat__slider-ap66 {
    margin-left: -2rem;
    width: calc(100% + 4rem);
  }
  .viat__slider-ap66 .slick-slide {
    margin: 0 1.2rem;
  }
  .lp__header {
    display: flex;
    flex-wrap: wrap;
  }
  .lp__header > div:last-child img.img-fluid {
    width: 100%;
  }
  .box-acordeon {
    width: 100%;
    padding: 7.15rem 3.2rem;
  }
  .lp__header .header__resena img {
    width: 32rem !important;
  }
  .box-acordeon {
    width: 100%;
    padding: 3.4rem 1.4rem;
  }
  .box-acordeon img {
    width: 5rem;
    height: auto;
  }
  .box-acordeon .font-24 {
    font-size: 1.4rem;
  }
  .acordeon-lp.acordeon .aco_titulo {
    gap: 1rem;
  }
  .fullImagenTxt-landing > div {
    height: auto;
    padding: 6rem 2rem;
  }
  .w-360 {
    width: 100%;
  }
  .header-lp > div:first-child svg {
    height: 4rem;
    width: auto;
  }
  .header-lp .d-flex {
    display: flex;
  }
  .header-lp .d-flex > div {
    width: auto;
  }
  .lp__header {
    margin: 5rem 0px;
    gap: 5rem;
  }
  .lp__header .font-72 {
    font-size: 4.6rem;
  }
  .back-logo-iso {
    background: none;
  }
  .header__garraf-row > div:last-child > div:first-child,
  .header__garraf-row{
    flex-wrap: wrap;
  }
  .box-garraf {
    padding: 1.2rem 1.2rem 2.2rem 1.2rem;
  }
}