/*



 Theme Name:   GeneratePress Child



 Theme URI:    https://generatepress.com



 Description:  Default GeneratePress child theme



 Author:       Tom Usborne



 Author URI:   https://tomusborne.com



 Template:     generatepress



 Version:      0.1



*/







/* FUENTE */







@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');



/* Nayuki Regular */



@font-face {

  font-family: 'Nayuki';

  src: url('./fonts/Nayuki_Regular.otf') format('opentype');

  font-weight: normal;

  font-style: normal;

}





/* VARIABLES POR DEFECTO */







:root {

  --c-negro: #000;

  --c-blanco: #FFFFFF;



  --c-primario: #1e1e1e;

  --c-secundario: #eabcd6;



  --c-fondo: #fcfcfb;



  --c-grisclaro: #EFEFEF;

  --c-gris: #f9f9f9;

}



/* OUTLINE */







*:focus { 

  outline: 0px solid orange; 

}



::selection {

  background-color: var(--c-secundario); 

  color: var(--c-negro); 

}



html {

  scroll-behavior: smooth;

}



/* ESTILOS COMUNES */



.zindex0 {

  z-index:0;

}







.zindex1 {

  z-index:1;

}



body {

  font-family: 'DM Sans', sans-serif;

  color: var(--c-blanco);

  font-size: 1.125rem;

  line-height: 1.6875rem;

  font-weight: 300;

  overflow-x: hidden;

}



h1, h2, h3 {

  font-family: 'Nayuki', serif;

  font-weight: 400;

}



h1 {

    font-size: clamp(48px, 8vw, 100px);

    margin-bottom: 20px;

    white-space: nowrap;

    line-height: 1.2em;

    font-weight: 400;

    text-transform: none;

    position: relative;

    z-index: 13;

}



h2 {

    font-size: 80px;

    margin-bottom: 0px !important;

    line-height: 0.8em;

    font-weight: 400;

}



h3 {

    font-size: 40px;

    margin-bottom: 20px;

    line-height: 1em;

    margin-bottom: 0px;

    font-weight: 400;

}



h3.destacada {

  font-size: 75px;

}



p.cita, h2.cita {

  font-family: 'DM Sans', sans-serif;

    font-size: 45px;

    text-transform: uppercase;

    line-height: 3.2rem;

    margin-bottom: 0px;

}



a {

  color: var(--c-secundario);

  text-decoration: none;

}





a, a:hover {

  transition: all 0.4s ease !important;

}







.main-navigation .main-nav ul li[class*="current-menu-"] > a {



  color: var(--c-primario);



  font-weight: 700;



}







.text-dark {

  color: var(--c-negro);

}



.alinear-centro {

  text-align: center;

}



strong.special {

  background: var(--c-secundario);

  color: var(--c-negro);

  font-weight: 400;

}



strong.special-2 {

  background: var(--c-negro);

  color: var(--c-blanco);

  font-weight: 400;

}





@media screen and (max-width: 768px) {

  h1 {

    white-space: normal;

  }



  h2 {

    font-size: 55px;

    margin-bottom: -10px;

  

  }



  p.cita, h2.cita {

    font-size: 35px;

    line-height: 2.5rem;

}



.logo-home {

      width: 50%;

    margin-inline: auto;

}

}





.clickable {

  position: relative;

  overflow: hidden;



  .vce-asset-background-simple-item.vcv-lozad {

    transition: transform 0.5s ease-in-out;

    transform: scale(1);

  

  }



  &::before {

    content: "";

    position: absolute;

    inset: 0; 

    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 100%);

    pointer-events: none;

    z-index: 1; 

    opacity: 1;

    transition: opacity 0.5s ease-in-out; 

  }



  &:hover::before {

    opacity: 0;

  }



  h3 {

    position: relative;

    z-index: 2; /* por encima del degradado */

  }



  p.caracteristicas {

  font-size: 30px;

  text-transform: uppercase;

  position: relative;

    z-index: 2; /* por encima del degradado */

}

}



.clickable:hover {

  .vce-asset-background-simple-item.vcv-lozad {

  transform: scale(1.05);

}









}









.logos-kit-digital img {



    display: block;



    max-width: 21%;



    padding: 0 20px;



}







.logos-kit-digital>img:last-child {



    max-width: 15%;



}







/* ---------- RESPONSIVE ---------- */







@media screen and (max-width: 1080px) {







  /* LOGOS KIT DIGITAL */







  .logos-kit-digital img {



      max-width: 210px;



  }







  .logos-kit-digital>img:last-child {



      max-width: 23%;



  }







}













@media screen and (max-width: 600px) {







  /* LOGOS KIT DIGITAL */







  .logos-kit-digital img {



      max-width: 165px;



      padding: 10px 5px;



  }







  .logos-kit-digital>img:last-child {



      max-width: 40%;



  }







}















/* CAPTCHA */







.grecaptcha-badge {



  display: none;



}



.tabla-responsive {

  width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

}



.tabla-cookies {

  width: 100%;

  border-collapse: collapse;

}



table, td, th {

  border: 1px solid rgba(255, 255, 255, .7) !important;

}



.logo-home .vce-single-image-figure-inner {

    max-width: 50vh;

}






@media screen and (max-width: 780px) {
  .logo-home .vce-single-image-figure-inner {
    max-width: 30vh;
  }
}

@media screen and (max-width: 560px) {
  .logo-home .vce-single-image-figure-inner {
    max-width: 20vh;
  }
}



#post-164 {

  background-color: #000;



  .inside-article {

    background-color: #000 !important;

    padding-bottom: 100px;

    padding-top: 100px;

  }



  p {

    padding-bottom: 20px !important;

  }



  h3 {

    padding-block: 20px;

  }

}



#post-157 {

   h3 {

    padding-block: 20px;

  }

  h2 {

    padding-bottom: 20px;

  }



  .tabla-responsive {

    padding-top: 20px;

  }

}

@media screen and (max-width: 767px) {
  h2 {

      font-size: 32px;

  }



  h3 {

      font-size: 26px;

  }



  h3.destacada {

    font-size: 30px;

  }



  p.cita, h2.cita {

      font-size: 22px;

  }
}