/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for Astra
Author: Your Name
Template: astra
Version: 1.0.0
*/

/* Puedes poner CSS normal aquí abajo si quieres */


/* === VEICO MOVED CUSTOM CSS (from Customizer Additional CSS) === */



/*CSS 2025*/
/*WhatsApp Button*/



.boton-whatsapp img {
  width: 20px;
  height: 20px;
  vertical-align: middle; /* Alineación del logo */
  margin-bottom: -2px; /* Ajuste fino para centrar el logo con el texto */
}

@media (max-width: 600px) {
  .boton-whatsapp {
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
  }
}

.boton-whatsapp:hover {
  background-color: #007BFF;
	color:#fff;
	/* Ajusta el color de fondo si es necesario */
}

.boton-whatsapp span:hover {
  color: white; /* Hace que el texto sea blanco */
  font-weight: bold; /* Pone el texto en negrita */
}

/*Terminal WhatsApp Button*/



/*Whatsapp*/
footer .textwidget{
	width:400px;
}

.boton-whatsapp {
  background-color: #007ad7;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center; /* Asegura el centrado vertical */
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  transition: background-color 0.3s ease;
  box-sizing: border-box;
  height: 50px;
  width: 100%;
}

/*Whats App Floating Widget*/
  .whatsapp-float {
    position: fixed;
    bottom: 10px;
    left: 20px;
    z-index: 100;
  }

  .whatsapp-float img {
    width: 65px;
    height: 65px;
  }
/*Whats App Floating Widget Ends*/
/*Boxes en Seccion Autos*/


.ShadowedBox{
	padding: 25px 25px;
	background: #ffffff;
	min-height: 280px;
	text-align: center;
	margin-bottom: 35px;
	box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 16%);
}

.ShadowedBox2{
	box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 16%);
	text-align: center;
	background: #ffffff;
	padding: 25px 25px;
}
.CenteredButton{ 
	width:85%;
	display: flex;
  align-items: center;
  justify-content: center;
	background-color: #002037;
	font-size: 1.125em;
	color: #fff;
	padding: 0.667em 1.333em;
  margin: auto;
	border-radius: 4px;
}
/*Telefonos*/
.telefonos {
		color: #ffffff;
    text-rendering: optimizelegibility;
    font-family: "Open Sans";
    font-weight: 600;

    font-size: 1.65em;
    line-height: 1.4em;

}
footer p {
	  font-family: "Open Sans";
    font-size: 12px;
	  line-height: 1.5em;
		font-weight: 400;
    color: #fff;
	  display:inline-block;
		text-decoration: none;
}

/*Social*/

.social-container {
  display: flex;
  gap: 15px; /* espaciado uniforme entre todos los iconos */
  align-items: center;
  margin-top: 10px;
}

.social-container a {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle; /* asegura alineación */
  text-decoration: none;
  line-height: 1;
}

.social-container i {
  vertical-align: middle;
}

.social {
  font-size: 32px;
  color: #ffffff;
  margin: 0; /* asegurarse de que los iconos no tengan márgenes */
  line-height: 1;
  transition: color 0.3s;
}

.social:hover {
  color: #007BFF;
}

/* Opcional: microajuste visual para YouTube si sigue bajando 1px */



/*==================== FICHAS DE DESTINOS 4 POR FILA ====================*/

/* Contenedor principal */
.cards-container {
  display: flex;           /* Organiza las cards en fila */
  flex-wrap: wrap;         /* Permite varias filas */
  gap: 16px;               /* Espacio entre las cards */
  justify-content: space-between; /* Distribuye las cards uniformemente */
}

/* Cada card individual */
.destination-card {
  flex: 1 1 calc(25% - 12px); /* 4 cards por fila, restando gap */
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  color: #1b1b1b;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s, box-shadow 0.3s;
}

/* Hover de la card */
.destination-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Imagen de la card */
.card-image img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

/* Contenido de la card */
.card-content {
  padding: 16px;
}

/* Texto */
.location {
  font-size: 0.9rem;
  color: #555;
  margin: 0;
}

.destination-name {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 4px 0 8px;
}

