/* CARFIABLE CSS */
.d-flex{
   display:flex;
   justify-content:center;
   align-items: center;
  }
  #badges li{
     width:47%;
     display:none
  }
  #badges [href='#ins2'] svg{
   height:60px !important
  }
  #badges [href='#ins2']  a{
     color:var(--e-global-color-accent);
  }
  #reporte{
     display:none
  }
  #reporte .elementor-button-content-wrapper{
   align-items:center
  }
  #reporte .icon-Document-Search{
     font-size:2em
  }
  
  #boton-caja img{
   margin:auto;
   display:block;
   width:33px;
     height:33px
  }
  #isverificado{
   margin:0;
   color:#006bfa;
   font-weight:600;
   font-size:12px
  }
  .vehica-panel .vehica-car-form__grid-element{
   flex-basis:50%
  }
  .qqr{
   height:auto !important;
         display: flex;
   flex-direction: column-reverse;
     align-items: center;
  }
  .qqr img{
     width:150px
  }
  
  .vehica-car-card-row__calculate,.vehica-checkbox--featured-big,
  .vehica-login .vehica-fields, .vehica-register .vehica-fields,
  .vehica-social-login-or,.vehica-button--register, .vehica-button--login,
  .vehica-login__below-fields,[href*="account_social"] {
   
  }
  
  .vehica-user-popup input#login {
     min-width: 100%;
}
  
  .vehica-relation-field.vehica-car-form-field__vehica_6673 {
   width: 100%;
  }
  .vehica-car-form__grid-element.vehica-car-form__grid-element--row.vehica-car-form-field__description {
   flex-basis: 100%;
  }

  
  /* VERIFICADO */
  #ver_form {
   background: #dee9f2;
   .elementor-widget-container {
       background: #fff;
       box-shadow: 0 0 10px #202b4263;
   }
}
  #ver_form form{
   width:400px;
   max-width:100%;
   overflow-x:clip;
     font-size:14px;
     font-weight:500
  }
  #ver_form span{
   display:block;
   width:100%
  }
  #ver_form p,#ver_form label, #ver_form .wpcf7-radio {
   display:flex;
   flex-wrap:nowrap;
   width:100%
  }
  
  #ver_form :is(input,textarea,select){
   padding:5px 15px;
   width:97%;
   max-width:100%;
   max-height:100px;
   background: #e8eef3;
   border: 1px solid #9ba0aa;
   border-radius: 4px;
   margin:0 5px 5px 5px;
   padding:7px 5px
  }
  #ver_form .wpcf7-radio label{
   background:#e9ecf3;
   padding:3px 5px;
   border-radius:3px;
    border:1px solid #a5a6a8;
   font-size:.9em;
   font-weight:600
  }
  #ver_form [type='number']{
   max-width:100px
  }
  #ver_form [type='checkbox'],#ver_form [type='radio'] {
  display:inline;
     width:auto;
     margin:0 5px 0 0 
  }
  #ver_form h3{
   border-bottom:3px solid #08f;
   font-weight:800;
   margin-top:20px
  }
  #ver_form p:nth-of-type(odd){
     margin-top:20px
  }	
  #ver_form  :is(input,textarea,select):focus{
   border-color: #006aff;
  }
  #ver_form [type='submit']{
   background: #006aff;
   border:0;
   font-size:1.5em;
   font-weight:700;
   padding:10px;
   color:#fff;
   text-shadow:1px 0 0 #0006;
    cursor:pointer;
   transition:all 0.4s
  }
  #ver_form [type='submit']:hover{
    background: #03439d;
    text-shadow:2px 3px  0 #0009;
  }
  #ver-ficha{
     display:none
  }
  
  h3.rep-log {
   padding:100px 30px;
   text-align:center;
   font-weight:700;
   font-size:1.3em;
   color:#5d5f6c
  }
  .rep-log:before{
   content:'';
   background:url(https://carfiable.mx/wp-content/uploads/2023/10/abc-insadv.svg) center no-repeat;
   display:block;
   height:220px;
   background-size:150px
  }
  .rep-log a{
   text-decoration:underline
  }
/*
  .vehica-car-gallery:before {
   content: 'Llevatelo con el 30% de enganche';
   background:#2575fc;
   font-weight:800;
   color:#fff; 
   transform: rotate(-45deg);
   display:flex;
   position:absolute;
   top:0;
   right:0;
   width:100px;
   height:100px;
   z-index:9;
   border-radius:50% 50% 50% 5px;
   padding:15px;
   text-align:center;
   font-size:15px;
   line-height:1em;
   text-shadow:-3px 3px 3px #0066;
   transition:all 0.4s
  }
  .vehica-car-gallery:hover:before{
   top:-8px
  }
*/
  /*COTIZA*/
  .inicia {
   max-width:700px;
   color:#666
  }
  .inicia h2{
   margin: 20px 0 -10px 20px;
   font-weight: 800;
   font-size: 23px;
  }
   .inicia h3 {
   width:300px;
   text-align:center;
   background:#eee;
   border:2px solid #8493a157;
   border-radius:9px;
   margin:0 auto;
   box-shadow:0 0  20px #8493a157 inset;
   padding:30px;
   color:#555;
   font-weight:600;
   text-shadow:0 1px  0 #fff
  }
  .inicia a{
   color:#2575fc
  }
  #calc_p, .datos,.plazos {
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-content:center;
   align-items:center
  }
  .datos, .dato-carro{
   align-items:flex-start;
   margin-top:20px
  }
  .plazos{
   flex-direction:row;
   flex-wrap:wrap;
  justify-content:flex-start;
   border:2px solid #aaa;
   border-collapse:collapse;
  margin:15px 0;
  border-radius: 9px;
  overflow: hidden;
  }
  .plazos,	.datos {
   max-width:400px;
   width:100%
  }
  #calc_p h2, #calc_p h3, .enganche{
   font-weight:800;
   margin:10px 0
  }
  
  #calc_p h3,.enganche label:has(:checked) {
    color:#2575fc
  }
  .enganche{
    font-size:22px;
   gap:4px
  }
  .enganche input{
   display:none
  }
  .enganche label{
   position:relative
  }
  input.enum {
   position:absolute;
   top:0px;
  right:0;
   font-weight:800; 
    width:100%;
   font-size:22px;
   border:0px;
  border-radius:5px;
   color:#222;
   height:100%
  }
  .enganche label:has(:checked) .enum{ 
  display:block;
   background:#eee
  }
  .enganche label:has(.ecus:checked):after{
   content: '%';
   position:absolute;
   color:#2225;
   right:15px;
   pointer-events:none
  }
  .enganche label, #calc_p select, #calc_p option{
   background:#fefefe;
   border:2px solid #fff;
   padding:6px 10px;
   border-radius:6px;
   cursor:pointer;
   transition:all 0.2s
  }
  select#carro {
   font-size:1.2em;
   padding:10px  
  }	
  #calc_p option{
    line-height:18px
  }
  .enganche label:hover{
  border:2px solid #ccc;
  }
  .enganche label:has(:checked), #calc_p select{
  background:#eee;
      border:2px solid #488af9
   
  }
  #calc_p h3.title-plazos {
   margin-top:30px
  }	
  h3.title-plazos span{
   color:#333
  }
  
  .datos dt{
   width: 100%;
   display:flex;
   justify-content:space-between;
   border-bottom:1px solid #eee;
  transition:all 0.2s
  }
  .datos dt:hover{
   background:#eee;
   padding:0 5px;
   
  }
  .datos dt b{
   padding-right:9px
  }
  .plazos span{
   flex-basis:50%; 
   border:1px solid #ddd;
   border-collapse:collapse;
  padding:5px;
  text-align:center
  }
  .dato-carro span{
   height:190px;
  display:flex;
   align-items:center
  }
  
 #calc_p .dato-carro img{
   height:100%;
   border-radius:8px;
   box-shadow:0 0 0 1px #fff,0 0 3px  #000d;
   max-height:130px;
   width:150px;
   object-fit:cover
  }
  .dato-carro a{
   max-width:300px;
   padding-left:20px;
   display:block;
  font-weight:700;
  line-height: 1.2em;
  }
  .datos span , .plazos span:nth-last-of-type(odd) {
   color:#2575fc;
   font-weight:600
  }
  .dato-total span, .plazo-48{
     font-weight:800;
  }
  .plazos span:nth-last-of-type(2n){
   background:#eee
  }
  #calc_p [type=submit]{
    background-color:#2575fc;
   font-weight:600;
   color:#fff;
   border:0;
   padding:10px 20px;
   display:block;
   margin:5px auto;
  cursor:pointer; 
   border-radius:5px;
  font-size:1.1em;
   transition:all 0.2s
  }
  #calc_p .wpcf7-submit:hover {
   background:#1c59c0;
   box-shadow:0 0 0 3px #fff,0 0 6px 6px #2575fc33;
   
  }
  
  
  #ficha_ver{
     padding:0 30px
  }
  #ficha_ver article{
     display:flex;
     flex-wrap:wrap;
     margin-bottom:20px;
     padding-bottom:20px;
     gap:15px
  }
  #ficha_ver h3{
     flex-basis:100%;
     font-weight:700;
     margin:5px 0; 
      border-bottom:2px solid #168aff;
     padding-bottom:10px
  }
  #ficha_ver h3 img{
     margin-right:10px
  }
  
    #ficha_ver article div{
     flex-basis: calc(33% - 13px);
     max-width:33% ; 
     text-align: center;
     border: 1px solid #bbb;
     border-radius: 8px;
     padding: 12px;
     display:flex;
     flex-direction:column;
     justify-content: center;
     min-height:100px;
     align-items: center;
  }
  #ficha_ver article p{
     font-weight:700
  }
  #ficha_ver article a{
    overflow-wrap: break-word;
    word-wrap: break-word;
     max-width:94%
  }
    #ficha_ver h2 {
     font-size:1.8em;
     font-weight:800;
     color:#2575fc
  }
  
  #ficha_ver article div img{
     width:30px
  }
  #imp{
     height:100px;
     display:flex;
     flex-direction:column;
     justify-content: flex-start;
     min-height:100px;
     align-items: center;
  }
  .enganche-cant input{
     font-size:23px;
     font-weight:800;
     padding:5px;
     border:0;
     border-radius:8px;
     text-align:center;
     border-bottom:2px solid #ddd
  }
  .enganche-cant input:hover, .enganche-cant input:focus{
     background:#ddd
  }
  .credito{
     text-align:center;
     width:80%;
     flex-direction:column;
     margin-top:20px;
     display:none; 
  }
  .credito h4{
     font-weight:700
  }
  .credito input{
     width:50%; 
     scale:2;
     cursor:pointer
  }
  .credito-v{
   display: flex;
   justify-content: space-around;
   width:100%;
   margin:40px 0;
   position:relative;

  }
