/****************************************************************************************************
*                                       GUIA DE USO CSS OP 2.0                                      *
*****************************************************************************************************
- Sustituir lightblue por color primario.
- Sustituir lightcoral por color secundario (si lo tiene).
- Sustituir lightgreen para color con transparencia (fondo de formulario ej., por defecto #f2f2f2).
- Sustituir familia_fuente por el tipo de fuente de titulos y cabeceras ej. 'Roboto', sans-serif
- Copiar estilos de maqueta sin responsive y pegar justo aqui debajo como se indica.
- Copiar estilos de maqueta solo responsive y pegar en la etiqueta 'ESTILOS RESPONSIVE MAQUETA AQUI'.
- Borrar esta guía.
****************************************************************************************************/

:root{
    --primario: #40549B;
    --primario_oscuro: #2A3765;
    --primario_muy_oscuro: #00162E;
    --secundario: #F6C845;
    --transparencia: #F5F7FA;
    --familia_fuente: 'Prompt', sans-serif;
}

.m-auto {
    margin: auto;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.custom-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.custom-container-peque {
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 767px) {
    .custom-container-peque {
        width: calc(100% - 30px);
    }
}

@media (min-width: 768px) {
    .custom-container,
    .custom-container-peque {
        width: 738px;
    }
}

@media (min-width: 992px) {
    .custom-container,
    .custom-container-peque {
        width: 962px;
    }
}

@media (min-width: 1200px) {
    .custom-container-peque {
        width: 1070px;
    }

    .custom-container {
        width: 1170px;
    }
}

@media (min-width: 1450px) {
    .custom-container-peque {
        width: 1155px;
    }

    .custom-container {
        width: 1420px;
    }
}


/* ESTILOS SIN RESPONSIVE MAQUETA AQUI */


/*********************************
*        MENU DESPLEGABLE        *
*********************************/
.dropdown-menu>li>a {
    color: var(--blue);
    font-size: 15px;
    font-family: "Montserrat";
    /* text-transform: uppercase; */
    font-weight: 500;
    padding: 15px 20px;
    width: 100%;
}

/* menu doble */

.el-menu {
    height: 140px;
    transition: all .2s ease-in-out;
}

.barra_reducida .el-menu {
  height: 110px;
}

.el-menu {
    position: relative;
}

.primera-menu, .segunda-menu {
    display: flex;
    position: absolute;
    width: calc(50vw - (90px + 35px));
    height: 100%;
}

.primera-menu {
    right: 155px;
    justify-content: flex-end;
}

.segunda-menu {
    left: 155px;
}

.navbar-nav .logo {
    position: absolute;
}

.navbar-nav .logo {
    position: absolute;
    left: -160px;
    height: 100%;
}

.navbar-nav .logo>a {
    padding: 0;
    height: inherit;
}

.navbar-nav .logo img {
    height: 100%;
    object-fit: contain;
    object-position: center;
    width: 180px;
    z-index: 2;
}

/* -- circulos -- */
.wrapper-flex,.wrapper-flex-mobile{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}


/* -- row -- */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row-eq-height.container:before,
.row-eq-height.container:after,
.row-eq-height.row:before,
.row-eq-height.row:after {
    content: normal;
}


.separa-5{
    height: 5px;
}

.separa-10{
    height: 10px;
}

.separa-20{
    height: 20px;
}

.separa-40{
    height: 40px;
}

.separa-30{
    height: 30px;
}

.separa-50{
    height: 50px;
}

.separa-100{
    height: 100px;
}


.relative{
    position: relative;
}

.absolute{
    position: absolute;
}

.full{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.font-300{
    font-weight: 300;
}

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

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

.d-flex{
    display: flex;
}

.overflow-hidden{
    overflow: hidden;
}

.text-light{
    color: #fff;
}

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

.centrado.izquierda{
    justify-content: flex-start;
}

.centrado.derecha{
    justify-content: flex-end;
}

.animacion{
    transition: all 300ms linear!important;
    -webkit-transition: all 300ms linear!important;
    -moz-transition: all 300ms linear!important;
    -ms-transition: all 300ms linear!important;
    -o-transition: all 300ms linear!important;
}

.animation{
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}

.limitar{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.limitar_1{
    -webkit-line-clamp: 1; /* number of lines to show */
}

.limitar_2{
    -webkit-line-clamp: 2; /* number of lines to show */
}

.limitar_3{
    -webkit-line-clamp: 3; /* number of lines to show */
}

.limitar_4{
    -webkit-line-clamp: 4; /* number of lines to show */
}

.limitar_5{
    -webkit-line-clamp: 5; /* number of lines to show */
}

.limitar_6{
    -webkit-line-clamp: 6; /* number of lines to show */
}

.limitar_7{
    -webkit-line-clamp: 7; /* number of lines to show */
}

.limitar_8{
    -webkit-line-clamp: 8; /* number of lines to show */
}

.limitar_9{
    -webkit-line-clamp: 9; /* number of lines to show */
}

.limitar_10{
    -webkit-line-clamp: 10; /* number of lines to show */
}

.caja{
    overflow: hidden;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*********************************
*            INTERIORES          *
*********************************/

.interiores {
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
}

.interiores h1.h1{
  font-family: var(--familia_fuente);
  font-size: 55px;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: var(--primario);
  font-weight: 700;
}

@media (max-width: 1200px){
    .interiores h1.h1{
        font-size: 40px;
    }
}

@media (max-width: 992px) {
    .interiores h1.h1{
        font-size: 35px;
    }
}

/* ESTILOS CKEDITOR */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.textaco {
	& .image {
		display: table;
		clear: both;
		text-align: center;

		/* Make sure there is some space between the content and the image. Center image by default. */
		/* The first value should be equal to --ck-spacing-large variable if used in the editor context
	 	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
		margin: 0.9em auto;

		/* Make sure the caption will be displayed properly (See: https://github.com/ckeditor/ckeditor5/issues/1870). */
		min-width: 50px;

		& img {
			/* Prevent unnecessary margins caused by line-height (see #44). */
			display: block;

			/* Center the image if its width is smaller than the content's width. */
			margin: 0 auto;

			/* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */
			max-width: 100%;

			/* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */
			min-width: 100%;

			/* Keep proportions of the block image if the height is set and the image is wider than the editor width.
			See https://github.com/ckeditor/ckeditor5/issues/14542. */
			height: auto;
		}
	}

	& .image-inline {
		/*
		 * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).
		 * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
		 * This strange behavior does not happen with inline-flex.
		 */
		display: inline-flex;

		/* While being resized, don't allow the image to exceed the width of the editing root. */
		max-width: 100%;

		/* This is required by Safari to resize images in a sensible way. Without this, the browser breaks the ratio. */
		align-items: flex-start;

		/* When the picture is present it must act as a flex container to let the img resize properly */
		& picture {
			display: flex;
		}

		/* When the picture is present, it must act like a resizable img. */
		& picture,
		& img {
			/* This is necessary for the img to span the entire .image-inline wrapper and to resize properly. */
			flex-grow: 1;
			flex-shrink: 1;

			/* Prevents overflowing the editing root boundaries when an inline image is very wide. */
			max-width: 100%;
		}
	}
}

.ck.ck-editor__editable {
	/*
	 * Inhertit the content styles padding of the <figcaption> in case the integration overrides `text-align: center`
	 * of `.image` (e.g. to the left/right). This ensures the placeholder stays at the padding just like the native
	 * caret does, and not at the edge of <figcaption>.
	 */
	& .image > figcaption.ck-placeholder::before {
		padding-left: inherit;
		padding-right: inherit;

		/*
		 * Make sure the image caption placeholder doesn't overflow the placeholder area.
		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
		 */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */
	& .image {
		z-index: 1;

		/*
		 * Make sure the selected image always stays on top of its siblings.
		 * See https://github.com/ckeditor/ckeditor5/issues/9108.
		 */
		&.ck-widget_selected {
			z-index: 2;
		}
	}

	/*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */
	& .image-inline {
		z-index: 1;

		/*
		 * Make sure the selected inline image always stays on top of its siblings.
		 * See https://github.com/ckeditor/ckeditor5/issues/9108.
		 */
		&.ck-widget_selected {
			z-index: 2;

			/*
			 * Make sure the native browser selection style is not displayed.
			 * Inline image widgets have their own styles for the selected state and
			 * leaving this up to the browser is asking for a visual collision.
			 */
			& ::selection {
				display: none;
			}
		}
	}

	/* Keep proportions of the inline image if the height is set and the image is wider than the editor width.
	See https://github.com/ckeditor/ckeditor5/issues/14542. */
	& .image-inline img {
		height: auto;
	}

	/* The inline image nested in the table should have its original size if not resized.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */
	& td,
	& th {
		& .image-inline img {
			max-width: none;
		}
	}
}

 @import "@ckeditor/ckeditor5-ui/theme/mixins/_mediacolors.css";

 :root {
     --ck-color-image-caption-background: hsl(0, 0%, 97%);
     --ck-color-image-caption-text: hsl(0, 0%, 20%);
     --ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);
 }
 
 /* Content styles */
 .textaco .image > figcaption {
     display: table-caption;
     caption-side: bottom;
     word-break: break-word;
     color: var(--ck-color-image-caption-text);
     background-color: var(--ck-color-image-caption-background);
     padding: .6em;
     font-size: .75em;
     outline-offset: -1px;
 
     /* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
     @media (forced-colors: active) {
         background-color: unset;
         color: unset;
     }
 }
 
 /* Editing styles */
 .ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
     @mixin ck-media-default-colors {
         animation: ck-image-caption-highlight .6s ease-out;
     }
 
     @media (prefers-reduced-motion: reduce) {
         animation: none;
     }
 }
 
 @keyframes ck-image-caption-highlight {
     0% {
         background-color: var(--ck-color-image-caption-highlighted-background);
     }
 
     100% {
         background-color: var(--ck-color-image-caption-background);
     }
 }

.ck.ck-image-insert-url {
	width: 400px;
	padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;

	& .ck-image-insert-url__action-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

 .ck.ck-editor__editable {
	& img.image_placeholder {
		background-size: 100% 100%;
	}
}

/* Preserve aspect ratio of the resized image after introducing image height attribute. */
.textaco img.image_resized {
	height: auto;
}

.textaco .image.image_resized {
	max-width: 100%;
	/*
	The `<figure>` element for resized images must not use `display:table` as browsers do not support `max-width` for it well.
	See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more.
	Fortunately, since we control the width, there is no risk that the image will look bad.
	*/
	display: block;
	box-sizing: border-box;

	& img {
		/* For resized images it is the `<figure>` element that determines the image width. */
		width: 100%;
	}

	& > figcaption {
		/* The `<figure>` element uses `display:block`, so `<figcaption>` also has to. */
		display: block;
	}
}

.ck.ck-editor__editable {
	/* The resized inline image nested in the table should respect its parent size.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */
	& td,
	& th {
		& .image-inline.image_resized img {
			max-width: 100%;
		}
	}
}

[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
	margin-right: var(--ck-spacing-standard);
}

[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
	margin-left: var(--ck-spacing-standard);
}

.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
	width: 4em;
}

 :root {
	--ck-image-style-spacing: 1.5em;
	--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}

.textaco {
	/* See: https://github.com/ckeditor/ckeditor5/issues/16317 */
	& .image {
		/* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback
		confirming successful application of the style if image width exceeds the editor's size.
		See https://github.com/ckeditor/ckeditor5/issues/9342 */
		&.image-style-block-align-left,
		&.image-style-block-align-right {
			max-width: calc(100% - var(--ck-image-style-spacing));
		}

		/* Allows displaying multiple floating images in the same line.
		See https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */
		&.image-style-align-left,
		&.image-style-align-right {
			clear: none;
		}

		&.image-style-side {
			float: right;
			margin-left: var(--ck-image-style-spacing);
			max-width: 50%;
		}

		&.image-style-align-left {
			float: left;
			margin-right: var(--ck-image-style-spacing);
		}

		&.image-style-align-right {
			float: right;
			margin-left: var(--ck-image-style-spacing);
		}

		&.image-style-block-align-right {
			margin-right: 0;
			margin-left: auto;
		}

		&.image-style-block-align-left {
			margin-left: 0;
			margin-right: auto;
		}
	}

	& .image-style-align-center {
		margin-left: auto;
		margin-right: auto;
	}

	& .image-style-align-left {
		float: left;
		margin-right: var(--ck-image-style-spacing);
	}

	& .image-style-align-right {
		float: right;
		margin-left: var(--ck-image-style-spacing);
	}

	/* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */
	& p + .image.image-style-align-left,
	& p + .image.image-style-align-right,
	& p + .image.image-style-side {
		margin-top: 0;
	}

	& .image-inline {
		&.image-style-align-left,
		&.image-style-align-right {
			margin-top: var(--ck-inline-image-style-spacing);
			margin-bottom: var(--ck-inline-image-style-spacing);
		}

		&.image-style-align-left {
			margin-right: var(--ck-inline-image-style-spacing);
		}

		&.image-style-align-right {
			margin-left: var(--ck-inline-image-style-spacing);
		}
	}
}

.ck.ck-splitbutton {
	/* The button should display as a regular drop-down if the action button
	is forced to fire the same action as the arrow button. */
	&.ck-splitbutton_flatten {
		&:hover,
		&.ck-splitbutton_open {
			& > .ck-splitbutton__action:not(.ck-disabled),
			& > .ck-splitbutton__arrow:not(.ck-disabled),
			& > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
				background-color: var(--ck-color-button-on-background);

				&::after {
					display: none;
				}
			}
		}

		&.ck-splitbutton_open:hover {
			& > .ck-splitbutton__action:not(.ck-disabled),
			& > .ck-splitbutton__arrow:not(.ck-disabled),
			& > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
				background-color: var(--ck-color-button-on-hover-background);
			}
		}
	}
}

.textaco figure.media iframe.youtube {width: 100% !important; aspect-ratio: 16/9; height: auto;}

@media (max-width: 767px) {
    .textaco figure.image {width: 100% !important;}
    .textaco .image_resized, .textaco img {height: auto; max-width: 100%;}
}
 
/*FIN ESTILOS CKEDITOR*/

#swipebox-overlay {
    background: #0d0d0ddb;
}
#swipebox-bottom-bar, #swipebox-top-bar{
    background: transparent;
}
.ug-lightbox .ug-lightbox-overlay{background: #0d0d0ddb;}
/*Detalle producto*/
.breadcrumb>li {
    font-size: 13px;
}
.tag_option{margin: 5px;color: var(--primario)}
.tag-circle{
    height: 42px;width: 42px;border-radius: 100%;display: inline-block;justify-content: center;align-items: center;border: 2px solid #fff;overflow: hidden; border: 2px solid #f5f5f5;
}

.tag-circle img{height: 40px;width: 40px;border-radius: 40px; object-fit: contain;}

.tag_bloque{
    height: 40px;width: 70px;display: inline-flex;background-color: var(--transparencia);justify-content: center;align-items: center
}

.tag-circle.active{
    border: 2px solid #000;
}

.tag_bloque.active{background-color: var(--primario);}
.tag_option.active a{color: #fff;}

.foto_principal .imagen{width: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;border: 1px solid #f5f5f5}
.foto_principal.mini .imagen{height: 444px; background-size: cover;}

.foto_principal .lupa{
    position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.5);opacity: 0;transition: 300ms all linear;color: #fff;font-size: 40px
}

.foto_principal .lupa:hover{
    opacity: 1;
}

.quantity{
    border: 2px solid var(--primario);
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.quantity label{
    display: inline-block;
    padding: 0 20px;
    color: var(--secundario);
}

.quantity-controls .fa{
    color: var(--secundario);
}

.quantity-controls{
    display: inline-block;
    position: relative;
}

.quantity-controls span{
    color: #888;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    position: absolute;
    top: 0;
    width: 26px;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;

    color: #171717;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.quantity-controls span.right{
    right: 0;
    text-align: left;
}
.lista_productos_sin_stock{
    border: 2px solid red;
    padding: 20px 20px;
    list-style-type: none;
}

.lista_productos_sin_stock li{
    color: #f4573a;
    font-weight: 600;
}
#productos>div {
    padding-right: 23px;
    padding-left: 23px;
}

#cantidad{
    border: 0;
    font-family: inherit;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    margin: 0 26px;
    outline: 0;
    padding: 0;
    position: relative;
    width: 40px;
    -webkit-appearance: none;

    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.otros_productos h2, .otros_productos h3{color: var(--primario); font-weight: 500;font-family: var(--familia_fuente)}

.botones_carro{
    width: calc( 100% - 225px );
    float: right;
}
.botones_carro.grande{width: 100%;}

.btn_love img{height: 30px;width: 30px}

.btn-filtro{height: 34px; width: 100%; margin-bottom: 15px; border-radius: 4px;}

.botones_carro .btn-tam{height: 52px; width: 100%;}
transform: translateY(-10px);
}

.descarga.uno:hover .btn{
    color: #fff;
    background-color: var(--secundario);
}

.descarga.dos:hover .btn{
    color: var(--secundario);
    background-color: #e8d6fb;
}
.mayorista{
    color: var(--secundario);background-color: #e8d6fb;border: 2px solid var(--secundario);padding: 16px 14px;
    text-align: center;font-weight: 600;
}
.btn-corporativo{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--familia_fuente);
    text-transform: uppercase;
    border: 0px;
    border-radius: 10px;
    background-color: var(--primario);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.btn-lg.btn-corporativo{
    padding: 18px 30px;

}
.btn-corporativo .btn-carro_portada img{height: 20px;width: 20px;margin-right: 15px;border-radius: 0;}
.btn-comprar{border: 0;}

.btn-grandotes{padding: 15px}
.btn-corporativo2{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--familia_fuente);
    text-transform: uppercase;
    border: 0px;
    border-radius: 10px;
    background-color: var(--primario);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px}