.price {
  font-size: 1rem;
  font-weight: 600;
  color: #0079d6;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Botón */
.cta-button {
  display: inline-block;
  padding: 8px 12px;
  background-color: #002138;
  color: #fff;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background-color 0.3s;
}

.cta-button:hover {
  background-color: #0079d6;
  color: #fff;
  text-decoration: none !important;
}
.cards-container + .cards-container {
  margin-top: 16px; /* Igual que el gap entre cards */
}
/*==================== RESPONSIVE ====================*/

/* Tablets: 2 por fila */
@media (max-width: 1024px) {
  .destination-card {
    flex: 1 1 calc(50% - 8px);
  }
}

/* Móviles: 1 por fila */
@media (max-width: 768px) {
  .destination-card {
    flex: 1 1 100%;
  }
}






/*==================== DESTINATION BOX (COMPLETO) ====================*/

/* Contenedor de todas las fichas dentro de cada bloque */


.destination-box-container {
    display: flex;           /* coloca las fichas en fila si quieres varias columnas */
  flex-wrap: wrap;         /* permite varias filas */
  gap: 24px;               /* separación entre fichas */
  align-items: flex-start; /* clave: todas las fichas empiezan al mismo nivel */          /* coloca las fichas en fila */
  flex-wrap: wrap;          /* permite que bajen a otra fila si no caben */
  gap: 24px;                /* espacio entre fichas */
  align-items: stretch;     /* todas las fichas de la fila con la misma altura */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 24px;      /* espacio entre contenedores */
}





.destination-box-container:last-child {
  margin-bottom: 0;
}

/* Cada ficha individual */
.destination-box {
  background-color: #fff !important;
  color: #1b1b1b;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 12px;
  overflow: hidden; 
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex: 0 0 calc(25% - 18px); /* 4 fichas por fila considerando el gap */
  box-sizing: border-box;
  display: flex;
  flex-direction: column; /* imagen arriba, texto abajo */
  margin-bottom: 24px;    /* espacio vertical entre fichas */

}



/* Hover de la ficha */
.destination-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Padding interno del contenido */
.destination-box .uagb-infobox-content-wrapper {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
  box-sizing: border-box;
}

/* Separación del botón dentro de la ficha */
.destination-box .uagb-ifb-button-wrapper.wp-block-button {
  padding-left: 16px;  
  box-sizing: border-box;
}

/*==================== RESPONSIVE ====================*/

/* Tablets */
@media (max-width: 1024px) {
  .destination-box {
    flex: 0 0 calc(33.333% - 16px); /* 3 fichas por fila */
  }
}

/* Móviles */
@media (max-width: 768px) {
  .destination-box {
    flex: 0 0 100%; /* 1 ficha por fila */
    margin-bottom: 16px;
  }
  
  .destination-box-container {
    margin-bottom: 16px; /* espacio uniforme entre contenedores */
  }
}

.image-text-block img {
  border-radius: 12px;
  display: block; /* evita espacios indeseados debajo de la imagen */
  max-width: 100%; /* asegura que no se salga del contenedor */
  height: auto; /* mantiene proporción */
}

/**/
.mi-container {
background-color: #fff !important;
  color: #1b1b1b;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;

  /* tamaño tipo grid */
  flex: 0 0 calc(25% - 18px);  /* 4 por fila con gap */
  box-sizing: border-box;

  /* estructura interna */
  display: flex;
  flex-direction: column; /* imagen arriba, texto abajo */
  margin-bottom: 24px;    /* separación vertical */
}

.review-custom-box {
    border-radius: 12px;
    background-color: #F0F5FA;
}
.uagb-faq-content p {
    font-size: 1.1em 
}

/*Search Box*/
.vrcdivsearch.vrcdivsearchmodule.vrc-searchmod-wrap-hybrid > form {
	padding:20px;
  background: #fff !important;
  border: none !important;
	border-radius:16px;
}


/* Botón moderno */
.vrcdivsearch input[type="submit"],
.vrcdivsearch button {
  border: none;
  border-radius: 16px;
  padding: 16px;
  cursor: pointer;
	
  transition: background 0.3s ease;
}
/*ícono de calendario en search box*/
.vrc-searchmod-wrap-hybrid .vrcsfentrylabsel .vrcsfentrydate {

    color: #0079d6!important;

}
/*iconos de características de autos en página de resultados*/
 .primary i {
    color: #0079d6;
} 

/*Botones PIN y Cupón*/
.vrcentercoupon .btn {
    background: #002138;
    margin-top: 10px;
    border: none;
}

.vrcentercoupon .btn:hover {
    background: #0079d6;
	  border: none;
}

.btn.vrc-pincode-sbmt {
    background: #002138;
    margin-top: 10px;
    border: none;
}

.btn.vrc-pincode-sbmt:hover {
    background: #0079d6;
	  border: none;
}

/*Agregar mnargen a botón "Confirm Order en Paso 4"*/
.vrc-oconfirm-footer .booknow {
    margin-top: 20px;
}
/*Botón Back en paso 4*/
.vrc-pref-color-btn-secondary {
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    font-family: inherit;
    font-weight: 500;
	  line-height: 1em;
	  background-color: #002138!important;
	  color:#ffffff!important;
	  border: none!important;
	  border-radius: 4px!important; 
}

.vrc-pref-color-btn-secondary:hover {
    background-color: #0079d6 !important;
    color: #ffffff !important;
}
/*Alerta de campos imcompletos en paso 4*/
.vrc-alert-container-confirm {
    background-color: #0079d6;
}
	
	/*Estilo a Enlace Go Back*/

.goback a {
    text-decoration: none!important;
}
.goback {
    margin-bottom:20px;
}
	/*Redonda los bordes de las cajas en pagina de resultados*/
.vrcstepsbarcont .vrc-stepbar {
	border-top-left-radius: 8px;    /* esquina superior izquierda */
    border-bottom-left-radius: 8px; /* esquina inferior izquierda */
    border: 1px solid var(--vrc-border-color);
    background: var(--vrc-white-bg-color);
 
}
.vrc-itinerary-summary,
.vrc-searchfilter-characteristics-container, .car_result
  {
	border-radius:8px;
}

/*CSS de elementos de Side Bar*/
.tarifas-box {
  background: #f0f5fa;
  border-radius: 16px;
  padding: 25px 30px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  max-width: 500px;
  margin: 10px auto;
  font-family: "Segoe UI", sans-serif;
}

.tarifas-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #002138; /* azul marino */
  margin-bottom: 15px;
  text-align: center;
}

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

