/*
Theme Name: Slayer Designs - Tolkachier Automotores
Theme URI: www.slayer.com.ar
Descripcion: Diseño exclusivo para Tolkachier.com
Version: 1
Author: Fidel Gonzalez
Author URL: www.slayer.com.ar
*/

/*------ FONTS ------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

/*------ Estilos Generales Alineaciones para el articulo ------*/

.ceneter {text-align: center;}
img.center, img[align="center"]{display: block; margin-right:auto;}
.alignleft {float: left;}
img.alignleft, img[align="left"]{float: left; margin: 2px 10px 5px 0px;}
.clear{clear: both;}
hr.clear{clear:both;visibility: hidden;margin: 0px;padding: 0px;height: 0px;}

#articles_list article p{
  margin-bottom: 15px;
}

/*------ Estilos Generales ------*/

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

a{
  text-decoration: none !important;
}

body{
    font-family: Roboto;
    /*background-image: url("https://tolkachier.com/imagenes/wall-usados.webp");
    background-size: cover;*/

    background-image: center;
    background-position: center;
    
    background-attachment: fixed;
    background-color: #F7F7F7 !important;
    margin: 0;
    padding: 0;

    display: flex;
    justify-content: center;
    position: relative;
    align-items:normal;
    min-width: 400px !important;
    min-height: 100vh;
    /*padding-top: 70px;*/
    /*padding-bottom: 70px;*/

    line-height: 1.5 !important;

    /* EVITAR QUE EL TEXTO SEA SELECCIONABLE EN LOS NAVEGADORES */
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
}

header, #main, footer{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

a{
    color: #002458;
    text-decoration:none;
}
a:hover{
    text-decoration: underline;
}

.sc{
  width: 100%;
  min-width: 400px !important;
  top: 0px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 3fr;



  margin: 0 auto;

}

.sc2{
  width: 90%;
  max-width: 1200px;
  height: auto;
  transition: all 250ms ease-in-out;
  position: relative;
  margin-top: 100px;
  grid-column: 1/2;
  grid-row: 2/3;

  margin: 0 auto;

}

.cabecera{
  width: 100%;
  height: max-content;
  grid-column: 1/2;
  grid-row: 1/2;
}

.titulos{
  width: 100%;
  height: 80px;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 32pt;
  font-weight: 700;
  color: #fff;
  /*text-align: left;*/
  margin: 0 auto;
  background: linear-gradient(15deg, #0084f0 0%, #008cff  50%, #0084f0 100%);
  grid-column: 1/5;


  display: flex;
  justify-content: center; /* horizontal */
  align-items: center; 
}


/* INTRO VIDEO */

.intro{
  margin: 0 auto;
  text-align: center;
  width: 90%;
  max-width: 1200px;
  height: 700px;
  max-height: 700px;
  background-color: #002458;
  overflow: hidden;
  position: relative;
}

video{
  position: absolute;
  display: cover;
  overflow: hidden;

  min-width: 100%;
  max-width: 100%;

  width: auto; 
  height: auto;

  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  
}

/*
.intro video{
  max-height: 600px;
}
*/

/*---------------------------slider---------------------------*/

#contenedor-slider{
  width: 100%;
  /*max-width: 1400px;*/
  /*aspect-ratio: 21 / 9;*/
  height: auto;
  max-height: 900px;
  animation: ani-marcas 1s ease-in-out forwards;
  animation-delay: 250ms;
  opacity: 0%;

  position:sticky;

  background-image: url("./../imagenes/fondo-slider.webp");
  background-size: cover;
  background-position-y: calc(100% - 50%);
  background-position-x: center;

  justify-content: center; /* Centrado horizontal */
  align-items: center;     /* Centrado vertical */
}

