/* VARIABLES */

:root {
    --main-bg-color: #664FE8;
    --main-bg-color-light: #FF6727;
    --main-bg-color-dark: #4A35B5; 
}

@font-face {
  font-family: dmsans;
  src: url(/template/estandar/fonts/DM_Sans/DMSans-Regular.ttf);
}

 
body {
    opacity: 1;
    font-family: dmsans;
    /*background-image: url(/template/estandar/images/fondo_banner.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position-x: 111%;*/
    /*background-position-y: -552px;*/
} 

/* Container responsive */
/*.container {*/
/*    width: 100%;*/
/*    max-width: calc(100% - 2rem) !important;*/
/*}*/

/*@media screen and (min-width: 768px) {*/
/*    .container {*/
/*        max-width: calc(100% - 3rem) !important;*/
/*    }*/
/*}*/

/*@media screen and (min-width: 1024px) {*/
/*    .container {*/
/*        max-width: min(1180px, calc(100% - 4rem)) !important;*/
/*    }*/
/*}*/


.leading-cus{line-height: 1.5!important}

.no-blur{
    will-change: transform, translate;
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

.circle_menu { position: absolute; top: -412px; right: -230px; }
-z-1 {z-index:-1}
nav .active { border-bottom: 2px solid white; }
nav.shadow-md .active { border-bottom: 2px solid #664FE8; }
.custom-shadow { box-shadow: 0px 0px 20px 2px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%); }
.hover\:shadow-custom:hover { box-shadow: 0px 0px 20px 2px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%); }
.iti--allow-dropdown { width: 100%; }
.center-absolute { left: 50%; transform: translateX(-50%); }
.shadow-custom-sm{box-shadow:-1px -1px 9px 3px rgb(0 0 0 / 10%),0 10px 10px -5px rgb(0 0 0 / 4%)}
.text-main-color { color: var(--main-bg-color-light); }
.hover\:text-main-color:hover { color: var(--main-bg-color-light); }
.bg-main-color { background-color: var(--main-bg-color-light); }
.hover\:bg-main-color:hover { background-color: var(--main-bg-color-light); }
.border-main-color { border-color: var(--main-bg-color-light); }
.text-main-color-dark { color: var(--main-bg-color-dark); }
.text-main-color-light { color: var(--main-bg-color-light); }
.text-blue-600 { color: var(--main-bg-color-light); }
.bg-blue-600 { background-color: var(--main-bg-color-light); }
.bg-fill-blue-600 { fill: var(--main-bg-color-light); }
.border-blue-600 { border-color: var(--main-bg-color-light); }
.bg-gradient-blue-600 { background: linear-gradient(to right, #FF6727 0%, #d63f00 100%); }
.group:hover .group-hover\:text-blue-600 { color: var(--main-bg-color-light); }
.hover\:text-blue-600:hover { color: var(--main-bg-color-light); }
.hover\:bg-blue-600:hover { background-color: var(--main-bg-color-light); }
.hover\:border-blue-600:hover { border-color: var(--main-bg-color-light); }
.hover\:bg-gradient-blue-600:hover { background: linear-gradient(to right, #FF6727 50%, #d63f00 100%); }
.focus\:text-blue-600:focus { color: var(--main-bg-color-light); }
.focus\:bg-blue-600:focus { background-color: var(--main-bg-color-light); }

.text-blue-700 { color: var(--main-bg-color); }
.group:hover .group-hover\:text-blue-700 { color: var(--main-bg-color); }
.bg-blue-700 { background-color: var(--main-bg-color); }
.group:hover .group-hover\:bg-blue-700 { background-color: var(--main-bg-color); }
.bg-fill-blue-700 { fill: var(--main-bg-color); }
.border-blue-700 { border-color: var(--main-bg-color); }
.bg-gradient-blue-700 { background: linear-gradient(to right, #664FE8 0%, #FF6727 100%); }
.hover\:text-blue-700:hover { color: var(--main-bg-color); }
.hover\:border-blue-700:hover { --tw-border-opacity: 1; border-color: var(--main-bg-color); }
.hover\:bg-blue-700:hover { background-color: var(--main-bg-color); }
.hover\:bg-gradient-blue-700:hover { background: linear-gradient(to right, #664FE8 50%, #FF6727 100%); }
.focus\:text-blue-700:focus { color: var(--main-bg-color); }
.focus\:bg-blue-700:focus { background-color: var(--main-bg-color); }

/* BLUE 200/400/500 -> familia marca */
.text-blue-500 { color: #8371e9; }
.bg-blue-500 { background-color: #8371e9; }
.border-blue-500 { border-color: #8371e9; }
.hover\:text-blue-500:hover { color: #8371e9; }
.bg-blue-400 { background-color: #8371e9; }
.border-blue-400 { border-color: #8371e9; }
.bg-blue-200 { background-color: #e7e3fc; }
.border-blue-200 { border-color: #e7e3fc; }
.bg-main-color-dark { background-color: var(--main-bg-color-dark); }
.hover\:bg-main-color-dark:hover { background-color: var(--main-bg-color-dark); }
.hover\:border-main-color:hover { border-color: var(--main-bg-color); }
.focus\:border-main-color:focus { border-color: var(--main-bg-color); }
.focus\:bg-gradient-main-color:focus { background: linear-gradient(to bottom, var(--main-bg-color-light) 0%, var(--main-bg-color) 100%); }

/* BASE CLASES PROPIAS */
button[data-action="stop"],
button[data-action="start"] {
    display: none;
}

.banner_principal img { max-width: none; }

:focus,
input:focus,
button:hover,
button:focus {
    outline: none;
}

.transition3s { transition: all 0.3s ease-in-out; }

.img::after { content: ""; display: block; }

.p-1\/20::after { content: ""; display: block; padding-top: 200%; }
.p-1\/15::after { content: ""; display: block; padding-top: 150%; }
.p-1\/11::after { content: ""; display: block; padding-top: 110%; }
.p-1\/10::after { content: ""; display: block; padding-top: 100%; }
.p-1\/9::after { content: ""; display: block; padding-top: 90%; }
.p-1\/8::after { content: ""; display: block; padding-top: 80%; }
.p-1\/7::after { content: ""; display: block; padding-top: 70%; }
.p-1\/6::after { content: ""; display: block; padding-top: 60%; }
.p-1\/5::after { content: ""; display: block; padding-top: 50%; }
.p-1\/4::after { content: ""; display: block; padding-top: 40%; }
.p-1\/3::after { content: ""; display: block; padding-top: 30%; }

.w-screen-4\/12 { width: 33.33vw; }
.w-screen-5\/12 { width: 42vw; }
.w-screen-6\/12 { width: 50vw; }
.w-screen-8\/12 { width: 75vw; }

.max-w-none { max-width: none; }

.last\:border-none > li:last-child,
.last\:border-none > a:last-child {
    border: none !important;
}

.hover\:scale-sm:hover { transform: scale(1.1); }
.hover\:scale-md:hover { transform: scale(1.3); }
.hover\:scale-lg:hover { transform: scale(1.5); }

.rotate-180 { transform: rotate(180deg); }

.filter-gray { filter: grayscale(100%); }
.filter-white { filter: grayscale(100) brightness(0) invert(1); }
.filter-black { filter: grayscale(100) brightness(0) invert(0); }
.group:hover .group-hover\:filter-normal { filter: grayscale(0) brightness(100%) invert(0); }

.-z-1 { z-index: -1; }

.leading-tight { line-height: 1.25; }
.leading-snug { line-height: 1.375; }

.social-media li { padding: 0px; }

.social-media li a {
    margin: 0px;
    display: flex;
    width: 100%;
    height: 100%;
}
.wysiwyg p { margin: 1em 0; }

.bottom-100 { bottom: 100%; }
.desplegable-de-condiciones { display: none; }
.desplegable-de-condiciones.desplegado { display: block; }

.text-yellow-600 { color: #f25757; }
.bg-yellow-600 { background-color: #f25757; }
.border-yellow-600 { border-color: #f25757; }

.line-clamp2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;  }
.line-clamp4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;  }
.line-clamp10 { display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; }

.gradient-flota { 
    background: rgb(102,79,232);
    background: linear-gradient(180deg, rgba(102,79,232,1) 0%, rgba(255,103,39,1) 100%);
}

@media screen and (max-width: 768px) {
    .w-screen-6\/12 {
        width: 100%;
    }
    .circle_menu {
        display: none;
    }
}
@media screen and (min-width: 2000px) {
    body {
        background-position-x: 83%;
    }
}

/* Hover borde de la tarjeta de vehiculo (group-hover) - modulo ampliacionbloquevehiculosampliacion_vapk7n */
.group:hover .group-hover\:border-main-color{border-color:var(--main-bg-color)}