.tarifas-list li {
  font-size: .9em;
  color: #333;
  margin: 12px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.tarifas-list i {
  color: #0066cc; /* azul acento */
  font-size: 1.2rem;
}
.tarifas-phone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #0066cc; /* azul acento */
  text-decoration: none;
  margin-top: 10px;
  transition: color 0.3s ease;
}

.tarifas-phone i {
  font-size: 1.2rem;
}

.tarifas-phone:hover {
  color: #002138; /* azul marino */
}
/**/
.info-box {
  text-align: center;
}

.info-icon {
  color: #0079d6;
  font-size: 40px;
  margin-bottom: 12px;
}

.info-title {
  margin: 0 0 8px 0;
}

.info-text {
  font-size: 1.1em;
  margin: 0;
}
/*Estilo Review Badge en footer*/
.review-badges {
  display: flex;
  flex-direction: column;
  gap: 0px;
  margin-top: 0px;
}

.badge {
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Alinea todo a la izquierda */
  background-color: #001f35;
  padding: 8px 12px;
  border-radius: 6px;
}

.badge-main {
  display: flex;
  align-items: center;
  gap: 8px;
}

.badge-icon {
  font-size: 1.2rem;
  color: #ffffff;
}

.badge-rating {
  font-weight: 600;
  color: #ffffff;
}

.badge-source {
  font-size: 0.875rem;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.8;
  margin-top: 2px;
  text-align: left; /* Texto también alineado a la izquierda */
}

/*Lista de enlaces footer*/

.footer-section h3 {
    color: #007AD7;
    text-rendering: optimizeLegibility;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    margin-bottom: 8px; /* para que haya espacio con el primer link */
}

.footer-links li {
  margin-bottom: 5px;
  line-height: 0.8;
}

.footer-links li a {
  color: #ffffff;
  font-size: 0.875rem; /* más pequeño que 0.875rem */
  text-decoration: none; /* sin subrayado */
}

.footer-links li a:hover {
  color: #0079d6; /* azul al pasar el mouse */
  text-decoration: none; /* asegura que no aparezca subrayado */
}