.contenedor-slider {
	width: 100%;
  max-height: 900px;
  max-width: 1500px;
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
  bottom: 0px;
  /*padding-top: 70px;*/
  transition: ease-in 0.2s;
  animation-delay: 250ms;
  margin: 0 auto;

  /* Alinea abajo */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

	z-index: -50;
  }
  
  .slider {
	display: flex;
	width: 600%;
  max-height: 700px;
  }

  #slider{
    overflow: hidden;
  }
  
  .slider__section {
	width: 100%;
  }

  
  .slider__img {
	display: block;
	width: 100%;
	height: 100%;
  }
  
  .btn-prev, .btn-next {
	width: 40px;
	height: 40px;
	opacity: 50%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	line-height: 40px;
	cursor: pointer;
  transition: all 250ms ease-in-out;
  }
  
  .btn-prev:hover, .btn-next:hover {
	  opacity: 100%;
  }
  
  .btn-prev {
	left: 10px;
  }
  
  .btn-next {
	right: 10px;
  }

/*----------------------- SLIDER MARCAS -----------------------*/

.sl-marcas-cont{
  position: relative;

  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 100vw;
  opacity: 0;
  animation: ani-marcas 1s ease-in forwards;
  animation-delay: 500ms;

  margin: 0 auto;
}

.sl-marcas{
  width: 100%;
  height: auto;
  
  overflow: hidden;
  border-radius: 10px;

  margin: 0 auto;
}

.sl-track{
  border-radius: 10px;
}

.sl-marcas .sl-track{
  border-radius: 10px;
  display: flex;
  animation: scrolling 40s linear infinite;
  -webkit-animation: scrolling 40s linear infinite;
  width: calc(160px * 18);
}

.sl-track:hover{
  animation-play-state: paused;
}

.sl-img{
  background-color: #fff;
  border-radius: 10px;
  margin: 0px 5px 0px 5px;
  transition: all 250ms ease-in-out;
  cursor: pointer;
}

.sl-marcas .sl-img{
  width: 160px;
}

.sl-marcas .sl-img img{
  width: 100%;
}

.sl-img:hover{
  background-color: #008cff;
  scale: 0.9;
}

@keyframes scrolling {
  0%{
    /*-webkit-transform: translateX(0);*/
    transform: translateX(0);
  }
  100%{
    /*-webkit-transform: translateX(calc(-160 * 9));*/
    transform: translateX(calc(-160px * 9));
  }
  
}

/*------ SLIDESHOW ------*/


.slider_principal{
  width: 100%;
  max-width: 1400px;
  border-radius: 10px;
  padding-bottom: 30px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}


#no-slide{
  display: block;
}

#main {
  overflow: hidden;
}

#main #slideshow {
  width: 100%;
  float: left;
  overflow: hidden;
  margin-bottom: 20px; 
}

.slide {
  background: #002458;
}

#main #slideshow .thumb{
  width: 49%;
  float: left;
  margin-right: 2%;
}

#main #slideshow article{
  float: left;
  font-family: Roboto;
  font-weight: 400;
  font-size: .8rem;
  text-align: justify;
  padding-right: 40px;
  width: 49%;
  color: #ffffff;
}

#main #slideshow article h2{
  font-family: Roboto;
  font-weight: 400;
  font-size: 2rem;
  color: #ffffff;
  text-align: justify;
  margin-top: 30px;
  text-align: left;
}

#main #slideshow article h2 a{
  color: #ffffff;
  text-decoration: none;
}

#main #slideshow article h2 a:hover{
  color: #008cff;
}

#main #slideshow article .date{
  font-family: Roboto;
  font-weight: 600;
  font-size: .8rem;
  text-align: justify;
  color: #008cff;
  margin-bottom: 0px;
  text-align: left;
  display: inline-block;
  margin-right: 5px;
}

#main #slideshow article .post-categories{
  font-family: Roboto;
  font-weight: 600;
  color: #002458;
  font-size: .8rem;
  display: inline;
  list-style: none;
}

#main #slideshow article .post-categories a{
  text-decoration: none;
}

#main #slideshow article .post-categories a:hover{
  color: #ffffff;
}

