/*
Theme Name: Van Theme
Theme URI: https://www.beneluxcar.es
Description: Theme for Van Rental
Version: 1.0.0
*/

/* *********************************************** */
/* Nav Bar */
/* *********************************************** */

.navbar.navbar-light .navbar-nav .nav-item .nav-link { font-size: 20px; font-weight: 400; padding-right: 16px; padding-left: 16px; }
.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover { color: #009CDA!important;}

.navbar.navbar-light .breadcrumb .nav-item.active > .nav-link,
.navbar.navbar-light .navbar-nav .nav-item.active > .nav-link {
  background: none!important;
  color: #009CDA!important;
}

.navbar-brand {max-width: 50%;}
.logo-bnxvan {max-width: 100%; height: auto;}

@media (min-width: 768px) {
  .navbar-brand {width: auto;}
}

/* *********************************************** */
/* General */
/* *********************************************** */

.h1, h1 { font-size: 2.3rem!important; }

@media (min-width: 1200px) {
  .container { max-width: 1200px !important; }
}

main { margin-top: 0; }

@media (min-width: 768px) {
  main { margin-top: 74px; }
}

.fondo_transparente { background-color: rgba(0, 0, 0, 0.3); }

p { color: #444; }

b, strong { font-weight: bold; }

.star-rating .fa-star { color: #EFC700; }

/* HERO (background-image) */
.vistaFull {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.vistaParcial {
  position: relative;
  width: 100%;
  height: 50vh;
  overflow: hidden;
}
/* Imagen LCP invisible SOLO para Lighthouse */
.hero-lcp-img{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

/* Asegura que el contenedor del fondo ocupa toda la sección */
#vistaFullImageContainer { height: 100%; }

/* CLAVE: cover para que sea “responsive” y no se quede raro */
#vistaFullImageContainerInner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; /* <-- añadido */
}

@media (min-width: 768px) {
  .OkIsTablet { }
}

#vistaFullImageContainerOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #5c6178;
}

.overlayIntroTitle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

/* Imágenes “normales” responsive (cards, etc.) */
img { max-width: 100%; height: auto; }
.card-img-top { width: 100%; height: auto; display: block; }

/* Picture responsive (cards) */
picture.card-img-top{
  display: block;
  width: 100%;
  max-width: 100%;
}

picture.card-img-top > img,
picture.card-img-top > source{
  width: 100%;
  max-width: 100%;
}

picture.card-img-top > img{
  display: block;
  height: auto;
}
.bnx-opacity-10 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;opacity: 0.1;}
.bnx-opacity-15 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter: alpha(opacity=15);-moz-opacity:0.15;-khtml-opacity: 0.15;opacity: 0.15;}
.bnx-opacity-20 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter: alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;}
.bnx-opacity-25 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter: alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity: 0.25;opacity: 0.25;}
.bnx-opacity-30 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.bnx-opacity-35 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";filter: alpha(opacity=35);-moz-opacity:0.35;-khtml-opacity: 0.35;opacity: 0.35;}
.bnx-opacity-40 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.bnx-opacity-45 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";filter: alpha(opacity=45);-moz-opacity:0.45;-khtml-opacity: 0.45;opacity: 0.45;}
.bnx-opacity-50 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.bnx-opacity-55 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";filter: alpha(opacity=55);-moz-opacity:0.55;-khtml-opacity: 0.55;opacity: 0.55;}
.bnx-opacity-60 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.bnx-opacity-65 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter: alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity: 0.65;opacity: 0.65;}
.bnx-opacity-70 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.bnx-opacity-75 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter: alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;}
.bnx-opacity-80 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.bnx-opacity-85 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter: alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85;}
.bnx-opacity-90 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.bnx-opacity-95 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter: alpha(opacity=95);-moz-opacity:0.95;-khtml-opacity: 0.95;opacity: 0.95;}

