.button-line-dotted {
  opacity:1 !important; 
  border-bottom:2px dotted #e3e829 !important;
}

.circle-svg { 
  margin-left:25%;
  margin-top:-7%;
  max-width: 60em;
}

@media(max-width: 768px){
  .circle-svg { 
    margin-left:0%;
    margin-top:-5%;
    max-width: 360px;
  } 
}

.SURA {
  font-family: "SURASans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.SURA-bold {
  font-family: "SURASans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.SURA-italic {
  font-family: "SURASans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.SURA-bold-italic {
  font-family: "SURASans", sans-serif;
  font-weight: 700;
  font-style: italic;
}

  body{
    background-color:#fff;
    color:white;
    font-weight: 300;
    font-family: "SURASans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-style: normal;
      padding:0;
      margin:0;
      max-width:100%;  
      font-size:16px;
      color:#444;
      font-weight:100;
  }


    * { 
      font-family: "SURASans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      box-sizing: border-box;
    }

    * { box-sizing: border-box; } 

    
    body {
    -ms-overflow-style: none;
    scrollbar-width: none;    
    color:#0033a0;
    }
    body::-webkit-scrollbar { 
        display: none;  
    }
    html {
      overflow: scroll;
      overflow-x: hidden;
    }
::-webkit-scrollbar {
    width: 0;
    background: transparent;
}


    html, body{
      width:100vw;height:100vh; 
      -webkit-appearance: none;      
      appearance: none;   
    }
    
    @media(max-width:840px){
      body{
        font-size:17px;  
      }
      
    }

    
    b { font-weight:600; }

    div { position:relative; }

    h1 { font-size:1.8em; font-family: "SURASans", sans-serif; font-weight: 600; }
    h2 { font-size:1.2em; font-family: "SURASans", sans-serif; font-weight: 600; }

    a { text-decoration:none; color:inherit; }

    p { font-size:1.2em; line-height:145%; font-weight: 200; color:#0033a0;}
    
    

    .bigT { font-size:1.3em }


    svg, img {
      font-family: "SURASans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
     }
    :root {
      --animate-duration: 1800ms;
      --animate-delay: 1.5s;
    }
    
    
    .flex1{
      display: flex; flex-flow: row wrap; justify-content:space-between;
    }

    .flex2{
      display: flex; flex-flow: column wrap; justify-content:space-between;
    }

    .flex3{
      display: flex; flex-flow: row wrap; justify-content: flex-start;
    }

    .flex4{
      display: flex; flex-flow: row wrap; justify-content:center;
    }

    .flex5{
      display: flex; flex-flow: column wrap; justify-content:center;
    }
    .flex6{
      display: flex; flex-flow: column wrap; justify-content:flex-end;
    }
    .flex7{
      display: flex; flex-flow: column wrap; justify-content:space-around;
    }
    .flex8{
      display: flex; flex-flow: row wrap; justify-content:flex-end;
    }

    .w20 { width:20%; }
   .w25 { width:25%; }
   .w27 { width:27%; }
   .w30 { width:30%; }
   .w35 { width:35%; }
   .w40 { width:40%; }
   .w45 { width:45%; }
   .w48 { width:48%; }
   .w50 { width:50%; }
   .w55 { width:55%; }
   .w60 { width:60%; }
   .w65 { width:65%; }
   .w70 { width:70%; }
   .w75 { width:75%; }
   .w80 { width:80%; }
   .w85 { width:85%; }
   .w90 { width:90%; }
   .w20,.w25,.w30,.w35,.w40, .w45, .w48, .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90 { 
    position:relative;
   }
   @media(max-width:800px){
    .w20,.w25,.w27,.w30,.w35,.w40, .w45, .w48, .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90 { 
      width:100%;
    }
  
   }


   .w100 { width:100%; }
   .ww100 { width:100%; }
   .w10 { width:10%; }
   .w100v { width:100vw; }
   .h100 { height:100%; }
   .h100v { height:100vh; }

   .h100 { height:100%; }

   .w5 { width:5%; }

   .ww10 { width:10%; }
   .ww20 { width:20%; }
   .ww25 { width:25%; }
   .ww27 { width:27%; }
   .ww30 { width:30%; }
   .ww35 { width:35%; }
   .ww40 { width:40%; }
   .ww45 { width:45%; }
   .ww48 { width:48%; }
   .ww49 { width:49%; }
   .ww50 { width:50%; }
   .ww55 { width:55%; }
   .ww57 { width:57%; }
   .ww60 { width:60%; }
   .ww65 { width:65%; }
   .ww70 { width:70%; }
   .ww75 { width:75%; }
   .ww80 { width:80%; }
   .ww85 { width:85%; }
   .ww86 { width:86%; margin-left:7%; max-width:1600px;}
   .ww90 { width:90%; }
   .ww95 { width:95%; }

   @media(max-width:600px){
    .ww40 { width:100%; }
   }

   @media(max-width:800px){
    .ww86 { width:76%; margin:12%;  }
   }

   .em6 { font-size:0.6em; }
   .em7 { font-size:0.7em; }
   .em8 { font-size:0.8em; }
   .em9 { font-size:0.9em; }
   .em95 { font-size:0.95em; }
   .em10 { font-size:1em; }
   .em11 { font-size:1.1em; }
   .em12 { font-size:1.2em; }
   .em13 { font-size:1.3em; }
   .em14 { font-size:1.4em; }
   .em15 { font-size:1.5em; }
   .em16 { font-size:1.6em; }
   .em17 { font-size:1.7em; }
   .em18 { font-size:1.8em; }
   .em19 { font-size:1.9em; }
   .em20 { font-size:2em; }
   .em21 { font-size:2.1em; }
   .em22 { font-size:2.2em; }
   .em23 { font-size:2.3em; }
   .em24 { font-size:2.4em; }
   .em25 { font-size:2.5em; }
   .em30 { font-size:3em; }
   .em35 { font-size:3.5em; }
   .em40 { font-size:4em; }

   .mt0 { margin-top:0em; }
   .mt1 { margin-top:1em; }
   .mt2 { margin-top:2em; }
   
   .mb0 { margin-bottom:0em; }
   .mb1 { margin-bottom:1em; }
   .mb2 { margin-bottom:2em; }

   .mr0 { margin-right:0em; }
   .mr1 { margin-right:1em; }
   .mr2 { margin-right:2em; }

   .ml0 { margin-left:0em; }
   .ml1 { margin-left:1em; }
   .ml2 { margin-left:2em; }

   .hauto { margin:auto; }§

   .spacer { width:100%; height:200px; }
   .spacerSM { width:100%; height:100px; }

   .b1st {border:1px solid transparent;}

   .cirk { border-radius:50%; aspect-ratio:1 !important; }

   .abs { position:absolute; }
   .rl { position:relative; }

   .top0 { top:0; }

  [data-aos='rotate-round'] {
    transform: rotate(-360deg);
    transition-property: transform;
   }

   [data-aos='rotate-round'].aos-animate {
      transform: rotate(0deg);
   }



body [data-aos-delay='3500'].aos-animate {
  transition-delay: 3500ms;
}
body [data-aos-delay='4000'].aos-animate {
  transition-delay: 4000ms;
}
body [data-aos-delay='4500'].aos-animate {
  transition-delay: 4500ms;
}



body[data-aos-delay='3500'] [data-aos], [data-aos][data-aos][data-aos-delay='3500']{
    transition-delay: 3500ms;
  }
  body[data-aos-delay='4000'] [data-aos], [data-aos][data-aos][data-aos-delay='4000']{
    transition-delay: 4000ms;
  }
  body[data-aos-delay='4500'] [data-aos], [data-aos][data-aos][data-aos-delay='4500']{
    transition-delay: 4500ms;
  }
  body[data-aos-delay='5000'] [data-aos], [data-aos][data-aos][data-aos-delay='5000']{
    transition-delay: 5000ms;
  }




  body[data-aos-duration='3500'] [data-aos], [data-aos][data-aos][data-aos-duration='3500']{
    transition-duration: 3500ms;
  }
  body[data-aos-duration='4000'] [data-aos], [data-aos][data-aos][data-aos-duration='4000']{
    transition-duration: 4000ms;
  }
  body[data-aos-duration='4500'] [data-aos], [data-aos][data-aos][data-aos-duration='4500']{
    transition-duration: 4500ms;
  }
  body[data-aos-duration='5000'] [data-aos], [data-aos][data-aos][data-aos-duration='5000']{
    transition-duration: 5000ms;
  }
  body[data-aos-duration='5500'] [data-aos], [data-aos][data-aos][data-aos-duration='5500']{
    transition-duration: 5500ms;
  }
  body[data-aos-duration='6000'] [data-aos], [data-aos][data-aos][data-aos-duration='6000']{
    transition-duration: 6000ms;
  }
  body[data-aos-duration='6500'] [data-aos], [data-aos][data-aos][data-aos-duration='6500']{
    transition-duration: 6500ms;
  }
  body[data-aos-duration='7000'] [data-aos], [data-aos][data-aos][data-aos-duration='7000']{
    transition-duration: 7000ms;
  }
  body[data-aos-duration='7500'] [data-aos], [data-aos][data-aos][data-aos-duration='7500']{
    transition-duration: 7500ms;
  }

  body[data-aos-duration='8000'] [data-aos], [data-aos][data-aos][data-aos-duration='8000']{
    transition-duration: 8000ms;
  }
  body[data-aos-duration='8500'] [data-aos], [data-aos][data-aos][data-aos-duration='8500']{
    transition-duration: 8500ms;
  }
  body[data-aos-duration='9000'] [data-aos], [data-aos][data-aos][data-aos-duration='9000']{
    transition-duration: 9000ms;
  }
  body[data-aos-duration='9500'] [data-aos], [data-aos][data-aos][data-aos-duration='9500']{
    transition-duration: 9500ms;
  }
  body[data-aos-duration='10000'] [data-aos], [data-aos][data-aos][data-aos-duration='10000']{
    transition-duration: 1000ms;
  }
  body[data-aos-duration='10500'] [data-aos], [data-aos][data-aos][data-aos-duration='10500']{
    transition-duration: 10500ms;
  }
  body[data-aos-duration='11000'] [data-aos], [data-aos][data-aos][data-aos-duration='11000']{
    transition-duration: 11000ms;
  }
  body[data-aos-duration='11500'] [data-aos], [data-aos][data-aos][data-aos-duration='11500']{
    transition-duration: 11500ms;
  }
  body[data-aos-duration='12000'] [data-aos], [data-aos][data-aos][data-aos-duration='12000']{
    transition-duration: 7500ms;
  }
  body[data-aos-duration='12500'] [data-aos], [data-aos][data-aos][data-aos-duration='12500']{
    transition-duration: 12500ms;
  }
  body[data-aos-duration='13000'] [data-aos], [data-aos][data-aos][data-aos-duration='13000']{
    transition-duration: 13000ms;
  }
  body[data-aos-duration='13500'] [data-aos], [data-aos][data-aos][data-aos-duration='13500']{
    transition-duration: 13500ms;
  }
  body[data-aos-duration='14000'] [data-aos], [data-aos][data-aos][data-aos-duration='14000']{
    transition-duration: 14000ms;
  }
  body[data-aos-duration='14500'] [data-aos], [data-aos][data-aos][data-aos-duration='14500']{
    transition-duration: 14500ms;
  }
  body[data-aos-duration='15000'] [data-aos], [data-aos][data-aos][data-aos-duration='15000']{
    transition-duration: 15000ms;
  }


    .highlight {
      background: url("//s2.svgbox.net/pen-brushes.svg?ic=brush-5&color=F26626");
      padding: 2px  6px;
      
    }


    .hDivider { width:100%;height:14vh;}

    .divider9 { width:100%; height:9em; }
    .divider8 { width:100%; height:8em; }
    .divider7 { width:100%; height:7em; }
    .divider6 { width:100%; height:6em; }
    .divider5 { width:100%; height:5em; }
    .divider4 { width:100%; height:4em; }
    .divider3 { width:100%; height:3em; }
    .divider2 { width:100%; height:2em; }
    .divider1 { width:100%; height:1em; }
    .divider05 { width:100%; height:0.5em; }

    .mt2 { top:2em; margin-top: 2em; }
    .mb2 { bottom:2em; margin-bottom: 2em; }
    .mt0 { top:0em; margin-top: 0em; }
    .mb0 { bottom:0em; margin-bottom: 0em; }
  
    .topMenu {  position:fixed; transition: all 1s ease; top:0;left:0; z-index:7;}
    .toplinks { position:absolute; right:1em; top:2em; width:fit-content; font-weight:300; min-width:20em; cursor:pointer;}

    .toplink { border-left:1px solid #0033a0; font-size:0.8em;padding:0.4em 1em; width:fit-content;position:relative; display: flex; flex-flow: column wrap; justify-content:
      center;}
      .toplink:hover { color:black}
    .b0 { border-left:0px !important; }

    
    .EN_ES {  position:absolute; top:2vh; right:5vw; width:50px; color:white; cursor:pointer; z-index:30;}
    .EN_ES:hover { opacity:0.5;  }
    .burger {  position:fixed; top:2vh; right:3vw; width:29px; color:white; cursor:pointer; z-index:40; filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5)); }
    .burger:hover { opacity:0.5; }
    .toplinkmobile {display:none;}

    .desk {display:block;} .deskf {display:flex;}
    .mob{display:none;} .mobf{display:none;}
    @media(max-width:800px){
      .toplinks {width:2.2em; min-width:2em; }
      .toplink {display:none;}
      .toplinkmobile {display:block;}      
      .desk {display:none;} .deskf {display:none;}
      .mob{display:block;} .mobf {display:flex;}
    }
    

  .burgermobile { width:2em; z-index: 30}    
  .burgermobile:hover { opacity:0.7; }    

    .bggr { background-color:#e3e829; color:#0033a0; border-top:1px solid #e3e829; border-bottom:1px solid #e3e829; }
    .bggrad {
      background: rgba(245, 247, 66, 1);
      background: linear-gradient(0deg,#E1D508 0%, #e3e829 100%);
      border-top:1px solid #e3e829; border-bottom:1px solid #E1D508; 
    }
    .bggrad2 {
      background: linear-gradient(0deg,#FFF 50%, #e3e829 50%);
      border-top:1px solid #e3e829; border-bottom:1px solid #FFF; 
    }
    .bgbl { background-color:#0033a0; color:#ffffff; border-top:1px solid #0033a0; border-bottom:1px solid #0033a0; }
    
    .bgaqua { background-color:#4ec3e0; color:#0033a0; border-top:1px solid #4ec3e0; border-bottom:1px solid #4ec3e0; }
    .bgaq { background-color:#DDF1F4; color:#0033a0; border-top:1px solid #DDF1F4; border-bottom:1px solid #DDF1F4; }
    .bgwh { background-color:#ffffff; color:#0033a0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}


    .bgaqgrad {
      background-color:#DDF1F4; color:#0033a0; border-top:1px solid #DDF1F4; border-bottom:1px solid #DDF1F4; 
      background: #DDF1F4;
      background: linear-gradient(0deg,#fff 0%, #DDF1F4 100%);
      border-top:1px solid #DDF1F4; border-bottom:1px solid #FFFFFF; 
    }
    .bgaquagrad {
      background: #84F1FB;
      background: linear-gradient(180deg, rgba(132, 241, 251, 1) 0%, rgba(78, 195, 225, 1) 100%);
    }

    .wh { color: #ffffff !important; }
    .gr { color: #e3e829 !important; }
    .bl { color: #0033a0 !important; }
    .aq { color: #4ec3e0 !important; }

    .logo { width:10em;margin:1em; transition:all 2s; }

    .sost { font-size:5em; color:#0033a0; background: #e3e829; padding:0.4em; width:fit-content;}
    .inf-an { font-size:2em; margin-left:60%; color:#0033a0;  background: #e3e829;  
    }
    .circle1 {display:none;}
    @media screen and (max-width: 1600px) {
      .inf-an { font-size:1.2em; margin-left:48%; padding-left:2%; padding-bottom:6%; }
      .sost { font-size:2.3em; text-align: center;}
      .circle1 { position:absolute; width:1em; height:1em; border-radius:50%; background:#0033a0; left:-0.2em; bottom:-0.3em;}
    }

    @media screen and (max-width: 600px) {
      .circle1 {display:block;}
    }
    .mensaje { font-size:2em; font-weight:600; }
    .emilio { font-size:1.2em; font-weight:300; }

    .mensajeMob { font-size:1.4em; font-weight:600; }
    .emilioMob { font-size:1em; font-weight:300; }

    .sparks { transition:all 2s; position:absolute; width:3em; left:-1.3em; top:-1.1em; }
    .sparks2 { transition:all 2s; position:absolute; width:6em; left:-3em; top:-3em; }
    .vermas, .vermas-bl { height:2em; cursor:pointer; font-size:16px; font-weight: 400;  background-color: white; padding:0.5em 3.2em; border-radius:2em; border:1px solid #0033a0; color:#0033a0; width:fit-content;}
    .vermas:hover, .vermas-bl:hover { background-color:rgba(255,255,255,0.75); cursor:pointer;  }

    .boton1 { min-height:2em; cursor:pointer; font-size:16px; font-weight: 400; background-color: transparent; padding:0.5em 3.2em; border-radius:2em; border:1px solid #fff; color:#fff; width:fit-content;}
    .boton1:hover { background-color:rgba(255,255,255,0.75); cursor:pointer;  }

    .enorme { font-size:2.6em; font-weight:300; letter-spacing: 0.07em; color:#4ec3e0; }
    .enormeMob { font-size:1.2em; font-weight:300; letter-spacing: 0.07em; color:#4ec3e0; }

    #middleLine { transition:height 2s ease-out; position:absolute; width:0px; height:10%; border-left:2px dotted #4ec3e0; margin-left:50vw; z-index:0; }

    #middleLine { top:100vh;transition:height 2s ease-out; position:absolute; width:1px; height:10%; border-left:2px dotted #4ec3e0; 
      margin-left:50vw; z-index:0; 
    }


    .chapter { font-size:1.2em; font-weight:600; margin-bottom:1em; }
    .title { font-size:1.6em; font-weight:600; text-transform: uppercase;}

    .blueLine { width:100%; background-color:#0033a0; border-top:1px solid white;border-bottom:1px solid white; padding:0.4em; }
    .blueLineInt {position:relative;width:96%;max-width:1400px; margin:0.4em auto;display: flex; flex-flow: row wrap; justify-content:space-between; 
    }
    .antsig { height:1.8em;  top:0px; cursor:pointer; }
    .vm { text-align:left; }
    @media(max-width:800px){
      .vm { text-align:center; }
      .vermas-bl { margin:auto; display:inline-block; }
      .boton1 { margin-bottom:1em}
      
      
    }    
    .ft1 { border-left:1px solid #DDDDDD; cursor:pointer;}
    .ft1:hover {opacity:0.7;}
    .ft2 { border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; }

    #mensaje1 { z-index:-1; margin-top:-4em; }

    .director { background-image:url('im/director.jpg'); background-size:cover; border-radius:1.6em; aspect-ratio:68/92; }
    p { font-weight:300; }
    .brackets { padding:2em 1em; font-size:1.4em; font-weight:400; text-align:center;}
    .rBracket { position:absolute; height:100%; width:2em; right:0; }
    .lBracket { position:absolute; height:100%; width:2em; left:0; }
    .big { font-size:1.4em; }
    .big2 { font-size:2em; }
    .big24 { font-size:2.4em; }
    .big3 { font-size:3em; }
    .aqTitile { font-weight:100; font-size:0.9em; color:#4ec3e0; margin-bottom:-1em }

@media(max-width:800px){
  .big { font-size:1.2em; }
  .big2 { font-size:1.6em; }
  .big24 { font-size:2em; }
  .big3 { font-size:2.4em; }
}
@media(max-width:600px){
  .big { font-size:1em; }
  .big2 { font-size:1.4em; }
  .big24 { font-size:1.8em; }
  .big3 { font-size:2.2em; }
}


    .fw100 {  font-weight:100; }
    .fw200 {  font-weight:200; }
    .fw300 {  font-weight:300; }
    .fw400 {  font-weight:400; }
    .fw500 {  font-weight:500; }
    .fw600 {  font-weight:600; }
    .fw700 {  font-weight:700; }
    .fw800 {  font-weight:800; }
    .fw1000 {  font-weight:1000; }
    .fw1200 {  font-weight:1200; }
    .fw1400 {  font-weight:1400; }
    .fw1600 {  font-weight:1600; }
    
    .mmenuFrame { border:0px; border-top:1px solid #4ec3e0; border-bottom:1px solid #4ec3e0; border-right: 0px;  border-left: 0px; }

    .max16 { max-width:1600px; }
    section {z-index:2;}
    .mmenu { display:none; width:100vw;height:100vh; background-color:#e3e829; position:fixed; z-index:20; top:0;left:0;}

    .topMMenu { position:relative; }
    .xblue{ width:3em; margin:1em; cursor:pointer; }
    .mmenutext { color:white; font-size:1.2em; font-weight:600; line-height:100%; text-align:left; padding:1em; text-transform: uppercase; }

    @media(max-width:800px){
      .mmenuimg, .mmenutext {display:none;}
      .brackets { margin-bottom:1em;}
    }

    .mmtextmob { position:relative; font-size:1.1em; line-height:100%; text-transform: uppercase; text-align:left; font-weight:300;}
    .mmtextmob2 { position:relative; font-size:1.1em; line-height:130%; text-transform: uppercase; text-align:left; font-weight:500;}
    .mmnum { color:#e3e829; }

    .mmtextmob a:hover, .mmenutext a:hover  { cursor:pointer; color:#e3e829;}

    .mainSection { background: #e3e829;
      background: linear-gradient(0deg,#E1D508 0%, #e3e829 100%);
      border-top:1px solid #e3e829; border-bottom:1px solid #E1D508;  }

      .mainSection1 { background: #e3e829;}

      .itemBox { background: transparent; }

      @media(max-width:800px){
        .mainSection { background: #e3e829;}
        .itemBox { background: #e3e829; }
        .ft1 { border-left:0px; margin-top:0.5em;}
        .ft2 {margin-top:1em; border:0; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; }
      }

      .arr-down { width:3em; transform: rotate(180deg); }
      .lotus { width:6em; margin-left:-0.3em; margin-bottom:0.4em;}
      .lotus-text { font-size:1.4em;font-weight:600; }
      .prel {position: relative;}
      .cen { text-align:center; }
      .absDown { position:absolute; bottom:0; left:0; }

      @media(max-width:800px){
        .absDown { position:relative;   }
        .lotus-text {  margin-left:10%; }
      }

      .upper{ text-transform: uppercase; }

      .bpurple {border:1px solid purple;}
      .bcyan {border:1px solid cyan;}
      .byellow {border:1px solid yellow;}
      .bred {border:1px solid red;}
      .bpink {border:1px solid pink;}
      .bolive {border:1px solid olive;}
      .borange {border:1px solid orange;}

      .star { position:absolute; width:4em; display:inline-block; margin-left:-3.6em; margin-right:-0.6em; vertical-align:middle; margin-top:-1.3em; }

      .star3 { position:absolute; width:4em; display:inline-block; margin-left:-5em; margin-right:1em; vertical-align:middle; margin-top:-2.7em; }
      /* .star3 { width:4em; display:block; margin-left:-5em; margin-right:1em; vertical-align:middle; margin-bottom:-3.7em; } */
      .star-text { color:#4ec3e0; font-size:1.4em; font-weight:500; letter-spacing:0.4em;  }
      .star-text3 { color:#0033a0; font-size:1.3em; font-weight:500; letter-spacing:0.2em;  }
      .eyeicon { position:absolute; width:2.5em; display:inline-block; margin-left:-3em; margin-right:0em; vertical-align:middle; margin-top:-1.3em; }

      @media(max-width:800px){
        .star { width:3em;position:relative;display:block;margin-left:-1.1em; vertical-align:middle; margin-top:-5.5em; letter-spacing:0.1em; }
        .star3 {display: none;}

        .star-text { font-size:1.1em;  letter-spacing:0.1em;}
        .star-text3 { font-size:1.1em;  letter-spacing:0.1em;}
      }


      .link { width:1em; margin-bottom:-0.3em }
      .under { text-decoration:underline; }
      .under:hover { text-decoration:none; }
      a.under { font-weight: 600; }

      .lh10 { line-height:100%; }
      .lh11 { line-height:110%; }
      .lh12 { line-height:120%; }
      .lh13 { line-height:130%; }
      .lh14 { line-height:140%; }
      .lh15 { line-height:150%; }
      .lh1-5em { line-height:1.5em !important; }


      .moon { position:absolute;z-index: 0; width:32%; top:-0.1em; left:0;  aspect-ratio: 1; border-radius:50%; background: #E3E829; 
                  background: linear-gradient(90deg, rgba(227, 232, 41, 0) 0%, rgba(227, 232, 41, 0.8) 100%); }

      .moon2 { position:absolute;z-index: 0; width:40%; top:-70%; right:0;  aspect-ratio: 1; border-radius:50%; background: #4ec3e0; 
                  background: linear-gradient(90deg, rgba(227, 232, 41, 0) 0%, #4ec3e0 100%); }

      .moon70 { width:70%; }

      @media(max-width:1200px){
        .moon70 { width:100%; }
      }

      @media(max-width:800px){
        .moon { width:24%;  }
        .moon70 { width:40%; }
      }

      @media(max-width:600px){
        .moon70 { width:55%; }
      }
      @media(max-width:500px){
        .moon70 { width:90%; }
      }

    .question { 
      width:94%; margin-left:3%; padding:0.7em 2.3em; text-align:center; color:#0033a0;  background: #e3e829; border-radius:2em; border:1px solid #e3e829; font-size:1.1em; font-weight:500; margin-bottom: 0.4em;
       background-size: 1.4em; background-repeat: no-repeat; background-position: right 0.7em top 0.5em ;      
    }
  .question:hover { cursor:pointer; }
  .q1 {     
    background-image:url('im/arr-down2.svg'); 
  }
  .q2 {     
    background-image:url('im/arr-down.svg'); 
  }
  .qx {     
    background-image:url('im/ex.svg');
  }

  
  .answer { display:none;width:90%;  margin:-0.5em auto 2em auto; padding:3em 5em;
  background-color:#DDF1F4; color:#0033a0; border-top:1px solid #DDF1F4; border-bottom:1px solid #DDF1F4; 
      background: #DDF1F4;  background: linear-gradient(0deg,#fff 90%, #DDF1F4 100%);
      border-top:1px solid #DDF1F4; border-bottom:1px solid #FFFFFF; 
      font-weight:300;
    }

  .answer2 {width:100%; max-width:850px; margin:0em auto;}

  @media(max-width:800px){
    .answer { width:94%;margin-left:3%; padding:2.3em 1em; font-size:0.8em; }

    .question { width:108%; margin-left:-4%; border-radius: 1em}
  }

  ul { font-size:1.2em; font-weight:300; color:#e3e829; font-size:2em}
  li { font-weight:300; margin-bottom:0.6em; line-height:70% !important; padding-left:0; margin-left:-0.4em; }
  li span { color:#0033a0; font-size:0.6em; }

  .ul1 { color:#e3e829; }
  .ul1 li { margin-bottom:0.5em; font-size:0.9em; font-weight:300; }
  .ul1 span { color:#0033a0; font-size:0.65em; }

  ol { margin-bottom:2em; }
  ol li { margin-bottom:0.7em; font-size:1.2em !important; line-height:150% !important; }



  .ul01 { color:#4ec3e0; }
  .ul03 { color:#e3e829; }
  .ul04 { color:#c7c9c7; }
  


  .topbtn { width:30%; border:1px solid white; color:white; padding:0.4em; margin: 0em auto; border-radius:3em; text-align:center; font-weight:400; cursor:pointer;  
  display: flex; flex-flow: column wrap; justify-content:center;}
  @media(max-width:800px){
    .topbtn { width:70%; margin-bottom:0.4em }
  }
  .topSel { background-color:#e3e829; color: #0033a0; }
  .topbtn:hover { background-color:#fff; color: #0033a0; }

  .blbtn {  width:fit-content; border:1px solid white; color:white; padding:0.4em 3em; margin: 0.7em; border-radius:3em; text-align:center; font-weight:400; cursor:pointer;  }
  .blbtn:hover { background-color:#fff; color: #0033a0; }

  .ods { width:5em;margin-right:0.7em; margin-bottom:1.2em }

  .blueMenu1 { position:relative; }
  .blueMenu2 { position:fixed; top:3.1em; left:0px; z-index:20; width:100vw; }

  .linkButton, .linkButton2 {
    background: #FCFD7C;
    background: linear-gradient(200deg, rgba(252, 253, 124, 1) 0%, rgba(227, 232, 40, 1) 100%);  
    border-radius:10em;    
    padding:0.5em 1.5em;
    color: #0033a0;
    font-weight:600;
    margin-bottom:1.85em;
  }

  @media(max-width:800px){
    .linkButton, .linkButton2 {      
      border-radius:0.5em;    
      padding:0.5em 1.5em;
    }
    .blbtn {   padding:0.4em 3em; margin: 0.4em; border-radius:0.7em; }
  }

  .linkButton:hover, .linkButton2:hover {
    cursor: pointer;
    background: #FCFD7C;
    background: linear-gradient(200deg, rgba(227, 232, 40, 1) 0%, rgba(252, 253, 124, 1)  100%);  
  }
  
  .linkButton::after{
    content:url('im/bluehand.svg'); 
    position:absolute;
    z-index:10; right:0em; bottom:-1.6em;width:2em;
  }

  .linkButton2::after{
    content:url('im/bluehand2.svg'); 
    position:absolute;
    z-index:10; right:0em; bottom:-1.6em;width:2em;
  }

  .weight-fit { width: fit-content; }

.rel { position:relative; }

  .company-info-column1, .company-info-column2 { padding:0.3em 0.5em; }
  .company-info-column2 { padding-left:1em !important;  }

  @media(max-width:800px){
    .company-info-column1, .company-info-column2 { padding:0.2em 0.25em; }
  }  

.ods { width:6em; margin-bottom:2em }



  .ul01 { color:#4ec3e0; }
  .ul03 { color:#e3e829; }
  .ul04 { color:#c7c9c7; }
  

.bbs { border-top: 1px solid #ddd; padding: 8px; border-bottom: 1px solid #ddd; text-align: left; }

.mitems{ width:95%; margin-bottom:0.3em}

 .foot { width:25%; cursor:pointer;}
  @media(max-width:800px){
    .foot { width:50%;}
  }
  .foot:hover { opacity:0.65; }
  .mitems:hover { cursor:pointer;background: #FFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%); }
  
  .footer-last-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgb(130, 130, 130);
    border-left: none;
    border-top: none;

  }
  
  @media(min-width: 801px) {
    .footer-last-column {
      width: 25%;
    }
    .mobile-only {
      display: none;
    }
  }
  @media(max-width: 800px) {
    .footer-last-column {
      width: 50%;
    }
    .mobile-only {
      display: block;
    }
  }

  .texts { width:70%;  text-align:center;  margin:0em auto; transition:all 1s;}
  .lines { width:80%; text-align:center;  margin:0em auto; transition:all 1s;}
  .texts-m { width:100%;  text-align:center;  margin:0em auto; transition:all 1s;}
  .lines-m { width:100%; text-align:center;  margin:0em auto; transition:all 1s;}
  .txtsvg { height:2.5vh; }

  .descargar-anexo { height:5em; position:absolute; right:0em; }
  .afore-sura { height:4em; }
  .sunny { position:absolute;z-index: 0; width:50%; top:0; right:0;  aspect-ratio: 1; border-radius:50%; background: #E3E829; background: linear-gradient(90deg, rgba(227, 232, 41, 0) 0%, rgba(227, 232, 41, 1) 100%);}
  .zindex5 { z-index: 5; }  
  .star-textindi { margin-top:-2.7em; margin-left:2em }
  .display-inline-block { display:inline-block; }
  .mt023 { margin-top:0.23em; }
  .mt01 { margin-top:0.1em; }
  .displayBlock { display:block; }
  .border-top-dashed {border-top: 2px dashed #e3e829}
  .height05em { height:0.5em }
  .tableBlue {border-collapse: collapse; width: 100%; font-family: sans-serif; color: #00305B;}
  .spanTable {font-size: 0.9em; font-weight: bold; color: #0073CF;}
  .tableBlueThTAP5 {text-align: left; padding: 5px 0;}
  .tableBlueTh1 {text-align: left; padding: 5px 0; border-bottom: 1px dashed #e0e0e0;}
  .tableBlueTh2 {text-align: right; padding: 5px 0; border-bottom: 1px dashed #e0e0e0;}
  .tableBlueTd1 {padding: 5px 0; font-weight: bold;}
  .tableBlueTd2 {text-align: right; padding: 5px 0; font-weight: bold;}
  .tableBlue2 {border-collapse: collapse; width: 100%; font-family: sans-serif; color: #00305B; margin-top: 20px;}
  .spanTable2 { font-size: 0.8em; color: #0073CF;}
  .font-size08 { font-size: 0.8em; }
  .font-size09CBFWB { font-size: 0.9em; color: #0073CF; font-weight: bold; }
  .P5TALBT1SA{ padding: 5px 0; text-align: left; border-top: 1px solid #0073CF }
  .font-weight-bold { font-weight: bold; }
  .border-top-dashed2 {border-top: 2px dashed #4ec3e0; border-bottom: 2px dashed #4ec3e0; padding: 10px 0; width:min-content;}
  .cmfs-logo { max-width: 150px; }
  .height5eMinm { min-height:5em }
  .color0073CF { color: #0073CF; }
  .height5em { height:5em }
  .font-weight-300 { font-weight: 300 !important; }
  .border-radius-15px { border-radius:15px }
  .border-top-dotted {border-top:2px dotted #e3e829}
  .style-left-bottom { margin-left:0.7em; margin-bottom:0.7em }
  .style-height2p7em { height: 2.7em; }
  .style-max-width100p { max-width: 100%; }
  .padding0em1em { padding:0em 1em }
  .border-bottom-dotted2 {border-bottom: 2px dotted #e3e829;}
  .text-align-right { text-align:right; }
  .text-align-left { text-align:left; }
  .margin-left-2em { margin-left:-2em }
  .max-width-1000px { max-width:1000px }
  .max-width-800px { max-width:800px }
  .font-size1em { font-size:1em; }
  .text-align-leftp10bt1sd { text-align: left; padding: 8px; border-bottom: 1px solid #ddd; }
  .text-align-rightp10bt1sd { text-align: right; padding: 8px; border-bottom: 1px solid #ddd; }
  .text-align-centerp10bt1sd { text-align: center; padding: 8px; border-bottom: 1px solid #ddd; }
  .ods { width:6em; margin-bottom:2em }
  
  @media(max-width:800px){
    .cmfs-logo { margin-top:0.7em ; }
  }
  


  .imgAdh { height:4.8em; max-width:100% }
  .ununglobal { width:7em; margin-bottom:1.3em }
  .lg2 { margin-bottom:1.5em }
  .lg5 { margin-bottom:1em; margin-top:0.7em; height:2.3em; max-width:100% }
  .lg7 { margin-bottom:1em; margin-top:-2.2em }
  .lg8 { margin-bottom:1.2em; margin-top:0.4em }
  .lg9 { margin-bottom:0.8em; margin-top:0em }

  .ad-logo { height:4.5em; margin-bottom:1em}

  .reconocimientos { height:4.8em; max-width:100%; }

  .w2em { width:2em; max-width:100%; margin-bottom:1em;}
  .w3em { width:3em; max-width:100%; margin-bottom:1em;}
  .w4em { width:4em; max-width:100%; margin-bottom:1em;}
  .w5em { width:5em; max-width:100%; margin-bottom:1em;}
  .w6em { width:6em; max-width:100%; margin-bottom:1em;}
  .w7em { width:7em; max-width:100%; margin-bottom:1em;}
  .w8em { width:8em; max-width:100%; margin-bottom:1em;}
  .w9em { width:9em; max-width:100%; margin-bottom:1em;}
  .w10em { width:10em; max-width:100%; margin-bottom:1em;}
  .w11em { width:11em; max-width:100%; margin-bottom:1em;}
  .w12em { width:12em; max-width:100%; margin-bottom:1em;}
  .w13em { width:13em; max-width:100%; margin-bottom:1em;}


  .width4em { width:4em; }
  .border0px { border:0px; }
  .posAbsTop05LeftNeg2em { position:absolute; top:0.5em; left:-2em }
  .mt3emmb2em { margin-top:3em; margin-bottom:-2em }
  .mw1200h80tal { max-width:1200px; height:80%; text-align:left; }
  .ww50txw { font-size:1.3em; color:white }
  .floatRight { float:right }
  .w80mw1200h80tal{ width:80%;max-width:1200px; height:80%;  text-align:left; }
  .mw1400 { max-width:1400px; }

  .text-align-center { text-align:center; } 
  .width55 { width:55%; margin:1em auto; }





  .img-datos-relevantes {
    height: 4em;
    max-width: 100%;
  }
  
  .mt-6 {
    margin-top: -6em;
  }
  
  .mt-5 {
    margin-top: -5em;
  }
  
  .mt-4 {
    margin-top: -4em;
  }
  
  .mt-3 {
    margin-top: -3em;
  }
  
  .mt-2-7 {
    margin-top: -2.7em;
  }
  .mt-2-5 {
    margin-top: -2.5em;
  }
  
  .mt-2 {
    margin-top: -2em;
  }
  
  .mt-1-5 {
    margin-top: -1.5em;
  }
  
  .mt-1 {
    margin-top: -1em;
  }
  
  .mt-0 {
    margin-top: 0;
  }
  
  .mt1 {
    margin-top: 1em;
  }
  
  .mt2 {
    margin-top: 2em;
  }
  
  .mt3 {
    margin-top: 3em;
  }
  
  .mt4 {
    margin-top: 4em;
  }
  
  .mt5 {
    margin-top: 5em;
  }
  
  .mt6 {
    margin-top: 6em;
  }
  
  .mb-1 {
    margin-bottom: -1em;
  }
  .mb-2 {
    margin-bottom: -2em;
  }
  
  .mb-6 {
    margin-bottom: -6em;
  }
  
  .mb-25 {
    margin-bottom: -25em;
  }
  
  .ml2 {
    margin-left: 2em;
  }
  
  .ml3 {
    margin-left: 3em;
  }
  
  .ml4 {
    margin-left: 4em;
  }
  
  .ml5 {
    margin-left: 5em;
  }
  
  .zi10 {
    z-index: 10;
  }
  
  .lh11 {
    line-height: 1.1em;
  }
  
  .img-datos-blue {
    height: 6em !important;
    margin-left: -1.3em !important;
    margin-bottom: 1em !important;
    max-width: 100% !important;
  }
  
  .text-right {
    text-align: right;
  }
  
  .text-center {
    text-align: center;
  }
  
  .text-left {
    text-align: left;
  }
  
  .par4 {
    padding-right: 4em;
  }
  
  .paTR {
      padding: 0em 0.7em;
  }
  
  .w100i {
    width: 100% !important;
  }
  
  .w50i {
    width: 50% !important;
  }
  
  .w25i {
    width: 25% !important;
  }
  
  .w20i {
    width: 20% !important;
  }
  
  .mw25{
      max-width: 25em;
  }
  
  .mw35{
      max-width: 35em;
  }
  
  .mw50{
      max-width: 50em;
  }
  
  .mw55{
      max-width: 55em;
  }
  
  
  .dblock {
    display: block;
  }
  
  .pl1{
      padding-left: 1em;
  }
  
  .lineh145 {
    line-height: 145%;
  }
  
  .h1vh {
    height: 1vh;
  }
  
  .h2vh {
    height: 2vh;
  }
  
  .h3vh {
    height: 3vh;
  }
  
  .h4vh {
    height: 4vh;
  }
  
  .h5vh {
    height: 5vh;
  }
  
  .h6vh {
    height: 6vh;
  }
  
  .h7vh {
    height: 7vh;
  }
  .h8vh {
    height: 8vh;
  }
  .h9vh {
    height: 9vh;
  }
  
  .h10vh {
    height: 10vh;
  }
  
  .h11vh{
      height: 11vh;
  }
  
  .h12vh {
    height: 12vh;
  }
  .h13vh {
    height: 13vh;
  }
  .h20vh {
    height: 20vh;
  }
  
  .h70vh {
    height: 70vh;
  }
  
  .h90vh {
    height: 90vh;
  }
  
  
  .h100vh {
    height: 100vh;
  }
  
  .mt-5vh {
    margin-top: -5vh;
  }
  
  .transition500ms{
      transition-delay:500ms;
  }
  
  .transition900ms {
    transition-delay:900ms
  }
  .transition1000ms {
    transition-delay:1000ms
  }
  
  .transition1200ms {
    transition-delay:1200ms
  }
  
  .transition1500ms {
    transition-delay:1500ms
  }
  
  .transition2000ms {
    transition-delay:2000ms
  }
  
  .transition2500ms {
    transition-delay:2500ms
  }
  
  .transition3000ms {
    transition-delay:3000ms
  }
  
  .transition3500ms {
    transition-delay:3500ms
  }
  
  .transition4000ms {
    transition-delay:4000ms
  }
  
  .transition4500ms {
    transition-delay:4500ms
  }
  
  .transition5000ms {
    transition-delay:5000ms
  }
  
  .transition5500ms {
    transition-delay:5500ms
  }
  
  .transition6000ms {
    transition-delay:6000ms
  }
  
  .transition6500ms {
    transition-delay:6500ms
  }
  
  .transition7000ms {
    transition-delay:7000ms
  }
  
  .transition7500ms {
    transition-delay:7500ms
  }

  .footer-links:hover { opacity:0.7; cursor:pointer}

  .company-info-list li { margin-bottom: 0.5em !important; font-size: 1em !important; line-height: 0.7em !important;  }

  
#container {
  margin-top: 3em;
  margin-bottom: 3em;
  background-color: black;
  position: relative;
  width: 100%;
  overflow: hidden;
  min-height: 15em;
  background-color: #0033a0;
  color: #4ec3e0;
  font-size: 1.6em;
  font-weight: 300;
}
#inner_container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#imgs_container {
  width: 100%;
  height: 100%;
}
.img_container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  transition: left 0.3s;
}
.img_container > img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
#overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 40px;
  background-color: rgba(200, 200, 200, 0);
}
.overlay_button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 1em;
  height: 1em;
  cursor: pointer;
  border-radius: 50%;
  font-size: 2em;
  font-weight: bold;
  color: #333;
  bottom: 4%;
}
#left_button {
  left: 41.5%;
}
#right_button {
  right: 41.5%;
}

@media (max-width: 800px) {
  .overlay_button {
    width: 0.8em;
    height: 0.8em;
  }
  #left_button {
    left: 26%;
  }
  #right_button {
    right: 26%;
  }
}


.graphs { margin-bottom:1.6em }