#main #slideshow .slidesjs-pagination li {
  background: rgba(0, 36, 88, 0.4);
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-right: 10px;
  display: inline-block;
}

#main #slideshow .slidesjs-pagination li a {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 10px;
  font-size: 0pt;
}

#main #slideshow .slidesjs-pagination li .active {
  background: #003c91;
 
}

/*------ HEADER ------*/

header{
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
}


.barra-superior{
    width: 80%;
    max-width: 2000px;
    height: 80px;
    top: 10px;
    position: absolute;
    
    padding: 15px;
    z-index: 23;
    animation: ani-barra 0.8s ease-in-out forwards;

    align-items: center;

    /*padding: 25px;*/
    border-radius: 10px;
    background-color: #ffffffad;
    backdrop-filter: blur(5px);

    margin: 0 auto;

    top: 0px;
  }

  @keyframes ani-barra{
    from{
      top: -100px;
    }
    to{
      top: 12px;
    }
  
  }
  
.linea{
  background-color: #002458;
  width: 100%;
  height: 2px;
}

  
.barra-logo{
  width: 180px;
  z-index: 1;
}

.cabecera{
  width: 100% !important;
  height: 200px;
  position: absolute;
  z-index: 60;

  
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center;     /* vertical */

}

iframe{
  width: 100%;
  height: auto;
  border-style: none;
}

/*------ MENU ------*/

.menu{
    width: auto;
    height: auto;

    top: 20px;
    margin: 0 auto;
    position: absolute;
    right: 15px;

    z-index: 0;
  }
  
.menu-link{
  font-family: Roboto Condensed;
  font-weight: 500;
  font-size: 14px;
  width: auto;
  display: inline-block;
  color: #fff;
  background-color: #002558;
  padding: 8px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 0px;
  text-align: right;
  border-radius: 5px;
  transition: 250ms ease-in-out;
}
  
.menu-link:hover{
    color: #ffffff;
    background-color: rgba(0,155,245,1);
    cursor: pointer;
  }

/*
.menu_txt{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 14px;
  width: auto;
  color: #ffffff;
}

*/
 

/*------ MENU MINI ------*/

.btn-menu{
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 0px;
  color: #fff;
  background-color:#003c91;  
  letter-spacing: 1px;
  
  border-radius: 5px;
  transition: all 250ms ease-in-out;
}  

.btn-menu:hover{
  background-color:rgba(0,155,245,1);
  color: #fff;
  box-shadow: 0px 0px 15px rgba(0,155,245,1);
  scale: 1.1;
  letter-spacing: 3px;
}

.nav__input:checked + .nav__menu{
    background:#f1f1f1;
  }
  
#menu_mini{
    z-index: 250;
    display: none;
    
  }
  
.nav__menu{
  width: 100%;
  height: 500px;
  display: grid;
  grid-template-columns: 49% 49%;
  gap: 10px;
  justify-content: space-between;
}

.nav__item{
  text-align: center;
  width: 100%;

  font-family: Roboto;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
  line-height: 50px;
}


.nav__menu a:hover{
  text-decoration: none;
}
  
.nav__label, .nav__input{
    display: none;
}

.nav__img{
  animation: ani-mini-menu 0.8s ease-in-out forwards;
}

@keyframes ani-mini-menu{
  from{
    top: -100px;
  }
  to{
    top: default;
  }

}

/*------ MENU WP ------*/

header nav{
  width: 100%;
}

header nav ul{
  float: left;
}

#menu-top{
  padding-top: 10px;
}

header nav ul li{
  list-style: none;
  display: inline-block;
  margin-right: 10px;
  border-top: 10px;
}

header nav ul li a{
  font-family: Roboto;
  font-weight: 700;
  font-size: 1rem;
  vertical-align: middle;
  
  padding-bottom: 8px;
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 15px;

  color: #ffffff;
  background-color: #002458;
}

header nav ul li a:hover{
  color: #002458;
  background-color: #ffffff;
  text-decoration: none;
}