.bnx-opacity {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.bnx-light-bg { background: #3a4154; }
.bnx-dark-bg { background: #252c41; }

div.wpcf7, div.wpcf7 label, div.wpcf7 input[type=text], div.wpcf7 input[type=email], div.wpcf7 textarea  {
  width: 100% !important;
}

.wpcf7-submit {
  width: 100% !important;
  border: 2px solid #FFFFFF !important;
  color: #FFFFFF !important;
  background-color: #45a7f8 !important;
  padding: 10px !important;
  font-size: 25px !important;
  cursor: pointer!important;
}

div.wpcf7 input[type=checkbox] {
  opacity: 1!important;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity: 1;
  position: absolute;
  top: 3px;
  left: 0;
  pointer-events: inherit!important;
}

.wpcf7-acceptance span.wpcf7-list-item {
  margin: 0;
  padding-right: 5px;
}

.star-rating .fas { color: #EFC700; font-size: 18px!important; }
.star-rating .far { color: #8a8a8a; font-size: 18px!important; }

/* *********************************************** */
/* Home */
/* *********************************************** */

.IntroSection { margin-top: 74px; }

/* *********************************************** */
/* Single Guía */
/* *********************************************** */

#BlockBSection a, #BlockBSection a:hover { color: #000; }

.contenidoGuia h2, .contenidoPage h2 {
  font-size: 28px!important;
  font-weight: bold!important;
}
.contenidoGuia h3, .contenidoPage h3 {
  font-size: 18px!important;
  font-weight: bold!important;
}
.contenidoGuia h4, .contenidoPage h4 {
  font-size: 22px!important;
  font-weight: bold!important;
}

.contenidoGuia img {
  width: 100%;
  height: auto;
}

#titulo_FCSection_container .h3-responsive{
  font-size: 1.05rem;
  line-height: 1.55;
  max-width: 820px;
  margin: 0 auto;
  font-weight: 400;
}

/* *********************************************** */
/* Footer */
/* *********************************************** */

.bnxFooterTextContainer {
  position: relative;
  width: 100%;
}

.bnxFooterTextContainer p,
.bnxFooterTextContainer a,
.bnxFooterTextContainer a:hover{
  color: #fff!important;
  text-decoration: none;
}

#preFooterSection h3 { font-size: 22px; }

#ctFormContainer {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
}

#ct-container { padding: 15px!important; }

.md-accordion .card .card-body {
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 400;
  color: #626262;
}

/* *********************************************** */
/* Botones CTA */
/* *********************************************** */

.floating-whatsapp {
  position: fixed;
  z-index: 1050;
  top: 45%;
  right: 0;
  display: none;
  background: #25d366;
  border-radius: 50% 0 0 50%;
  width: 60px;
  height: 60px;
  text-align: center;
}
.floating-whatsapp a { display: block; }
.floating-whatsapp img { margin-top: 12px; margin-left: 5px; }

.mobileWhatsappIcon {
  position: fixed;
  z-index: 1050;
  bottom: 15px;
  right: 15px;
  width: 60px;
  height: 60px;
}

.mobilePhoneIcon {
  position: fixed;
  z-index: 1050;
  bottom: 15px;
  left: 15px;
  width: 60px;
  height: 60px;
}

@media (min-width: 768px) {
  .mobileWhatsappIcon { display: none; }
  .mobilePhoneIcon { display: none; }
  .floating-whatsapp { display: block; }
}

.grecaptcha-badge { visibility: hidden; }

/* *********************************************** */
/* Blockquote */
/* *********************************************** */

.contenidoGuia blockquote { margin-bottom: 2em; }

.contenidoGuia blockquote {
  position: relative;
  padding: 35px 40px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  background-color: #FCFCFC;
}

.contenidoGuia blockquote p {
  margin: 0;
  color: #0a6ebd;
}

.contenidoGuia blockquote p strong { font-weight: 300!important; }

.contenidoGuia blockquote:before,
.contenidoGuia blockquote:after {
  font-size: 4em;
  line-height: 0.1em;
  vertical-align: -0.4em;
}

.contenidoGuia blockquote:before {
  font-family: Arial;
  content: "\201C";
  position: absolute;
  left: 15px;
  top: 45px;
  color: #0a6ebd;
}

.contenidoGuia blockquote:after {
  font-family: Arial;
  content: "\201D";
  position: absolute;
  right: 15px;
  bottom: -5px;
  color: #0a6ebd;
}

/* *********************************************** */
/* Links */
/* *********************************************** */

a.link {
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
}

a:hover { color: #0a6ebd; }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }

/* Enlaces con mejor contraste + distinguibles (no solo por color) */
a.link{
  color: #064a86 !important;              /* más oscuro => más contraste */
  text-decoration: underline !important;  /* distinguible aunque no veas el color */
  text-underline-offset: .12em;
  text-decoration-thickness: 2px;
}

a.link:hover,
a.link:focus{
  color: #04345e !important;
  text-decoration-thickness: 3px;
}

/* Si hay enlaces dentro del contenido, asegúrate que no se “apaguen” */
.contenidoGuia a.link,
.contenidoPage a.link{
  font-weight: 700;
}
/* PREFOOTER: contraste + enlaces distinguibles */
#preFooterSection,
#preFooterSection p{
  color: #ffffff !important;
}

#preFooterSection a,
#preFooterSection a.link,
#preFooterSection .bnxFooterTextContainer a{
  color: #ffffff !important;
  text-decoration: underline !important;
  text-underline-offset: .12em;
  text-decoration-thickness: 2px;
}

#preFooterSection a:visited,
#preFooterSection a.link:visited{
  color: #ffffff !important;
}

#preFooterSection a:hover,
#preFooterSection a:focus{
  color: #ffffff !important;
  text-decoration-thickness: 3px;
}
/* FIX CLS logo: reservar espacio estable */
.navbar {
  min-height: 74px; /* coincide con tu main { margin-top: 74px } en desktop */
}

