/* 
    Created on : 20 jul. 2023, 12:38:48
    Author     : flor | horacio
*/

        
#productoContainer {
  --product-view-height: 680px;
}

#productoContainer .f-thumbs.is-classic.is-vertical {
  height: var(--product-view-height, 100%);
}

/*
  Thumbnails
*/

.f-thumbs.is-classic {
  --f-thumb-width: 90px;
  --f-thumb-height: 135px;

  --f-thumb-gap: 0.5rem;

  --f-thumb-opacity: 1;
  --f-thumb-selected-opacity: 0.2;

  --f-button-color: #0d0c22;
  --f-button-hover-color: #ff3520;

  --f-button-bg: #fff;
  --f-button-hover-bg: #fff;
  --f-button-active-bg: #fff;
}

.f-thumbs.is-classic .f-thumbs__slide__img {
  object-fit: contain;
}

.f-thumbs.is-classic .f-carousel__nav .f-button[disabled] {
  display: none;
}
/* Carousel */

#productoCarousel {
  --f-carousel-spacing: 0;

  --f-button-width: 48px;
  --f-button-height: 48px;
  --f-button-border-radius: 0;

  --f-button-color: #0d0c22;
  --f-button-hover-color: #ff3520;

  --f-button-bg: #fff;
  --f-button-hover-bg: #fff;
  --f-button-active-bg: #fff;

  --f-button-svg-width: 28px;
  --f-button-svg-height: 28px;

  --f-button-svg-stroke-width: 1;
  --f-button-svg-filter: none;

  height: auto;

  margin: 10% 5% 0%;;
  border: 1px solid #0000ff52;
}

#productoCarousel .f-carousel__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#productoCarousel .f-carousel__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#productoCarousel .f-carousel__nav {
  opacity: 0;
  transition: opacity 0.15s;
}

@media (hover: hover) {
  #productoCarousel:hover .f-carousel__nav {
    opacity: 1;
  }
}

.minuatura-no-slide .f-thumbs__track{
  transform: matrix(1, 0, 0, 1, 1, 0)!important;
}
  .f-thumbs.f-carousel__thumbs{
     margin:0 5%;
}

  .f-thumbs__slide{
    width: 23.5%;
    margin-right: 1%!important;
    border: 1px solid #0000ff52;
}
@media(max-width:992px){

  #productoCarousel {
  margin:3% 3% 0;
}
  .f-thumbs.f-carousel__thumbs {
    margin: 0 3%;
} 
}

/* Fancybox */

.fancybox__container {
  --fancybox-color: #0d0c22;
  --fancybox-bg: #fff;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
}

.fancybox__toolbar,
.fancybox__nav {
  --f-button-width: 60px;
  --f-button-height: 60px;
  --f-button-border-radius: 0;

  --f-button-color: #0d0c22;
  --f-button-hover-color: #ff3520;

  --f-button-bg: #fff;
  --f-button-hover-bg: #fff;
  --f-button-active-bg: #fff;

  --f-button-svg-width: 32px;
  --f-button-svg-height: 32px;

  --f-button-svg-stroke-width: 1;
  --f-button-svg-filter: none;
}

