/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}









      *{ 
        font-family: "Roboto", "Adobe Blank", sans-serif;
      font-style: normal;
      box-sizing: border-box;
      position: relative;
      z-index: 9;
      }
      body {
      margin: 0;
      padding: 0;
      padding-top: 60px;
      color: #251f21;
      background: #222;
      /* background-color: #FFF; */
      }
    header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 60px;
      background: #3aea4a;
      padding: 0;
      color: white;
      z-index: 10;
    }
      header .inner {
        position: relative;
        width: 800px;
        height: 100%;
        margin: auto;
        padding: 0;
        text-align: center;
        border-top: 1px solid transparent; /* Corrección margen */
    }
      header .inner div{
        position: absolute;
        top: 6px;
        left: 0;
        right: 0;
        text-align: center;
    }
      header .inner div.left{
        text-align: left;
    }
      header .inner div.right{
        text-align: right;
    }

    body .bg-blanco{
      background-color: #FFF; 
      width: 100%; 
      max-width: 800px; 
      margin: auto;
    }

      section {
        position: relative;
        width: 800px;
        height: 800px;
        margin: auto;
        text-align: center;
        border-top: 1px solid white; /* Corrección margen */
        /* border-bottom: 1px solid #EEE; BORRAR */
        background: white;
        overflow: hidden;

    }
    #section4{
      border-top: 1px solid #3aea4a; /* Corrección margen */
    }

      footer {
        width: 100%;
        max-width: 800px;
        margin: auto;
        padding: 20px;
        text-align: center;
        background: #f2f2f2;
        font-size: 12px;
        color: #999;
    }

    img{
      max-width: 100%;
    }

      .font-medium {
        font-weight: 500;
      }
      .font-regular {
        font-weight: 400;
      }
      .font-light {
        font-weight: 300;
      }

      section h1 {
        font-weight: 500;
      /* font-size: 46px;
      letter-spacing: 0.02em;
      letter-spacing: normal; */
      font-size: 54px;
      letter-spacing: -0.01em;
      margin: 60px 0 5px 0;
      }
      section h3 {
        font-weight: 500;
      font-size: 28px;
      letter-spacing: 0.02em;
      margin: 5px 10px 0 10px;
      }
      section p {
        font-weight: 300;
        font-size: 20px;
        color: #666;
        width: 80%;
        margin: 26px auto;
      line-height: 32px;
      }
      section p:first-child {
        margin-top: 0;
      }
      #section3 p{
        color: white;
      }

      section .espacio,
      section .animacion {
      position: relative;
      overflow: visible;
      height: 40%;
      height: 408px;
      /* background: rgba(0,0,0,0.2); */
      z-index: 8;
    }
    section .animacion > div {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    section .animacion > div.pinza {
      top: -40px;
      right: 0;
      right: -50%;
      opacity: 0;
      /* width: 60%;
      height: 140%;
      background: rgba(0,0,0,0.2); */
    }
    section .animacion > div.tuerca1 {
      top: 26px;
      left: 11%;
      left: -11%;
      opacity: 0;
      /* width: 18%;
      background: rgba(0,0,0,0.2); */
    }
    section .animacion > div.tuerca2 {
      top: 56px;
      left: 7%;
      left: -7%;
      height: auto;
      opacity: 0;
      /* width: 19%;
      background: rgba(0,0,0,0.2); */
    }

    section .animacion > div.imac {
      left: -7%;
      height: auto;
      opacity: 0;
    }
    section .animacion > div.macbook {
      left: -14%;
      height: auto;
      opacity: 0;
    }
    section .animacion > div.macmini {
      right: -7%;
      height: auto;
      opacity: 0;
    }
    section .animacion > div.macpro {
      right: -14%;
      height: auto;
      opacity: 0;
    }




    #section1{
      background-color: rgb(250, 250, 250);
    }
    #section1 .animate4{
      opacity: 1;
    }



    #section3 {
      background-color: rgb(167, 42, 125);  /* Violeta #9f1772 - rgb(159, 23, 114) ??*/
      background-color: rgb(255, 255, 255);   /* Blanco */
      background-color: rgb(0, 207, 255);   /* Celeste*/
      background-image: url('fondo_pleno.jpg');
      background-size: cover;
    }

    #section3 .background.mobile,
    #section3 .espacio.mobile{
      display: none;
    }
    #section3 .background.desktop,
    #section3 .espacio.desktop{
      display: block;
    }

    #section3 p{
      /* width: 60%; */
    }

    #section3 .background{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover; 
      background-position: center;
      /* background-size: 104%; */ 
      background-size: 100%; 
      background-position: 0px 180px;
      background-repeat: no-repeat;
      /* background-color: rgb(90, 206, 255);
      background-color: #00cfff; */
      opacity: 0.1;
    }

    #section3 .espacio{
      height: 52vh;
      height: 360px;
    }


    #section3 .background{
      background-size: auto 101%; /* con 100% se ve mal */
      background-position-x: center; 
      background-position-y: 180px;
      background-position-y: 100px;
    }


    #section3 .safe_r { letter-spacing: -0.05em; display: inline-block; position: relative; }
    #section3 .safe_r .e { margin-left: 4px; }
    #section3 .safe_r .r { display: inline-block; position: absolute; font-size: 40px; line-height: 40px; padding-top: 8px; }



    #section4 {
      background-color: #3aea4a;
      z-index: 999;
    }
    #section4 * {
      color: #ffffff;
    }
    #section4 .animacion {
      z-index: 10;
      height: 320px;
      height: 32vh;
    }
    #section4 .animacion .tel{
      /* padding-top: 260px; */
      padding-top: 0vh;
      opacity: 0.1;
    }
    #section4 .zonas{
      width: 60%;
      margin: 40px auto 0 auto;
      font-weight: 100;
      font-size: 20px;
    }







    .mobile-break{
      display: inline;
    }
    .desktop-break{
      display: block;
    }
    #section4 .animacion.mobile {
      display: none;
    }

