:root {
  --verder-claro: #6ba53a /*#42A42B*/;
  --verder-oscuro:#6ba53a /*#007934*/;
  --rojo: #E32521;
  --azul-claro: #242f6f/*#0B3183*/;
  --azul-oscuro: #242f6f/*#14235B*/;
}

@font-face {
  font-family: 'mark';
  /*src: url('http://www.cambialibros.es/public/fonts/cl.eot');*/
  src: url('../fonts/Mark Simonson - Proxima Nova Light.otf')  format('opentype'),
  url('../fonts/Mark Simonson - Proxima Nova Extrabold.otf')  format('opentype'),
  url('../fonts/Mark Simonson - Proxima Nova Regular.otf')  format('opentype'),
  url('../fonts/Mark Simonson - Proxima Nova Bold.otf')  format('opentype');
}

*{
  font-family: 'mark';
  margin: 0;
}

.top-menu{
  top: 11px;
  width: 100%;
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  align-content: center;
  margin-top: 10px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-right: 20px;
}

.top-menu_item{
  display: inline-table;
  magin:20px;
  color: gray;
}

.top-menu_link{
  font-size: 19px;
  line-height: 17px;
  list-style: none;
  text-decoration: none;
  color: #707070;
}
.btn-info {
  --bs-btn-color: white !important;
   --bs-btn-bg: var(--verder-claro)  !important;
  --bs-btn-border-color: var(--verder-claro)  !important;
  --bs-btn-hover-color: white !important;
  --bs-btn-hover-bg: var(--verder-claro)  !important;
  --bs-btn-hover-border-color: var(--verder-claro)  !important;
  --bs-btn-focus-shadow-rgb: 11,172,204  !important;
  --bs-btn-active-color: white !important;
  --bs-btn-active-bg: var(--verder-claro)  !important;
  --bs-btn-active-border-color: var(--verder-claro)  !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: white !important;
  --bs-btn-disabled-bg: var(--verder-claro)  !important;
  --bs-btn-disabled-border-color: var(--verder-claro)  !important
}

.ocultar{
  display: none;
}

.circle-active{
  background-color: var(--verder-claro) !important;
}

.text-60{
  font-size: 60px !important;
}

.galeria_panel_content{
  /*border:1px solid red;*/
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 10px;
}

.galeria_panel_content:hover{
  cursor: pointer;
}



@media(max-width:1025px){
  .galeria_panel_content{
    grid-template-columns: repeat(1,1fr);
  }
}
.galeria_item{
  border: 1px solid #ccc;
  box-sizing: border-box;
  float: left;
  height: 230px;
  margin: 0 0 20px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  position: relative;
}

.galeria_item:hover .overlay{
  width: 100%;
  height: 100%;
  background: rgba(var(--azul-claro) ,.5);
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  top: 0;
  transition: all 0.5s;
}

.galeria_item:hover .overlay-icon{
  width: 3rem;
  height: 3rem;
  color: white;
  transition: all 0.5s;
}

.galeria_imagen{
  height: 180px;
  max-height: 100%;
  margin: auto;
  padding: 10px;
  box-sizing: border-box;
  max-width: 100%;
}


.galeria_titulo{
  border-top: 1px solid #ccc;
  color: #595959;
  display: table;
  float: left;
  font-family: 'source-regular';
  font-size: 14px;
  height: 50px;
  margin: 0 5%;
  width: 90%;
  padding: 0.5rem;
}

/*                                   */

.accordion-body ul li{
  text-decoration: none;
  list-style: none;
  cursor: pointer;
}

.accordion-body ul li:hover{
  font-weight: bold;
  color: var(--azul-claro) ;
}

.accordion-button:hover{
  background-color: var(--azul-claro) ;
  color:white;

}

.accordion-button.collapsed::after {
  background-image: none;
  color: var(--azul-claro) ;
  content:"+"
}

.accordion-button.collapsed:hover::after{
  background-color: var(--azul-claro) ;
  color:white
}

.accordion-button:not(.collapsed)::after  {
  background-image: none;
  background-repeat: no-repeat;
  color: white;
  content:"-";
  background-color: var(--azul-claro) ;
}

.accordion-button:not(.collapsed){
  background-color: var(--azul-claro)  !important;
  color: white;
}

.logowsp{
  z-index: 10;
  position: fixed;
  bottom: 0px;
  right: 10px;
  text-decoration: none;
  color: black;
  height: 220px;
}

#logowsp_img{
  width: 230px;
  height: 240px;
}

@media (max-width: 1240px) {
  .logowsp{
    z-index: 10;
    position: fixed;
    bottom: 0px;
    right: 10px;
    text-decoration: none;
    color: black;
    height: 160px;
  }

  #logowsp_img{
    width: 170px;
    height: 180px;
  }
}


/*
.logowsp p{
  transition: all .5s;
}

.logowsp:hover p{
  opacity: 1 !important;
}
*/

.swiper-button-prev{
  bottom: 20px !important;
  left: calc(50% - 70px);
  top: auto;
  border-radius: 50%;
  padding: 20px;
  box-sizing: border-box;
  background-image: url("/assets/img/index/iconos/botton slider-iz.svg");
  background-repeat: no-repeat;
}


.swiper-button-prev:after{
  content:'' !important;
}

