/*
Theme Name:   Subgráfica theme
 Theme URI:    https://subgrafica.com/
 Description:  Subgráfica WP theme - If you’re reading this, please say hi!!
 Author:       Subgráfica Estudio
 Author URI:   https://subgrafica.com/
 Template:     Divi
 Version:      5.0 JUN
 License:      Attribution-NonCommercial 4.0 International
 License URI:  https://creativecommons.org/licenses/by-nc/4.0/
 */



 :root {
   --gr: #888888;
   --ne: #111111;
   --bl: #ffffff;
   --transp: transparent;
   --azul: #1F386B;
   --azul_claro: #D2DFDD;
   --naranja: #E79E6C;
   --beige_20: #FCF8F0;
   --beige_30: #FBF4E8;
   --beige_50: #F8ECD8;
   --beige: #F1DAB2;

   --ffa: 'BatonTurbo', Sans-Serif;
   --ffb: 'Sansita', Helvetica, Arial, Sans-Serif;
   --fwl-reg: 400;
   --fwl-med: 500;
   --fwl-bol: 700;

   --flh1: 140%;
   --flh2: 110%;
   --fs-1: clamp(.9rem, 3vw + 1rem, 2.2rem);
   --fs-2: clamp(.8rem, 2vw + 1rem, 2.0rem);
   --fs-3: clamp(.5rem, 2vw + 1rem, 1.0rem);
   --fs-4: clamp(.5rem, 2vw + 1rem, 1.0rem);
   --fs-5: clamp(.3rem, 2vw + 1rem, .8rem);
   --fs-6: clamp(.3rem, 2vw + 1rem, .8rem);
   --fs-p-nor: clamp(.3rem, 2vw + 1rem, .8rem);
   --fs-p-gra: clamp(.4rem, .6vw + 1rem, 1rem);
   --fs-p-peq: clamp(.2rem, 2vw + 1rem, .6rem);
   --fls: .1rem;

   --fs-banner-h1: clamp(.9rem, 3vw + 1rem, 3.6rem);
   --fs-banner-h4: clamp(.9rem, 3vw + 1rem, 2.2rem);

 }
 html {
   box-sizing: border-box;
 }
 *, *:before, *:after {
   box-sizing: inherit;
 }
 body {
   height: 100vh;
 }

 @supports (-webkit-touch-callout: none) {
   body {
     height: -webkit-fill-available;
   }
 }

 body {
   font-family: var(--ffa);
   font-size: var(--fs-p-nor);
   font-weight: var(--fwl-reg);
   line-height: var(--flh1);
   text-rendering: optimizeLegibility !important;
   -webkit-font-smoothing: antialiased !important;
   -moz-osx-font-smoothing: grayscale !important;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
   transition-duration: 0.2s;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
 }

 ::selection {
   background: var(--gr);
   color:var(--bl)
 }

 ::-moz-selection {
   background: var(--gr);
   color:var(--bl);
 }

 a:active, a:active * {
   outline: none !important;
   -moz-outline-style: none !important;
 }

 a:focus, a:focus * {
   outline: none !important;
   -moz-outline-style: none !important;
 }

 h1, h2, h3, h4, h5, h6 {
   -webkit-hyphens: none;
   -moz-hyphens: none;
   hyphens: none;
   text-justify: inter-character;
 }

 p {
   hyphens: none;
   -webkit-hyphens: none;
   -moz-hyphens: none;
   text-align: justify;
   text-justify: newspaper;
   overflow-wrap: normal;
 }

 a:link {
   text-decoration: none;
   opacity: 1;
   color: var(--bl);
   font-weight: var(--fwl-reg);
   transition-duration: 0.2s;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
 }

 a:hover {
   text-decoration: none;
   opacity: .5;
   transition-duration: 0.2s;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
 }

 a:visited {
   color: var(--bl);
   opacity: .5;
 }

 h1 {
   font-family: var(--ffb);
   font-size: var(--fs-1) !important;
   font-weight: var(--fwl-bol);
   line-height: var(--flh2);
 }
 h2 {
   font-family: var(--ffb);
   font-size: var(--fs-2) !important;
   font-weight: var(--fwl-bol);
   line-height: var(--flh2);
 }
 h3 {
   font-family: var(--ffb);
   font-size: var(--fs-3) !important;
   font-weight: var(--fwl-bol);
   line-height: var(--flh2);
 }
 h4 {
   font-family: var(--ffa);
   font-size: var(--fs-4) !important;
   font-weight: var(--fwl-reg);
   line-height: var(--flh2);
 }
 h5 {
   font-family: var(--ffb);
   font-size: var(--fs-5) !important;
   font-weight: var(--fwl-bol);
   line-height: var(--flh2);
 }
 h6 {
   font-family: var(--ffa);
   font-size: var(--fs-6) !important;
   font-weight: var(--fwl-med);
   line-height: var(--flh2);
 }
 blockquote {
  border-color: var(--azul_claro);
}
strong{
}
 .par-gra {
   font-size: var(--fs-p-gra) !important;
 }
 .par-peq {
   font-size: var(--fs-p-peq) !important;
 }
 .etiqueta {
   font-size: var(--fs-p-nor) !important;
   text-transform: uppercase;
 }
 .no-text {
   cursor: default;
 }
 .no-text {
   cursor: default;
 }
 .no-data {
   -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
      -moz-user-select: none; /* Old versions of Firefox */
       -ms-user-select: none; /* Internet Explorer/Edge */
           user-select: none; /* Non-prefixed version, currently
                                 supported by Chrome, Edge, Opera and Firefox */
 }
 .sombra-mod {
   box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
 }
 #banner {
   height: 80vh;
 }
 #banner h1 {
   font-family: var(--ffb);
   font-size: var(--fs-banner-h1) !important;
   font-weight: var(--fwl-bol);
   line-height: var(--flh2);
}
#banner h4 {
  font-family: var(--ffa);
  font-size: var(--fs-banner-h4) !important;
  font-weight: var(--fwl-reg);
  line-height: var(--flh2);
}
.color-azul h1,
.color-azul h2,
.color-azul h3,
.color-azul h4,
.color-azul h5,
.color-azul h6,
.color-azul p {
  color: var(--azul);
}
.color-azul_claro h1,
.color-azul_claro h2,
.color-azul_claro h3,
.color-azul_claro h4,
.color-azul_claro h5,
.color-azul_claro h6,
.color-azul_claro p {
  color: var(--azul_claro);
}
.color-naranja h1,
.color-naranja h2,
.color-naranja h3,
.color-naranja h4,
.color-naranja h5,
.color-naranja h6,
.color-naranja p {
  color: var(--naranja);
}
.color-beige_20 h1,
.color-beige_20 h2,
.color-beige_20 h3,
.color-beige_20 h4,
.color-beige_20 h5,
.color-beige_20 h6,
.color-beige_20 p {
  color: var(--beige_20);
}
.color-blanco h1,
.color-blanco h2,
.color-blanco h3,
.color-blanco h4,
.color-blanco h5,
.color-blanco h6,
.color-blanco p {
  color: var(--bl);
}

 /* Fade effect overlay-*/
 .overlay-hugeinc {
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity 0.5s, visibility 0.5s;
   transition: opacity 0.5s, visibility 0.5s;
 }

 .overlay-hugeinc.open {
   opacity: 1;
   visibility: visible;
   -webkit-transition: opacity 0.5s;
   transition: opacity 0.5s;
 }

 .overlay-hugeinc .et_pb_section {
   -webkit-perspective: 1200px;
   perspective: 1200px;
 }

 .overlay-hugeinc .et_pb_section {
   opacity: 0.4;
   -webkit-transform: none !important;
   -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
   transition: transform 0.5s, opacity 0.5s;
 }

 .overlay-hugeinc.open .et_pb_section {
   opacity: 1;
   -webkit-transform: none !important;
   transform: none !important;
 }

 .overlay-hugeinc.close .et_pb_section {
   -webkit-transform: none !important;
   transform: none !important;
 }

 .overlay-container .overlay-close {
   background-image: url("______") !important;
   background-repeat: no-repeat;
   background-position: center;
   font-size: 0px !important;
   color: #EDEBDC !important;
   line-height: 1em;
   right: 4.73%;
   top: 17px;
 }

 .overlay-container .overlay-close:hover {
   cursor: pointer !important;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   opacity: 1;
   -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
   -webkit-transition-timing-function: ease-in-out;
   transition-timing-function: ease-in-out;
 }

 .overlay-container .overlay-close::after {
   height: 26px;
 }
 .vertical {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .center {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .left {
   display: flex;
   align-items: center;
   justify-content: flex-start;
 }

 .right {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
 }

 .bottom {
   display: flex;
   align-items: flex-end;
   justify-content: center;
 }
 .et_pb_row {
     max-width: 2560px !important;
 }



 /* Fade effect overlay-*/
 .animate {
   animation: fader 8s infinite linear;
 }

 @-webkit-keyframes fader {
   0% {
     opacity: 0;
   }

   80% {
     opacity: 0;
   }

   100% {
     opacity: 1;
   }
 }
 .effect::after {
     animation: grain 6s steps(10) infinite;
     background-image: url('https://subgrafica.com/data/img/grain.png');
     background-repeat: repeat;
     content: '';
     height: 300%;
     left: -100%;
     opacity: .04;
     pointer-events: none;
     position: fixed;
     top: -100%;
     transition: opacity 0.4s ease;
     width: 300%;
     will-change: transform;
     z-index: 3;
   }

 @keyframes grain {
   0% { transform: translate(20%, -15%) }
   10% { transform: translate(-20%, -15%) }
   20% { transform: translate(20%, -5%) }
   30% { transform: translate(-20%, -5%) }
   40% { transform: translate(20%, 5%) }
   50% { transform: translate(-20%, 5%) }
   60% { transform: translate(20%, 15%) }
   70% { transform: translate(-20%, 15%) }
   80% { transform: translate(20%, 5%) }
   90% { transform: translate(-20%, 5%) }
   100% { transform: translate(20%, -5%) }
 }
 /*** Responsive Styles laptop Only ***/
 @media all and (min-width:1024px)and (max-width: 1679px) {}

 /*** Responsive Styles Tablet Landscape Only ***/
 @media all and (min-width:813px)and (max-width: 1023px) {

 }

 /*** Responsive Styles Tablet Portrait Only ***/
 @media all and (min-width: 768px)and (max-width: 812px) {

 }

 /*** Responsive Styles Smartphone Only ***/
 @media all and (min-width:320px) and (max-width: 767px) {

 }