/* @media all and (max-height: 780px){        ------- ESTO SI QUIERO HACERLO GRANDE PARA PANTALLAS MAYORES ------ */

    /* --- ANCHO MÁXIMO 663px --- */
    body {
        padding-top: 48px;
    }
    body .bg-blanco{
      max-width: 663px; 
    }
    header {
        height: 48px;
    }
    header .inner {
      position: relative;
        width: 663px;
    }
    header .inner div {
        top: 0;
    }
    section {
        width: 663px;
        height: 663px;
    }
    footer {
        max-width: 663px;
    }
    section h1 {
        font-weight: 500;
        font-size: 44px;
        margin: 46px 0 5px 0;
    }
    section h3 {
        font-weight: 400;
        font-size: 23px;
    }
    section p {
      width: 90%;
        font-weight: 300;
        font-size: 17px;
        line-height: 24px;
        margin: 18px auto;
        letter-spacing: 0.02em;
    }
    section .espacio, section .animacion {
        height: 50%;
        height: 332px;
    }
    section .animacion > div.tuerca1 {
        top: 10px;
    }
    section .animacion > div.tuerca2 {
        top: 34px;
    }
    #section3 .background.desktop{
      height: 663px;
    }
    #section3 .espacio {
        height: 40vh;
        height: 330px;
    }
    #section3 .safe_r .r {
        font-size: 34px;
        line-height: 34px;
        padding-top: 5px;
    }
    #section4 .zonas {
      width: 80%;
      margin: 30px auto 0 auto;
      font-weight: 100;
      font-size: 15px;
      line-height: 22px;
    }
    #section4 .animacion.mobile {
      display: none;
    }
    #section4 .animacion.desktop {
      height: 290px;
    }
    #section4 .animacion.desktop .tel{
      /* padding-top: 80px !important; */
      padding-top: 0px;
    }