.swiper-button-next{
  bottom: 20px !important;
  border-radius: 50%;
  left: calc(50% + 10px);
  top: auto;
  padding: 20px;
  box-sizing: border-box;
  background-image: url("/assets/img/index/iconos/botton slider-der.svg");
  background-repeat: no-repeat;
}

.swiper-button-next:after{
  content:'' !important;
  background-color: transparent;
}
.swiper-pagination{
  display: none;
}

.col-center{
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.slider-detail {
  height: 350px !important;
}

@media (max-width: 1240px) {
  .slider-detail {
    height: 700px !important;
  }
  .slider-detail .swiper-container {
    height: 700px !important;
  }
}



.lst_item_presentacion::before {
  content: "\2022";
  color: var(--verder-claro);
  display: inline-block;
  padding-right: 10px;
  font-size: 50px;
  line-height: 25px;
  vertical-align: -5px;
  margin-right: 10px;
  width: 15px;
}
/*https://developer.mozilla.org/es/docs/Web/CSS/CSS_Grid_Layout*/
.wrapper_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.one {
  grid-column: 1 / 2;
  grid-row: 1;
}
.two {
  grid-column: 2 / 2;
  grid-row: 1;
}

.one > img{
  margin-right: 30px;
}

@media (max-width: 1240px) {
  .wrapper_grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px, auto);
  }
  .one {
    grid-column: 1;
    grid-row: 1 / 2;
  }
  .two {
    grid-column: 1;
    grid-row: 2 / 2;
  }
  .one > img{
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
.card-valores{
  padding: 0 !important;
  margin: 0 !important;
  width:100% !important;
}
  .card-valores >.card-body{
    padding: 0 !important;
    margin: 0 !important;
    width:100% !important;
    margin-bottom: 40px !important;
  }
}

@media (max-width: 924px) {
  .swiper-slide{
    align-items: start !important;
    height: 530px !important;
  }

  .swiper-slide>div>p{
    font-size: 32px !important;
    margin-left: 0 !important;
  }
  .swiper-slide>div>a{
    font-size: 24px !important;
    margin-left: 0 !important;
  }
}



.file-select {
  position: relative;
  display: inline-block;
  width:335px;
  font-size: 12px;
  padding: 2px;
}

.file-select::before {
  background-color: var(--verder-claro);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: 'Seleccionar'; /* testo por defecto */
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.file-select input[type="file"] {
  opacity: 0;
  width: 100%;
  height: 32px;
  display: inline-block;
}

#filetrabaja::before {
  white-space: pre;
  content: 'ADJUNTA TU CV EN FORMATO PDF O WORD \A ( Peso Máx. 2MB) ';
}

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

input,textarea{
  border:1px solid #242f6f;
}
input:focus,textarea:focus{
  border:2px solid #242f6f;
}
@media (max-width: 924px) {
  .img_timeline{
  height: 220px;
  }

  #img_banner1{
    background: url('../img/index/Banner mobile_Secretos.jpg') center bottom / cover no-repeat !important;
  }

  #img_banner2{
    background: url('../img/index/Banner mobile_Melchor.jpg') center bottom / cover no-repeat !important;
  }

  #img_banner3{
    background: url('../img/index/Banner mobile_Moran.jpg') center bottom / cover no-repeat !important;
  }

  #slidemoran{
    background: url('../img/marcas_detalle/Banner mobile_Moran.jpg') center bottom / cover no-repeat !important;
  }
  #melchoratun{
    background: url('../img/marcas_detalle/Banner mobile_Atun_Melchor.jpg') center bottom / cover no-repeat !important;
  }
  #melchorcaballa{
    background: url('../img/marcas_detalle/Banner mobile_Caballa_Melchor.jpg') center bottom / cover no-repeat !important;
  }
  #secretosatun{
    background: url('../img/marcas_detalle/Banner mobile_Atun_Secretos.jpg') center bottom / cover no-repeat !important;
  }
  #secretoscaballa{
    background: url('../img/marcas_detalle/Banner mobile_Caballa_Secretos.jpg') center bottom / cover no-repeat !important;
  }
}


/*                                  */
/*
.accordion-button.collapsed::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#654" width="16" height="16"><path d="M25 2C12.309295 2 2 12.309295 2 25C2 37.690705 12.309295 48 25 48C37.690705 48 48 37.690705 48 25C48 12.309295 37.690705 2 25 2 z M 25 4C36.609824 4 46 13.390176 46 25C46 36.609824 36.609824 46 25 46C13.390176 46 4 36.609824 4 25C4 13.390176 13.390176 4 25 4 z M 24 13L24 24L13 24L13 26L24 26L24 37L26 37L26 26L37 26L37 24L26 24L26 13L24 13 z" fill="#134B95" />  </svg>');
  transform: rotate(90deg);
}

.accordion-button:not(.collapsed)::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#654" width="16" height="16"><path d="M25 2C12.309295 2 2 12.309295 2 25C2 37.690705 12.309295 48 25 48C37.690705 48 48 37.690705 48 25C48 12.309295 37.690705 2 25 2 z M 25 4C36.609824 4 46 13.390176 46 25C46 36.609824 36.609824 46 25 46C13.390176 46 4 36.609824 4 25C4 13.390176 13.390176 4 25 4 z M 24 13L24 24L13 24L13 26L24 26L24 37L26 37L26 26L37 26L37 24L26 24L26 13L24 13 z" fill="#134B95" />  </svg>');
  transform: rotate(90deg);
}
*/