/*------ MAIN ------*/

#main #articles_list {
  clear:both;
  width: 75%;
  float: left;
}

#main #articles_list article {
  margin-bottom: 20px;
  margin-right: 4%;
  padding-bottom: 20px;
  border-bottom: 2px solid #002458;
  height: auto;
  min-height: 240px;
}

#main #articles_list .date ul {
  list-style: none;
  display: inline-block;
}

#main #articles_list article .thumb {
  width: 40%;
  margin-right: 4%;
  margin-bottom: 14px;
  float: left;
  overflow: hidden; 
}

#main #articles_list article .thumb-single {
  width: 100%;
  height: auto;
  margin-right: 4%;
  float: left;
  margin-bottom: 14px;
  overflow: hidden;
}

#main #articles_list article .thumb img{
  width:100%;
  height:220px;
  object-fit: cover;
}

#main #articles_list article .thumb-single img{
  width: 100%;
  height: auto;
}

#main #articles_list article .date span{
  padding-right: 5px;
  float: left;
}


#main #articles_list article .date span ul{
  text-decoration: none;
  list-style: none;
  display: flex;
}

#main #articles_list article .date span ul a{
  font-family: Roboto;
  font-weight: 500;
  margin-right: 5px;
  color: #002458;
  display: inline-block;
  text-decoration: none;
}

#main #articles_list article .date span ul a:hover{
  color: #0051c4;
  text-decoration: none;
}

#main #articles_list article h2 {
  font-family: Roboto;
  font-weight: 600;
  font-size: 1.5rem;
}

#main #articles_list article h2 a{
  text-decoration: none;
  color: #002458;
}

#main #articles_list article h2 a:hover{
  color: #0051c4;
}

#main #articles_list article .extract{
  font-family: Roboto;
  font-weight: 400;
  font-size: 12pt;
  color: #000000;
}

#main #articles_list article .date{
  font-family: Roboto;
  font-weight: 400;
  font-size: 1rem;
  color: #002458;
  margin-bottom: 10px;
  align-content: left;
}

#main #articles_list #pagination{
  margin-bottom: 40px;
  width: 100%;
}

#main #articles_list #pagination p{
  text-align: center;
}

#main #articles_list #pagination a{
  margin: 0px 20px;
  font-size: 1.5rem;
  font-family: Roboto;
  font-weight: 700;
  color: #002458;
  text-decoration: none;
}

#main #articles_list #pagination a:hover{
  color: #0051c4;
}

/*------ MARCAS ------*/

#marcas{
  margin: 0 auto;
  width: 95%;
  max-width: 1600px;
  height: fit-content;
  padding-top: 15px;
  padding-bottom: 15px;
  animation: ani-marcas 1s ease-in forwards;
  animation-delay: 500ms;
  opacity: 0%;
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto;
  gap: 10px;
  transition: all 250ms ease-in-out;
}

.marcas-btn{
  width: 100%;
  /*margin: 0.1%;
  margin-bottom: 0px;*/
  border-radius: 10px;
  background-color: #fff;
  display: inline-block;
  transition: ease-in 0.2s
}

.marcas-btn img{
  height: 100%;
}

.marcas-btn:hover{
  background-color: rgba(0,155,245,1);
  cursor: pointer;
  box-shadow: 0px 0px 15px rgba(0,155,245,1);
  scale: 1.2;
}

@keyframes ani-marcas{
  from{
    opacity: 0%;
  }
  to{
    opacity: 100%;
  }
}

/* -------- CONT GRID -------- */

.cont-grid{
  width: 100%;
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  gap: 10px;
  opacity: 0;
  
  font-family: Roboto;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;

  margin: auto;

  animation: ani-marcas 1s ease-in forwards;
  animation-delay: 1s;
}

.coches{
  /*aspect-ratio: 6 / 4;*/
  transition: all 250ms ease-in-out;
  cursor: pointer;
  color: #002458;
  
}