/*Elimina el bullet por defecto de las listas*/
.list1 {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.list1 li {
  display: flex;
  align-items: center;
}

.list1 li i {
  margin-right: 0.5rem; /* Espacio entre el ícono y el texto */
}

/*Links Otros destinos Landing Pages*/
.otros_destinos a {
  font-weight: 600 !important;       /* Grosor intermedio, sin ser bold */
  text-decoration: none !important;  /* Opcional, quita subrayado */
  transition: color 0.3s !important; /* Suaviza el hover */
  color: inherit !important;         /* Asegura que use el color base */
}

.otros_destinos a:hover {
  color: #0079d6 !important;         /* Color azul al pasar el mouse */
}

/*Info de Sucursal Landing Pages*/
.sucursal a {text-decoration: none!important;
	color:#0071a1;
}

/* ----------------------------------------------------
   HERO SECTION 
---------------------------------------------------- */

/* Contenedor principal */
.mi-portada {
  position: relative;
  overflow: hidden;
  min-height: 70vh;
  width: 100%;
}

/* Contenedor de la imagen */
.mi-portada .imagen-base {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

/* Imagen REAL con ALT, ocupando todo el contenedor */
.mi-portada .imagen-base img,
.mi-portada .imagen-base .wp-block-image img,
.mi-portada .imagen-base .spectra-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  position: absolute;
  inset: 0;
}

/* Overlay */
.mi-portada::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 2;
}


.search-helper-text {
  margin-top: -50px;
	color:#ffffff;
  margin-bottom: 0;
  font-size: 0.75rem;
}

/* Contenido encima */
.mi-portada .contenido-sobre-imagen {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: inherit;
  padding: 2rem;
}

/* Tipografías */
.mi-portada .contenido-sobre-imagen h1,
.mi-portada .contenido-sobre-imagen h2 {
  color: #fff;
  margin-bottom: 1rem;
}

/* 🔥 Interlineado elegante */
.mi-portada .contenido-sobre-imagen h1 {
  line-height: 1.15;
}

/* Responsive */
@media (max-width: 768px) {
  .mi-portada { min-height: 55vh; }
  .mi-portada .contenido-sobre-imagen { padding: 1rem; }
	.search-helper-text {
  margin-top: -20px;
  margin-bottom: 0;
  font-size: 0.8rem;
  color:#ffffff;
}
}


/* ----------------------------------------------------
  TERMINA HERO SECTION 
---------------------------------------------------- */

/*Tabla Veico*/



/* Tabla - misma estética que las fichas de autos (shadow/radius/hover) */
.veico-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
	

  /* MISMA SOMBRA que .destination-box / .destination-card */
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);

  /* MISMA TRANSICIÓN que las fichas */
  transition: transform 0.3s ease, box-shadow 0.3s ease;


  font-size: 15px;
}

/* Hover: mismo lift + misma sombra hover que las fichas */
.veico-table:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Header con tu color */
.veico-table thead {
  background-color: #f0f5fa;
}

.veico-table thead th {
  padding: 16px 20px;
  text-align: left;
  font-weight: 600;
  color: #1f2d3d;
}

/* Celdas */
.veico-table tbody td {
  padding: 16px 20px;
  color: #3a4a5b;
  vertical-align: middle;
}

/* Separadores internos sutiles (sin “borde” de caja) */
.veico-table tbody tr + tr td {
  border-top: 1px solid rgba(0,0,0,0.06);
}

/* Hover de fila: suave y coherente con el header */
.veico-table tbody tr:hover {
  background-color: #f0f5fa;
}

/* Responsive: evita scroll horizontal y mantiene look */
@media (max-width: 768px) {
  .veico-table {
    font-size: 14px;
  }

  /* No ocultes thead con display:none (mejor accesibilidad).
     Lo mandamos fuera de pantalla. */
  .veico-table thead {
    position: absolute;
    left: -9999px;
    top: -9999px;
  }

  .veico-table,
  .veico-table tbody,
  .veico-table tr,
  .veico-table td {
    display: block;
    width: 100%;
  }

  .veico-table tbody tr {
    padding: 12px 14px;
    background-color: #fff;
  }

  .veico-table tbody tr + tr {
    border-top: 1px solid rgba(0,0,0,0.06);
  }

  .veico-table tbody td {
    padding: 8px 14px;
  }

  /* ✅ Etiquetas fijas por columna (sin data-label) */
  .veico-table tbody td:nth-child(1)::before {
    content: "Tipo de auto";
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
    color: #1f2d3d;
  }

  .veico-table tbody td:nth-child(2)::before {
    content: "Recomendado para";
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
    color: #1f2d3d;
  }

  .veico-table tbody td:nth-child(3)::before {
    content: "Beneficios principales";
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
    color: #1f2d3d;
  }

  /* Evita que el hover “pinte” raro en móvil */
  .veico-table tbody tr:hover {
    background-color: transparent;
  }
}
/*Tabla Veico Termina*/ 