.btn-corporativo3{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--familia_fuente);
    text-transform: uppercase;
    border: 0px;
    border-radius: 10px;
    background-color: var(--primario);
    display: inline-flex;
    justify-content: center;
    align-items: center;}
/*MENU VIEJO
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 213px;
left: -15px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #fff;
background-color: rgb(255 255 255 / 10%);
border-radius: 14px;
}
*/
.btn-corporativo:hover, .btn-corporativo:focus, .btn-corporativo:active{background-color: #5c5b5b;color: #fff}

.btn-corporativo2:hover, .btn-corporativo2:focus, .btn-corporativo2:active{background-color: #5c5b5b;color: #fff}
.btn-corporativo3:hover, .btn-corporativo3:focus, .btn-corporativo3:active{background-color: #5c5b5b;color: #fff}
.desactivado{
    opacity: 0.6;
}
.acceso a{
    color: #fff;
}
.lista_productos .btn_love img, .bienvenida .btn_love img{
    filter: brightness(0) invert(1);
    height: 22px;
    width: 22px;
}

.left .caja_redes a{
    width: 45px;
    height: 45px;
}
.btn-corp{background-color: var(--primario);color: #fff !important; border: 0;}

.btn-default-formulario{background-color: #c6c6c6;color: #fff !important}

.nav-botones{border: none;}

.nav-botones>li>a{
    background-color: #fff;border-radius: 0px;margin: 0px 10px;color: #78c74a;border: 2px solid var(--primario);
}

.nav-botones>li>a:focus, .nav-botones>li>a:hover{
    background-color: #f5f5f5;color: #78c74a;border: 2px solid var(--primario);
}

.nav-botones>li.active>a, .nav-botones>li.active>a:focus, .nav-botones>li.active>a:hover{
    background-color: var(--primario);color: #fff;border: 2px solid var(--primario);
}

#title_prod{
    font-family: var(--familia_fuente);
    text-transform: uppercase;
    font-weight: 400;color: var(--primario);
    font-size: 24px;margin-top: 0px
}
h3.categoria{
    font-size: 18px;text-transform: uppercase;font-weight: 300;
    font-family: var(--familia_fuente);margin-top: 0px
}

span.precio{font-size: 24px;font-family: 'Open Sans',sans-serif;color: var(--primario);font-weight: 400}

.titulotag{font-weight: 400}

.videos_responsive{
    width: 600px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;}

ul.columnas-detalle{
    list-style-type: disc;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    list-style-position: inside;
}

.otras_fotos .imagen{
    height: 150px;width: 100%;background-size: cover;background-position: center;
}

.breadcrumb{margin: 0;background-color: transparent}
.breadcrumb li a{text-transform: capitalize;color: #000}

.precios .tachado{text-decoration-line: line-through;}

/***PROGRAMAS***/
/*
.cabecera {
background-color: #78c74a;
border: solid 0px #fff;
color: #fff;
padding: 5px;
font-size: 14px;
}
*/

.fila1 {
    background-color: #d9ebd9;
    border: solid 2px #fff;
    padding: 8px;
}

.fila2 {
    background-color: #fff;
    border: solid 2px #fff;
    padding: 8px;
}

.mini_icono_text {
    margin-top: 4px;
    font-size: 24px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}


.lista_productos .fa{    color: var(--secundario);}

.mini_icono_text .fa-download{
    color: var(--secundario);
}


.fecha_archivos{
    font-size: 14px;margin: 5px;   
}

.elementos_desc>div:nth-child(even){ background-color: #d9ebd9 }
.elementos_desc .text_content {margin: 10px 0px}
.elementos_desc .text_content p {margin: 0px}
.elementos_desc p.fecha_archivos {text-align: center}



/************************************
*             CABECERA              *
************************************/

header.fijar{
    position: fixed;
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 120;
    box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px;
}

header.fijar .navbar-fixed-top{
    position: relative;
    z-index: 99;
}

.total_menu .superior{
    position: absolute;
    right: 20px;
    top: 130px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    padding: 5px 20px;
    background: var(--primario);
    background: linear-gradient(to right, rgba(64, 84, 155, 1) 0%, rgba(42, 55, 101, 1) 100%);
    border-radius: 999px 0px 999px 999px;

    transition: all 300ms linear;
}


.barra_reducida .total_menu .superior{
    right: -700px;
}

.total_menu .superior .contenedor_contacto{
    display: flex;
    gap: 10px;
    margin: 10px 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 1;
}

.total_menu .superior .contenedor_contacto .contacto a{
    color: #fff;
    font-size: 14px;
}

.total_menu .superior .contenedor_contacto .contacto a img{
    width: 20px;
    margin-right: 5px;
}

.total_menu .superior .contenedor_contacto .contacto + .contacto{
    padding-left: 0;
}

.total_menu .superior .contenedor_contacto .separador-contacto{
    width: 1px;
    height: 18px;
    background: rgba(1, 112, 171, 0.5);
    align-self: center;
    list-style: none;
    margin: 0 2px;
}

.total_menu .contenedor_idiomas{
    position: relative;
    z-index: 5;
}

.total_menu .contenedor_idiomas select{
    background: #fff;
    border: 1px solid #0170AB;
    border-radius: 20px;
    color: #0170AB;
    padding: 4px 28px 4px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, #0170AB 50%), linear-gradient(135deg, #0170AB 50%, transparent 50%);
    background-position: calc(100% - 16px) calc(50% + 1px), calc(100% - 11px) calc(50% + 1px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.total_menu .contenedor_idiomas select option{
    background: #fff;
    color: var(--secundario);
}

.total_menu .contenedor_idiomas .bootstrap-select > .dropdown-toggle{
    background: #fff;
    border: 1px solid #0170AB;
    border-radius: 20px;
    min-height: 34px;
    padding: 4px 34px 4px 10px;
    box-shadow: none;
}

.total_menu .contenedor_idiomas .bootstrap-select > .dropdown-toggle:after{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #0170AB;
    border-bottom: 0;
    margin-left: 8px;
}

.total_menu .contenedor_idiomas .bootstrap-select > .dropdown-toggle .filter-option,
.total_menu .contenedor_idiomas .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
    color: #0170AB;
}

.total_menu .contenedor_idiomas .bootstrap-select .dropdown-menu{
    background: #fff;
    border: 1px solid #0170AB;
}

.total_menu .contenedor_idiomas .bootstrap-select .dropdown-menu li a{
    color: var(--secundario);
}

.total_menu .contenedor_idiomas .bootstrap-select .dropdown-menu li a img{
    display: inline-block;
    width: 18px;
    height: auto;
    margin-right: 8px;
    vertical-align: middle;
    opacity: 1;
    visibility: visible;
}

.total_menu .contenedor_idiomas .dropdown-toggle,
.total_menu .contenedor_idiomas .btn,
.total_menu .contenedor_idiomas .btn-default,
.total_menu .contenedor_idiomas .selectpicker{
    background: #fff;
    border: 1px solid #0170AB;
    border-radius: 20px;
    color: #0170AB;
    box-shadow: none;
}

.total_menu .contenedor_idiomas .dropdown-toggle .caret,
.total_menu .contenedor_idiomas .caret{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #0170AB;
    border-bottom: 0;
}

.total_menu .contenedor_idiomas .dropdown-menu img,
.total_menu .contenedor_idiomas .dropdown-menu .flag,
.total_menu .contenedor_idiomas .dropdown-menu .bandera{
    display: inline-block;
    opacity: 1;
    visibility: visible;
    width: 18px;
    height: auto;
}

.total_menu .contenedor_idiomas .idioma-select__active,
.sidebar-wrapper .contenedor_idiomas .idioma-select__active{
    background: var(--transparencia);
    border: 0px solid #fff;
    border-radius: 999px;
    min-height: 35px;
    padding: 6px 9px;
    gap: 8px;
    color: #fff;
}

.total_menu .contenedor_idiomas .idioma-select__active .flag,
.sidebar-wrapper .contenedor_idiomas .idioma-select__active .flag{
    width: 20px;
    height: auto;
    display: block;
    opacity: 1;
    visibility: visible;
}

.total_menu .contenedor_idiomas .idioma-select__arrow,
.sidebar-wrapper .contenedor_idiomas .idioma-select__arrow{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid var(--secundario);
    border-bottom: 0;
    transform: none;
    margin-top: 0;
    margin-left: 2px;
    margin-right: 5px;
}

.total_menu .contenedor_idiomas .idioma-select.is-open .idioma-select__arrow,
.sidebar-wrapper .contenedor_idiomas .idioma-select.is-open .idioma-select__arrow{
    border-top: 0;
    border-bottom: 7px solid var(--secundario);
    transform: none;
    margin-top: 0;
}

.total_menu .contenedor_idiomas .idioma-select__menu,
.sidebar-wrapper .contenedor_idiomas .idioma-select__menu{
    background: var(--transparencia);
    border: 0px solid #fff;
    border-radius: 10px;
    padding: 8px;
}

.total_menu .contenedor_idiomas .idioma-select__menu .idioma-select__option,
.sidebar-wrapper .contenedor_idiomas .idioma-select__menu .idioma-select__option{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

.total_menu .contenedor_idiomas .idioma-select__menu .flag,
.sidebar-wrapper .contenedor_idiomas .idioma-select__menu .flag{
    width: 20px;
    height: auto;
    display: block;
    opacity: 1;
    visibility: visible;
    filter: none;
}

.total_menu .menu_principal .navbar-header .navbar-brand,
.total_menu .menu_principal .contenedor-botones{
    margin: 0 45px;
    transition: all 0.3s ease
}

.total_menu .menu_principal .navbar-header .navbar-brand .logo{
    height: 85px;
}

.barra_reducida .total_menu .menu_principal .navbar-header .navbar-brand,
.barra_reducida .total_menu .menu_principal .contenedor-botones{
    margin: 0 30px;
}

.barra_reducida .total_menu .menu_principal .navbar-header .navbar-brand .logo{
    height: 50px;
}

nav.navbar-fixed-top .menu_principal .navbar-header{
    height: 95px;
    transition: all 0.3s ease;
}

.barra_reducida .navbar-fixed-top .menu_principal .navbar-header{
    height: 75px;
    transition: all 0.3s ease;
}

@media (max-width: 1400px) {
    .total_menu .menu_principal .navbar-header .navbar-brand{
        margin: 0 30px;
    }
    .total_menu .menu_principal .navbar-header .navbar-brand .logo {
        height: 50px;
    }
}

.total_menu .borde_degradado{
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .5) 100%);
}

.total_menu ul.navbar-nav li a{
    font-family: var(--familia_fuente);
    /* text-transform: uppercase; */
    color: var(--primario);
    font-size: 16px;
    font-weight: 500;
    padding: 20px 25px;
    transition: all 250ms ease;
}

.total_menu ul.navbar-nav > li > a:hover,
.total_menu ul.navbar-nav > li > a:focus,
.total_menu ul.navbar-nav > li.open > a,
.total_menu ul.navbar-nav > li.active > a,
.total_menu ul.navbar-nav > li > a.active{
    color: var(--primario);
    background-color: var(--transparencia);
    border-radius: 999px;
}

.total_menu .navbar-nav .dropdown-menu{
    min-width: fit-content;
    padding: 8px 0;
    margin-top: 8px;
    background-color: #fff;
    border: 0;
    border-radius: 0 0 8px 8px;
    box-shadow: rgba(1, 23, 46, 0.18) 0 14px 30px;

    transform: translateX(-50%);
    left: 50%;
    top: 60px;
}

.barra_reducida .total_menu .navbar-nav .dropdown-menu{
    margin-top: -2px
}

.total_menu .navbar-nav .dropdown-menu > li > a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--primario);
    padding: 14px 22px;
    white-space: nowrap;
}

.total_menu .navbar-nav .dropdown-menu > li > a:hover,
.total_menu .navbar-nav .dropdown-menu > li > a:focus,
.total_menu .navbar-nav .dropdown-menu > li.open > a,
.total_menu .navbar-nav .dropdown-menu > li.active > a,
.total_menu .navbar-nav .dropdown-menu > li > a.active{
    color: var(--primario);
    background-color: #EEF3F7;
}

.total_menu .navbar-nav li:not(:has(> .dropdown-menu)) > .dropdown-toggle::after,
.sidebar-nav li:not(:has(> .dropdown-menu)) > .dropdown-toggle::after{
    display: none !important;
    content: none !important;
}

.total_menu .navbar-nav li:has(> .dropdown-menu) > .dropdown-toggle::after,
.sidebar-nav li:has(> .dropdown-menu) > .dropdown-toggle::after{
    display: inline-block;
    margin-left: 8px;
    transition: transform 250ms ease;
    transform-origin: center;
    vertical-align: 0.12em;
}

.total_menu .navbar-nav .open > .dropdown-toggle::after,
.total_menu .navbar-nav .dropdown-submenu:hover > .dropdown-toggle::after,
.sidebar-nav .open > .dropdown-toggle::after{
    transform: rotate(180deg);
}

.total_menu .navbar-toggle.menu-toggle-sidebar{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0 14px;
    margin: 0 20px 0 auto;
    margin-left: 20px;
    background-color: var(--secundario);
    border: 1px solid var(--secundario);
    border-radius: 0;
    box-shadow: none;
    transition: all 300ms ease;
}

.total_menu .navbar-toggle.menu-toggle-sidebar .icon-bar{
    display: block;
    width: 26px;
    height: 3px;
    margin: 3px 0;
    background-color: #FFFFFF;
    border-radius: 3px;
    transition: all 300ms ease;
}

.total_menu .navbar-toggle.menu-toggle-sidebar:not(.collapsed){
    background-color: #FFFFFF !important;
    border-color: var(--primario);
}

.total_menu .navbar-toggle.menu-toggle-sidebar:focus{
    outline: none;
}

.total_menu .navbar-toggle.menu-toggle-sidebar:not(.collapsed) .icon-bar{
    background-color: var(--primario);
}

.btn-corporativo{
    padding: 20px 40px;
    border-radius: 999px;
    background:  var(--secundario);
    transition: all .3s ease;
    font-weight: 600;
    font-family: var(--familia_fuente);
    font-size: 14px;
    color: var(--primario);
}

.btn-corporativo img,
.btn-corporativo .icono-svg-btn{
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 10px;
}

.btn-corporativo .icono-svg-btn:not(.icono-svg-no-fill),
.btn-corporativo .icono-svg-btn:not(.icono-svg-no-fill) *{
    fill: currentColor !important;
}

.btn-corporativo .icono-svg-btn:not(.icono-svg-no-fill) [stroke]:not([stroke='none']){
    stroke: currentColor !important;
}

.btn-corporativo:hover{
    background: var(--primario);
    color: #fff;
    transition: all .3s ease;
}

.caja_producto{
    height: 100%;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

.caja_producto .padding{
    height: 100%;
    padding: 30px;
}

.caja_producto .info{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.caja_producto .caja_nombre{
    margin-bottom: 20px;
    text-align: center;
}

.caja_producto .nombre_producto{
    color: var(--primario_muy_oscuro);
    font-family: var(--familia_fuente);
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 5px;
    text-align: center;
}

.caja_producto .nombre_producto.limitar_1{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.caja_producto .subtitulo_producto{
    color: var(--primario);
    font-family: var(--familia_fuente);
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    text-align: center;
}

.caja_producto .padre_imagen{
    aspect-ratio: 4 / 3;
    margin: 0 0 20px;
    overflow: hidden;
    width: 100%;
}

.caja_producto .padre_imagen .imagen{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.caja_producto .caja_detalles{
    margin-bottom: 16px;
}

.caja_producto .caja_detalles ul{
    align-items: center;
    background: var(--secundario);
    border-radius: 999px;
    color: var(--primario_muy_oscuro);
    display: flex;
    flex-wrap: wrap;
    font-family: var(--familia_fuente);
    font-size: 18px;
    font-weight: 400;
    gap: 10px;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.caja_producto .caja_detalles li{
    align-items: center;
    display: inline-flex;
    /* line-height: 1.2; */
    margin: 0;
    min-width: 0;
    padding: 15px 10px;
    position: relative;
}

.caja_producto .caja_detalles li + li::before{
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -7px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
}

.caja_producto .caja_acciones_producto{
    align-items: stretch;
    display: flex;
    /* gap: 12px; */
    justify-content: space-between;
    /* margin-top: 10px; */
}

.caja_producto .categoria_producto{
    align-items: center;
    background: var(--transparencia);
    border-radius: 999px;
    color: var(--primario);
    display: inline-flex;
    font-family: var(--familia_fuente);
    font-size: 20px;
    font-weight: 400;
    justify-content: center;
    line-height: 1.2;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    padding: 12px 16px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.caja_producto .caja_acciones_producto .btn-corporativo{
    align-items: center;
    background: var(--primario_oscuro);
    border-radius: 0 999px 999px 999px;
    color: #fff;
    display: inline-flex;
    font-family: var(--familia_fuente);
    font-size: 16px;
    font-weight: 300;
    justify-content: center;
    min-width: 0;
    padding: 12px 15px;
    text-transform: none;
    white-space: nowrap;
}

.caja_producto.vehiculo-lista .caja_precio{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: auto;
    padding-top: 22px;
}

.caja_producto.vehiculo-lista .precio{
    align-items: baseline;
    color: var(--primario);
    display: flex;
    flex-wrap: wrap;
    font-family: var(--familia_fuente);
    font-size: 34px;
    font-weight: 700;
    gap: 7px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    text-align: center;
}

.caja_producto.vehiculo-lista .precio small{
    color: var(--primario_muy_oscuro);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: lowercase;
}

.caja_producto.vehiculo-lista .precio .etiqueta-desde-rentacar{
    color: var(--primario);
}

.caja_producto.vehiculo-lista .precio .precio-dia-rentacar{
    background: var(--transparencia);
    border-radius: 999px;
    color: var(--primario);
    padding: 6px 10px;
}

.caja_producto.vehiculo-lista .caja_acciones_producto{
    align-items: stretch;
    margin-top: 0;
}

.caja_producto.vehiculo-lista .categoria_producto{
    /* flex: 1 1 auto;
    justify-content: flex-start;
    text-align: left;
    width: auto; */
}

.caja_producto.vehiculo-lista .form-seleccionar-vehiculo{
    align-items: stretch;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    margin: 0;
}

.caja_producto.vehiculo-lista .caja_acciones_producto > .btn-corporativo,
.caja_producto.vehiculo-lista .form-seleccionar-vehiculo .btn-corporativo{
    flex: 0 0 auto;
    margin-left: auto;
}

.caja_producto.vehiculo-lista .motivo{
    align-items: center;
    background: var(--transparencia);
    border-radius: 0 999px 999px 999px;
    color: var(--primario);
    display: inline-flex;
    font-family: var(--familia_fuente);
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin-left: auto;
    padding: 12px 15px;
    text-align: center;
}

.caja_producto .caja_acciones_producto .btn-corporativo .icono-svg-btn{
    height: 16px;
    margin-right: 7px;
    width: 16px;
}

.caja_producto .caja_acciones_producto .btn-corporativo .icono-svg-no-fill [stroke]:not([stroke='none']){
    stroke: currentColor !important;
}

.caja_producto .caja_acciones_producto .btn-corporativo:hover,
.caja_producto .caja_acciones_producto .btn-corporativo:focus,
.caja_producto .caja_acciones_producto .btn-corporativo:active{
    background: var(--primario);
    /* color: var(--primario); */
}

.vehiculo-lista .padding,
.vehiculo-lista .info {
    height: 100%;
}

.vehiculo-lista .info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vehiculo-card-superior .padre_imagen {
    margin: 0;
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vehiculo-card-superior .padre_imagen.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.vehiculo-card-superior .caja_detalles.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.vehiculo-card-superior .caja_detalles {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.vehiculo-card-superior .imagen {
    width: auto;
    max-width: 100%;
    max-height: none;
    object-fit: contain;
}

.vehiculo-card-superior .caja_detalles ul {
    display: grid;
    gap: 6px;
    grid-template-rows: repeat(3, minmax(27px, auto));
    margin: 0;
    min-height: 112px;
    padding: 10px;
    border-radius: 25px 25px 0 25px;
    list-style: none !important;
    width: 100%;
}

.vehiculo-card-superior .caja_detalles li {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    min-height: 27px;
    min-width: 0;
    padding: 0;
    background: none !important;
    border: 0;
    color: #1d2d3f;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.15;
    list-style: none !important;
    width: 100%;
}

.vehiculo-card-superior .caja_detalles li::before,
.vehiculo-card-superior .caja_detalles li::after {
    display: none !important;
    content: none !important;
}

.vehiculo-card-superior .caja_detalles li img {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    padding: 0;
    background: none !important;
    border-radius: 0;
    object-fit: contain;
}

.vehiculo-card-superior .caja_detalles li span {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: left;
}

.vehiculo-card-superior .vehiculo-texto {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.45;
}

.vehiculo-card-inferior {
    display: grid;
    grid-template-columns: minmax(145px, auto) minmax(130px, 1fr);
    gap: 12px 20px;
    align-items: end;
    border-top: 1px solid rgba(29, 45, 63, .12);
    padding-top: 14px;
    margin-top: auto;
}

.vehiculo-card-info {
    display: contents;
    min-width: 0;
}

.vehiculo-card-inferior .caja_nombre {
    grid-column: 1 / -1;
    margin: 0;
    text-align: left;
}

.vehiculo-card-inferior .nombre_producto {
    margin-bottom: 4px;
    text-align: left;
}

.vehiculo-card-inferior .subtitulo_producto {
    margin: 0;
    color: #6f7b86;
    font-size: 14px;
    line-height: 1.25;
    text-align: left;
}

.vehiculo-card-inferior .caja_precio {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    grid-column: 2;
    grid-row: 2;
    text-align: right;
    margin: 0;
    padding-top: 0;
}

.vehiculo-card-inferior .dias-rentacar {
    margin: 0 0 4px;
    color: #1d2d3f;
    font-size: 14px;
    font-weight: 700;
}

.vehiculo-card-inferior .precio {
    justify-content: flex-end;
    margin: 0;
    line-height: 1.1;
    text-align: right;
}

.vehiculo-card-inferior .precio-desde-rentacar .etiqueta-desde-rentacar {
    display: block;
    margin-bottom: 2px;
}

.vehiculo-card-inferior .precio-dia-rentacar {
    display: block;
    margin-top: 4px;
    color: #6f7b86;
    font-size: 12px;
    line-height: 1.25;
}

.vehiculo-card-inferior .form-seleccionar-vehiculo {
    flex: 0 0 auto;
    margin: 0;
    width: auto;
}

.vehiculo-card-inferior .caja_acciones_producto {
    grid-column: 1;
    grid-row: 2;
    justify-content: flex-start;
    margin: 0;
}

.vehiculo-card-inferior .caja_acciones_producto .btn-corporativo {
    min-width: 145px;
    width: auto;
}

.vehiculo-card-inferior .caja_acciones_producto .motivo {
    margin-left: 0;
    min-width: 145px;
}

.caja_producto.vehiculo-lista .caja_precio {
    gap: 0;
}

@media (max-width: 800px) {
    .caja_producto.vehiculo-lista .caja_precio {
        align-items: flex-end;
        justify-content: flex-end;
        text-align: right;
        padding-top: 0;
    }
}

@media (min-width: 992px) and (max-width: 1450px) {
    .vehiculo-card-superior {
        position: relative;
    }

    .vehiculo-card-superior .caja_detalles.col-3 {
        flex: 0 0 25%;
        max-width: 25%;
        position: static;
        width: auto;
    }

    .vehiculo-card-superior .caja_detalles ul {
        max-width: 100%;
        width: 100%;
    }

    .vehiculo-card-superior .caja_detalles li span {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 575px) {
    .vehiculo-card-inferior {
        grid-template-columns: minmax(135px, auto) minmax(0, 1fr);
    }

    .vehiculo-card-superior {
        position: relative;
    }

    .vehiculo-card-superior .caja_detalles.col-3 {
        bottom: 0;
        flex: 0 0 auto;
        max-width: calc(100% - 12px);
        position: absolute;
        right: 0;
        width: 145px;
        z-index: 2;
    }

    .vehiculo-card-superior .caja_detalles ul {
        max-width: 100%;
        width: 100%;
    }

    .vehiculo-card-superior .caja_detalles li span {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .vehiculo-card-inferior .caja_precio {
        text-align: right;
    }
}

@media (max-width: 420px) {
    .vehiculo-card-inferior {
        grid-template-columns: 1fr;
    }

    .vehiculo-card-inferior .caja_acciones_producto,
    .vehiculo-card-inferior .caja_precio {
        grid-column: 1;
        grid-row: auto;
    }

    .vehiculo-card-inferior .caja_precio {
        align-items: flex-start;
        text-align: left;
    }

    .vehiculo-card-inferior .precio {
        justify-content: flex-start;
        text-align: left;
    }
}


/**************************
SWIPEBOX
**************************/

.cuadro_fotos{
    padding-top: 15px;
    background-color: #f5f5f5;
    border: 1px solid #efefef;
}
.cuadro_fotos .foto_principal{background-color:#fff;margin-bottom:15px}
.cuadro_fotos .galeria{padding:30px 15px;background-color:#3b3b3b}
.swipebox .imagen{width:100%;background-size:contain;background-repeat:no-repeat;background-position:center}
/*.swipebox .imagen:after{content:'';padding-top:66.66%;display:block}*/
.swipebox .imagen:after{content:'';padding-top:100%;display:block}
.swipebox .padre_imagen .imagen{content:'';padding-top:100%;display:block}
.btn-precio{padding:0}
.foto_color .imagen{float:left;height:75px;width:75px;background-size:contain;background-position:center;background-repeat:no-repeat;margin:0 15px 30px 0}

.swipebox .imagen.secundaria{background-size: contain;}

.zona_galeria_mini .bx-wrapper .bx-prev { left: -45px; }
.zona_galeria_mini .bx-wrapper .bx-next { right: -45px; }
.bx-wrapper .bx-controls-direction a{z-index: 1000;}

.bx-wrapper .bx-viewport{
    box-shadow: none;
    border:none;
}

/**************************
NUEVA CESTA
**************************/

#cesta .articulo .padding{padding-right: 30px}

.resumen-cesta{padding: 20px}
.resumen-cesta .ancho-resumen{}
.resumen-cesta .label-resumen{float: right}
.resumen-cesta .label-resumen .cesta-bono{font-size: 24px;margin-right: 10px}
.resumen-cesta .label-resumen .precio_descuento{font-size: 24px;margin-left: 10px}
.resumen-cesta .label-resumen .bigger{font-size: 24px;}

.resumen-cesta .label-resumen p{margin: 0}

.resumen-cesta .aplicar_codigo{height: 52px;border-radius: 0;border-right: none}
.resumen-cesta .input-group-btn{border: 1px solid #ccc;border-radius: 0;border-left: none}
.resumen-cesta .btn-codigo{color:#fff;border:2px solid #fff;height:48px;cursor:pointer;display:flex;min-width:48px;align-items:center;justify-content:center;background-color:var(--primario)}

#gastos .radio, #gastos label{margin: 0}
#gastos label{display: flex;align-items: center;justify-content: flex-start}
#gastos .radio .colocar{width: 0px;margin-bottom: 5px}
.marco-gasto{border: 1px solid #ccc;margin-bottom: 10px;padding: 10px 0px}

.resumen-total strong{text-transform: uppercase;position: relative;top: 10px;}

.metodos-pago .radio-inline{font-size: 18px;margin-left: 20px;}
.btn-borrartodo {border-radius: 0px;background-color: var(--secundario);color: #fff!important}

.swal2-popup {font-size: 1.6rem !important;}

.condiciones a{color: var(--primario);}

/************************************
*  Cesta Lateral  *
************************************/

.titulares-resumen{color: var(--primario);}
#configurar-cesta h4{color: var(--primario);}

.menu-cesta{position: fixed;top: 0;right: 0px;height: 100vh;width: 480px;background-color: #fff;z-index: 1000;transition: 400ms all linear;box-shadow: 0px 8px 10px -5px rgba(51,51,51,0.2), 0px 16px 24px 2px rgba(51,51,51,0.14), 0px 6px 30px 5px rgba(51,51,51,0.12)}
.menu-cesta .cabecera-cesta{padding-top:35px;background-color: #d9d9d9;height: 90px;position: relative}
.fondo-cesta{height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
.fondo-cesta .overlay-cesta{height: 100%;width: 100%;position: absolute;top: 0;left: 0;background-color: var(--primario)}
.menu-cesta .cabecera-cesta h3{margin: 0;color: #fff;font-size: 30px;font-family: var(--familia_fuente);text-align: center}
.cerrar-cesta{ position: absolute; top: 25px;right: 20px;transition: 200ms all linear;border-radius: 50%;cursor: pointer}
.cerrar-cesta img{height: 40px;width: 40px}

.cuerpo-cesta{height: calc(100vh - 260px);padding: 30px;overflow: scroll}
.pagar-cesta{height: 120px;padding: 0px 30px;}
.pagar-cesta p{text-align: center}
.pagar-cesta p span{font-size: 30px;font-weight: 400;}
.pie-cesta{height: 50px;background-color: #f7f7f7}

.articulo{position: relative}
.articulo img{width: 100%;height: 115px;object-fit: contain}
.articulo h4{font-size: 16px;font-family: var(--familia_fuente);color: #6a6a6a;}
.articulo .precio-articulo{}
.articulo .controles-articulo{height: 30px}
.articulo .controles-articulo .operators{height: 30px;display: inline-flex;align-items: center;justify-content: flex-start}
.articulo .btn-circle{border: 1px solid #353535;border-radius: 50%;height: 30px;width: 30px;display: inline-flex;justify-content: center;align-items: center;margin-left: 10px;float: right;color: #353535; cursor: pointer;}
.menu-cesta .icono-cesta{width: auto;height: 25px;margin: 0 6px}
.btn-operator{color: #272727}
.btn-operator:hover,.btn-operator:focus,.btn-operator:active {color: #626062}

#precio_label{text-align: center;}

#manto-cesta, #manto-movil {position:fixed;top:0;left:0;right:0;height:100%;width:100%;opacity:0;z-index:-1}
#manto-cesta.toogled, #manto-movil.toogled{z-index:30}

span.cesta-bono{color: #3c763d}

.btn-cesta{height: 48px;background-color: #272727;display: inline-flex;justify-content: center;align-items: center;border-radius: 0;color: #fff;}

.btn-cesta:hover, .btn-cesta:focus, .btn-cesta:active{color: #fff;background: #272727}

.boton-cesta-real{cursor: pointer;}

/* Animaciones */

.menu-cesta{transform: translate(530px, 0px);}
.mostrarCesta .menu-cesta{transform: translate(0px, 0px);}
a.cerrar-cesta:hover {background-color: #626062}

@media (max-width: 767px) {
    .menu-cesta{width: 100vw; transform: translate(110vw, 0px);}
    .menu-cesta .cabecera-cesta {padding-top: 15px;height: 50px}
    .menu-cesta .cabecera-cesta h3 {font-size: 20px}
    .cerrar-cesta{top: 10px;right: 10px}
    .cerrar-cesta img {height: 30px;width: 30px}
    .cuerpo-cesta{height: calc(100vh - 225px);padding: 30px;overflow: scroll}
    #manto-cesta.toogled, #manto-movil.toogled {z-index: 9;opacity: 0.6;background-color: #0d0d0d;}
}


/************************************
*  Archivos adjuntos y tipografias  *
************************************/

.tipografia, .titulo-contenido{text-align: left;color: #505050;text-transform: uppercase;font-family: var(--familia_fuente); font-size: 22px; font-weight: 400;margin-top: 0;}

.titulo-contenido{color: #000;}
.tipografia i{color: var(--secundario)}
.listado {text-align: justify;}

.listado ul, .listado li {margin: 0px;padding: 0px;list-style: none;}
.listado li {padding: 20px;background-color: var(--transparencia);}
.listado li a, .listado li.alt a{font-size: 13px;font-family: 'Lato', sans-serif;font-weight: 300;}
.listado li.alt {background-color: transparent;}
.listado li.alt a {color: #000;text-decoration: none;}
.listado a {color: #000;text-decoration: none;}
.listado a:hover, .listado li.alt a:hover {color: var(--secundario);text-decoration: none;}

.btn-gris{ color: #333; background-color: #fafafa}
.btn-gris:hover, .btn-gris:focus, .btn-gris:active{color: #333; background-color: #dedede}


/************************************
*            MULTIFORMA             *
************************************/

.bloque_imagen_lista ul{list-style:none;padding:0}
.bloque_imagen_lista i{color:var(--secundario)}
.bloque_cabecera{border-radius: 0 30px 30px 30px; overflow: hidden;}
.bloque_cabecera .bloque_titulo{background-color:var(--primario);padding:15px}
.bloque_cabecera .bloque_interior{background-color:var(--transparencia);padding:15px 15px}
.bloque_cabecera .bloque_titulo h3{margin:0;color:#fff;text-transform:uppercase;font-family:var(--familia_fuente);font-weight:300}
.bloque_cabecera .imagen{width:100%; border-radius: 20px;}
.bloque_cabecera h4{text-transform:uppercase;font-size:22px;font-family:var(--familia_fuente);color:var(--secundario)}
/*.bloque_cabecera .texto{font-size:18px;font-weight:300}*/
.bloque_imagen_lista .imagen{width:100%;object-fit:cover;margin-bottom:30px; border-radius: 20px;}
.bloque_imagen_lista h4{text-transform:uppercase;margin:0;margin-bottom:10px;font-family:var(--familia_fuente);color:var(--primario);font-size:22px}
.bloque_puntos ul{margin:0;padding:0;list-style:none}
.bloque_puntos ul li{margin-bottom:15px}
.bloque_puntos ul li>p>.fa{font-size:20px;color:var(--secundario)}
.bloque_contenido .titulo{background-color:var(--primario);padding:15px 10px; border-radius: 0 999px 999px 999px;}
.bloque_contenido .titulo h4{color:#fff;margin:0;text-transform:uppercase;font-size:16px;font-family:var(--familia_fuente);font-weight:300}
.bloque_contenido .bloque{padding:0 10px}
.bloque_desplegable .fondo{border-radius: 30px;}
.bloque_desplegable .fondo,.bloque_documentos .fondo{background-color:var(--transparencia);padding:15px;margin-bottom:40px}
.bloque_desplegable .panel-group,.bloque_documentos .panel-group{margin:0}
.bloque_desplegable h2,.bloque_documentos h2{margin:0;margin-bottom:20px;font-size:23px;text-transform:uppercase;font-weight:400;font-family:var(--familia_fuente);color:var(--secundario); padding: 10px 0 0 10px;}
.bloque_desplegable .panel-default{border-color:var(--primario)}
.bloque_desplegable .panel-default>.panel-heading{background-color:var(--primario);color:#fff;border-color:var(--primario)}
.bloque_desplegable h2 .fa{color:var(--secundario)}
.bloque_desplegable .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:var(--primario)}
.bloque_desplegable .accordion-item:first-of-type,
.accordion-item:last-of-type{
    --bs-accordion-border-radius: 20px;
  --bs-accordion-inner-border-radius: 20px;
}

.accordion-item > .accordion-header .accordion-button{
  font-size: 20px;
  font-weight: 700;
  color: var(--primario);
}

.bloque_imagenes img{width:100%; border-radius: 20px;}
.bloque_imagenes .flexible{display:flex;align-items:center}


.panel-body .btn-corporativo2{padding:8px 15px}
.bloque_imagenes img{width:100%;object-fit:cover}

.ug-thumb-wrapper.ug-tile.ug-tile-clickable{
    border-radius: 20px;
    overflow: hidden;
}

/************************************
*              IDIOMAS              *
************************************/

#idiomasside{
    position: fixed;
    top: 300px;
    right: 0;
    z-index: 900;
}

#idiomasside li{
    padding: 10px;
    list-style-type:none;
}

#idiomasside img{
    height: 40px;
}

#idiomasside font{
    display: none;
}

.zona-idiomas-movil{height: 50px; width: 100%; display: flex; justify-content: space-around; align-items: center; padding: 20px; margin-top: 25px;}
.zona-idiomas-movil .flag{height: 50px; width: 30px;}

/************************************
*               BLOG                *
************************************/
.alergenos {display: flex;justify-content: space-evenly;align-content: space-evenly;flex-wrap: wrap}
.alergenos .padre_fondo {margin: 0}
.alergenos .caja_alergenos{ padding: 0 10px    }
.alergenos .caja_alergenos:hover {transform: translateY(0)}
.bloque.principal.noticia {display: inherit}
.noticias,.post_details ul,.popular{list-style:none;padding:0;margin:0}
.noticia a{font-family:'Lato',sans-serif;text-decoration:none;text-transform:uppercase;color:#333333}
.noticias .imagen{background-size:cover;background-position:center center;background-repeat:no-repeat}
.noticias .imagen:after{content:"";padding-top:50%;display:block}
.noticias .corte-top{z-index:1;height:501px;background-image:linear-gradient(180deg, rgba(18, 18, 18, 0.99) 0%, transparent 100%)}
.noticias .fondo-noticias img{width:100%;height:100%;object-fit:cover;opacity:0.149}
.noticias .img-noticia{border-radius:25px;aspect-ratio:3 / 2;padding:3px}
.noticias .img-noticia:hover img{transform:scale(1.1)}
.noticias .img-noticia img{width:100%;height:100%;border-radius:25px;object-fit:cover}
.noticia .img-noticia .reflejo{background:linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.2), transparent);right:auto;left:-100%;transition:all 0.65s ease-in-out}
.noticia:hover .img-noticia .reflejo{left:100%}
.noticias .primera .img-noticia{background-image:linear-gradient(225deg, #ffffff 0%, transparent 44%)}
.noticias .segunda .img-noticia{background-image:linear-gradient(225deg, #f49007 0%, transparent 44%)}
.noticias .tercera .img-noticia{background-image:linear-gradient(225deg, #e50511 0%, transparent 44%)}
.noticias .noticia .caja-noticia{width:63px;height:63px;top:11px;right:11px;background-color:var(--primario_oscuro);flex-flow:column;border-radius:16px}
.noticias .noticia .caja-noticia b{font-size:18px;width:100%;margin-top:5px;color:#fff}
.noticias .noticia .caja-noticia p{color:var(--secundario)}
.noticias .noticia .parrafo{font-size:24px;line-height:30px;width:100%;padding:25px;filter:drop-shadow(0.707px 0.707px 0px rgba(0, 0, 0, 0.5))}
.noticias .noticia h3.parrafo{color: var(--primario_muy_oscuro);}
.not-imagen{background-color:#ededed}
#modal-cita .form-control{
    color: var(--primario);
    border-radius: 10px!important;
    background: #f8fbff;
    padding: 6px 20px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    border: 1px solid var(--primario);
}
#modal-cita input::-webkit-input-placeholder,
#modal-cita textarea::-webkit-input-placeholder { 
    color: var(--primario); 
} 

#modal-cita input:-moz-placeholder, /* Firefox 18- */ 
#modal-cita textarea:-moz-placeholder { /* Firefox 18- */ 
    color: var(--primario); 
} 

#modal-cita input::-moz-placeholder, /* Firefox 19+ */ 
#modal-cita textarea::-moz-placeholder { /* Firefox 19+ */ 
    color: var(--primario);
} 

#modal-cita input:-ms-input-placeholder, 
#modal-cita textarea:-ms-input-placeholder { 
    color: var(--primario); 
}

#modal-cita input::placeholder, #modal-cita textarea::placeholder{
    color: var(--primario);
}

#modal-cita .form-control{
    height: 50px;
}

#modal-cita p{
    color: var(--primario);
}

#modal-cita textarea.form-control{
    height: 120px;
}
.full-width{width:100%}
.noticia .titular{margin-bottom:0;border-bottom:solid 1px #f3f3f3}
.noticia .titular h1{color:#1e1f1d;margin-bottom:10px}
.noticia .titular a>h3{margin-bottom:17px;font-size:24px;text-transform:uppercase;text-align:left;color:#333333;font-family:var(--familia_fuente);}
.noticia .post_details{color:#fff;background-color:var(--primario);padding:10px;border-bottom:solid 5px var(--primario);text-align:right;font-size:13px}
.post_details li{font-family:var(--familia_fuente);font-size:13px;font-weight:300;color:#fff}
.noticia-detalle-fecha small{font-family:var(--familia_fuente);font-weight:300;color:#302224}
.post_details i{color:#fff}
.noticia-detalle-fecha i{color:#2f3668}
.noticia .contenido{padding:5px 15px 10px;background-color:#fff;border:1px solid #ffefcc}
.contenido_noticia_lista{padding:0 20px;background-color:var(--transparencia)}
.noticia-detalle-fecha{text-align:right;color:#2b2b2b}
.widget-noticias{background-color:var(--primario);padding:15px}
.widget-noticias h5{font-size:18px;text-transform:uppercase;color:#fff;font-family:var(--familia_fuente);}
.widget-noticias .input-group-btn{height:100%;border-top-right-radius:4px;border-bottom-right-radius:4px}
.widget-noticias .input-group-btn button{height:100%;border:1px solid var(--primario);background-color:var(--secundario);color:#fff; border-radius: 0 5px 5px 0;}
.widget-noticias .input-group-btn i{font-size:16px}
.widget-noticias2{  position: sticky;
    position: -webkit-sticky;top: 210px;}
.popular{font-size:13px}
.mini-noticia {float: none;}
.mini-noticia a{font-family:var(--familia_fuente);font-weight:400;font-size:14px}
.popular li{padding:10px 0;border-bottom:dotted 1px rgb(93 93 93)}
.popular .imagen{width:50px;height:50px;float:left;margin-right:10px;border-radius:3px;background-size:cover;background-position:center center}
.popular a.title{color:#fff;}
.popular a.texto-breve{color:#fff;font-weight:300;font-family:"Lato",sans-serif;font-size: 12px}
.popular a.title:hover,.popular a.title:focus,.popular a.title:active{color:var(--secundario)}
.bloque.noticia{margin-bottom:40px}

.cuadro_noticia{background-color:var(--transparencia); max-width:400px;float:left;margin: 0px 20px 12px 0px;}

.titulo_noticia {color: var(--primario);font-size: 30px;text-transform: uppercase;font-family: var(--familia_fuente);margin: 0; }

#busqueda{border-color: var(--primario);}

.marco-contacto{
    background-color: var(--transparencia);
    padding: 25px 20px;
    border-radius: 20px;
}
.marco-contacto h3{margin-top: 0px}
.widget-noticias{background-color: var(--primario);border-radius: 20px}
.marco-contacto .input-group-addon{background-color: var(--primario); border-color: var(--primario);color: #fff}
.marco-contacto .form-control{border-color: var(--primario);}

.marco-contacto .input-group-text{
    border-radius: 999px 0 0 999px;
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid var(--primario);
    color: var(--primario);
    border-right: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    clip-path: inset(-.25rem 0 -.25rem -.25rem);
}

.marco-contacto .input-group .form-control{
    border-radius: 0 999px 999px 0;
    padding: 15px 5px;
    border-color: var(--primario);
    border-left: none;
    clip-path: inset(-.25rem -.25rem -.25rem 0);
}

.marco-contacto textarea.form-control{
    border-radius: 25px;
    padding: 10px 15px;
}

.input-group .form-control {
    z-index: 0;
}

.marco-contacto .form-control:focus{
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.marco-contacto .input-group:focus-within .input-group-text{
  border-color: #86b7fe;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}

.fecha{
    color: var(--primario_oscuro);
}


.rrssb-buttons li a{
    padding: 11px 11px 11px 27px;
}

.compartir .rrssb-buttons{
    display: flex;
    gap: 4px;
    height: 36px;
    width: auto;
}

.compartir .rrssb-buttons li,
.compartir .rrssb-buttons li.small{
    float: none;
    flex: 0 0 36px;
    padding: 0 2px;
    width: 36px !important;
}

.compartir .rrssb-buttons li a,
.compartir .rrssb-buttons li.small a,
.compartir .rrssb-buttons.tiny-format li a{
    align-items: center;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    padding: 0;
}

.compartir .rrssb-buttons li a .rrssb-icon,
.compartir .rrssb-buttons li.small a .rrssb-icon{
    height: auto;
    left: auto;
    margin: 0;
    overflow: visible;
    padding-top: 0;
    position: static;
    top: auto;
    width: auto;
}

.compartir .rrssb-buttons li a .rrssb-icon svg{
    display: block;
    height: 17px;
    position: static;
    top: auto;
    width: 17px;
}

.compartir .rrssb-buttons li.rrssb-email a{
    background-color: #0a88ff !important;
}

.compartir .rrssb-buttons li.rrssb-facebook a{
    background-color: #306199 !important;
}

.compartir .rrssb-buttons li.rrssb-linkedin a{
    background-color: #007bb6 !important;
}

.compartir .rrssb-buttons li.rrssb-twitter a{
    background-color: #000 !important;
}

.compartir .rrssb-buttons li.rrssb-whatsapp a{
    background-color: #43d854 !important;
}

.compartir .rrssb-buttons li a .rrssb-icon svg path{
    fill: #fff !important;
}


.fa-calendar:before{
    color: var(--secundario) !important;
}

.contenido_texto{
    color: #000;
    text-align: center;
}

.padre-imagen-noticias{
    width: 100%;
}

.imagen_noticias{
    width: 100%;
    aspect-ratio: 1/0;
    margin: 30px 0px;
    border-radius: 20px;
}

.ug-thumb-wrapper{
    border-radius: 20px !important;
}

.contenido-noticias .textaco p{
    line-height: 25px;
    font-size: 16px;
}

.div-fecha{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    justify-content: space-between;
}

.div-fecha .compartir{
    flex: 1 1 260px;
    min-width: 220px;
}

.div-fecha .fecha{
    flex: 0 1 auto;
    margin: 0;
    white-space: nowrap;
}

.zona-mapa iframe{height: 100%; width: 100%; border-radius: 20px;}

.ocultorobots {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
}
/* TABLA MIS PEDIOS*/

.tabla_cabecera .row {font-weight: 400; background-color: var(--primario); color: #fff}
#tabla_stocks_resultados .row:nth-child(even) { background-color: var(--transparencia) }
.tabla_stocks .cell{padding: 15px}
.tabla_stocks .cell-btn{padding: 10px}
.avisono {margin: 10px 0px; font-size: 18px}

textarea {
    resize: vertical;
}

/*+++++++++++++++++++*/
/************************************
*             INTERIOR              *
************************************/
.fa-angle-down{
    padding-left: 5px;
}
/*MENU VIEJO
.navbar-default .dropdown-menu{
background-color: #fff;
color: #000;
top: 99%;
}

.navbar-default .dropdown-menu>li>a {
padding: 18px 20px;
color: #fff;
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
background-color: var(--primario);
border-bottom: 1px dotted #4b4a4a;
}

.superior .dropdown-menu>li>a {
padding: 18px 20px;
color: #000;
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
border-bottom: 1px dotted #c6c6c6;
border-right:  1px dotted #c6c6c6;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
background-color: var(--transparencia);
color: #2c2c2c
}
.dropdown-menu {
padding: 0;
}
.superior .open>.dropdown-menu {
width: 185px;
top: 32px;
}
.superior .dropdown-menu>.active>a, .superior .dropdown-menu>.active>a:focus, .superior .dropdown-menu>.active>a:hover, .superior .dropdown-menu>li>a:focus, .superior .dropdown-menu>li>a:hover {
background-color: #dddddd;;
color: #09090c;
font-weight: 700;
}
.navbar-default .dropdown-menu>.active>a, .navbar-default .dropdown-menu>.active>a:focus, .navbar-default .dropdown-menu>.active>a:hover, .navbar-default .dropdown-menu>li>a:focus, .navbar-default .dropdown-menu>li>a:hover {
background-color: #000;
color: #fff;
font-weight: 700;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: transparent;
}
.superior .open>a, .superior .open>a:focus, .superior .open>a:hover {
background-color: transparent;
}
*/
.acceso a p{
    color: var(--primario);
    font-weight: 600;
    margin: 0;
}

.noestavisibleparapersonas{
    display: none;
}
.banner_interior{
    width: 100%;
    height: 500px;
    background-size: cover;
    overflow: hidden;
    background-position: 0px 40%;
}

.banner-productos-con-filtro .banner_interior{
    height: 720px;
}

.corte_banner_interior{ 
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0px;
    z-index: 1;
}

.banner_interior .imagen{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: blur(4px);
}

.banner_interior .texto{
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0px;
}
.banner_interior .texto img{
    margin-top: 20px;
}
.banner_interior.interior_azul .texto{
    background-color: rgba(69,183,245,0.5);
}
.banner_interior.interior_amarillo .texto{
    background-color: rgba(247,201,110,0.5);
}
.banner_interior.interior_rojo .texto{
    background-color: rgba(245,104,78,0.5);
}

.banner_interior p {
    margin-top: 0;
    font-size: 60px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0px;
    font-family: 'Open Sans'; 
    text-align: center;
    margin-bottom: 0px;
    text-shadow: 2px 2px 3px rgba(1, 0, 2, 0.75);
}

.banner_interior h1{
    margin-top: 0;
    font-size: 60px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0px;
    font-family: 'Open Sans'; 
    text-align: center;
    margin-bottom: 0px;
    text-shadow: 2px 2px 3px rgba(1, 0, 2, 0.75);
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: var(--primario);
}

.nav-pills>li>a{
    color:  #000;
    font-family: 'Open Sans'; 
    font-weight: 400;text-transform: uppercase;
}

/************************************
*              FILTROS              *
************************************/

.filtros{
    height: 112px;
    background-color: var(--transparencia);
    border-bottom: 1px solid #e8e8e8;
    margin: 0;padding: 0;
}

.producto-detalle .filtros{height: 44px;}

.filtros.interiores{
    background: #f9f9f9;
}

.filtros.gestion{
    height: 65px; display: flex; justify-content: center; align-items: center;
}
.filtros.gestion>div{
    width: 100%; margin-top: 15px;
}


.centrarflitros{
    display: flex;
    align-items: center;
}

/************************************
*             BUSCADOR              *
************************************/

#buscador_emergente{position:absolute;top:195px;width:100%;z-index:1000;transition:300ms all ease}
#buscador_emergente.oculto{visibility:hidden;opacity:0;top:0}
.buscador_emergente>div{background:#fff;border-bottom:1px solid #e4e9ef;box-shadow:0 0 3px #ccc;padding:15px}
.input_buscador{border-right:0;box-shadow:none;border-radius:0}
.boton_input_buscador{border-radius:0;padding:10px;border-left:0;border-right:0;color:rgba(0,0,0,.3);background-color:#fff!important}
.cerrar_input_buscador{border-right:0;border-right:1px #ccc solid;color:rgba(0,0,0,.3);padding:10px;border-radius:0;background-color:#fff!important}
#buscador{position:fixed;z-index:99999;height:100%;width:100%;display:flex;pointer-events:none}
#buscador.search-active{overflow:hidden;pointer-events:auto}
#buscador.search-active .search-input{opacity:1;transform:none;pointer-events:all}
#buscador.search-active .icon-close{opacity:1;transform:rotate(-90deg)}
#buscador.search-active .control{cursor:default}
#buscador.search-active .control .btn-material{transform:scale(70);right:1000px;top:0}
#buscador.search-active .control .icon-material-search{opacity:0}
.icon-close{position:fixed;top:30px;right:30px;color:#fff;cursor:pointer;font-size:70px;opacity:0;transition:all .3s ease-in-out}
.icon-close:hover{transform:rotate(0)}
.search-input{height:80px;position:absolute;top:50%;left:50px;margin-top:-40px;pointer-events:none;opacity:0;transform:translate(40px,0);transition:all .3s ease-in-out}
.search-input input{color:#fff;font-size:54px;border:0;background:transparent;-webkit-appearance:none;box-sizing:border-box;outline:0;font-weight:200;font-family: 'Open Sans'; }
.search-input i{color:#fff;font-size:50px;margin-right:15px}
.search-input ::-webkit-input-placeholder{color:#eee}
.search-input :-moz-placeholder{color:#eee;opacity:1}
.search-input ::-moz-placeholder{color:#eee;opacity:1}
.search-input :-ms-input-placeholder{color:#eee}
.wow{
    visibility: hidden;
}
.full-width{width:100%}
.control{cursor:pointer}
.control .btn-material{position:absolute;top:-100px;width:60px;height:60px;right:0;border-radius:100%;box-sizing:border-box;background:var(--primario);outline:0;opacity:.9;transform-origin:50%;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);transition:all .7s cubic-bezier(0.4,0,0.2,1)}
.control .btn-material:hover{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}
.control .icon-material-search{color:#fff;position:absolute;top:-10px;right:78px;transition:opacity .3s ease-in-out}

.navbar-img{display: none}
.modal-header{
    background-color: var(--primario);
    color: #fff;
}
.modal-content{border: 0;}
.modal-header .close{color: #FFFFFF;}

/************************************
*             PAGINACION            *
************************************/

.btn-pagination { 
    color: #FFFFFF; 
    background-color: #565656; 
    border-color: #565656; 
} 

.btn-pagination:hover, 
.btn-pagination:focus, 
.btn-pagination:active, 
.btn-pagination.active, 
.open .dropdown-toggle.btn-pagination { 
    color: #FFFFFF;
    background-color: var(--primario); 
    border-color: var(--primario); 
} 

.btn-pagination:active, 
.btn-pagination.active, 
.open .dropdown-toggle.btn-pagination { 
    background-image: none; 
} 

.btn-pagination.disabled, 
.btn-pagination[disabled], 
fieldset[disabled] .btn-pagination, 
.btn-pagination.disabled:hover, 
.btn-pagination[disabled]:hover, 
fieldset[disabled] .btn-pagination:hover, 
.btn-pagination.disabled:focus, 
.btn-pagination[disabled]:focus, 
fieldset[disabled] .btn-pagination:focus, 
.btn-pagination.disabled:active, 
.btn-pagination[disabled]:active, 
fieldset[disabled] .btn-pagination:active, 
.btn-pagination.disabled.active, 
.btn-pagination[disabled].active, 
fieldset[disabled] .btn-pagination.active { 
    background-color: #3a39367a; 
    border-color: #3A3936; 
} 

.btn-pagination .badge { 
    color: #0977b2; 
    background-color: #FFFFFF; 
}

.btn-pagination {
    padding: 10px 20px;
    font-size: 14px;
    margin: 0 15px;
    border: 1px solid;
}

.proyecto .imagen{
    background-size: cover;
}
.proyecto h3{
    font-family: var(--familia_fuente);
    margin-bottom: 40px;
    text-align: center;
}

/************************************
*         INSTAGRAM WIDGET          *
************************************/

.instagram-widget>div{position:relative; padding-top:calc(100vw / 6); width: 100%; overflow: hidden;}
.instagram-widget iframe{border:none !important; overflow:hidden !important; position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height: 100% !important;}

/************************************
*           SELECT BONITO           *
************************************/

.selectbonito {
    position: relative;
}

.selectbonito:after {
    content: '\f078';
    font: normal normal normal 10px/1 FontAwesome;
    color: #ffffff;
    right: 0;
    position: absolute;
    pointer-events: none;

    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
    display: none;
}

.selectbonito select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */

    display: block;
    width: 100%;
    float: right;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
}
/* whatsapp */
.floating-icons {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 130;
}

.floating-icons a {
    display: inline-block;
    transition: all .2s ease-in-out;
}

a:hover, 
a:visited, 
a:link, 
a:active { 
    text-decoration: none;
}

.floating-icons img {
    max-width: 48px;
    height: auto;
}

.floating-icons a:hover {
    transform: scale(0.9);
}

#faqAccordion.faq-fallback-enabled .accordion-collapse {
    display: block !important;
    max-height: 0;
    overflow: hidden;
    transition: max-height 300ms ease;
}

#faqAccordion.faq-fallback-enabled .accordion-collapse.show {
    max-height: var(--faq-max-height, 500px);
}

.banner {
    position: relative;
    min-height: calc(100vh - 110px);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 110px;
}

.banner .forma-banner{
    position: absolute;
    bottom: -1px;
    aspect-ratio: 21.5 / 1;
    width: 100%;
    height: auto;
    z-index: 3;
}

.banner .full {
    width: 100%;
    height: 100%;
}

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

.banner .object-cover {
    object-fit: cover;
}

.banner .splide,
.banner .absolute {
    position: absolute;
    inset: 0;
}

.banner .splide__track,
.banner .splide__list,
.banner .splide__slide {
    height: 100%;
}

.banner .splide__list {
    width: 100%;
}

.banner .slider,
.banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.banner .banner-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    pointer-events: none;
}

.banner .info_banner {
    width: 100%;
    position: relative;
    z-index: 3;
}

.banner .div_raton {
    position: relative;
    z-index: 3;
}

.banner .info_banner h2 {
    font-family: var(--familia_fuente);
    color: #fff;
    font-size: 20px;
}

.banner .info_banner h1 {
    font-family: var(--familia_fuente);
    color: #fff;
    font-size: 65px;
    font-weight: 700;
}

.banner .contenedor-filtro {
    position: relative;
    z-index: 4;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 32px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    background: linear-gradient(to bottom, rgb(from var(--primario) r g b / .88) 0%, rgb(from var(--primario_oscuro) r g b / .88) 100%);
    border-radius: 24px;
}

.banner .contenedor-filtro .custom-container-peque {
    width: 100%;
    margin: 0 auto;
}

.banner .contenedor-filtro .row {
    justify-content: center;
}

.banner .filtro {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 12px 0;
}

.banner .filtro label {
    /* display: block; */
    margin-bottom: 8px;
    color: #fff;
    text-align: center;
    font-family: var(--familia_fuente);
    font-size: 14px;
    font-weight: 300;
}

.banner .filtro .select-contenedor {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: rgba(42, 55, 101, .92);
    /* border: 1px solid var(--secundario); */
    border-radius: 0 999px 999px 999px;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.banner .filtro .select-contenedor-select::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--secundario);
    transform: translateY(-50%);
    pointer-events: none;
}

.banner .filtro .select-contenedor select {
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
    color: #fff;
    font-family: var(--familia_fuente);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 200;
    padding: 0 22px 0 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    box-shadow: none;
}

.banner .filtro .select-contenedor select:invalid {
    color: #9BAFEB;
}

.banner .filtro .select-contenedor select option {
    color: var(--primario);
}

.banner .filtro .select-contenedor .campo-fecha {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.banner .filtro .select-contenedor .campo-fecha img,
.banner .filtro .select-contenedor.reloj img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    flex: 0 0 auto;
}

.banner .filtro .select-contenedor.reloj img{
    margin-right: 10px;
}

.banner .filtro .select-contenedor .campo-fecha .fecha-visible {
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
    color: #fff;
    font-family: var(--familia_fuente);
    font-size: 14px;
    font-weight: 200;
    line-height: 1.2;
    padding: 0;
    outline: none;
    box-shadow: none;
}

.banner .filtro .select-contenedor .campo-fecha .fecha-visible::placeholder {
    color: #9BAFEB;
    opacity: 1;
}

.banner .filtro .select-contenedor .campo-fecha .fecha-native {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1px;
    opacity: 0;
    border: 0;
    padding: 0;
    margin: 0;
    pointer-events: none;
}

.banner .filtro .btn-buscar-filtro {
    width: 100%;
    height: 60px;
    background: var(--secundario);
    color: var(--primario);
    border: 1px solid var(--secundario);
    transition: all .25s ease;
}

.banner .filtro .btn-buscar-filtro:hover {
    background: var(--primario);
    color: #fff;
    border-color: var(--primario);
    text-decoration: none;
}

.banner-productos-con-filtro {
    position: relative;
    overflow: visible;
}

.banner-productos-con-filtro .filtros-productos-reserva {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    z-index: 4;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
}

.banner-productos-con-filtro .contenedor-filtro {
    position: relative;
    z-index: 4;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 32px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    background: linear-gradient(to bottom, rgb(from var(--primario) r g b / .88) 0%, rgb(from var(--primario_oscuro) r g b / .88) 100%);
    border-radius: 24px;
}

.banner-productos-con-filtro .contenedor-filtro .custom-container-peque {
    width: 100%;
    margin: 0 auto;
}

.banner-productos-con-filtro .contenedor-filtro .row {
    justify-content: center;
}

.banner-productos-con-filtro .filtro {
    display: flex;
    flex-direction: column;
    align-items: start;
    padding: 12px 0;
}

.banner-productos-con-filtro .filtro label {
    margin-bottom: 8px;
    color: #fff;
    text-align: center;
    font-family: var(--familia_fuente);
    font-size: 14px;
    font-weight: 300;
}

.banner-productos-con-filtro .filtro .select-contenedor {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: rgba(42, 55, 101, .92);
    border-radius: 0 999px 999px 999px;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.banner-productos-con-filtro .filtro .select-contenedor-select::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--secundario);
    transform: translateY(-50%);
    pointer-events: none;
}

.banner-productos-con-filtro .filtro .select-contenedor select {
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
    color: #fff;
    font-family: var(--familia_fuente);
    font-size: 14px;
    line-height: 1.2;
    font-weight: 200;
    padding: 0 22px 0 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    box-shadow: none;
}

.banner-productos-con-filtro .filtro .select-contenedor select:invalid {
    color: #9BAFEB;
}

.banner-productos-con-filtro .filtro .select-contenedor select option {
    color: var(--primario);
}

.banner-productos-con-filtro .filtro .select-contenedor .campo-fecha {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.banner-productos-con-filtro .filtro .select-contenedor .campo-fecha img,
.banner-productos-con-filtro .filtro .select-contenedor.reloj img {
    width: 18px;
    height: 18px;
    object-fit: contain;
    flex: 0 0 auto;
}

.banner-productos-con-filtro .filtro .select-contenedor.reloj img {
    margin-right: 10px;
}

.banner-productos-con-filtro .filtro .select-contenedor .campo-fecha .fecha-visible {
    width: 100%;
    height: 100%;
    background: transparent;
    border: 0;
    color: #fff;
    font-family: var(--familia_fuente);
    font-size: 14px;
    font-weight: 200;
    line-height: 1.2;
    padding: 0;
    outline: none;
    box-shadow: none;
}

.banner-productos-con-filtro .filtro .select-contenedor .campo-fecha .fecha-visible::placeholder {
    color: #9BAFEB;
    opacity: 1;
}

.banner-productos-con-filtro .filtro .select-contenedor .campo-fecha .fecha-native {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1px;
    opacity: 0;
    border: 0;
    padding: 0;
    margin: 0;
    pointer-events: none;
}

.banner-productos-con-filtro .filtro .btn-buscar-filtro {
    width: 100%;
    height: 60px;
    background: var(--secundario);
    color: var(--primario);
    border: 1px solid var(--secundario);
    transition: all .25s ease;
}

.banner-productos-con-filtro .filtro .btn-buscar-filtro:hover {
    background: var(--primario);
    color: #fff;
    border-color: var(--primario);
    text-decoration: none;
}

.banner-productos-con-filtro .filtro .btn-buscar-filtro:disabled,
.banner-productos-con-filtro .filtro .btn-buscar-filtro.btn-buscar-filtro-incompleto {
    opacity: .65;
    cursor: not-allowed;
}

.banner-productos-con-filtro .mensaje-filtro-rentacar {
    display: none;
    margin: 6px 0 0;
    color: #fff;
    font-family: var(--familia_fuente);
    font-size: 14px;
    text-align: center;
}

.banner-productos-con-filtro .mensaje-filtro-rentacar.visible {
    display: block;
}

.banner-productos-con-filtro .campo-filtro-error {
    border: 1px solid var(--secundario);
    box-shadow: 0 0 0 2px rgb(from var(--secundario) r g b / .25);
}

.banner-productos-con-filtro #isla_devolucion:disabled {
    cursor: not-allowed;
}

.banner-productos-con-filtro .borde-blanco {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
}

.detalle-rentacar .detalle-rentacar-layout {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.detalle-rentacar .detalle-rentacar-layout:before,
.detalle-rentacar .detalle-rentacar-layout:after {
    content: normal;
}

.detalle-rentacar .resumen-busqueda-detalle {
    background: var(--transparencia);
    border-left: 4px solid var(--secundario);
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 18px;
}

.detalle-rentacar .resumen-busqueda-detalle h4 {
    color: var(--primario);
    font-family: var(--familia_fuente);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 14px;
}

.detalle-rentacar .resumen-busqueda-grid {
    display: grid;
    gap: 14px;
}

.detalle-rentacar .resumen-busqueda-grid span {
    color: var(--primario);
    font-family: var(--familia_fuente);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.detalle-rentacar .resumen-busqueda-grid strong {
    color: var(--primario_muy_oscuro);
    font-family: var(--familia_fuente);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
}

.detalle-rentacar .resumen-busqueda-grid small {
    color: #5f6680;
    font-family: var(--familia_fuente);
    font-size: 13px;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .detalle-rentacar .detalle-rentacar-contenido {
        order: 1;
    }

    .detalle-rentacar .detalle-rentacar-resumen-sticky {
        align-self: flex-start;
        order: 2;
        position: -webkit-sticky;
        position: sticky;
        top: 200px;
    }
}

@media (max-width: 767px) {
    .detalle-rentacar .detalle-rentacar-resumen-sticky {
        position: static;
    }
}

.banner .borde-blanco {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
}

@media (min-width: 768px) {
    .banner .contenedor-filtro {
        width: 738px;
    }

    .banner-productos-con-filtro .contenedor-filtro {
        width: 738px;
    }
}

@media (min-width: 992px) {
    .banner .contenedor-filtro {
        width: 962px;
    }

    .banner-productos-con-filtro .contenedor-filtro {
        width: 962px;
    }
}

@media (min-width: 1200px) {
    .banner .contenedor-filtro {
        width: 1070px;
    }

    .banner-productos-con-filtro .contenedor-filtro {
        width: 1070px;
    }
}

@media (min-width: 1450px) {
    .banner .contenedor-filtro {
        width: 1155px;
    }

    .banner-productos-con-filtro .contenedor-filtro {
        width: 1155px;
    }
}

@media (max-width: 1199.98px) {
    .banner {
        min-height: calc(100vh - 48px);
        margin-top: 48px;
    }
}

@media (min-width: 992px) and (max-width: 1400px) {
    .banner .info_banner {
        transform: scale(.75);
        transform-origin: center center;
    }
}

@media (max-width: 767.98px) {
    .banner {
        min-height: calc(100svh - 48px);
    }

    .banner-productos-con-filtro .filtros-productos-reserva {
        position: absolute;
        bottom: 24px;
        padding: 0;
        background: transparent;
    }

    .banner-productos-con-filtro .borde-blanco {
        display: none;
    }

    .banner .info_banner h1 {
        font-size: 42px;
        line-height: 1.05;
    }

    .banner .contenedor-filtro .custom-container-peque,
    .banner-productos-con-filtro .contenedor-filtro .custom-container-peque {
        margin: 0 auto;
    }

    .banner .filtro,
    .banner-productos-con-filtro .filtro {
        padding: 8px 0;
    }
}

@media (max-width: 575.98px) {
    .banner {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 0;
    }

    .banner .info_banner {
        width: 100%;
        padding-bottom: 0;
    }

    .banner .contenedor-filtro,
    .banner-productos-con-filtro .contenedor-filtro {
        margin: 0 auto;
        padding: 20px;
        border-radius: 18px;
    }

    .banner .info_banner h1 {
        font-size: 36px;
    }

    .banner .contenedor-filtro .col-6,
    .banner-productos-con-filtro .contenedor-filtro .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .banner .contenedor-filtro{
        margin-top: 10px;
    }

    .banner .contenedor-iconos .lista-iconos{
        margin-bottom: 25px;
    }
}

section.info_1 {
    padding: 60px 0;
    background-color: var(--transparencia);
    text-align: center;
}

section.info_1 .cabecera {
    margin-bottom: 40px;
}

section.info_1 .cabecera .titulo-forma-fondo {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

section.info_1 .cabecera .titulo-forma-fondo .forma-fondo-titulo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    height: 200%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

section.info_1 .cabecera .titulo {
    position: relative;
    z-index: 1;
    font-family: var(--familia_fuente);
    font-size: 55px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: var(--primario);
    font-weight: 700;
}

section.info_1 .cabecera .titulo span {
    font-weight: 300;
    color: var(--secundario);
}

section.info_1 .cabecera .textaco {
    position: relative;
    z-index: 1;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #5A5A5A;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

section.info_1 .tarjetas {
    justify-content: center;
}

section.info_1 .tarjeta {
    background-color: #fff;
    padding: 18px 20px;
    border-radius: 30px;
    gap: 15px;
    min-height: 88px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

section.info_1 .tarjeta:hover {
    transform: translateY(-5px);
}

section.info_1 .tarjeta img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

section.info_1 .tarjeta p {
    font-family: var(--familia_fuente);
    font-size: 20px;
    color: var(--primario);
    margin: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

section.coches {
    --alto-fondo-gris-coches: clamp(250px, 32vw, 350px);
    padding: 60px 0;
    background: linear-gradient(
        to bottom,
        var(--transparencia) 0,
        var(--transparencia) var(--alto-fondo-gris-coches),
        #fff var(--alto-fondo-gris-coches),
        #fff 100%
    );
}

section.coches .coches-listado {
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
}

@media (min-width: 992px) and (max-width: 1499.98px) {
    .columna-producto {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }

    .columna-contenido-coches {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }

    .columna-contenido-coches .contenido{
        padding: 50px 275px 50px 110px !important;
    }
}

@media (max-width: 991.98px) {
    .columna-contenido-coches,
    .columna-producto {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}

section.coches .contenido {
    background-image: linear-gradient(90deg, var(--primario) 0%, color-mix(in srgb, var(--primario) 90%, transparent) 50%, transparent 100%), var(--bg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 275px 0 110px;
    border-radius: 30px;
    color: #fff;
}

section.coches .contenido .btn-corporativo {
    width: fit-content;
}

section.coches .caja_precio {
    margin-top: auto;
}

section.coches .precio_anterior {
    margin: 0;
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

section.coches .precio {
    margin: 0 0 20px;
    font-family: var(--familia_fuente);
    font-size: 34px;
    font-weight: 700;
    color: var(--primario);
}

section.coches .precio small {
    font-size: 14px;
    font-weight: 600;
}

section.coches .caja_precio .btn-corporativo {
    width: 100%;
}

section.coches .titulo {
    font-family: var(--familia_fuente);
    font-size: 50px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
}

section.coches .titulo span {
    font-weight: 300;
}

section.coches .textaco {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    letter-spacing: 0.55px;
    color: var(--secundario);
    margin-bottom: 50px;
}

.btn-corporativo.btn-blanco {
    background-color: #fff;
    color: var(--primario);
    font-weight: 600;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-corporativo.btn-blanco:hover {
    background-color: var(--secundario);
}

.parallax-resenas {
    position: relative;
    isolation: isolate;
}

.parallax-resenas::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--bg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    z-index: 0;
}

.parallax-resenas::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgb(from var(--secundario) r g b / 0.9);
    z-index: 1;
}

.parallax-resenas .custom-container-peque {
    position: relative;
    z-index: 2;
}

.parallax-resenas .custom-container-peque.row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.parallax-resenas .contenido-titulo {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.parallax-resenas .linea-blanca,
.parallax-resenas .linea-blanca2 {
    z-index: 2;
}

.parallax-resenas .curva {
    position: absolute;
    top: -1px;
    width: 100%;
    height: auto;
    rotate: 180deg;
    z-index: 3;
}

.parallax-resenas .estrella {
    width: 18px;
}

.parallax-resenas .antetitulo {
    font-family: var(--familia_fuente);
    font-size: 22px;
    font-weight: 400;
    color: var(--primario);
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 5px;
}

.parallax-resenas .titulo {
    font-family: var(--familia_fuente);
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
    color: #fff;
    margin-bottom: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.parallax-resenas .btn-corporativo:hover{
    background-color: var(--transparencia);
}

.parallax-resenas .contenido-resena {
    display: flex;
    justify-content: center;
    align-items: center;
}

.parallax-resenas .resenas-slider {
    position: relative;
    width: 100%;
    background: var(--primario_oscuro);
    border-radius: 0 50px 50px 50px;
    overflow: hidden;
}

.parallax-resenas .resenas-slider .forma-fondo {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: auto;
    z-index: 1;
    pointer-events: none;
}

.parallax-resenas .resenas-slider .splide__track {
    position: relative;
    z-index: 2;
    border-radius: 10px;
    overflow: hidden;
}

.parallax-resenas .resenas-slider .splide__slide {
    display: flex;
}

.parallax-resenas .tarjeta-resena {
    position: relative;
    background: var(--primario_oscuro);
    padding: 70px 40px 70px;
    border-radius: 0;
    overflow: hidden;
    width: 100%;
}

.parallax-resenas .resenas-slider .tarjeta-resena {
    background: transparent;
}

.parallax-resenas .tarjeta-resena .titulo {
    font-family: var(--familia_fuente);
    font-size: 26px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    margin-bottom: 10px;
}

.parallax-resenas .tarjeta-resena .icono-resena {
    width: 30px;
    height: auto;
    position: absolute;
    top: 60px;
    right: 30px;
}

.parallax-resenas .tarjeta-resena .texto {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0;
    color: #efefef;
}

.parallax-resenas .tarjeta-resena .linea-google {
    position: relative;
    left: -30px;
    width: calc(100% + 60px);
    height: auto;
}

.parallax-resenas .tarjeta-resena .contenedor-estrellas {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
}

.parallax-resenas .splide__pagination{
    bottom: 25px;
}

.parallax-resenas .splide__pagination__page.is-active{
    background: #fff;
    transform: scale(1.2);
    opacity: 1;
}

.parallax-resenas .forma-parallax {
    position: absolute;
    bottom: -1px;
        aspect-ratio: 21.5 / 1;
    width: 100%;
    height: auto;
    z-index: 3;
}

.info_2 {
    position: relative;
    overflow: hidden;
}

.info_2 .forma-fondo {
    position: absolute;
    top: 50%;
    right: -15%;
    transform: translate(0, -50%);
    width: 90%;
    height: auto;
    z-index: -1;
    pointer-events: none;
}

.info_2 .contenedor-foto,
.info_2 .contenedor-texto {
    position: relative;
    z-index: 1;
}

.info_2 .contenedor-foto img.foto {
    aspect-ratio: 3 / 4;
    width: 100%;
    height: auto;
    border-radius: 50px;
    object-fit: cover;
}

.info_2 .contenedor-texto {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info_2 .antetitulo {
    font-family: var(--familia_fuente);
    font-size: 22px;
    font-weight: 500;
    color: var(--secundario);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.info_2 .titulo {
    font-family: var(--familia_fuente);
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
    color: var(--primario_oscuro);
    margin-bottom: 30px;
}

.info_2 .textaco {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 30px;
    color: #5A5A5A;
}

.info_2 .contenedor-botones {
    display: flex;
    gap: 20px;
}

.btn-corporativo.btn-grande {
    text-transform: none;
    width: 100%;
    padding: 20px;
    font-size: 22px;
    font-weight: 400;
}

.btn-corporativo span {
    font-weight: 600;
}

.btn-corporativo.btn-azul{
    background-color: var(--primario);
    color: #fff;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-corporativo.btn-azul:hover{
    background-color: var(--primario_oscuro);
}



      .check-devolucion-portada {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 8px;
        cursor: pointer;
      }

      .check-devolucion-portada input {
        margin: 0;
      }

      .filtro-devolucion-portada.is-disabled {
        opacity: .65;
      }

      #isla_devolucion_portada:disabled {
        cursor: not-allowed;
      }


      .banner .contenedor-iconos .lista-iconos {
        display: flex;
        list-style: none;
        justify-content: center;
        padding: 25px 0px;
        gap: 60px;

        background-color: rgb(from var(--primario_oscuro) r g b / 0.9);
        border-radius: 30px;
      }

      .banner .contenedor-iconos .icono img {
        width: 32px;
        height: auto;
      }

      .banner .contenedor-iconos .icono{
        font-family: var(--familia_fuente);
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        position: relative;
      }

      .banner .contenedor-iconos .icono + .icono::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -30px;
        width: 1px;
        height: calc(100% + 15px);
        background-color: rgba(155, 175, 235, .5);
        transform: translateY(-50%);
      }
              .banner .info_banner h1 {
                font-family: var(--familia_fuente);
                color: var(--secundario);
                font-size: 50px;
                font-weight: 600;

                text-align: center;
              }

              .banner .info_banner h1 span {
                color: #fff;
                font-weight: 300;
              }

              .check-devolucion-portada {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                cursor: pointer;
              }

              /* Hide native checkbox */
              .check-devolucion-portada input[type="checkbox"] {
                position: absolute;
                opacity: 0;
                pointer-events: none;
              }

              /* Custom box */
              .custom-check {
                width: 15px;
                height: 15px;
                border: 1px solid var(--secundario);
                background-color: var(--primario_oscuro);
                border-radius: 30%;
                display: inline-block;
                position: relative;
              }

              /* Checked state */
              .check-devolucion-portada input[type="checkbox"]:checked+.custom-check {
                background: #007bff;
                border-color: #007bff;
              }

              /* Custom check mark */
              .check-devolucion-portada input[type="checkbox"]:checked+.custom-check::after {
                content: "";
                position: absolute;
                left: 5px;
                top: 1px;
                width: 5px;
                height: 10px;
                border: solid white;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
              }



/************************************
*                PIE                *
************************************/

.borde-footer{
    display: block;
    width: 100%;
    height: 30px;
}

.borde-footer-exterior{
    background: linear-gradient(-90deg, #FFFFFF 0%, var(--transparencia) 100%);
}

.borde-footer-interior{
    background: linear-gradient(90deg, rgba(1, 23, 46, 0) 0%, var(--secundario) 100%);
}

footer.pie-web{
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(to bottom, var(--primario_oscuro) 0%, var(--primario) 100%);
}

footer.pie-web::before,
footer.pie-web::after{
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

footer.pie-web::before{
    background: var(--bg) no-repeat center center;
    background-size: cover;
    opacity: .15;
    z-index: 0;
}

footer.pie-web::after{
    background: linear-gradient(to bottom, transparent 0%, var(--primario) 100%);
    z-index: 1;
}

footer.pie-web > img,
footer.pie-web > section,
footer.pie-web .informacion_contacto .container,
footer.pie-web .pie_medio .container,
footer.pie-web .pie_inferior .container{
    z-index: 2;
}
footer.pie-web > img{
    top: -5px;
    position: relative;
}

footer.pie-web img.forma-footer{
    position: absolute;
    top: -1px;
        aspect-ratio: 21.5 / 1;
    width: 100%;
    height: auto;
    z-index: 3;
}

footer.pie-web .informacion_superpuesta{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 34px;
    padding: 100px 0 100px;
}

footer.pie-web .logo-pie{
    display: block;
    /* max-height: 120px; */
    width: 300px;
    max-width: 100%;
    margin-bottom: 50px;
}

@media (max-width: 800px){
    footer.pie-web .logo-pie{
        width: 33vw;
        margin-bottom: 20px;
    }
}

footer.pie-web .footer_contenidos{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
    max-width: 100%;
}

footer.pie-web .contacto_footer{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    gap: 24px 36px;
    flex: 0 1 auto;
    flex-wrap: wrap;
    min-width: 0;
}

footer.pie-web .contacto_datos{
    flex-wrap: nowrap;
}

footer.pie-web .footer_redes{
    width: auto;
    border-left: 1px solid var(--secundario);
    padding-left: 34px;
    margin-top: 0;
}

footer.pie-web .footer_redes a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

footer.pie-web .iconos_info{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex: 0 0 auto;
}

footer.pie-web .contenedor-icono{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    padding: 16px;
    background: var(--secundario);
    border-radius: 9999px;
    box-sizing: border-box;
    flex: 0 0 75px;
}

footer.pie-web .contenedor-icono img{
    display: block;
    width: auto;
    max-width: 32px;
    height: auto;
    max-height: 32px;
    object-fit: contain;
}

footer.pie-web .iconos_info .textos,
footer.pie-web .iconos_info .textos p{
    margin: 0;
}

footer.pie-web .iconos_info .textos p{
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    text-align: left;
    white-space: nowrap;
    font-weight: 500;
}

footer.pie-web .pie_medio{
    background-color: rgba(255, 255, 255, 0.1);
    padding: 20px 0 15px;
}

footer.pie-web .elipse_pie{
    pointer-events: none;
}

footer.pie-web .menu_pie,
footer.pie-web .menu_pie p{
    margin: 0;
    text-align: center;
}

footer.pie-web .menu_pie,
footer.pie-web .menu_pie p,
footer.pie-web .menu_pie a{
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}

footer.pie-web .pie_inferior{
    background: var(--primario_oscuro);
    padding: 20px 0;
}

footer.pie-web .pie_legal{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    flex-wrap: nowrap;
    color: #FFFFFF;
    text-align: center;
}

footer.pie-web .pie_legal p{
    margin: 0;
    color: #FFFFFF;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    white-space: nowrap;
}

footer.pie-web .pie_legal a{
    color: var(--secundario);
}

.contacto-terminos{
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 13px;
}

/* ESTILOS RESPONSIVE MAQUETA AQUI */

@media (max-width: 767px) {
.banner .contenedor-iconos .lista-iconos{
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.banner .contenedor-iconos .icono + .icono::before{
    content: none !important;
}


    .info_2 .antetitulo{
        margin-top: 30px;
        text-align: center;
        justify-content: center;
    }

    .banner .info_banner h1,
    section.info_1 .cabecera .titulo,
    .parallax-resenas .titulo,
    .info_2 .titulo{
        font-size: 40px;
        text-align: center;
    }

    .info_2 .textaco{
        text-align: center;
    }

    .btn-corporativo.btn-azul{
        width: 100%;
    }

    .info_2 .btn-corporativo.btn-azul{
        display: block;
        text-align: center;
    }

    .info_2 .btn-corporativo.btn-azul span{
        display: block;
    }

    footer.pie-web .contenedor-icono{
    width: 45px;
    height: 45px;
    padding: 10px;
    flex: 0 0 45px;
}
}

@media (max-width: 500px){
    .banner .info_banner h1{
        font-size: 30px;
    }

    .caja_producto .padding{
        padding: 20px;
    }

    .caja_producto .caja_detalles{
        margin-bottom: 12px;
    }

    .caja_producto .caja_detalles ul{
        gap: 6px;
        padding: 0;
    }

    .caja_producto .caja_detalles li{
        background: var(--secundario);
        border-radius: 999px;
        font-size: 14px;
        line-height: 1.15;
        padding: 8px 10px;
        white-space: nowrap;
    }

    .caja_producto .caja_detalles li + li::before{
        content: none;
    }
}

@media (max-width: 420px){
    .div-fecha{
        align-items: flex-start;
        gap: 10px;
    }

    .div-fecha .compartir,
    .div-fecha .fecha{
        flex: 0 0 100%;
        min-width: 0;
        width: 100%;
    }

    .div-fecha .fecha{
        font-size: 14px;
        line-height: 1.3;
        white-space: normal;
    }
}


@media (max-width: 1199px){
    .total_menu .superior{
        display: none;
    }

    .total_menu .menu_principal .navbar{
        min-height: 48px;
        padding: 0;
    }

    .total_menu .menu_principal .navbar-header{
        width: 100%;
        height: 48px !important;
    }

    .total_menu .menu_principal .navbar-header .navbar-brand{
        display: flex;
        align-items: center;
        height: 48px;
        margin: 0 0 0 12px;
        padding: 0;
    }

    .total_menu .menu_principal .navbar-header .navbar-brand .logo,
    .barra_reducida .total_menu .menu_principal .navbar-header .navbar-brand .logo{
        height: 36px;
    }

    .total_menu .navbar-toggle.menu-toggle-sidebar{
        width: 48px;
        height: 48px;
        margin-right: 0;
    }

    .total_menu .borde_degradado{
        display: none;
    }

        section.coches .contenido{
        padding: 20px;
    }

    section.coches .titulo{
        font-size: 40px;
    }

    section.coches .textaco{
        margin-bottom: 35px;
    }

    section.coches .contenido .btn-corporativo{
        width: 100%;
    }


    section.parallax-resenas .btn-corporativo.btn-blanco{
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }
}

.sidebar-wrapper {
    display: none;
}

@media (max-width: 1199px) {
    .sidebar-wrapper {
        display: block;
        position: fixed;
        top: 48px;
        right: 0;
        bottom: 0;
        left: auto;
        width: min(84vw, 340px);
        height: calc(100vh - 48px);
        overflow-y: auto;
        background: var(--primario_oscuro);
        transform: translateX(100%);
        transition: transform 300ms ease;
        z-index: 100;
        opacity: 1;
        visibility: visible;
    }

    .sidebar-wrapper.toggled {
        transform: translateX(0);
    }

    .sidebar-wrapper .sidebar-nav {
        margin: 0;
        padding: 12px 0 18px;
        list-style: none;
    }

    .sidebar-wrapper .sidebar-nav li {
        width: 100%;
    }

    .sidebar-wrapper .sidebar-nav li a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: #FFFFFF;
        padding: 14px 22px;
        text-transform: uppercase;
        text-indent: 0;
        text-align: left;
        white-space: normal;
        transition: all 250ms ease;
    }

    .sidebar-wrapper .sidebar-nav li a:hover,
    .sidebar-wrapper .sidebar-nav li a:focus,
    .sidebar-wrapper .sidebar-nav li.open > a,
    .sidebar-wrapper .sidebar-nav li.active > a,
    .sidebar-wrapper .sidebar-nav li > a.active{
        color: #FFFFFF;
        background-color: rgba(255, 255, 255, 0.12);
    }

    .sidebar-nav .dropdown-menu{
        display: none;
    }

    .sidebar-nav .open > .dropdown-menu,
    .sidebar-nav .dropdown-menu.show{
        position: static;
        float: none;
        display: block;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0;
        background-color: rgba(255, 255, 255, 0.07);
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .sidebar-wrapper .sidebar-nav .dropdown-menu > li > a{
        color: #FFFFFF;
        padding: 12px 22px 12px 38px;
        font-size: 15px;
        line-height: 1.35;
    }

    .sidebar-wrapper .sidebar-nav .dropdown-menu .dropdown-menu > li > a{
        padding-left: 54px;
        background-color: rgba(255, 255, 255, 0.05);
    }

    .sidebar-wrapper .sidebar-nav .llamar-ahora-movil{
        padding: 16px 22px 20px;
    }

    .sidebar-wrapper .sidebar-nav .llamar-ahora-movil > a{
        justify-content: center;
        gap: 10px;
        width: 100%;
        padding: 14px 20px;
        color: var(--primario);
        background: #FFFFFF;
        border-radius: 999px;
        font-weight: 700;
    }

    .sidebar-wrapper .sidebar-nav .llamar-ahora-movil > a:hover,
    .sidebar-wrapper .sidebar-nav .llamar-ahora-movil > a:focus{
        background: var(--primario);
        color: #FFFFFF;
    }

    .sidebar-wrapper .sidebar-nav .llamar-ahora-movil img{
        width: 18px;
        height: 18px;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil{
        padding: 0 22px 20px;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil .caja_redes{
        width: 100%;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil .idioma-select,
    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil .bootstrap-select{
        width: 100% !important;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil .idioma-select__active,
    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil .bootstrap-select > .dropdown-toggle,
    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil select{
        width: 100%;
        min-height: 44px;
        justify-content: center;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 999px;
        color: #FFFFFF;
        text-align: center;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil select{
        padding: 0 42px 0 18px;
        appearance: none;
        -webkit-appearance: none;
        background-image: linear-gradient(45deg, transparent 50%, #FFFFFF 50%), linear-gradient(135deg, #FFFFFF 50%, transparent 50%);
        background-position: calc(100% - 24px) calc(50% + 2px), calc(100% - 18px) calc(50% + 2px);
        background-repeat: no-repeat;
        background-size: 6px 6px;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil select option{
        color: var(--primario);
        background: #FFFFFF;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil .idioma-select__menu,
    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil .bootstrap-select .dropdown-menu{
        width: 100%;
        background: #FFFFFF;
        border: 0;
        border-radius: 12px;
        margin-top: 8px;
        padding: 8px;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil .idioma-select__option,
    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil .dropdown-menu li a{
        justify-content: center;
        color: var(--primario);
        padding: 8px 12px !important;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil .flag,
    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil img{
        height: 22px;
        width: auto;
        margin: 0;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil.contenedor_idiomas{
        display: flex;
        justify-content: center;
        padding: 0 22px 20px;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil.contenedor_idiomas .idioma-select{
        width: auto !important;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil.contenedor_idiomas .idioma-select__active{
        width: auto;
        min-height: 35px;
        padding: 6px 9px;
        gap: 8px;
        background: var(--transparencia);
        border: 0;
        color: #fff;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil.contenedor_idiomas .idioma-select__menu{
        width: auto;
        min-width: 0;
        background: var(--transparencia);
        border: 0;
        border-radius: 10px;
        padding: 8px;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil.contenedor_idiomas .idioma-select__option{
        padding: 2px !important;
        background: transparent;
    }

    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil.contenedor_idiomas .idioma-select__active .flag,
    .sidebar-wrapper .sidebar-nav .idiomas-menu-movil.contenedor_idiomas .idioma-select__menu .flag{
        width: 20px;
        height: auto;
    }

    #manto-movil.toogled {
        top: 48px;
        height: calc(100vh - 48px);
        z-index: 99;
        opacity: .6;
        background-color: #0d0d0d;
    }
}


/*//ESTILOS GENERALES//*/
@media (max-width: 1200px){
    .dropdown-submenu>a:after {
        display: none;
    }
    .sidebar-wrapper.left .form-control {
        height: 43px;
        padding: 6px 12px;
        color: var(--secundario);
        font-style: italic;
        background-color: #ffffff;
        border: 1px solid #91a22f;
        border-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .sidebar-nav li a.favorito {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
    .caja_favorito, .caja_redes {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }
    .caja_favorito a,.caja_redes a{
        padding: 0 10px!important;
        margin: 10px 0!important;
    }
    .caja_acceso a{
        padding: 0 20px!important;
    }
    .caja_favorito a img{
        margin-left: 0!important;
    }
    .sidebar-wrapper li img,.caja_redes a img {
        height: 20px;
        transition: all .2s ease-in-out;
    }
    .sidebar-wrapper.left .btn {
        padding: 6px 11px;
        height: 43px;
        border-radius: 4px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-color: var(--primario);
        border: 1px solid var(--primario);
    }
    /* .sidebar-wrapper.left .sidebar-nav li:first-child {
        padding: 10px 20px;
        text-indent: 0px;
        padding-top: 25px;
    } */
    .left .sidebar-nav .multi-level li:first-child{
        padding: 0;
    }
    .left .sidebar-nav .multi-level li:last-child a{
        text-indent: 0;
    }
    .banner_interior {
        height: 250px;
    }
    .fijar{
        position: fixed;
        width: 100%;
    }
}
@media (min-width: 993px){ /* móviles */
    .desfijar {position: absolute !important; width: 100%;}
}
@media (max-width: 992px){ /* móviles */
    
    /* menu_desplegable, descomentar si es necesario para el menu de movil */
    
/*
    .sidebar-nav .multi-level li a{
        text-indent: 0;
        padding-left: 40px !important;
    }
    .sidebar-nav .multi-level li:first-child{
        padding: 0;
    }
    .sidebar-nav .multi-level li:last-child a{
        text-indent: 0;
    }
    .sidebar-nav .multi-level li.active a{background-color: rgba(0, 0, 0, 0.45);}
    .sidebar-nav .multi-level li:first-child{
        padding: 0;
    }
    .sidebar-nav .multi-level li:last-child a{
        text-indent: 0;
    }
    .sidebar-nav .multi-level li.active a{
        text-decoration: none;
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.30);
        font-weight: 400;
    }

	.sidebar-wrapper{opacity: 1}

	.sidebar-nav .open>.dropdown-menu {
		position: static;
		background-color: transparent;
		border: none;
		box-shadow: none;
		margin: 0;
		padding: 0;
	}

	.sidebar-nav .dropaco .dropdown-menu>li>a {
		text-align: left;
		padding: 8px 20px;
		background-color: rgba(0, 0, 0, 0.25);
		white-space: initial;
		color: #ffffff;
		font-size: 15px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
	}
    
    .sidebar-nav .multi-level li.active a {
        background-color: rgba(0, 0, 0, 0.45);
    }
*/

	/* menu_desplegable */
    
    /* whatsapp */
    .floating-icons {
        bottom: 1rem;
        right: 1rem;
    }
    .videos_responsive{width: 100%;float: none}
    .marco-contacto{margin-top: 40px;}
    .botones_carro{width: 100%;margin-top: 20px}
    .otras_fotos .imagen{height: 100px;}
    .foto_principal .imagen {width: 100%}
    .zona_galeria_mini .bx-wrapper .bx-prev { display: none;}
    .zona_galeria_mini .bx-wrapper .bx-next { display: none;}


    .instagram-widget>div{position:relative; padding-top:calc(100vw / 3);}
    .instagram-widget iframe{width:200% !important;}
    .padre_imagen .imagen {background-size: contain;}
    .sidebar-wrapper.left .form-control {
        height: 43px;
        padding: 6px 12px;
        color: var(--secundario);
        font-style: italic;
        background-color: #ffffff;
        border: 1px solid var(--primario);
        border-radius: 4px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .sidebar-nav li a.favorito {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
    .caja_favorito, .caja_redes {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        flex-wrap: wrap;
    }
    .caja_favorito a,.caja_redes a{
        padding: 0 10px!important;
        margin: 10px 0!important;
    }
    .caja_acceso a{
        padding: 0 20px!important;
    }
    .caja_favorito a img{
        margin-left: 0!important;
    }
    .sidebar-wrapper li img,.caja_redes a img {
        height: 25px;
        transition: all .2s ease-in-out;
    }
    /* .sidebar-wrapper.left .sidebar-nav li:first-child {
        padding: 10px 20px;
        text-indent: 0px;
        padding-top: 25px;
    } */
    .left .sidebar-nav .multi-level li:first-child{
        padding: 0;
    }
    .left .sidebar-nav .multi-level li:last-child a{
        text-indent: 0;
    }
    .left .sidebar-nav .multi-level li.active a{
        text-decoration: none;
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.30);
        font-weight: 400;
    }
    .quantity{width: 100%; display: flex; align-items: center; justify-content: space-between;}
    .quantity label{margin-bottom: 0;}

    .noticias .noticia {
        margin: 0 auto 30px;
        max-width: 436px;
    }
    
    .zona-mapa iframe {height: 350px;}
}
@media (max-width: 767px){ /* móviles */
    .marco-izq .col-xs-10{
        margin-left: 0px;
    }
    .filtros{
        height: 260px;
    }
    h3.categoria {
        text-align: center;
    }
    span.precio {
        font-size: 48px;
        font-family: var(--familia_fuente);
        font-weight: 400;
    }
    span.tachado {
        font-size: 24px;
        font-family: var(--familia_fuente);
        font-weight: 400;
    }
    .precios_estilos {
        text-align: center;
        width: 100%;
    }
    .banner_interior {
        height: 200px;
    }
    .otras_fotos{margin-bottom: 30px}
    .nav-botones>li{float: none;width: 100%;margin-bottom: 10px}
    .nav-botones>li>a{margin: 0;}
    .btn-pagination {
        padding: 6px 12px;
        font-size: 12px;
        margin: 0 7px;
        border: 1px solid;
    }
    h3{
        font-size: 20px;
    }
    .proyecto .imagen {
        background-size: cover;
    }
    .cuadro_noticia {
        float: none;
        position: relative;
        width: 100%;
        margin: 0 auto 30px;
    }

    .instagram-widget>div{position:relative; padding-top:calc(100vw / 2);}
    .instagram-widget iframe{width:300% !important;}
}

@media (max-width: 1200px){
    footer.pie-web .footer_redes{
        width: auto;
        margin-top: 0;
    }

    footer.pie-web .footer_redes a{
        padding: 0!important;
        margin: 0!important;
    }

    footer.pie-web .footer_redes .contenedor-icono img{
        height: auto;
    }
}

@media (max-width: 992px){
    footer.pie-web .informacion_superpuesta{
        padding: 80px 0;
    }

    footer.pie-web .footer_contenidos{
        flex-direction: column;
        gap: 24px;
    }

    footer.pie-web .footer_redes{
        width: auto;
        border-left: 0;
        padding-left: 0;
        margin-top: 0;
    }

}

@media (max-width: 767px){
    footer.pie-web .informacion_superpuesta{
        padding: 60px 0;
    }

    footer.pie-web .contacto_datos{
        flex-direction: column;
        align-items: start;
        justify-content: center;
        /* height: 169px; */
        gap: 18px;
    }

    footer.pie-web .iconos_info .textos p{
        text-align: center;
        white-space: normal;
    }

    footer.pie-web .pie_legal{
        flex-direction: column;
        gap: 8px;
    }

    footer.pie-web .pie_legal p{
        white-space: normal;
    }
}

@media (max-width: 1199px){
    .sidebar-wrapper.left .sidebar-nav > li:first-child,
    .sidebar-wrapper.left .sidebar-nav > li{
        padding: 0;
        text-indent: 0;
    }

    .sidebar-wrapper .sidebar-nav li:has(> .dropdown-menu) > .dropdown-toggle::after{
        display: inline-block !important;
    }

    .sidebar-wrapper .sidebar-nav .dropdown-submenu:hover > .dropdown-menu:not(.show){
        display: none;
    }

    .sidebar-wrapper .sidebar-nav .dropdown-menu > li > a{
        text-align: left;
    }

    .sidebar-wrapper .sidebar-nav > li.llamar-ahora-movil{
        padding: 16px 22px 20px;
    }

    .sidebar-wrapper .sidebar-nav .llamar-ahora-movil img{
        width: 18px;
        height: 18px;
        margin: 0;
    }
}

/************************************
*   DETALLE RENTACAR ESTILO AUTOSJABLE      *
************************************/
.detalle-rentacar {
    background: #fff;
    padding: 30px 0 0;
    color: var(--primario_muy_oscuro);
    font-family: "Montserrat", sans-serif;
}

.detalle-rentacar > .container {
    max-width: 1170px;
}

.detalle-rentacar .detalle-rentacar-layout {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.detalle-rentacar .detalle-rentacar-layout:before,
.detalle-rentacar .detalle-rentacar-layout:after {
    content: normal;
}

@media (min-width: 768px) {
    .detalle-rentacar .detalle-rentacar-contenido {
        order: 1;
    }

    .detalle-rentacar .detalle-rentacar-resumen-sticky {
        order: 2;
    }
}

.detalle-rentacar .sticky,
.detalle-rentacar .detalle-rentacar-resumen-sticky {
    position: sticky;
    top: 200px;
    align-self: flex-start;
    z-index: 2;
    /* margin-bottom: 28px; */
}

.detalle-rentacar .vehiculo-lista {
    overflow: hidden;
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    box-shadow: 0 14px 36px rgba(1, 23, 46, .08);
}

.detalle-rentacar .vehiculo-lista > h3 {
    margin: 0;
    padding: 22px 24px 18px;
    background: var(--secundario);
    color: var(--primario);
    font-family: "Kanit", sans-serif;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 700;
}

.detalle-rentacar .vehiculo-lista > h3 small{
    display: block;
    font-size: 15px;
}

.detalle-rentacar .resumen-busqueda-detalle {
    margin: 0;
    padding: 20px;
    border: 0;
    border-radius: 0;
    background: transparent;
}


.detalle-rentacar .resumen-busqueda-grid {
    display: grid;
    gap: 14px;
    /* padding: 16px 18px 18px;
    border: 1px solid #E9E9E9;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background: #F8F8FA; */
}

.detalle-rentacar .resumen-busqueda-grid span {
    color: var(--primario);
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.detalle-rentacar .resumen-busqueda-grid strong {
    color: var(--primario_muy_oscuro);
    font-family: "Kanit", sans-serif;
    font-size: 18px;
    line-height: 1.15;
    font-weight: 700;
}

.detalle-rentacar .resumen-busqueda-grid small {
    color: #5D6B7A;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 1.35;
}

.detalle-rentacar .contenedor_info_vehiculo {
    padding: 20px;
}

.detalle-rentacar .contenedor_info_vehiculo:before,
.detalle-rentacar .contenedor_info_vehiculo:after {
    content: "";
    display: table;
    clear: both;
}

.detalle-rentacar .vehiculo-lista .imagen {
    width: 100%;
    min-height: 245px;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    background-color: #F8F8FA;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.detalle-rentacar .vehiculo-lista .col-md-12,
.detalle-rentacar .vehiculo-lista .col-xs-2,
.detalle-rentacar .vehiculo-lista .col-xs-3,
.detalle-rentacar .vehiculo-lista .col-xs-7,
.detalle-rentacar .vehiculo-lista .col-md-8,
.detalle-rentacar .vehiculo-lista .col-md-9,
.detalle-rentacar .vehiculo-lista .col-md-3 {
    min-height: 1px;
}

.detalle-rentacar .bloque-interior.opcion {
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    background: #F8F8FA;
}

.detalle-rentacar .bloque-interior.opcion .row,
.detalle-rentacar .bloque.opcion .row,
.detalle-rentacar .bloque.destacado2 .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.detalle-rentacar .bloque-interior.opcion h3,
.detalle-rentacar .bloque.opcion h3 {
    margin: 0 0 4px;
    color: var(--primario_muy_oscuro);
    font-family: "Kanit", sans-serif;
    font-size: 19px;
    font-weight: 600;
}

.detalle-rentacar .bloque-interior.opcion h3 {
    font-size: 14px;
    font-weight: 400;
}

.detalle-rentacar .bloque-interior.opcion .precio-opcion,
.detalle-rentacar .bloque.opcion .precio {
    margin: 0;
    color: var(--primario);
    font-family: "Kanit", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
}

.detalle-rentacar .bloque-interior.opcion .precio-opcion {
    font-size: 18px;
    font-weight: 500;
}

.detalle-rentacar .iconito_lista {
    width: 44px;
    height: 44px;
    object-fit: contain;
}

.detalle-rentacar .bloque-interior .iconito_lista {
    width: 25px;
    height: 25px;
}

.detalle-rentacar .form-control {
    min-height: 44px;
    border: 1px solid #DDE4EA;
    border-radius: 10px;
    box-shadow: none;
    color: var(--primario_muy_oscuro);
    font-family: "Montserrat", sans-serif;
}

.detalle-rentacar .form-control:focus {
    border-color: var(--primario);
    box-shadow: 0 0 0 3px rgb(from var(--primario) r g b / .12);
}

.detalle-rentacar .boton-opcion {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    border: 0;
    border-radius: 10px;
    transition: all .25s ease;
}

.detalle-rentacar .bloque-interior.opcion .boton-opcion {
    min-width: unset;
    width: unset;
    height: unset;
    padding: 5px 6px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 300;
}

.detalle-rentacar .btn-info.boton-opcion {
    background: var(--primario);
    color: #fff;
}

.detalle-rentacar .btn-danger.boton-opcion {
    background: #D83333;
    color: #fff;
}

.detalle-rentacar .btn-info.boton-opcion:hover,
.detalle-rentacar .btn-info.boton-opcion:focus,
.detalle-rentacar .btn-danger.boton-opcion:hover,
.detalle-rentacar .btn-danger.boton-opcion:focus {
    background: var(--primario_oscuro);
    color: #fff;
}

.rentacar-extra-notificacion {
    display: none;
    position: fixed;
    top: 18px;
    left: 50%;
    z-index: 99999;
    width: max-content;
    max-width: calc(100% - 32px);
    transform: translateX(-50%);
    padding: 12px 18px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #000000ac;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    box-shadow: 0 10px 28px rgba(0, 22, 46, .16);
}

@media (min-width: 768px) {
    .rentacar-extra-notificacion {
        display: none !important;
    }
}

.rentacar-extra-notificacion--add {
    border-color: #9AD5A9;
    background: #E8F7EC;
}

.rentacar-extra-notificacion--remove {
    border-color: #F1A6A6;
    background: #FCECEC;
}

.detalle-rentacar .text-primary {
    color: var(--primario) !important;
}

.detalle-rentacar #media_actual,
.detalle-rentacar #precio_actual {
    font-family: "Kanit", sans-serif;
    font-weight: 700;
}

.detalle-rentacar .new_precio {
    margin: 8px 0 0;
    font-family: "Kanit", sans-serif;
    font-size: 46px;
    line-height: 1;
    font-weight: 700;
}

.detalle-rentacar .franquisia {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgb(from var(--primario) r g b / .1);
    color: var(--primario_muy_oscuro);
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.detalle-rentacar .vehiculo-lista h4,
.detalle-rentacar .vehiculo-lista h5 {
    color: var(--primario_muy_oscuro);
    font-family: "Montserrat", sans-serif;
}

.detalle-rentacar .vehiculo-lista h5 {
    margin: 5px 0;
    color: #5D6B7A;
}

.detalle-rentacar .scroll.btn-info {
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--primario) 0%, var(--primario_oscuro) 50%, var(--primario_oscuro) 100%);
    background-size: 220% 100%;
    background-position: 0 0;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .3s ease;
}

.detalle-rentacar .scroll.btn-info:hover,
.detalle-rentacar .scroll.btn-info:focus {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none;
}

.detalle-rentacar .detalle-rentacar-contenido .caracteristicas{
background: var(--transparencia);
  color: var(--primario);
  display: flex;
  list-style: none;
  gap: 20px;
  justify-content: center;
  border-radius: 999px;
  padding: 15px 0px;
  font-size: 15px;
  font-weight: 600;
}

.detalle-rentacar .detalle-rentacar-contenido > h2,
.detalle-rentacar .col-md-8 > h2 {
    margin: 0 0 18px;
    color: var(--primario_muy_oscuro);
    font-family: "Kanit", sans-serif;
    font-size: 38px;
    line-height: 1.1;
    font-weight: 700;
}

.detalle-rentacar .detalle-rentacar-contenido > h2:not(:first-child),
.detalle-rentacar .col-md-8 > h2:not(:first-child) {
    margin-top: 32px;
}

.detalle-rentacar .bloque {
    margin-bottom: 18px;
    padding: 24px;
    background: #fff;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(1, 23, 46, .05);
}

.detalle-rentacar .bloque.destacado {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 1.7;
}

.detalle-rentacar .bloque.destacado ul,
.detalle-rentacar .bloque.destacado ol {
    margin: 14px 0 0;
    padding-left: 18px;
}

.detalle-rentacar .bloque.destacado li {
    margin: 10px 0;
    color: var(--primario_muy_oscuro);
}

.detalle-rentacar .bloque.destacado li::marker,
.detalle-rentacar .verde {
    color: var(--primario);
}

.detalle-rentacar .bloque.destacado2 {
    border-left: 5px solid var(--secundario);
    background: #fff;
}

.detalle-rentacar .bloque.destacado2 .precio {
    margin: 0;
    color: var(--primario);
    font-family: "Kanit", sans-serif;
    font-size: 34px;
    font-weight: 700;
}

.detalle-rentacar .bloque.opcion.visible {
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.detalle-rentacar .bloque.opcion.visible:hover {
    transform: translateY(-3px);
    border-color: rgb(from var(--primario) r g b / .35);
    box-shadow: 0 18px 38px rgba(1, 23, 46, .09);
}

.detalle-rentacar .bloque.opcion p {
    margin-bottom: 0;
    color: #5D6B7A;
    font-size: 15px;
    line-height: 1.6;
}

.detalle-rentacar .bloque.opcion .precio {
    white-space: nowrap;
}

.detalle-rentacar #seccion_datos_reserva,
.detalle-rentacar .reserva,
.detalle-rentacar form[id*="reserva"] {
    margin-top: 34px;
    scroll-margin-top: 160px;
}

.detalle-rentacar #seccion_datos_reserva,
.detalle-rentacar .reserva > form,
.detalle-rentacar form[id*="reserva"] {
    padding: 28px;
    border: 1px solid #E9E9E9;
    border-radius: 20px;
    background: var(--transparencia);
    box-shadow: 0 12px 30px rgba(1, 23, 46, .05);
}

.detalle-rentacar.detalle-rentacar-sin-tienda #seccion_datos_reserva {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.detalle-rentacar #seccion_datos_reserva h2,
.detalle-rentacar #seccion_datos_reserva h3,
.detalle-rentacar .reserva h2,
.detalle-rentacar .reserva h3,
.detalle-rentacar form[id*="reserva"] h2,
.detalle-rentacar form[id*="reserva"] h3 {
    margin-top: 0;
    color: var(--primario_oscuro);
    font-family: "Kanit", sans-serif;
    font-weight: 700;
}

.detalle-rentacar #seccion_datos_reserva label,
.detalle-rentacar .reserva label,
.detalle-rentacar form[id*="reserva"] label {
    margin-bottom: 5px;
    color: var(--primario_muy_oscuro);
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.detalle-rentacar #seccion_datos_reserva .form-control,
.detalle-rentacar #seccion_datos_reserva input[type="text"],
.detalle-rentacar #seccion_datos_reserva input[type="email"],
.detalle-rentacar #seccion_datos_reserva input[type="tel"],
.detalle-rentacar #seccion_datos_reserva input[type="number"],
.detalle-rentacar #seccion_datos_reserva select,
.detalle-rentacar #seccion_datos_reserva textarea,
.detalle-rentacar .reserva .form-control,
.detalle-rentacar .reserva input[type="text"],
.detalle-rentacar .reserva input[type="email"],
.detalle-rentacar .reserva input[type="tel"],
.detalle-rentacar .reserva input[type="number"],
.detalle-rentacar .reserva select,
.detalle-rentacar .reserva textarea,
.detalle-rentacar form[id*="reserva"] .form-control,
.detalle-rentacar form[id*="reserva"] input[type="text"],
.detalle-rentacar form[id*="reserva"] input[type="email"],
.detalle-rentacar form[id*="reserva"] input[type="tel"],
.detalle-rentacar form[id*="reserva"] input[type="number"],
.detalle-rentacar form[id*="reserva"] select,
.detalle-rentacar form[id*="reserva"] textarea {
    min-height: 50px;
    padding: 10px 18px;
    border: 1px solid var(--primario);
    border-radius: 10px !important;
    background: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    box-shadow: none;
}

.detalle-rentacar #seccion_datos_reserva textarea,
.detalle-rentacar .reserva textarea,
.detalle-rentacar form[id*="reserva"] textarea {
    min-height: 120px;
    resize: vertical;
}

.detalle-rentacar #seccion_datos_reserva input::placeholder,
.detalle-rentacar #seccion_datos_reserva textarea::placeholder,
.detalle-rentacar .reserva input::placeholder,
.detalle-rentacar .reserva textarea::placeholder,
.detalle-rentacar form[id*="reserva"] input::placeholder,
.detalle-rentacar form[id*="reserva"] textarea::placeholder {
    color: var(--primario);
    opacity: .85;
}

.detalle-rentacar #seccion_datos_reserva .btn,
.detalle-rentacar .reserva .btn,
.detalle-rentacar form[id*="reserva"] .btn {
    border-radius: 999px;
    border: none;
    background-color: var(--primario);
    color: #fff;
}

.detalle-rentacar #seccion_datos_reserva .btn:hover,
.detalle-rentacar .reserva .btn:hover,
.detalle-rentacar form[id*="reserva"] .btn:hover{
    background-color: var(--primario_oscuro);
}

.detalle-rentacar #seccion_datos_reserva .btn-corporativo,
.detalle-rentacar #seccion_datos_reserva button[type="submit"],
.detalle-rentacar .reserva .btn-corporativo,
.detalle-rentacar .reserva button[type="submit"],
.detalle-rentacar form[id*="reserva"] .btn-corporativo,
.detalle-rentacar form[id*="reserva"] button[type="submit"] {
    min-height: 54px;
    padding: 14px 28px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--primario) 0%, var(--primario_oscuro) 50%, var(--primario_oscuro) 100%);
    background-size: 220% 100%;
    background-position: 0 0;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .3s ease;
}

.detalle-rentacar #seccion_datos_reserva .btn-corporativo:hover,
.detalle-rentacar #seccion_datos_reserva button[type="submit"]:hover,
.detalle-rentacar .reserva .btn-corporativo:hover,
.detalle-rentacar .reserva button[type="submit"]:hover,
.detalle-rentacar form[id*="reserva"] .btn-corporativo:hover,
.detalle-rentacar form[id*="reserva"] button[type="submit"]:hover {
    background-position: 100% 0;
    color: #fff;
}

@media (max-width: 1199px) {
    .detalle-rentacar .sticky,
    .detalle-rentacar .detalle-rentacar-resumen-sticky {
        top: 100px;
    }
}

@media (max-width: 991px) {
    .detalle-rentacar {
        padding-top: 10px;
    }

    .detalle-rentacar .sticky,
    .detalle-rentacar .detalle-rentacar-resumen-sticky {
        position: relative;
        top: auto;
        /* margin-bottom: 25px; */
    }

    .detalle-rentacar .vehiculo-lista .imagen {
        min-height: 300px;
    }
}

@media (max-width: 767px) {
    .detalle-rentacar .container {
        width: calc(100% - 30px);
        padding-right: 0;
        padding-left: 0;
    }

    .detalle-rentacar .contenedor_info_vehiculo,
    .detalle-rentacar .bloque {
        padding: 18px;
    }

    .detalle-rentacar .resumen-busqueda-detalle {
        padding: 18px 18px 0;
    }

    .detalle-rentacar .vehiculo-lista > h3 {
        padding: 18px;
        font-size: 26px;
    }

    .detalle-rentacar .vehiculo-lista .imagen {
        min-height: 220px;
    }

    .detalle-rentacar .new_precio {
        font-size: 38px;
    }

    .detalle-rentacar .detalle-rentacar-contenido > h2,
    .detalle-rentacar .col-md-8 > h2 {
        font-size: 30px;
    }

    .detalle-rentacar .bloque-interior.opcion .row,
    .detalle-rentacar .bloque.opcion .row,
    .detalle-rentacar .bloque.destacado2 .row {
        align-items: flex-start;
    }

    .detalle-rentacar .bloque.opcion .col-xs-2,
    .detalle-rentacar .bloque.opcion .col-xs-7,
    .detalle-rentacar .bloque.opcion .col-xs-3,
    .detalle-rentacar .bloque.opcion .col-2,
    .detalle-rentacar .bloque.opcion .col-7,
    .detalle-rentacar .bloque.opcion .col-3 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }

    .detalle-rentacar .bloque.opcion .col-xs-2,
    .detalle-rentacar .bloque.opcion .col-2 {
        margin-bottom: 12px;
    }

    .detalle-rentacar .bloque.opcion .col-xs-3,
    .detalle-rentacar .bloque.opcion .col-3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 15px;
    }

    .detalle-rentacar .bloque.opcion .precio {
        margin-right: 15px;
        text-align: left;
    }

    .detalle-rentacar .bloque-interior.opcion .col-2,
    .detalle-rentacar .bloque-interior.opcion .col-8 {
        /* width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left; */
    }

    .detalle-rentacar .bloque-interior.opcion .col-2:first-child {
        margin-top: 10px;
    }

    .detalle-rentacar .bloque-interior.opcion .col-2.text-right {
        margin-top: 12px;
        text-align: left !important;
    }

    .detalle-rentacar .bloque-interior.opcion .precio-opcion {
        margin-top: 8px;
    }

    .detalle-rentacar #seccion_datos_reserva,
    .detalle-rentacar .reserva > form,
    .detalle-rentacar form[id*="reserva"] {
        padding: 20px;
        border-radius: 16px;
    }
}

@media (max-width: 480px) {
    .detalle-rentacar .vehiculo-lista .imagen {
        min-height: 185px;
    }

    .detalle-rentacar .scroll.btn-info {
        min-height: 52px;
        font-size: 15px;
    }
}



@media (min-width: 1200px) and (max-width:1550px){
    header .btn-corporativo{
        padding: 20px;
    }

    .total_menu .menu_principal .navbar-header .navbar-brand,
    .total_menu .menu_principal .contenedor-botones{
        margin: 0 20px;
    }

    .total_menu .menu_principal .navbar-header .navbar-brand{
        margin: 0 20px;
    }

    .total_menu ul.navbar-nav li a{
        font-size: 15px;
        padding: 15px 20px;
    }
}