.coches2{
  padding: 3%;
  background-color: rgba(255,255,255, .8);
  width: 100%;
  border-radius: 10px;
  color: #002458;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: ease-in-out 250ms;

  position: relative;
  overflow: hidden;
}

.coches2:hover{
  scale: .96;
  color: #fff;
  background-color: rgba(0,155,245,1);
  /*box-shadow: 0px 0px 15px rgba(0,155,245,1);*/

  transition: all 250ms ease-in-out forwards;
}

.coches2:hover .cinta-0km, .coches2:hover .cinta-usados{
  right: -20%;
}

.cinta-0km{
  background-image: url(./../imagenes/cinta-0km.svg);
  background-repeat: none;
  background-size: cover;
  position: absolute;
  right: 0px;
  height: 40%;
  aspect-ratio: 4 / 10;
  z-index: 2;
  top: calc(50% - 19%);
  transition: all 250ms ease-in-out;
  border-radius: 5px 0px 0px 5px;
}

.cinta-usados{
  background-image: url(./../imagenes/cinta-usado.svg);
  background-repeat: none;
  background-size: cover;
  position: absolute;
  right: 0px;
  height: 40%;
  aspect-ratio: 4 / 10;
  z-index: 2;
  top: calc(50% - 19%);
  transition: all 250ms ease-in-out;
  border-radius: 5px 0px 0px 5px;
}


.coches img{
  aspect-ratio: 6 / 3;
  width: 100%;
  /*max-height: 150px;*/
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 1);
}

.tit-entrada{
  padding-top: 8px;
}

/*------ SUCURSAL ------*/

#cont-sucur-redes{
  width: 95%;
  max-width: 1600px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 15px;
  text-decoration: none;
}

.sucursales{
  
  width: 32.7%;
  height: 300px;
  border-radius: 15px;
  background-image: url(./../imagenes/background-sucursal-corrientes.jpg);
  background-size: cover;
  background-position-y: center;
  padding: 5%;
  animation: ani-marcas 1s ease-in forwards;
  animation-delay: 1.5s;
  opacity: 0;
  text-decoration: none;
}

.sucursales:hover{
  cursor: pointer;
  }


.sucursales p{
  font-family: Roboto;
  font-weight: 500;
  font-size: max(0.5vw, 1.5em);
  text-decoration: none;
	
  color: #fff;
  position: relative;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  animation: ani-marcas 1s ease-in forwards;
}


.sucursales p2{
  font-family: Roboto;
  font-weight: 600;
	font-size: max(0.5vw, 1.5em);
  text-decoration: none;
}



/*------ ASIDE WIDGETS ------*/

#main aside {
  width: 25%;
  float: right;
}

#main .widget {
  width: 100%;
}

.widget {
  margin-bottom: 50px;
  display: block;
  float: left;
}

.widget h3{
  font-size: 1.4rem;
  font-family: Roboto;
  font-weight: 500;
  color: #002458;
  margin-bottom: 10px;
}

.widget ul li{
  list-style: none;
  margin-bottom: 5px;
}

.widget ul li a{
  font-family: Roboto;
  font-weight: 500;
  font-size: .9rem;
  color: #000000;
  text-decoration: none;
}

.widget ul li a:hover{
  color: #0051c4
}

/*------ FOOTER WIDGETS ------*/

/*footer{
  font-family: Roboto;
  font-size: 14pt;
  width: 100%;
  height: 100px;
  border-radius: 15px;
  color: #fff;
  background-color: #002458;
}

.footer .widget{
  width: 25%;
}*/


  
  /*------ DESTACADOS ------*/

.destacado{
  width: 100%;
  max-height: max-content;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #002458;
  /*background-image: url(./../imagenes/destacados-wide.webp);*/
  background-position-y: center;
  background-size: cover;

  border-radius: 10px;
  
  text-align: center;
 
  position: relative;

  vertical-align: middle;
  align-items:center;
  justify-content:center;

  opacity: 0;

  animation: ani-marcas 1s ease-in forwards;
  animation-delay: 1.25s;

  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;

  overflow: hidden;
}