figure.wp-block-table.veico-table > table{
  margin-bottom: 0 !important;
  margin-top: 0 !important;
} 

/*Elimina ubrayado en enlaces en párrafos
.link-sin-subrayado a {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
.link-sin-subrayado a:hover,
.link-sin-subrayado a:focus {
}
*/

---
/* ====== COLUMNA RESERVACIONES (base) ====== */

.footer-section.footer-reservaciones .footer-phones{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.footer-section.footer-reservaciones .phone-label{
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14.875px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 5px;
}

.footer-section.footer-reservaciones a{
  text-decoration: none;
}

.footer-section.footer-reservaciones .telefonos{
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  line-height: 1.2;
}

/* Redes */
.footer-section.footer-reservaciones .social-container{
  display: flex;
  gap: 22px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 10px;
}

/* WhatsApp wrapper */
.footer-section.footer-reservaciones .footer-whatsapp{
  margin: 14px 0 0;
}

-----
@media (max-width: 768px){

  /* Reservaciones: izquierda real */
  .footer-section.footer-reservaciones,
  .footer-section.footer-reservaciones .footer-phones,
  .footer-section.footer-reservaciones .phone-block,
  .footer-section.footer-reservaciones .phone-label,
  .footer-section.footer-reservaciones .telefonos{
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Links de teléfono: bloque y a la izquierda */
  .footer-section.footer-reservaciones .footer-phones a{
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Redes sociales: en fila */
  .footer-section.footer-reservaciones .social-container{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 22px !important;
  }

  /* Links de redes: NO block/100% */
  .footer-section.footer-reservaciones .social-container a{
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
}
.estandar{
	font-size:14px;
	color: #227850;
}

/**/
.btn.vrc-pref-color-btn {
  border-radius: 4px !important;
  text-decoration: none !important;
}

.vrcdownloadpdf a {
  text-decoration: none!important;
}
	
	.btn.vrc-pref-color-btn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 4px;
  text-decoration: none;
}

.btn.vrc-pref-color-btn i {
  color: #ffffff; /* color normal del icono */
}

.btn.vrc-pref-color-btn:hover i {
  color: #ffffff; /* AJUSTA este color si el fondo cambia */
}
	

@media (max-width: 768px){
  html body h1{
    line-height: 1.1 !important;
    margin-top: 0 !important;
    margin-bottom: 0.6em !important;
  }
}

/* PAY NOW (Stripe) - estilo tipo botón */
a[href*="checkout.stripe.com"]{
  display: inline-block;
  padding: 10px 16px;
  background: #002138;
  color: #fff !important;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1.1;
  cursor: pointer;
}

/* Hover / focus */
a[href*="checkout.stripe.com"]:hover,
a[href*="checkout.stripe.com"]:focus{
  background: #0079d6;
  color: #fff !important;
  text-decoration: none !important;
}


/* FIX BANDERAS TELEFONO - LOCAL DEFINITIVO */
/* FIX FINAL BANDERAS TELEFONO */
/* FIX BANDERAS TELEFONO */
.iti__flag {
    background-image: url('https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/img/flags.png') !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url('https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.19/img/flags@2x.png') !important;
        background-size: 5652px 15px !important;
    }
}

/* =========================================
   FIX ESPACIO BEFORE SIDEBAR EN MOBILE
   ========================================= */
/* =========================================
   MOBILE - FIX HUECO ANTES DEL SIDEBAR
   conserva el orden correcto del layout de Astra
   y elimina el espacio excesivo entre contenido y sidebar
   ========================================= */
@media (max-width: 768px) {

  /* Mantener sidebar debajo del contenido 
  #content .ast-container {
    display: flex !important;
    flex-direction: column-reverse !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    align-content: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 0 !important;
    row-gap: 0 !important;
  }
*/
  /* Columnas principales 
  #primary,
  #secondary {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
*/
	
	.ast-separate-container #primary {
		padding: 1em 0;align-content}
  /* Bloque de botones */
.car_buttons_box {
  margin-top: 15px !important;
  margin-bottom: 24px !important;
  min-height: auto !important;
  height: auto !important;
}

  .car_buttons_box .booknow,
  .car_buttons_box .vrc-pref-color-btn-secondary,
  .car_buttons_box .vrc-pref-color-btn {
    margin-bottom: 0 !important;
  }

  /* Bloque inmediatamente despues de los botones 
  .car_buttons_box + .wp-block-uagb-container,
  .car_buttons_box + .uagb-block-container,
  .car_buttons_box + .uagb-block-593a2b12,
  .car_buttons_box + div {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
*/
  /* FIX REAL: wrapper interno de Spectra/UAGB */
  #secondary .uagb-container-inner-blocks-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    gap: 0 !important;
    row-gap: 0 !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
  }

  /* Primer bloque del sidebar */
  #secondary .uagb-container-inner-blocks-wrap:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Contenedores UAGB del sidebar */
  #secondary .wp-block-uagb-container,
  #secondary .uagb-block-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* =========================================
   ATRAS Y RESERVAR - CONSISTENCIA VISUAL
   variante general con .car_buttons_box
   ========================================= */
.car_buttons_box {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

/* wrappers */
.car_buttons_box .goback,
.car_buttons_box .booknow,
.car_buttons_box .vrc-pref-color-btn,
.car_buttons_box .vrc-pref-color-btn-secondary {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

/* orden correcto */
.car_buttons_box .goback {
  order: 1 !important;
}

.car_buttons_box .booknow,
.car_buttons_box .vrc-pref-color-btn,
.car_buttons_box .vrc-pref-color-btn-secondary,
.car_buttons_box button,
.car_buttons_box input[type="submit"] {
  order: 2 !important;
}

/* ATRAS cuando viene como link */
.car_buttons_box .goback a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 42px !important;
  padding: 0 18px !important;
  background-color: #002138 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}

/* hover ATRAS */
.car_buttons_box .goback a:hover {
  background-color: #0079d6 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* RESERVAR y variantes reales */
.car_buttons_box .booknow,
.car_buttons_box .booknow a,
.car_buttons_box .vrc-pref-color-btn,
.car_buttons_box .vrc-pref-color-btn-secondary,
.car_buttons_box button,
.car_buttons_box input[type="submit"],
.car_buttons_box a.vrc-pref-color-btn,
.car_buttons_box a.vrc-pref-color-btn-secondary,
.car_buttons_box .booknow input,
.car_buttons_box .booknow button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 42px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
}

/* evita expansion a todo el ancho */
.car_buttons_box .booknow,
.car_buttons_box .booknow a,
.car_buttons_box input[type="submit"],
.car_buttons_box button,
.car_buttons_box .booknow input {
  flex: 0 0 120px !important;
}

/* variante donde ATRAS viene como enlace directo */
.car_buttons_box > a:not(.booknow):not(.vrc-pref-color-btn):not(.vrc-pref-color-btn-secondary) {
  order: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 42px !important;
  padding: 0 18px !important;
  background-color: #002138 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  text-transform: uppercase;
  font-weight: 500 !important;
}

.car_buttons_box > a:not(.booknow):not(.vrc-pref-color-btn):not(.vrc-pref-color-btn-secondary):hover {
  background-color: #0079d6 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .car_buttons_box {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
  }

  .car_buttons_box .goback {
    order: 1 !important;
  }

  .car_buttons_box .booknow,
  .car_buttons_box .vrc-pref-color-btn,
  .car_buttons_box .vrc-pref-color-btn-secondary,
  .car_buttons_box button,
  .car_buttons_box input[type="submit"] {
    order: 2 !important;
  }

  .car_buttons_box .goback a,
  .car_buttons_box .booknow,
  .car_buttons_box .booknow a,
  .car_buttons_box .vrc-pref-color-btn,
  .car_buttons_box .vrc-pref-color-btn-secondary,
  .car_buttons_box button,
  .car_buttons_box input[type="submit"],
  .car_buttons_box a.vrc-pref-color-btn,
  .car_buttons_box a.vrc-pref-color-btn-secondary,
  .car_buttons_box .booknow input,
  .car_buttons_box > a:not(.booknow):not(.vrc-pref-color-btn):not(.vrc-pref-color-btn-secondary) {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    height: 42px !important;
    margin: 0 !important;
  }
}

/* =========================================
   VARIANTE PASO CONFIRMACION VIKRENTCAR
   usa .vrc-oconfirm-footer como contenedor real
   ========================================= */
.vrc-oconfirm-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
}

/* ATRAS a la izquierda */
.vrc-oconfirm-footer a.btn.vrc-pref-color-btn-secondary {
  order: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 42px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  flex: 0 0 120px !important;
}

/* RESERVAR a la derecha */
.vrc-oconfirm-footer .booknow,
.vrc-oconfirm-footer .booknow a,
.vrc-oconfirm-footer .vrc-pref-color-btn,
.vrc-oconfirm-footer button,
.vrc-oconfirm-footer input[type="submit"] {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 42px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  flex: 0 0 120px !important;
}

/* evita margenes heredados */
.vrc-oconfirm-footer > * {
  margin: 0 !important;
}

@media (max-width: 768px) {
  .vrc-oconfirm-footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
  }
}
/* PAY NOW - mismo estilo visual que los otros botones */
a[href*="checkout.stripe.com"]{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 42px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  background: #002138 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

a[href*="checkout.stripe.com"]:hover,
a[href*="checkout.stripe.com"]:focus{
  background: #0079d6 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* PAY NOW - mismo estilo visual que los otros botones */
a[href*="checkout.stripe.com"]{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 42px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  background: #002138 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

a[href*="checkout.stripe.com"]:hover,
a[href*="checkout.stripe.com"]:focus{
  background: #0079d6 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/**/
.vrc-car-result-characteristics .vrccarcarat img[alt="Automático"] {
  height: 18px !important;
  width: auto !important;
  max-width: none !important;
  max-height: 18px !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -3px !important;
}

.vrc-showprc-car-carats .vrccarcarat img[src*="icono_transmision_automatica_64-copia.png"] {
  float: none !important;
  display: inline-block !important;
  height: 18px !important;
  width: auto !important;
  max-width: none !important;
  max-height: 18px !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -2px !important;
}

/*Footer Bilingüe*/

/* BADGES: ocultar ambas versiones por defecto */
.review-badges-es,
.review-badges-en {
  display: none;
}

/* BADGES: mostrar español */
html[lang="es"] .review-badges-es,
html[lang^="es-"] .review-badges-es {
  display: flex;
}

/* BADGES: mostrar inglés */
html[lang="en"] .review-badges-en,
html[lang^="en-"] .review-badges-en {
  display: flex;
}

/* FOOTER LINKS: ocultar ambas versiones por defecto */
.footer-lang-es,
.footer-lang-en {
  display: none;
}

/* FOOTER LINKS: mostrar español */
html[lang="es"] .footer-lang-es,
html[lang^="es-"] .footer-lang-es {
  display: block;
}

/* FOOTER LINKS: mostrar inglés */
html[lang="en"] .footer-lang-en,
html[lang^="en-"] .footer-lang-en {
  display: block;
}



.widget_mod_vikrentcar_search {
  contain: layout style;
}
.contenido-sobre-imagen {
  contain: layout;
}


/**/
.uagb-ifb-title-prefix {
  display: block !important;
  font-size: 0 !important;
  line-height: 0 !important;
  margin-bottom: 14px !important;
}


/* Resetea estilos heredados de Astra y convierte el prefix en un badge tipo cápsula, manteniendo el texto original del HTML (compatible con SEO e idiomas) */
.uagb-ifb-title-prefix {
    display: inline-block !important;
    width: auto !important;

    background: #20c463;
    color: #fff !important;

    padding: 6px 18px !important;

    border-radius: 999px;

    font-size: 12px !important;
    font-weight: 700;

    line-height: 1 !important;

    text-transform: uppercase;
    letter-spacing: .3px;

    white-space: nowrap;

    /* 🔥 ESTA ES LA CLAVE QUE TE FALTABA */
    float: none !important;
}



/* contenedor del título */
.autos-grid .destination-box .uagb-ifb-title-wrap {
  position: relative;
}

.autos-grid .destination-box .uagb-ifb-title-prefix {
  position: absolute;
  top: -29px; 
  left: 50%;
  transform: translateX(-50%);
}

/* === END VEICO MOVED CUSTOM CSS === */