.fancybox__nav {
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

::-webkit-scrollbar-thumb{
    background:transparent !important;
    box-shadow: none !important;
}  

/*General*/

.producto-individual, .slider-sucursales{
    max-width:1300px;
    margin:auto;
}

/*Barra de navegacion negra*/
.bar-nav{
  background:#000;
  width:100%;
  line-height: 50px;

  }
  
.bar-nav a{
  text-decoration: none;
  color: #fff!important;
  font-weight: 600;
  padding-left: 20px;
}

.bar-nav a:hover{
    text-decoration: underline;
}

/*genero*/
.genero-mobile{
  display:none;
  }

.genero-desktop, .genero-mobile{
  padding: 6px 10px;
  color: #fff;
  background: #001E7E;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
  }
  @media(max-width:992px){

  .genero-mobile{
    display:inline-block;
    margin-left:3%;
  }
  .genero-desktop{
    display:none;
  }
}
/*Espacio entre genero y titulo*/

.espacio-titulo-desktop{
  margin-top: 8%;
  }
  @media(max-width:992px){

  .espacio-titulo-desktop{
    margin-top: 0px;
  }
  .espacio-titulo-mobile{
    margin-top: 3%;
  }
  }

/* Titulo */
.titulo-indumentaria-desktop{
  margin-top: 25px;
  font-weight: bold;
}    
   
.titulo-indumentaria-mobile{
  display:none;
  margin-top:10px;
  margin-left: 3%;
  font-weight: bold;
}
@media(max-width:992px){
  .titulo-indumentaria-desktop{
    display:none;
  }
  .titulo-indumentaria-mobile{
    display:block !important;
  }
}
/* Talles */

.talles{
    display: inline-flex;
    padding-left: 0px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.talles li{
  margin-right: 5px;
  list-style: none;
  background: transparent;
  color: #001E7E;
  padding-top: 18px;
  border: 2px solid;
  border-radius: 50px;
  font-size: 14px;
  font-weight: bold;
  line-height: 0;
  width: 40px;
  height: 40px;
  text-align: center;
}

.btn-talles{
  color: #e0040b;
  text-decoration: underline;
  font-size: 15px;
  font-weight: bold;
  background:transparent;
  padding: 0px 0px 10px;
  margin-bottom:15px;
}
.btn-talles:hover, .btn-talles:focus, .btn-talles:active{
  outline: none!important;
  box-shadow: none!important;
  }

/*Modal table de talles*/
  .modal-header{
    border-bottom: none!important;
    padding: 20px 25px 0px;
  } 
  .modal-header .close{
    font-size: 38px;
  }
  .modal-body{
    padding: 0px 10px 20px;
  }
  .modal-body h4{
    padding-left:15px;
    margin-bottom:0!important;
  }
  .modal-body img{
    margin:auto;
  }
  .modal-body img{
    margin-bottom: 20px;
  }

  .modal-body td{
        padding: 5px 0px;
  }
  .modal-body table{
    font-size:12px;
    text-align:center;
    width: 100%;
  }
  .tabla-tipo{
    font-weight:bold;
    background-color: #e2e0e0;
  }
  .tabla-tipo td{
    width:25%!important;
  }
  .tabla-tipo td:nth-child(1) , .tabla-prenda{
    text-align:left;
    padding-left: 10px!important;
  }

  .tabla-gris{
    background-color: #e2e0e0;
  }
  .tabla-prenda{
    font-weight:bold;
  }

  @media(min-width:768px){
    .modal-dialog{
      width:500px
    }
  } 

/* Detalles de producto */
#caracteristicas ul{
    padding-left: 20px;
  }
.col-detalles-producto p{
  margin: 15px 0px 20px;
}
.col-detalles-producto h5{
  font-size: 16px;
  margin-bottom:20px;
  }
.f-button:hover:not([disabled]){
  color: #0025e9;
  }
dd{
  margin-bottom: 10px;
  }
  
.col-detalles-producto .nav-tabs>li.active>a, .col-detalles-producto .nav-tabs>li.active>a:hover{
  color: #001E7E;
  border: 3px solid #001E7E !important;
  }
  @media(max-width:992px){
  .col-detalles-producto{
        margin: 0 20px;
  }
}



/* colores */
.colores{
  display: flex;
  padding-left: 0px;

  }

.colores li{
  list-style: none;
  margin-right: 10px;
  padding: 10px;
  border: 1px solid;
  color: transparent;
  width: 40px;
  border-radius: 50px;
  height: 40px;
  cursor: pointer;
}
   

/*PRECIO*/
.titulo-precio{
margin-bottom:0px!important;
}
.precio{
  margin-top:0px!important;
  margin-bottom:5px!important;
}
.terminos-bottom{
  display:block;
  margin-bottom:30px!important;
}
.precio-suerido-wrap .col-12{
    padding-left:0!important;
}

/*Slider concesionarias*/

  .slider-sucursales{
        margin-bottom: 60px;
  }
  .slider-sucursales .email-sucursal{
    display:none!important;
  }
  .slider-sucursales .sucursalnombre{
    margin-top:25px;
  }
  .slider-sucursales .alinear {
    width: 24%;
    margin-right: 1%;
    background: #F3F3F3;
}
  .slider-sucursales .alinear-content{
    min-height: auto!important;
    margin-bottom: 30px;
  }
  .slider-sucursales .alinear .botoncentro.selector-experience-service{
    display:none!important;
  }
  
  .slider-sucursales .is-horizontal .f-carousel__nav .f-button.is-next, .slider-sucursales .is-horizontal .fancybox__nav .f-button.is-next{
    right:-50px!important;
  }

  .slider-sucursales .is-horizontal .f-carousel__nav .f-button.is-prev, .slider-sucursales .is-horizontal .fancybox__nav .f-button.is-prev{
    left:-50px!important;
  }
.tel-sucursal{
  display:none!important;
}
 .sucursal-provincia{
    color: #fff;
    background: #001E7E;
    font-size: 12px;
    line-height: 16px;
    padding:8px 5px;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-flex;
    align-items: center;
    width: 100%;
    text-align: center;
    justify-content: center;
 } 
 @media(max-width:576px){
 .sucursal-provincia{
  min-height: 48px;
}
}
#sucursalesCarousel .fa-map-marker-alt{
    background: url(/bundles/frontend/img/iconos/map-marker-alt-solid.svg) no-repeat center center;
    background-size: 10px 10px;
    width: 10px;
    height: 10px;
    filter:invert(100%);
    margin-right: 10px;
}
 @media(max-width:1600px){
    .slider-sucursales {
      max-width: 95%;
  }
    .slider-sucursales .is-horizontal .f-carousel__nav .f-button.is-next, .slider-sucursales .is-horizontal .fancybox__nav .f-button.is-next{
    right:-25px!important;
  }

  .slider-sucursales .is-horizontal .f-carousel__nav .f-button.is-prev, .slider-sucursales .is-horizontal .fancybox__nav .f-button.is-prev{
    left:-25px!important;
  }
  } 

@media(max-width:992px){
  .slider-sucursales{
    margin-left: 19px;
    margin-right: 19px;
  }
  .slider-sucursales .alinear {
      width: 32.33%;
  }
  .slider-sucursales .is-horizontal .f-carousel__nav .f-button.is-next, .slider-sucursales .is-horizontal .fancybox__nav .f-button.is-next{
    right:var(--f-button-next-pos)!important;
  }

  .slider-sucursales .is-horizontal .f-carousel__nav .f-button.is-prev, .slider-sucursales .is-horizontal .fancybox__nav .f-button.is-prev{
    left:var(--f-button-prev-pos)!important;
  }
}

@media(max-width:768px){
    .slider-sucursales .alinear {
        width: 49%;
    }
    .slider-sucursales .alinear-content{
      margin-bottom: 20px;
    }
} 
  


.indumentaria-detalle-container .logo-bonificacion{
  max-width: 160px;
  }
  
  .indumentaria-detalle-container .col-detalles-producto h5{
  margin-bottom: 0px;
  }