.dest-img{
  margin: 10px;
  transition: all 500ms ease-in-out;
}

.dest-img:hover{
  scale: 1.08;
}

.dest-txt{
  padding: 30px;
  height: max-content;
}

.dest-txt-titulo{
  font-family: montserrat;
  font-size: 2em;
  font-weight: 800;
  color: #fff;
  cursor: default;
  text-align: left;
  margin-bottom: 20px;
}

.dest-txt-eslogan{
  font-family: roboto;
  font-size: 1.2em;
  color: #fff;
  cursor: default;
  text-align: left;
}

.dest-btn{
  font-family: roboto;
  font-weight: 500;
  font-size: 1.4em;
  padding: 8px 16px 8px 16px;
  color: #fff;
  border: 2px solid #fff;
  width: max-content;
  margin-top: 30px;
  cursor: pointer;
  transition: all 250ms ease-in-out;
}

.dest-btn:hover{
  color: #002458;
  background-color: #fff;
}

.bg-destacado{
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  aspect-ratio: 2/1;
  overflow: hidden;
  z-index: -2;


  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bg-destacado video{
  size: cover;
  min-height: 100%;
}



  /*------  FOOTER FIJO ------*/

 
  .footer{
    width: 90%;
    max-width: 1200px;
    height: 100px;
    bottom: 0px;
    position: relative;
    grid-column: 1/2;
    grid-row: 3/4;
    
    color: #002458;

    background-color: #fff;
    border-radius: 15px;

    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;

  }

  .footer-contenedor{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: space-around;
    padding: 25px;
    
    justify-content: center; /* horizontal */
    align-items: center; /* vertical */
    height: 100%;
  }

  .footer-copy{
    width: 100%;
    font-family: Roboto;
    vertical-align: center;
    color: #ffffff;
    width: auto;
    text-align: right;
    cursor: default;

    /*display: flex;
    align-items: center;*/
  }

  .footer-slayer-logo{
    width: 100%;
    vertical-align: center;
    /*height: 56px;*/
    width: auto;
    
  }

  .footer-slayer-logo img{
    transition: all 250ms ease-in-out;
    cursor: pointer;
  }

  .footer-slayer-logo img:hover{
    scale: 1.1;
    box-shadow: 0px 0px 10px rgba(255,0,0,1);
  }

  .footer_txt{
    font-family: Roboto;
    font-weight: 700;
    font-size: 14px;
    color: #002458;
    padding-top: 4px;
    padding-bottom: 10px;
  }
  
  .nav__input:checked + .nav__menu{
    background:#f1f1f1;
  
  }
  


/*------ 

@font-face{
	font-family:montserrat-regular;
	src:url(../fonts/Montserrat-Regular.ttf);
}

@font-face{
	font-family:montserrat-light;
	src:url(../fonts/Montserrat-Light.otf);
}

@font-face{
	font-family:montserrat-bold;
	src:url(../fonts/Montserrat-Bold.otf);
}

 ------*/

.montse_reg{
	font-family: 'Montserrat', sans-serif;
  font-weight: 400;
	font-size: 24px;
	color:#002458;
	text-align: center;
}

.montse_light{
	font-family: 'Montserrat', sans-serif;
  font-weight: 300;
	font-size: 24px;
	color:#002458;
	text-align: center;
}

.montse_light_form{
	font-family: 'Montserrat', sans-serif;
  font-weight: 300;
	font-size: 14px;
	color:#002458;
	text-align: center;
}

.montse_reg_form_title{
	font-family: 'Montserrat', sans-serif;
  font-weight: 300;
	font-size: 20px;
	color:#002458;
	text-align: center;
}

.montse_reg_form_title_2{
	font-family: 'Montserrat', sans-serif;
  font-weight: 700;
	font-size: 20px;
	color:#ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.montse_reg_form_title_3{
	font-family: 'Montserrat', sans-serif;
  font-weight: 300;
	font-size: 14px;
	color:#ffffff;
	text-align: center;
}

.montse_reg_form{
	font-family: 'Montserrat', sans-serif;
  font-weight: 400;
	font-size: 14px;
	color:#ffffff;
	text-align: center;
}

.infotxt_w{
	font-family: 'Montserrat', sans-serif;
  font-weight: 300;
	font-size: 12px;
	color:#ffffff;
	text-align: center;
}




/* BLOG */

#main #articles_list #cat_name {
  font-family: Roboto;
  font-weight: 400;
  font-size: 2rem;
  color: #003c91;
  margin-right: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid #002458;
}


