/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
///////////////////  CSS variables ////////////////////////////////////////////
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

:root {
   --grad-base : #fec05a, #f29a4a, #e97a3d, #e26334, #de562f, #dd512d, #c14037, #81194f, #3c1549;
    --grad-alt : #3c1549, #5c154b, #81194f, #aa1e53, #cc2737, #dd512d, #ed7724, #f79f3d, #fec05a;
  --grad-alt-a : #dd512d, #81194f 65%, #3c1549;
  --grad-alt-b : #fec05a, #ed7724 29%, #cc2737 43%, #81194f 83%, #5c154b;
   --grad-left : linear-gradient(40deg, #fec05a, #dd512d 40%, #81194f);
        --rojo : #cc2737;
     --naranja : #ed7724;
     --violeta : #5c154b;
      --shadow : 0 9px 25px -15px rgba(0,0,0,.7);
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
///////////////////  CSS fonts ////////////////////////////////////////////////
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: url(fonts/poppins-light-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;|

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: fallback;
  src: url(fonts/poppins-light-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url(fonts/poppins-regular-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: fallback;
  src: url(fonts/poppins-regular-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: bold;
  font-weight: 700;
  font-display: fallback;
  src: url(fonts/poppins-bold-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: fallback;
  src: url(fonts/poppins-bold-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: fallback;
  src: url(fonts/poppins-black-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: fallback;
  src: url(fonts/poppins-black-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
///////////////////  CSS base /////////////////////////////////////////////////
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html { font-family: 'Poppins', sans-serif; }

body ::selection { background: var(--violeta); color: #fff; }
section { width:100%; padding: 0; margin: 0; }
img { width: 100%; height: auto; }

body p {
 margin: 1.65rem auto;
 max-width: 680px;
 padding: 0;
 font-size: 1.2rem;
 font-weight: 400;
 line-height: 1.5;
 color: #000;
}

body p:empty { display:none; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
///////////////////  Utils  ///////////////////////////////////////////////////
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.only-mobile { display: inherit; }
.only-desktop { display: none; }
.hidden { display: none; }

.a3ls-section { max-width: 700px; padding: 0 15px; margin: 2rem auto; font-size: 1.2rem; line-height:1.5; }

li::marker { color: var(--rojo); font-size: 20px; }

.a3ls-highlight {
  background: var(--rojo);
  color: #fff;
  padding: 2px 10px;
  border-radius: 2px;
  box-decoration-break: clone;
  display: inline;
  font-size: 1.2rem;
  font-weight: 900;
}

.a3ls-redtxt { color: var(--rojo); }

/*///////////// Only Home ///////////////////////////////////////////////////*/

.a3ls-section  { margin-inline: auto; }
h3 .a3ls-highlight { color: #fff; font-size: 1.5rem;  }
p { padding:0; }
p.hidden { display: none; }

/*///////////// Language selector ///////////////////////////////////////////*/

.a3ls-lang { position: absolute; right:15px; top: 8px; }
.a3ls-lang a { text-decoration: none; color: #fff; display: flex;  }
.a3ls-lang svg { color: #fff; width: 20px; opacity: 0.6; margin-right: 5px; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
///////////////////  Page top  ////////////////////////////////////////////////
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

h1 { text-indent: -9999px; margin: 0; }

.a3ls-intro { display: grid; grid-template-columns: 1fr; color: #fff;  }

.a3ls-intro h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0;
  text-indent: -9999px;
  height: 0;
}

.a3ls-intro p { padding:0; color: #fff; margin: 0.65rem 0; line-height:1.2; }

.a3ls-intro-l {
  display: flex;
  justify-content: center;
  background: url('img/waves_opt.webp') 50px 250px / 600px no-repeat,var(--grad-left);
  height: 100%;
  min-height: 450px;
  width: 100%;
}

.a3ls-intro-l section { display: grid; grid-template-columns: 1fr 2fr; margin-top:40px; max-width: 400px; }
.a3ls-intro-l section img { max-width:100px; }
.a3ls-intro-l section > div:nth-child(1) { padding-left: 15px; }
.a3ls-intro-l section > div:nth-child(2) { margin-left:9px; padding-top: 30px; max-width: 210px; }

.a3ls-intro-r { background: linear-gradient(-130deg, var(--grad-alt-a)); height:75px; width: 100%; }

.a3ls-section ul { padding: 20px; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
///////////////////  II - Block separators ////////////////////////////////////
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#a3ls-block-one {
  /* background: url(https://all-leads.com/img/adn_OPT.svg) 120% 30%/ 250px no-repeat fixed, url(https://all-leads.com/img/adn_OPT.svg) 30% 170%/ 180px no-repeat fixed, url(https://all-leads.com/img/adn_OPT.svg) -7% 95% / 135px no-repeat fixed, linear-gradient(195deg, var(--grad-base)); */
  background: url(img/adn_OPT.svg) 100% 15%/ 250px no-repeat fixed, linear-gradient(195deg, var(--grad-base));
  height: 150px;
  margin: 1rem auto 2rem;
  clip-path: polygon(0% 20%,100% 0%,100% 80%,0% 100%);
}

/*///////////////////// Two ////////////////////////////////////////////////*/

#a3ls-block-two img { display: block; max-width: 600px; margin: 1rem auto; }

/*///////////////////// Three ///////////////////////////////////////////////*/

#a3ls-block-three {
  background: url(img/fibonacci_OPT.svg) 0% 100% / 510px no-repeat fixed, linear-gradient(195deg, var(--grad-alt-a));
  margin: 1rem auto 2rem;
  clip-path: polygon(0% 0%, 100% 20%, 100% 100%, 0% 80%);
  height: 170px;
}

/*///////////////////// Four ///////////////////////////////////////////////*/

#a3ls-block-four { height: 200px; overflow: hidden; }
#a3ls-block-four img {  transform: rotate(-90deg) scale(.35) translateX(1700px); }


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
///////////////////  Team cards  //////////////////////////////////////////////
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.a3ls-section-four { display: grid; place-items: center; }
.a3ls-card { margin: 4rem 0; }
.a3ls-card img { display: block; max-width: 200px; margin: 0 auto; border-radius: 50%; box-shadow: var(--shadow), var(--shadow); }
.a3ls-card-name { font-size: 1.65rem; text-align: center; color: var(--rojo); font-weight: 900; margin: 1rem auto .25rem; }
.a3ls-card-rol { text-align: center; text-transform: uppercase; font-size: 1.1rem; color: #bc581d; color: #c25400; }
.a3ls-card-in { text-align: center; margin-top:12px; }
.a3ls-card-in a { text-decoration: none; color: var(--violeta) }
.a3ls-card-in svg { max-width: 32px; }
.a3ls-card-cv p, .a3ls-card-cv p { margin: .5rem auto 1rem; max-width: 270px; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
///////////////////  Footer  //////////////////////////////////////////////////
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*.a3ls-section:has(> .a3ls-footer) { margin-top: -1.5rem; }*/
.a3ls-footer-logo { display: flex; justify-content: center; align-content: inherit; align-items: flex-end; color: var(--violeta) }
.a3ls-footer-logo img { max-width: 50px; }
.a3ls-footer-logo svg:nth-child(1) { max-width: 55px;}
.a3ls-footer-logo svg:nth-child(2) { max-width: 185px; margin-left: 15px; }
.a3ls-footer p { max-width: 250px; margin-top: 1rem; line-height: 1.4; }

.a3lds-icon-contact-container { margin: 0 auto; padding: 2rem 0;  background: linear-gradient(200deg, var(--grad-alt-a)); }
.a3lds-icon-contact { max-width: 240px; margin: 0 auto; }
.a3lds-icon-contact div { margin: 1rem auto; font-size: 1.3rem; }
.a3lds-icon-contact svg { max-width: 30px; vertical-align: middle; margin-right: 10px; color: #fff; }
.a3lds-icon-contact a { text-decoration: none; color: #fff; }

#ast-scroll-top { background: var(--violeta); }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
///////////////////  Media queries  ///////////////////////////////////////////
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/


@media (min-width: 480px)  {
  .a3ls-intro-l section > div:nth-child(1) svg { max-width: 110px; margin-right: 10px; }
}

/*//////////////////////// 768 ///////////////////////////////////////////// */

@media (min-width: 600px)  {
  .a3ls-intro { display: grid; grid-template-columns: 3fr 1fr; height: 500px; }
  .a3ls-intro-r { height: unset; }
  #a3ls-block-one { height: 230px; }
  #a3ls-block-one { height: 230px; background-position: 90% 15%; }
  .a3ls-cardgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 380px)); justify-content: center; grid-gap: 30px; }
  .a3ls-card { margin: 1rem 0; }
}

/*//////////////////////// 768 ///////////////////////////////////////////// */

@media (min-width: 768px)  {
.a3ls-intro-l section { max-width: 450px; }
.a3ls-intro-l p { font-size: 1.35rem; line-height: 1.5; margin-top: .75rem; }
.a3ls-intro-l p { font-size: 1.35rem; line-height: 1.5; margin-top: .75rem; }
.a3ls-intro-l section img { max-width: 115px; }
.a3ls-intro-l section > div:nth-child(1) svg { max-width: 120px; }
.a3ls-intro-l section > div:nth-child(2) { max-width: unset; }
.a3ls-footer p { transform: translateX(60px); }
.a3ls-footer p { transform: translateX(60px); }
.a3lds-icon-contact div { margin: 1rem; width: 300px; }
.a3ls-footer-logo svg:nth-child(1) { max-width: 65px;}
.a3ls-footer-logo svg:nth-child(2) { max-width: 220px; }
.a3ls-footer-logo svg { max-width: 220px; }
/*.a3ls-footer-logo img { max-width: 65px; }*/
}

/*//////////////////////// 960 ///////////////////////////////////////////// */

@media (min-width: 960px)  {
  .a3lds-icon-contact { max-width: 870px; display: flex; justify-content: center; }
}

/*//////////////////////// 1024 //////////////////////////////////////////// */

@media (min-width: 1024px)  {
  .a3ls-lang { right:20px; top: 10px; }
  .a3ls-lang svg { opacity: 1; }
  #a3ls-block-two img { max-width: 800px; margin: 3.5rem auto; }
  .a3ls-card-cv p { max-width: 300px; }

}

/*//////////////////////// 1200 ///////////////////////////////////////////// */

@media (min-width: 1200px)  {
  .a3ls-intro-l section img { max-width: 125px; }
  .a3ls-intro-l section > div:nth-child(1) { padding-left: 0; }
  .a3ls-cardgrid { max-width: 1100px; }
  #a3ls-block-one { background:url(img/adn_OPT.svg) 85% 15%/ 250px no-repeat fixed, linear-gradient(195deg, var(--grad-base)) }
  #a3ls-block-three { background: url(img/fibonacci_OPT.svg) 20% 100% / 550px no-repeat fixed, linear-gradient(195deg, var(--grad-alt-a)); }
}

/*//////////////////////// 1700 ///////////////////////////////////////////// */

@media (min-width: 1700px)  {
  .a3ls-cardgrid { max-width: 1700px; }
}

/*//////////////////////// 1920 ///////////////////////////////////////////// */

@media (min-width: 1900px)  {
   .a3ls-intro { height: 445px; }
   .a3ls-card img { max-width:240px; }
   .a3lds-icon-contact-container { max-width: 100%; }
}