.navbar-brand {
  display: flex;
  align-items: center;
}

/* Logo: altura fija (reserva espacio), ancho auto (mantiene proporción) */
.logo-bnxvan {
  display: block;
  height: 50px;     /* el mismo que Lighthouse detecta: 334x50 */
  width: auto;
  max-width: 334px; /* opcional */
}
@font-face { font-display: swap; }

/* CONTRASTE FOOTER (Lighthouse) */
.page-footer.bnx-dark-bg,
.page-footer.bnx-dark-bg .footer-copyright{
  color: #fff !important;
}

.page-footer.bnx-dark-bg a{
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: .12em;
  text-decoration-thickness: 2px;
}

.page-footer.bnx-dark-bg a:hover,
.page-footer.bnx-dark-bg a:focus{
  color: #fff !important;
  text-decoration-thickness: 3px;
}
@media (min-width: 1200px){
  .overlayIntroTitle .h3-responsive{ font-size: 1.05rem; }
}
@media (min-width: 992px){
  .overlayIntroTitle .h3-responsive{ font-size: 1.05rem; }
}
@media (min-width: 768px){
  .overlayIntroTitle .h3-responsive{ font-size: 1.05rem; }
}
@media (min-width: 576px){
  .overlayIntroTitle .h3-responsive{ font-size: 1.05rem; }
}
.overlayIntroTitle .h3-responsive{ font-size: 1.05rem; line-height: 1.55; }

/* Base tipografía global */
html{ font-size: 18px; }
body{
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
  color: #444;
}

/* Opcional: desktop un pelín más grande */
@media (min-width: 992px){
  body{ font-size: 18px; }
}

/* Párrafos: que no se queden enano por estilos previos */
p{ font-size: 1em; }


/* *********************************************** */
/* Links (GLOBAL + por zonas) */
/* *********************************************** */

/* 1) Base global: todos los <a> */
a{
  color: #007bff;
  text-decoration: none;
  cursor: pointer;
  transition: color .2s ease-in-out, text-decoration-color .2s ease-in-out;
}

/* Estado hover/focus global (accesible) */
a:hover,
a:focus{
  color: #0a6ebd;
  text-decoration: underline;
  text-underline-offset: .12em;
  text-decoration-thickness: 2px;
}

/* Visitados (opcional: si no quieres morado) */
a:visited{
  color: #007bff;
}

/* 2) Contenido (guías/páginas): más “link-like” */
.contenidoGuia a,
.contenidoPage a{
  color: #064a86;
  text-decoration: underline;
  text-underline-offset: .12em;
  text-decoration-thickness: 2px;
  font-weight: 700;
}

.contenidoGuia a:hover,
.contenidoGuia a:focus,
.contenidoPage a:hover,
.contenidoPage a:focus{
  color: #04345e;
  text-decoration-thickness: 3px;
}

/* 3) Navbar: mantener tu azul corporativo y sin subrayado */
.navbar.navbar-light a{
  text-decoration: none;
}
.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover{
  color: #009CDA !important; /* si Bootstrap te pisa */
}

/* 4) Bloque donde quieres links negros (ojo: también hover) */
#BlockBSection a{
  color: #000;
  text-decoration: none;
}
#BlockBSection a:hover,
#BlockBSection a:focus{
  color: #000;
  text-decoration: underline;
}

/* 5) Footer / prefooter: blanco y subrayado (contraste) */
#preFooterSection a,
.page-footer.bnx-dark-bg a{
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: .12em;
  text-decoration-thickness: 2px;
}
#preFooterSection a:hover,
#preFooterSection a:focus,
.page-footer.bnx-dark-bg a:hover,
.page-footer.bnx-dark-bg a:focus{
  color: #fff !important;
  text-decoration-thickness: 3px;
}

/* 6) Si sigues usando la clase a.link, que herede sin duplicar */
a.link{ color: inherit; text-decoration: inherit; }