/*!CSS Principal Malagacarocasion
 * Copyright 2026 Malagacarocasion
 */

/* ===== RESET / BASE ===== */
a,a.back-to-top:hover{text-decoration:none}
a:active,a:focus{text-decoration:underline}
a,a:hover{color:#81bc25}
a:hover{color:#28a745}
img{height:auto}

body{
  background-color:#f0f0f0;
  background-image:url(../img/bg-home.jpg);
  background-repeat:no-repeat;
  background-position:50% 50px;
  background-size:contain;
  overflow-x:hidden
}
@media(max-width:800px){body{background-color:#f0f0f0}}

/* ===== TYPOGRAPHY ===== */
.btn,.h1,.h2,.h3,.h4,.h5,.price .financiado,h1,h2,h3,h4,h5,h6{font-weight:700}
.h4,h4,ul.homeul{font-size:1.2rem}
#desc p,.bg-black,.detalles-ficha p,.footer-menu a,.orden,.precio,.price #precio-oferta,.transmision label,.ventas,label span{font-size:.875rem}
.malagacar{font-family:Arial,sans-serif;font-weight:bolder}

h1{font-size:1.75rem}
h2{font-size:2rem}
@media(max-width:1200px){h1{font-size:1.75rem}h2{font-size:2rem}}
@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.75rem}}
@media screen and (max-height:450px) and (max-width:992px){h1,h2{font-size:1.5rem}}

.h6::after,h1::after,h2::after,h3::after,h4::after,h5::after,h6::after{
  content:"";width:25%;height:1px;
  background-color:#81bd25;
  display:block;margin-top:.625rem;margin-bottom:.25rem
}

/* ===== LAYOUT ===== */
.break,.map,.title{margin-top:2rem}
.contactar .badge.bg-light.rounded-pill.mail,
.contactar .badge.bg-light.rounded-pill.phone,
.detalles{margin-left:0}
#logos-coches,.break,.contactar .row,.detalles,.footer-menu,.irs-grid-text,.ventas li span{text-align:center}
.columns2,.detalles-ficha .ventas{column-count:2}
.columns2{column-gap:1.5rem}
.columns2>*{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}
.jssocials-share-logo,.list{max-width:100%}

/* ===== NAVBAR ===== */
.navbar-brand{padding-top:0}
.nav-link{padding:.25rem 1rem}
.social-menu .dropdown-toggle{padding:0 0 0 .5rem!important}
ul.navbar-nav img{max-width:28px}
ul.social-menu{padding-left:.5rem}
.navbar-expand-lg .navbar-nav.social-menu .nav-link{padding:0 .25rem 0 0}
.navbar-toggler{border:0;padding:0}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.dropdown-toggle.show,
.navbar-light .navbar-nav .show>.nav-link{
  color:#fff;font-weight:700;background-color:#81bc25;
  -moz-border-radius:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem
}
.navbar-light .navbar-nav.social-menu .nav-link.active{background-color:#fff0}

/* ===== ICON HOVER EFFECTS ===== */
.icon-mail,.icon-phone,.icon-whatsapp{padding:0!important;overflow:hidden;white-space:nowrap;margin-left:.25rem}
.icon-mail div,.icon-phone div,.icon-whatsapp div{
  display:inline-block;width:0;opacity:0;transition:.5s ease-out;
  color:#de5307;font-size:.875rem;font-weight:700
}
.icon-mail:hover div,.icon-phone:hover div,.icon-whatsapp:hover div{opacity:1;margin-left:.375rem}
.icon-phone:hover div{width:130px}
.icon-whatsapp:hover div{width:85px}
.icon-mail:hover div{width:180px}
.icon-mail:hover,.icon-phone:hover,.icon-whatsapp:hover{
  -moz-border-radius:1.125rem;-webkit-border-radius:1.125rem;border-radius:1.125rem;
  -moz-box-shadow:0 .5rem 1rem rgb(0 0 0/.15);
  -webkit-box-shadow:0 .5rem 1rem rgb(0 0 0/.15);
  box-shadow:0 .5rem 1rem rgb(0 0 0/.15)
}

/* ===== CARDS / BORDERS ===== */
.card,.list .list-group-item,.nav-tabs{border:0}
.card-header{background-color:#fff;padding:.625rem 1.125rem 0;border-bottom:0}
form .card-header::after{content:"";width:50%;height:1px;background-color:#81bd25;display:block;margin-top:.625rem;margin-bottom:.25rem}
.card.banner{margin-top:1.5rem;margin-bottom:1.5rem;overflow:hidden;-moz-border-radius:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem}

/* ===== SEARCH FORM ===== */
#searchsales .list-group-item{padding:.5rem 1.125rem}
#searchsales .list-group-item:first-of-type{padding:.5rem 1.125rem 0}
#searchsales .mb-3,.mb-3:last-of-type{margin-bottom:0}
#brand,#models,#searchsales label{margin-bottom:.5rem}
#searchsales{top:2rem}
.btn-link.todos{top:9px;right:1.2rem}
.btn-link.todos,.transmision .todos{
  position:absolute;font-size:.9rem;font-weight:700;
  color:#81bc25;text-decoration:underline dashed;cursor:pointer;padding:0
}

/* ===== HIDDEN ELEMENTS ===== */
.btn-details .btn div,.btn-link.todos input[type=radio],.btn.btn-form input[type=radio],
.closebtn,.irs-shadow,.openform,.pop-trigger .pop-box,
.slick-arrow.slick-hidden,.slick-slide.slick-loading img,
.title h1::after,.title h2::after,.transmision .todos input,
h3.popover-header:after{display:none}

/* ===== VISIBLE ELEMENTS ===== */
.irs,.irs-bar,.irs-line,.irs-with-grid .irs-grid,.slick-initialized .slick-slide,.slick-slide img{display:block}

/* ===== TRANSMISSION TOGGLE ===== */
.transmision .form-check-input,.transmision .form-check-input:checked{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.transmision .form-check-input{background-color:#81bc25;border-color:#81bc25}
.transmision .form-check-input:checked{background-color:#ced4da;border-color:#ced4da}
.transmision .form-check-input:focus{box-shadow:none}
.transmision .form-check-label::after,.transmision .form-check-label::before{
  left:-2.5rem;width:2rem;
  -moz-border-radius:.5rem;-webkit-border-radius:.5rem;border-radius:.5rem
}
.form-check-input:checked~.form-check-label::before{border-color:#fff0;background-color:#fff0}
.form-check-input:focus~.form-check-label::before{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.transmision .form-check{padding-left:2.5rem;display:inline-block}

/* ===== BUTTONS ===== */
.btn.btn-form{
  font-size:.75rem;border:1px solid #ced4da;
  border-radius:.25rem!important;padding:.25rem;
  background-color:#f0f0f0;color:#495057
}
.btn.btn-form+.btn.btn-form{margin-left:.25rem}
.btn.btn-form.active{background-color:#495057;color:#fff;border-color:#495057}
.btn.btn-form.active img{filter:brightness(10)}
#Híbrido~img,label[for="Híbrido"] img{filter:none!important}
.btn-success,.form-select:focus{border-color:#81bc25}
.btn:focus,.form-select:focus{
  -moz-box-shadow:0 0 0 .2rem rgb(129 188 37/.25);
  -webkit-box-shadow:0 0 0 .2rem rgb(129 188 37/.25);
  box-shadow:0 0 0 .2rem rgb(129 188 37/.25)
}
.btn img{max-width:16px;vertical-align:sub}
.btn-light{color:#81bd25;text-decoration:underline dashed}
.btn-light:hover{color:#28a745}
.btn-success,label[for=year]+.irs--round .irs-line{background-color:#81bc25}
.bg-success{background-color:#81bc25}
.carousel-indicators [data-bs-target]{background-color:#fff0}

/* ===== IRS RANGE SLIDER ===== */
.irs{
  -webkit-touch-callout:none;-khtml-user-select:none;
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
  position:relative;font-size:12px
}
.irs-hidden-input,.irs-line{outline:0!important;overflow:hidden}
.irs-bar,.irs-shadow{position:absolute;left:0;width:0}
.irs-from,.irs-handle,.irs-max,.irs-min,.irs-single,.irs-to{display:block;cursor:default;position:absolute}
.irs-handle{box-sizing:border-box;z-index:1}
.irs-handle.type_last{z-index:2}
.irs-min{left:0}
.irs-max{right:0}
.irs-from,.irs-single,.irs-to{top:0;left:0}
.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}
.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}
.irs-grid-pol.small{height:4px}
.irs-grid-text{position:absolute;bottom:0;left:0;font-size:9px;line-height:9px;padding:0 3px;color:#000}
.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:#fff0;z-index:2}
.lt-ie9 .irs-disable-mask{background:#000;cursor:not-allowed}
.irs--round .irs-line,label[for=year]+.irs--round .irs-bar{background-color:#dee4ec}
.irs-disabled{opacity:.4}
.irs-hidden-input{
  position:absolute!important;display:block!important;top:0!important;left:0!important;
  width:0!important;height:0!important;font-size:0!important;line-height:0!important;
  padding:0!important;margin:0!important;z-index:-9999!important;
  background:0 0!important;border-style:solid!important;border-color:transparent!important
}
.irs-line{position:relative}
.irs--round{height:50px}
.irs--round.irs-with-grid{height:65px}
.irs--round .irs-line{top:36px;height:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.irs--round .irs-bar{top:36px;height:4px;background-color:#81bc25}
.irs--round .irs-bar--single{-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgb(222 228 236/.5)}
.irs--round .irs-handle{
  top:28px;width:20px;height:20px;border:4px solid #81bc25;
  background-color:#fff;-moz-border-radius:24px;-webkit-border-radius:24px;border-radius:24px;
  -moz-box-shadow:0 1px 3px rgb(129 188 37/.3);
  -webkit-box-shadow:0 1px 3px rgb(129 188 37/.3);
  box-shadow:0 1px 3px rgb(129 188 37/.3)
}
.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}
.irs--round .irs-max,.irs--round .irs-min{color:#8f7f8f;font-size:.75rem;line-height:1;top:0;padding:3px 0}
.irs--round .irs-from,.irs--round .irs-single,.irs--round .irs-to{
  font-size:.75rem;line-height:1;text-shadow:none;padding:3px 5px;
  background-color:#81bc25;color:#fff;
  -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px
}
.irs--round .irs-from:before,.irs--round .irs-single:before,.irs--round .irs-to:before{
  position:absolute;display:block;content:"";bottom:-6px;left:50%;
  width:0;height:0;margin-left:-3px;overflow:hidden;
  border:3px solid #fff0;border-top-color:#81bc25
}
#km .irs-single:after,label[for=km]+.irs .irs-max:after,label[for=km]+.irs .irs-min:after,label[for=km]+.irs .irs-single:after{content:" km"}
#price .irs-single:after,label[for=price]+.irs .irs-max:after,label[for=price]+.irs .irs-min:after,label[for=price]+.irs .irs-single:after{content:" €"}
label[for=term]+.irs .irs-single::after{content:" meses"}
.irs--round .irs-grid{height:25px}
.irs--round .irs-grid-pol{background-color:#dedede}
.irs--round .irs-grid-text{color:silver;font-size:13px}
label span{font-style:italic;color:#495057}

/* ===== NATIVE RANGE ===== */
.native-range-wrapper{
  position:relative!important;height:52px;width:100%;
  padding:32px 0 0;margin:8px 0 0;overflow:visible!important;z-index:10
}
.native-range-wrapper::before{
  content:'';position:absolute;inset:28px 0 0;height:4px;
  background:#dee4ec;border-radius:4px;z-index:1
}
.native-range-wrapper::after{
  content:'';position:absolute;top:28px;left:0;height:4px;
  background:#81bc25;border-radius:4px;width:var(--progress,0%);z-index:2
}
.native-range-wrapper.year-inverted::before{background:#81bc25!important}
.native-range-wrapper.year-inverted::after{background:#e5e5e5!important}
.native-range-input{
  position:relative!important;width:100%!important;height:50px!important;
  -webkit-appearance:none!important;appearance:none!important;
  background:0 0!important;z-index:20
}
.native-range-input::-moz-range-track,
.native-range-input::-webkit-slider-runnable-track{background:0 0!important;height:4px!important;border:none!important}
.native-range-input::-webkit-slider-thumb{
  -webkit-appearance:none!important;appearance:none!important;
  width:20px!important;height:20px!important;background:#fff!important;
  border:4px solid #81bc25!important;border-radius:50%!important;
  box-shadow:0 1px 3px rgb(129 188 37/.3)!important;
  cursor:pointer!important;margin-top:-36px!important;z-index:30
}
.native-range-input::-moz-range-thumb{
  width:20px!important;height:20px!important;background:#fff!important;
  border:4px solid #81bc25!important;border-radius:50%!important;
  box-shadow:0 1px 3px rgb(129 188 37/.3)!important;cursor:pointer!important
}
.native-labels,.native-tooltip{position:absolute!important;font-size:.75rem!important;pointer-events:none!important}
.native-labels,.native-tooltip,.slick-slide.dragging img{pointer-events:none}
.native-tooltip{
  top:-10px!important;left:50px;transform:translateX(-50%)!important;
  background:#81bc25!important;color:#fff!important;
  padding:4px 8px!important;border-radius:4px!important;
  white-space:nowrap!important;z-index:1055!important;
  box-shadow:0 2px 8px rgb(0 0 0/.25)!important
}
.native-tooltip::after{
  content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);
  border-left:6px solid #fff0;border-right:6px solid #fff0;
  border-top:6px solid #81bc25;z-index:1
}
.native-range-wrapper.year-inverted .native-tooltip::after{border-top-color:#81bc25!important}
.native-labels{
  inset:0 0 auto!important;display:flex!important;
  justify-content:space-between!important;
  color:#8f7f8f!important;padding:3px 0!important;z-index:5!important
}

/* ===== TITLE ===== */
.title{
  background-color:#495057;
  -moz-border-radius:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem;
  padding:.5rem 1rem .25rem;margin-bottom:.75rem
}
.title h1,.title h2{font-size:1.125rem;color:#fff;text-transform:uppercase;font-weight:400}

/* ===== SLICK SLIDER ===== */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-slider{
  -webkit-touch-callout:none;-khtml-user-select:none;
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
  -ms-touch-action:pan-y;touch-action:pan-y;
  -webkit-tap-highlight-color:#fff0;
  box-sizing:border-box
}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus,.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{
  -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}
.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid #fff0}
.slick-slide>div{margin:0 .5rem}

@font-face{
  font-family:slick;font-weight:400;font-style:normal;font-display:swap;
  src:url(fonts/slick.eot);
  src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),
      url(fonts/slick.woff) format('woff'),
      url(fonts/slick.ttf) format('truetype'),
      url(fonts/slick.svg#slick) format('svg')
}
.slick-next,.slick-prev{
  font-size:0;line-height:0;position:absolute;top:50%;display:block;
  width:20px;height:20px;padding:0;
  -webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);
  cursor:pointer;border:none;
  color:#fff0;outline:0;background:0 0
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:#fff0;outline:0;background:0 0}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{
  font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{right:-25px;left:auto}
.slick-prev:before,[dir=rtl] .slick-next:before{content:'←'}
.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir=rtl] .slick-next{right:auto;left:-25px}
[dir=rtl] .slick-slide{float:right}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;text-align:center}
.slick-dots li{position:relative;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer;display:inline-block}
.slick-dots li button{
  font-size:0;line-height:0;display:block;width:20px;height:20px;
  padding:5px;cursor:pointer;border:0;color:#fff0;outline:0;background:0 0
}
.slick-dots li button:before{
  font-family:slick;font-size:6px;line-height:20px;
  position:absolute;top:0;left:0;width:20px;height:20px;
  content:'•';text-align:center;opacity:.25;color:#000;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.slick-next::before,.slick-prev::before{color:#495057}

/* ===== BANNERS SLICK ===== */
.banners{margin-bottom:1.5rem}
.slider.novedades{overflow:hidden}
.banners .slick-slide>div{margin:0;transition:.3s}
.banners .slick-slide{max-width:350px;margin:0 15px}
.novedades .slick-list{margin-left:-.5rem;margin-right:-.375rem}
.novedades .slick-next,.novedades .slick-prev{top:25%}
.banners .slick-prev{left:16%}
.banners .slick-next{right:16%}
.banners .slick-slide.slick-current.slick-active,
.banners .slick-slide.slick-current.slick-active+.slick-slide.slick-active+.slick-slide.slick-active+.slick-slide.slick-active+.slick-slide.slick-active+.slick-slide.slick-active{
  opacity:.2;transition:1s
}
@media(max-width:1200px){
  .banners .slick-slide.slick-current.slick-active,
  .banners .slick-slide.slick-current.slick-active+.slick-slide.slick-active+.slick-slide.slick-active+.slick-slide.slick-active+.slick-slide.slick-active+.slick-slide.slick-active{
    opacity:1
  }
}
@media(min-width:410px) and (max-width:550px){.novedades .slick-slide{max-width:100%;width:100%}}
@media(max-width:410px){.novedades .slick-slide{max-width:380px}}

/* ===== BANNERS CAROUSEL (scroll infinito) ===== */
.banners-carousel{
  overflow:hidden;padding:20px 0;position:relative;
  width:100%;max-width:100%;box-sizing:border-box  /* FIX scroll horizontal móvil */
}
.banner-track{display:flex;gap:20px;animation:50s linear infinite scrollBanners;width:max-content}
.banner-item{flex-shrink:0;width:350px;height:146px}
.banner-item img{width:100%;height:100%;object-fit:cover}
@media(max-width:767px){.banner-item{width:80vw;height:auto}}
.banners-carousel:hover .banner-track{animation-play-state:paused}
@keyframes scrollBanners{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== CARS ===== */
.car-title,.car-title a{color:#212529;font-size:.875rem}
#desc p,.precio,.precio .iva{color:#495057}
.car .list-group-item{padding:.5rem .75rem}
.detalles{font-size:.75rem;-ms-flex-align:end!important;align-items:flex-end!important}
.detalles div{padding-right:0;padding-left:0}
.detalles img{max-height:18px;display:block;margin:0 auto}
.detalles div div.small{min-height:16px;font-size:.75rem}
.detalles div:first-child{max-width:30px}
.detalles div:nth-child(3){max-width:70px}
.precio .financiado{font-size:1.125rem;color:#de5307;font-weight:700}
.detalles-ficha a.btn,.precio .financiado span,.precio .iva{font-size:.75rem}
.price .financiado span{font-size:.7rem}

/* ===== PRECIO / ORDEN ===== */
.orden,.precio,.price{text-align:right}
.orden{float:right}
.orden>div{margin:0 1.25rem .25rem 0;display:inline-block}
.orden span{color:#fff}
.orden-coches{color:#ced4da}
.jssocials-share:last-child,.orden .orden-grid{margin-right:0}
.orden-grid img{width:18px}
.row.small{color:#8f7f8f}
@media(max-width:1200px){.orden{float:none}}

/* ===== PRICE BOX ===== */
.orange,.price{background-color:#de5307}
.orange,.break,.break h3,.footer-menu,.footer-menu a,.orden span,a.back-to-top{color:#fff}
.price{
  color:#fff;margin-bottom:.75rem;
  -moz-border-radius:0 .25rem .25rem 0;-webkit-border-radius:0 .25rem .25rem 0;border-radius:0 .25rem .25rem 0;
  line-height:1.1;padding-top:.5rem;padding-bottom:.5rem;font-size:1.1rem
}

/* ===== POPOVER ===== */
h3.popover-header{background-color:#de5307;color:#fff;margin-bottom:0}
.popover{
  -moz-box-shadow:0 .5rem 1rem 100vw rgb(0 0 0/.15);
  -webkit-box-shadow:0 .5rem 1rem 100vw rgb(0 0 0/.15);
  box-shadow:0 .5rem 1rem 100vw rgb(0 0 0/.15)
}
.pop-trigger{position:relative;display:inline-block;cursor:pointer}
body>.pop-box{
  background:#fff;border:1px solid;border-radius:4px;
  min-width:200px;max-width:276px;font-size:13px;
  box-shadow:0 .5rem 1rem rgb(0 0 0/.2);
  white-space:normal;position:relative
}
body>.pop-box::after,body>.pop-box::before{content:'';position:absolute;top:50%;transform:translateY(-50%);border:6px solid #fff0}
body>.pop-box.pop-right::after,body>.pop-box.pop-right::before{right:100%}
body>.pop-box.pop-right::before{border-right-color:rgb(0 0 0/.2)}
body>.pop-box.pop-right::after{border-right-color:#fff;margin-right:-1px}
body>.pop-box.pop-left::after,body>.pop-box.pop-left::before{left:100%}
body>.pop-box.pop-left::before{border-left-color:rgb(0 0 0/.2)}
body>.pop-box.pop-left::after{border-left-color:#fff;margin-left:-1px}
.pop-header{display:block;background-color:#de5307;color:#fff;padding:6px 12px;border-radius:4px 4px 0 0;font-weight:700;font-size:18px}
.pop-body{display:block;padding:8px 12px;color:#212529}

/* ===== LISTING / LISTADO ===== */
#cab-listado .card{margin-bottom:1.875rem}
#cab-listado>div:not(.list) img,.list{transition:.2s}
.list{-ms-flex:0 0 100%;flex:0 0 100%}
.list .card-img-top,.list .card>a{width:190px}
.list .precio,.list .precio+.list-group-item{max-width:185px;position:absolute;right:0}
.list .list-group-item:first-child,.list .list-group-item:nth-child(2){width:54%;position:absolute;right:185px;padding-right:0}
.list .list-group-item:first-child,.list .precio{top:0}
.list .list-group-item:nth-child(2),.list .precio+.list-group-item{bottom:0}

/* ===== CAR DETAIL ===== */
#bread-crumbs .title{font-size:.875rem;color:#fff;font-weight:700;padding:.75rem}
#page-car-details .title h1{text-transform:none;margin-top:.5rem}
#page-car-details .title{margin-top:0;-moz-border-radius:.25rem 0 0 .25rem;-webkit-border-radius:.25rem 0 0 .25rem;border-radius:.25rem 0 0 .25rem}
#carcarousel{
  -moz-box-shadow:0 .5rem 1rem rgb(0 0 0/.15);-webkit-box-shadow:0 .5rem 1rem rgb(0 0 0/.15);box-shadow:0 .5rem 1rem rgb(0 0 0/.15);
  -moz-border-radius:.25rem 0 0 .25rem;-webkit-border-radius:.25rem 0 0 .25rem;border-radius:.25rem 0 0 .25rem;
  overflow:hidden
}
#carcarousel .list-inline{overflow-x:auto}
#carcarousel .list-inline-item:not(:last-child){margin-right:.25rem}
#carcarousel .carousel-indicators{left:initial;width:initial;margin-left:initial}
#carcarousel .carousel-indicators>button{width:initial;height:initial;text-indent:initial}
#carcarousel .carousel-indicators>button img:hover,
#carcarousel .carousel-indicators>button.active img{opacity:1;border:4px solid #81bc25}
#carcarousel .carousel-indicators>button img{border:4px solid #495057}
#logos-coches,#slider{background-color:#fff}
#slider{padding:0;-moz-border-radius:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem}
.ventas{color:#6c757d;padding-left:0;list-style:none}
.ventas li{padding:.5rem 0;border-bottom:1px solid #d8d8d8}
.ventas li img{vertical-align:baseline}
.ventas li span{min-width:20px;display:inline-block;text-align:center}
.ventas strong{color:#212529}
.detalles-ficha p{color:#6c757d;margin-bottom:.5rem}
.jssocials-share-link{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{border-color:#fff0;padding-bottom:0}
.nav-tabs .nav-link.active{text-transform:uppercase;font-weight:700}
.nav-tabs .nav-link.active:after{content:"";width:50%;padding-bottom:.5rem;border-bottom:1px solid #81bc25;display:block}
#equipamiento .ventas{max-height:488px;overflow-y:auto}
#desc p{line-height:1.8}
#desc{padding:0 2rem 2rem}
.carousel-inner .carousel-item{transition:transform .3s,-webkit-transform .3s}

/* ===== CONTACTO ===== */
.contactar .badge{
  -moz-box-shadow:0 .5rem 1rem rgb(0 0 0/.15);-webkit-box-shadow:0 .5rem 1rem rgb(0 0 0/.15);box-shadow:0 .5rem 1rem rgb(0 0 0/.15);
  margin-bottom:1rem
}
.badge.bg-light.rounded-pill{padding-left:0;padding-top:0;padding-bottom:0;font-size:1rem;font-weight:400}
.badge.bg-light.rounded-pill.mail,.badge.bg-light.rounded-pill.phone{margin-left:.5rem}
.address-details p{padding-top:1rem;padding-bottom:.5rem}
.form sup{color:#dc3545}
.form .form-check-input:checked~.form-check-label::before{border-color:#81bc25;background-color:#81bc25}
.form .form-control:focus{border-color:#81bc25;-moz-box-shadow:0 0 0 .2rem rgb(129 188 37/.25);-webkit-box-shadow:0 0 0 .2rem rgb(129 188 37/.25);box-shadow:0 0 0 .2rem rgb(129 188 37/.25)}
.form .form-select:focus{border-color:#81bc25;box-shadow:0 0 0 .2rem rgb(129 188 37/.25)}

/* ===== BREAK SECTION ===== */
.break{
  background-image:url(../img/break-bg.jpg);background-position:center;background-size:cover;
  margin-bottom:2rem;padding-top:1.5rem;padding-bottom:2rem;background-color:#000
}
.break h3{margin-bottom:2.5rem}
.break h3::after{margin-left:auto;margin-right:auto;width:10%}
.break .row div div{border:1px solid #fff;padding:.75rem;text-align:left;height:100%}
.break img{margin:.5rem 0 .75rem}

/* ===== FOOTER ===== */
.footer{background-color:#343a40;padding-top:2rem;padding-bottom:2rem}
.footer-menu{padding-top:1.5rem}
.footer .badge a{color:#de5307}
.footer .badge a:hover{color:#f93}
.social{margin:.5rem auto 0}
.bg-black{background-color:#000;padding-top:.75rem;padding-bottom:.75rem;color:#fff}
.bg-black img{vertical-align:bottom}

/* ===== BACK TO TOP ===== */
a.back-to-top{
  position:fixed;bottom:54px;right:-49px;padding:.25rem .75rem .25rem 43px;
  -moz-border-radius:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem;
  background-color:#de5307;
  -moz-box-shadow:0 1rem 2rem rgb(0 0 0/.75);-webkit-box-shadow:0 1rem 2rem rgb(0 0 0/.75);box-shadow:0 1rem 2rem rgb(0 0 0/.75);
  transition:right .5s;opacity:0
}
#back-to-top.show{opacity:1;transition:.5s}
a.back-to-top:hover{background-color:#cc4d08;right:-3px;color:#fff}
.back-to-top img{padding:10px .5rem 10px 0;border-right:1px solid #fff;position:absolute;left:9px;top:0}

/* ===== HOME ELEMENTS ===== */
ul.homeul{list-style:none}
ul.homeul li{position:relative;list-style-type:none;margin-bottom:1.2rem}
ul.homeul li.euro:before,ul.homeul li:before{
  content:"";position:absolute;top:0;left:-40px;width:30px;height:30px;
  background-image:url(../img/icon/tick.png)
}
ul.homeul li.euro:before{background-image:url(../img/icon/euro.png)}
.home-txt{-moz-border-radius:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem;background-color:rgb(255 255 255/.9);padding-top:.75rem}
img.reviews{-moz-border-radius:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem;margin:0 0 0 15%}

/* ===== MISC ===== */
.bg-img{background-image:url(../img/exterior.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}
.tooltip-inner{background-color:#28a745}
.tooltip.bs-tooltip-end .tooltip-arrow::before{border-right-color:#28a745!important}
.tooltip.bs-tooltip-top .tooltip-arrow::before{border-top-color:#28a745!important}
.map{background:url(/img/map-malagacarocasion.jpg) center/cover no-repeat;height:156px;cursor:pointer}
.abrirmarcas{cursor:pointer;-ms-flex-order:5;order:5}
.btn.btn-form,.orden img,.orden span,.transimision .form-check{cursor:pointer}
.vendido{position:absolute;left:-2px;top:-2px;z-index:999}
.img-left-card,.img-left-card div div:first-child{overflow:hidden}
.img-left-card .img-left+div{padding-top:.5rem;padding-bottom:.5rem;padding-right:1.5rem}
.img-left img{max-width:326px;margin-left:-45px}
#carcarousel .list-inline,.btn-details .btn,.btn.btn-form,.detalles,.irs-from,.irs-grid-text,.irs-single,.irs-to,.native-tooltip,ul.navbar-nav{white-space:nowrap}
.jssocials-share,.orden>div,.slick-dots li,.ventas li span{display:inline-block}
.jssocials-share{margin-right:.25rem}
.jssocials-share-logo{max-width:100%}
.sitemap{padding:0;list-style:none;column-count:3;column-gap:0}
.sitemap li{border-bottom:1px solid #dee2e6;padding:.75rem 1.25rem}
ul.check{list-style-image:url(../img/check.jpg)}

/* ===== LOGOS COCHES ===== */
#logos-coches{
  background-image:linear-gradient(to right,#fff,#f0f0f0);
  padding:2rem 0;overflow:hidden;max-height:164px;transition:max-height .5s
}
#logos-coches.hide{max-height:none;overflow:visible}
#logos-coches .abrirmarcas img{transition:.5s}
#logos-coches.hide .abrirmarcas img{transform:rotate(180deg);transition:.5s}
#logos-coches img{padding:1rem 0;margin-bottom:1rem}

/* ===== BLOG ===== */
#results{padding:15px}
h3.blog-widget{font-size:20px}

/* ===== NAV PILLS ===== */
.nav-pills .nav-link{color:#495057;background-color:#f8f9fa;border:none;border-radius:.375rem .375rem 0 0;font-size:.8rem}
.nav-pills .nav-link:hover{color:#81bc25;background-color:#f0f7e0}
.nav-pills .nav-link.active{color:#fff;background-color:#81bc25;border-radius:.375rem .375rem 0 0}
@media(min-width:576px){.nav-pills .nav-link{font-size:1rem}}

/* ===== RESPONSIVE ===== */
@media(max-width:1200px){
  .img-left img{max-width:390px;margin-left:-105px}
  .list .list-group-item:first-child,.list .list-group-item:nth-child(2){width:38%}
  .jssocials-share{max-width:30px}
}

@media(max-width:992px){
  #searchsales a,a#closebtn:hover{text-decoration:none}
  .openform{
    color:#fff;cursor:pointer;font-weight:700;text-transform:uppercase;padding:.5rem;
    background-color:#81bc25;
    -moz-border-radius:0 .25rem .25rem 0;-webkit-border-radius:0 .25rem .25rem 0;border-radius:0 .25rem .25rem 0;
    left:0;display:block
  }
  .home-txt,.overlay{background-color:rgb(255 255 255/.9)}
  #searchsales{width:min(300px,100vw);left:calc(-1 * min(300px,100vw));background-color:#f0f0f0}
  #searchsales a{padding:8px 8px 8px 32px;font-size:25px;color:#818181;display:block}
  #searchsales a:hover{color:#f1f1f1}
  #closebtn{
    top:2.4rem;font-size:30px;line-height:1;color:#81bc25;background-color:#fff;
    -moz-border-radius:0 .25rem .25rem 0;-webkit-border-radius:0 .25rem .25rem 0;border-radius:0 .25rem .25rem 0;
    padding:5px 8px;left:-40px;display:block
  }
  #closebtn,#searchsales,.openform{
    z-index:5;position:fixed;
    -moz-box-shadow:0 1rem 2rem rgb(0 0 0/.15);-webkit-box-shadow:0 1rem 2rem rgb(0 0 0/.15);box-shadow:0 1rem 2rem rgb(0 0 0/.15)
  }
  #main{transition:margin-left .5s;padding:20px}
  #closebtn,#contenido,#searchsales,#searchsales a,.openform{transition:.3s}
  .overlay{position:fixed;z-index:3;left:0;transition:opacity 1s}
  .home-txt{-moz-border-radius:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem;padding-top:.75rem}
  #searchsales,.overlay{top:0;overflow-x:visible;overflow-y:auto;height:100%}
  .footer .badge.bg-light.rounded-pill{margin-bottom:.75rem}
  .list .list-group-item:first-child,.list .list-group-item:nth-child(2){width:45%}
  #carcarousel .carousel-item img{width:100%}
  .form{margin-top:2rem}
  #contactform.form{margin-top:0}
  #infoventas{margin-left:auto;margin-right:auto}
  #carcarousel,#slider{-moz-border-radius:.25rem .25rem 0 0;-webkit-border-radius:.25rem .25rem 0 0;border-radius:.25rem .25rem 0 0}
  .detalles-ficha{-moz-border-radius:0 0 .25rem .25rem;-webkit-border-radius:0 0 .25rem .25rem;border-radius:0 0 .25rem .25rem}
  .social-menu,.social-menu li{display:inline-block}
  .social-menu img{vertical-align:inherit}
  .social-menu .icon-mail,.social-menu .icon-phone,.social-menu .icon-whatsapp{vertical-align:middle}
  #main-menu{margin-bottom:1rem}
  #main-menu .nav-link.active{padding-left:1rem}
  .navbar-toggler{margin-left:0;margin-right:auto}
}

@media(max-width:768px){
  #logos-coches .container,.img-left img,.list .card>a{max-width:100%}
  .openform,.openform:hover{opacity:1}
  .img-left{max-width:576px;margin:0 auto}
  .img-left img{margin-left:0}
  .break .row>div{margin-bottom:.75rem}
  .columns2{columns:1}
  .sitemap{columns:2}
  #logos-coches.hide{max-height:615px}
  .abrirmarcas{-ms-flex-order:3;order:3}
  .footer .badge.bg-light.rounded-pill{font-size:.875rem}
  .bg-img{min-height:200px;background-position:top center}
  ul.homeul{font-size:1rem}
  .list .list-group-item{width:auto!important;max-width:100%!important;position:relative!important;right:auto!important;top:auto!important;bottom:auto!important;border-width:1px 0;border-style:solid;border-color:rgb(0 0 0/.125)}
  .list{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .list .list-group-item:nth-child(2){padding-right:1.25rem}
  .orden-grid{display:none!important}
  .orden .orden-year{margin-right:0}
  .list .card-img-top,.list .card>a{width:100%}
  .openform{top:2.4rem}
  #page-car-details .title{margin-bottom:0;-moz-border-radius:.25rem .25rem 0 0;-webkit-border-radius:.25rem .25rem 0 0;border-radius:.25rem .25rem 0 0}
  .price{-moz-border-radius:0 0 .25rem .25rem;-webkit-border-radius:0 0 .25rem .25rem;border-radius:0 0 .25rem .25rem}
}

@media(max-width:410px){
  img.reviews{margin:.5em;width:40%}
  .navbar-brand img{max-width:200px;height:auto}
  .detalles-ficha .ventas,.sitemap{column-count:1}
}

@media screen and (max-height:450px) and (max-width:992px){
  #back-to-top,#pdf,.btn-details>div>div span,.slick-next,.slick-prev{display:none!important}
  #logos-coches.hide{max-height:850px}
  .abrirmarcas{-ms-flex-order:2;order:2;font-size:.875rem}
  #cab-listado>div{max-width:360px;margin:0 auto}
  .list{-ms-flex:0 0 100%;flex:0 0 100%;max-width:360px}
  #page-car-details .title,#slider,.detalles-ficha,.price{margin-left:15px;margin-right:15px}
  .address-details{text-align:center}
  .btn-details{
    position:fixed;z-index:999;bottom:0;left:0;padding:.5rem 0 0;
    background-color:#81bc25;
    -moz-box-shadow:0 -.5rem 1rem rgb(0 0 0/.15);-webkit-box-shadow:0 -.5rem 1rem rgb(0 0 0/.15);box-shadow:0 -.5rem 1rem rgb(0 0 0/.15)
  }
  .btn-details>div>div{width:33%}
  .btn-details>div{padding-bottom:.5rem!important}
  .btn-details .btn img{max-width:24px}
  .btn-details a.btn{width:100%}
  .btn-details .btn-light{text-decoration:none}
  .btn-details .btn div{display:block}
  #mail img{padding:3px 0}
  #mail .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;display:inline-block;vertical-align:middle}
  .nav-tabs .nav-item a{font-size:.75rem;padding-left:.5rem;padding-right:.5rem}
  .icon-mail:hover div,.icon-phone:hover div{width:0;margin-left:0}
}

@media(max-width:576px){
  #logos-coches.hide{max-height:none;overflow:visible}
  .btn-details{position:fixed;bottom:0;left:0;right:0;z-index:1030;background-color:#fff;box-shadow:0 -2px 6px rgba(0,0,0,.15);padding:0;margin:0}
  .btn-details .d-flex,.btn-details .row{gap:0!important;padding-bottom:0!important;flex-wrap:nowrap!important}
  .btn-details>.d-flex>div,.btn-details>.row>div{flex:1}
  .btn-details .btn{width:100%;border-radius:0;padding:0;height:56px;display:flex;align-items:center;justify-content:center;font-size:0}
  .btn-details .btn div,.btn-details .btn span{display:none}
  .btn-details .btn img{width:28px;height:auto}
}