/* COMENTARIOS *importante borrar */

#main #articles_list #comentarios {
  margin-bottom: 40px;
  margin-right: 4%;
}

#main #articles_list #comentarios > h3{
  font-family: Roboto;
  font-weight: 400;
  font-size: 1.3rem;
  margin-bottom: 40px;
  margin-right: 4%;
  color: #002458;
}


#main #articles_list #caja_comentarios{
  padding: 30px;
  background: rgba(255, 255, 255, 0.8);
}


#comments {
  color: #002458;
  font-family: Roboto;
  font-weight: 500;
  font-size: 14pt;
  margin-bottom: 20px;
}

.comment-body{
  background: #002458;
  padding: 15px;
}

.comment-body a{
  font-size: 14px;
}

.comment-author{
  font-family: Roboto;
  font-weight: 400;
  font-size: 16pt;
  color: #ffffff;
}



#respond h3{
  color: #002458;
}

#main #articles_list #caja_comentarios p{
  font-family: Roboto;
  font-weight: 400;
  color:#ffffff;
}


#main #articles_list #caja_comentarios > ol > li {
  font-family: Roboto;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #002458;
}

#main #articles_list #caja_comentarios > ol > li a {
  text-decoration: none;
  color: #008cff;
}

#main #articles_list #caja_comentarios > ol > li a:hover {
  color: #ffffff;
}


#main #articles_list #caja_comentarios textarea {
  width: 100%;
  padding: 10px;
  height: 100px;
}

#main #articles_list #caja_comentarios input[type="submit"]{
  font-family: Roboto;
  font-weight: 600;
  background: #0051c4;
  color: #ffffff;
  margin-top: 10px;
  border: 0px;
  padding: 10px;
}

#main #articles_list #caja_comentarios input[type="submit"]:hover{
  text-decoration: none;
  background: #008cff;
  color: #ffffff;
}

#respond{
  padding: 15px;
  background-color: #002458;
}

#respond h3{
  font-family: Roboto;
  font-weight: 400;
  color: #fff;
}

.logged-in-as a{
  color: #008cff;
}

.logged-in-as a:hover{
  color: #ffffff;
  text-decoration: none;
}

.reply a {
  font-family: Roboto;
  font-weight: 600;
  clear:both;
  color: #002458;
  background-color: #ffffff;
  padding: 10px;
  margin-top: 10px;
  display: inline-block;
}

.reply a:hover {
  color: #ffffff;
  background-color: #008cff;
  text-decoration: none;
}

/* ======= WHATS APP BTN ======= */

.whatsapp-btn{
  width: 80px;
  height: 60px;
  display: flex;

  /*background: rgb(32,176,56);*/
  background: linear-gradient(90deg, rgba(32,176,56,1) 85%, rgba(20,106,34,1) 100%);

  border-radius: 10px 0px 0px 10px;
  transition: all 250ms ease-in-out;

  bottom: 10vh;
  right: 0;
  cursor: pointer;

  position: fixed;

  animation: ani-marcas 1s ease-in forwards;
  animation-delay: 250ms;
  opacity: 0%;

  z-index: 250;
}

.whatsapp-btn img{
  
  height: 98%;
}

.whatsapp-btn:hover{
  width: 90px;
}