.credito-v:after{
   content:'';
   width:90%;
 height:15px;
 position:absolute;
 border-radius:50px;
 top:-37px;
  background:#eee;
  border:2px solid #aaa;
 z-index:-1  ;
 box-shadow: var(--bg);
 }
  
  .credito-v dt{
    border:2px solid #aaa;
   padding:6px 10px;
   border-radius:6px;
   cursor:pointer;
   transition:all 0.2s;
   font-weight:700;
   position:relative
  }

  .credito-v dt:hover,  .credito-v dt.active
  {
   background:#eee;
      border:2px solid #488af9;
   color: #2575fc;
  }
.credito-v dt:after{
 content:'';
 width:30px;
 height:30px;
 position:absolute;
 border-radius:50%;
 top:-45px;
 left:0;
 right:0;
 margin:auto;
 transition:all 0.2s
}
.credito-v dt:hover:after{
  background: #aaa
}
 .credito-v dt.active:after{
 
 background: #2575fc;
 
}

.badge {
   position: absolute;
   width: 196px;
   display: flex; 
 justify-content:center;
   transform-origin: top right;
 scale:.75;
 right:10px;
 top:10px;
 z-index:99; 
 transition:all .2s;
 pointer-events:none
 }

.badge svg{
 width:98%; 
}
 .badge .title {
   color:#fff;
   font-weight: 900;
   font-size: 1.7em;
   position: absolute;
   top: -28px;
   border-radius: 8px 8px 0 0;
   text-align: center;
   width: 100%;
      background: #2575fc;
   padding: 20px 0;
 }
 .badge .subtitle {
   position: absolute; 
   font-size: 3.8em;
   width: 100%;
   text-align: center;
   color: #2575fc;
   font-weight:900;
   position: absolute;
   top: 0.9em;
 }

 .badge.sold .title{
   background:#ce003a
}




body:has([data-est="vendido"]) #botones{
   display:none !important
}
/*RESPONSIV*/


  @media (max-width:568px){
   #badges li{
       min-width:100%
   }
   .badge{
    scale:.35;
     
   }
   
   .vehica-car-gallery .vehica-gallery-main__wrapper {
    height: 320px !important;
    }
    b.pe {
    text-align: right;
    display: inline-block;
    }
    .vehica-car-embed {
     min-height: 250px;
    }
   
   
  }
  
  
@media (min-width: 1200px) {
    .vehica-car-gallery .vehica-gallery-main__wrapper {
        height: 632px !important;
        padding-top: 0 !important;
        position: relative;
        overflow: hidden;
    }
}