/* }                  ----------------------------------------------------------------  */






    @media all and (max-width: 663px){

      .mobile-break{
        display: block;
      }
      .desktop-break{
        display: inline;
      }
      #section4 .animacion.mobile {
        display: block;
      }
      #section4 .animacion.desktop {
        display: none;
      }
      section{
          width: 100%;
        height: auto;
        height: 100vh;
        min-height: 100vw;
      }
      header .inner{
        width: 100%;
      }
      header .inner div.manzanita{
        text-align: center;
      }
      header .inner div.logo{
        text-align: left;
      }
      header .inner div.logo img{
        max-width: 40%;
      }

      section h1 {
        /* font-size: 9vw;
        margin-top: 6vh; */
        }
        section h3 {
        /* font-size: 5vw; */
        }
        section p {
        /* font-size: 16px;
        font-size: 4.6vw; */
        font-weight: 400;
        width: 90%;
        margin: 20px auto;
        /* line-height: 26px;
        line-height: 6.2vw; */
        }

      section .espacio, 
      section .animacion {
        /* height: 40vh; */
        height: 56vw;
        margin: 4vh 0;
      }
      #section2 .animacion {
        /* Sino, queda muy chica la imagen de las computadoras */
        width: 110vw;
        margin-left: -5vw;
      }
      section .animacion > div.pinza {
        top: 0px;
        margin-right: 2%;
        width: 104%;
      }
      section .animacion > div.tuerca1 {
        top: 0px;
        margin-left: 1%;
      }
      section .animacion > div.tuerca2 {
        top: 16px;
        margin-left: 3%;
      }


      #section2 h1 {
        /* font-size: 8.4vw; */
      }


      #section3 {
        min-height: 84vh;
      }
      #section3 p {
        width: 90%;
      }
      #section3 .espacio{
        height: 32vh;
      }

      #section3 .background.mobile, 
      #section3 .espacio.mobile{
        display: block;
      }
      #section3 .background.desktop, 
      #section3 .espacio.desktop{
        display: none;
      }

      #section3 .background{
        background-size: auto 98%;
        height: 92vh;
      }



      #section4 .animacion {
        /* height: 38vh; */
        height: 34vh;
      }

      #section4 p{
        width: 96%;
        /* margin: 0px auto; */
      }
      #section4 .zonas{
        width: 96%;
        margin: 16px auto 0 auto;
        /* font-weight: 400;
        font-size: 4.2vw; */
      }





      /* FLEX (No funciona en IE) */

      header .inner{
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      header .inner div{
        position: relative;
        top: initial;
        left: initial;
        right: initial;
        bottom: initial;
      
        text-align: center;
        display: flex;
        justify-content: center;
      }
      header .inner div.manzanita{
        width: 16%;
      }
      header .inner div.logo{
        text-align: left;
        justify-content: left;
        order: -1;
      }
      header .inner div.telefono{
        text-align: right;
        justify-content: right;
      }
      header .inner div.logo img{
        max-width: 100%;
      }





      /* CAMBIO SECTION 3 */

      #section3{
        height: 92vh;
      }
      #section3 h1{
        font-size: 7.6vw;
      }
      #section3 h3{
        font-size: 4.4vw;
      }
      #section3 .espacio{
        height: 36vh;
      }
    }



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

      section h1 {
        font-size: 9vw;
        margin-top: 6vh;
        }
      #section2 h1 {
        font-size: 8.4vw;
      }

        section h3 {
        font-size: 5vw;
        }

      #section3 .safe_r .e {
        /* margin-left: 0.4vw; */
        margin-left: 0.6vw;
      }
      #section3 .safe_r .r {
        /* font-size: 4.6vw; */
        font-size: 5vw;
        /* line-height: 4.6vw; */
        line-height: 5vw;
        padding-top: 1.2vw;
      }


    }

    @media all and (max-width: 480px){

        section p {
        font-size: 16px;
        font-size: 4.6vw;
        font-weight: 400;
        width: 90%;
        margin: 20px auto;
        line-height: 26px;
        line-height: 6.2vw;
        }
      #section4 .tel img{
        width: 100px;
      }
      #section4 .zonas{
        font-weight: 400;
        font-size: 4.2vw;
      }

    }







    #section3 .background.mobile { background-image: url('fondo_400px.png') !important; }
    #section3 .background.desktop { background-image: url('fondo_400px.png') !important; }

    @media all and (min-width:401px){
      #section3 .background.mobile { background-image: url('fondo_600px.png') !important; }
      #section3 .background.desktop { background-image: url('fondo_600px.png') !important; }
    }
    @media all and (min-width:601px){
      #section3 .background.mobile { background-image: url('fondo.png') !important; }
      #section3 .background.desktop { background-image: url('fondo.png') !important; }
    }




    #qLoverlay.queryloader__overlay{
      background-color: #FFFFFF;
    }
    #qLoverlay.queryloader__overlay 
    .queryloader__overlay__bar{
      top: initial !important;
      bottom: 0 !important;
    }
    #qLoverlay.queryloader__overlay 
    .queryloader__overlay__percentage{
      width: 94% !important;
      text-align: right !important;
      top: initial !important;
      margin-top: initial !important;
      bottom: 60px !important;
    }