.open-sans {
      font-family: "Open Sans", sans-serif;
      font-optical-sizing: auto;
      font-weight: 200;
      font-style: normal;
      font-variation-settings:
        "wdth" 100;
    }
    
    .Jakarta, div, p, span, b, i,*,table,td,tr,a {
      font-family: "Plus Jakarta Sans", sans-serif;
      font-optical-sizing: auto;
      font-weight: 300;
      font-style: normal;
    }
     * { box-sizing: border-box; font-weight: 200; font-family: "Plus Jakarta Sans", sans-serif;} 
    html, body {
      width:100%; height:100%;
       -webkit-appearance: none;
       appearance: none;      
       font-variant-ligatures: none;  
    }
    html{scroll-behavior: smooth !important;}
    body {
      margin:0;
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size:20px;

      opacity: 1;
      /* background-color:#eaeaea; */
      /* background: linear-gradient(180deg, rgba(239,241,146,1) 0%, rgba(238,242,249,1) 100%); */      
      background-attachment: fixed;
      color: #53565A;
      overflow-x: hidden;
      overflow-y: scroll !important;

    }

    @media(min-width:2000px){
      /* body{ zoom:1.3; }      */
    }


    * { line-height:120%; }
      /* a { text-decoration:none; color:inherit; color:#0033A0; } */      

    .upper { text-transform: uppercase; }
     

      .bgred { background-color: #9B1C25; }
      .bggr { background-color: #E3E829; }
      .bgwh { background-color: #FFFFFF; }
      .bggray { background-color:#f2f2f2;  }
      .bgbl { background-color:#0033A0;  }

      
      
      input, * { font-family: 'Open Sans', serif; }

      a, .link1 {text-decoration: underline; color:#4EC3E0; }

      h1 { color:#000; font-weight:600; font-size:1.5em; line-height:125%}
      h1, h2, h3, h4, h5, h6 {
        text-wrap: pretty;
      }
    
      p { line-height:130%; text-wrap:pretty; }

      b { font-weight:700 !important; }

      div {position:relative;}

    .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: row wrap; justify-content:flex-end;
    }
    .flex8{
      display: flex; flex-flow: row wrap; justify-content:center;
    }
    .flex9 {
      display: flex;  justify-content: flex-start; align-items: center;
    }
    .flex10 {
      display: flex;  justify-content: flex-end; align-items: center;
    }
    .flex11 {
      display: flex; flex-flow: row wrap; justify-content:space-around;
    }

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

  .w5  { width:10%;}
   .w10 { width:10%; }
   .w20 { width:20%; }
   .w24 { width:24%; }
   .w25 { width:25%; }
   .w30 { width:30%; }
   .w32 { width:32%; }
   .w33 { width:33%; }
   .w35 { width:35%; }
   .w40 { width:40%; }
   .w45 { width:45%; }
   .w48 { width:48%; }
   .w49 { width:49%; }
   .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%; }
   .w5,.w10,.w20,.w24,.w25,.w30,.w32,.w33, .w35,.w40, .w45, .w48, .w49, .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90 { 
    position:relative;
   }
   @media(max-width:800px){
    .w10,.w20,.w24,.w25,.w30,.w32,.w33,.w35,.w40, .w45, .w48, .w49, .w50, .w55, .w60, .w65, .w70, .w75, .w80, .w85, .w90 { 
      width:100%;
    }
    .topnumbers { width:40%; max-width:260px; margin:0.5em; border:0px solid pink; }
    .em28 { font-size:1.8em; }
   }


   .w32a { width:32%; }
   @media(max-width:1200px){ .w32a { width:48%; } }
   @media(max-width:800px){ .w32a { width:100%; } }

   .ww5 { width:5%; }
   .ww15 { width:15%; }
   .ww10 { width:10%; }
   .ww20 { width:20%; }
   .ww24 { width:24%; }
   .ww25 { width:25%; }
   .ww30 { width:30%; }
   .ww32 { width:32%; }
   .ww33 { width:33%; }
   .ww35 { width:35%; }
   .ww40 { width:40%; }
   .ww45 { width:45%; }
   .ww48 { width:48%; }
   .ww50 { width:50%; }
   .ww55 { width:55%; }
   .ww60 { width:60%; }
   .ww60i { width:60% !important; }
   .ww65 { width:65%; }
   .ww70 { width:70%; }
   .ww75 { width:75%; }
   .ww80 { width:80%; }
   .ww85 { width:85%; }
   .ww90 { width:90%; }
   .ww93 { width:93%; }
   .ww95 { width:95%; }
   .ww100 { width:100%; }
   .ww5,.ww10,.ww20,.ww24,.ww25,.ww30,.ww32,.ww33,.ww35,.ww40, .ww45, .ww48, .ww50, .ww55, .ww60, .ww65, .ww70, .ww75, .ww80, .ww85, .ww90 { 
    position:relative;
   }
   /*
   @media(max-width:1100px){
    .ww10,.ww20,.ww25,.ww30,.ww35,.ww40, .ww45, .ww48, .ww50, .ww55, .ww60, .ww65, .ww70, .ww75, .ww80, .ww85, .ww90 { 
      width:100%;
    }
   }
   */

   .em055 { font-size:0.55em; }
   .em06 { font-size:0.6em; }
   .em07 { font-size:0.7em; }
   .em075 { font-size:0.75em; }
   .em08 { font-size:0.8em; }
   .em085 { font-size:0.85em; }
   .em09 { font-size:0.9em; }
   .em095 { 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; }
   .em25 { font-size:2.5em; }
   .em30 { font-size:3em; }


   .em11i { font-size:1.1em !important; }
   .em12i { font-size:1.2em !important; }
   .em13i { font-size:1.3em !important; }
   .em14i { font-size:1.4em !important; }

   .fw100 { font-weight:100 !important;; }
   .fw200 { font-weight:200 !important;; }
   .fw300 { font-weight:300 !important;; }
   .fw400 { font-weight:400 !important;; }
   .fw500 { font-weight:500 !important;; }
   .fw600 { font-weight:600 !important;; }
   .fw700 { font-weight:700 !important;; }
   .fw800 { font-weight:800 !important;; }

   .mt05 { margin-top:0.5em; }
   .mt06 { margin-top:0.6em; }
   .mt1 { margin-top:1em; }
   .mt2 { margin-top:2em; }
   .mt3 { margin-top:3em; }

   .mt06neg { margin-top:-0.6em; }
   .mt1neg { margin-top:-1em; }
   .mt2neg { margin-top:-2em; }
   .mt3neg { margin-top:-3em; }

   .mb1 { margin-bottom:1em;  }
   .mb2 { margin-bottom:2em; }
   .mb3 { margin-bottom:3em; }

   
   .wh { color: #ffffff !important; }
   .gry { color: #53565A !important; }
   .bk { color: #000000 !important; }

   @media(max-width:500px){
    .topnumbers { width:80%;}
   }




   @media(min-width:800px){
      .em12desk { font-size:1.2em; font-weight:300;}
      b.em12desk { font-size:1.23em;}
       
      .em14desk { font-size:1.4em; font-weight:200;}
      .em16desk { font-size:1.6em; font-weight:200;}
      .em18desk { font-size:1.8em; font-weight:200;}
      .em28desk { font-size:2.8em; font-weight:200;}

      .em12deskB { font-size:1.2em; font-weight:600;}
      .em14deskB { font-size:1.4em; font-weight:600;}
      .em16deskB { font-size:1.6em; font-weight:600;}
      .em18deskB { font-size:1.8em; font-weight:600;}
      .em28deskB { font-size:2.8em; font-weight:600;}

   }
   
   input[type=text],input[type=number] { 
    background-color:FBFCFE; border:1px solid #C9D4EB; color:#525252; padding:1em; border-radius:0.5em; margin-top:0.3em; margin-bottom:0.6em;
    width:94%;
  }

  .shadowClass {  filter: drop-shadow(0 0.4rem  0.7rem rgba(0,0,0,0.1)); transform: translateZ(0); }
  .shadow1 { filter: drop-shadow(0 0.2rem 0.4rem rgba(0,0,0,0.25)); transform: translateZ(0); }

.Desk, #mainDesk, #etapasDesk   {    display:block; }
.DeskF {    display:flex; }
.MobileF, .Mobile {    display:none; }
.Mobile7, .Mobile7F {    display:none; }

.nutin, .Mobile, #mainMobile, #etapasMobile {    display:none; }

  .logo1, .logo2 { height:45px; }
  .topBar { position:fixed;width:100%; padding:17px 40px;background-color:white; border-bottom:4px solid #00AEC7; top:0px; z-index:4;  }
  .divider {width:30px; height:45px; border-right:1px solid #525252; margin-right:30px;}


@media(max-width:700px)
  {
    .Mobile7  {    display:block; }
    .Mobile7F  {    display:flex; }
  }

@media(max-width:800px){  
  .logo1, .logo2 { height:37px; }
  .Desk, .DeskF, #mainDesk, #etapasDesk   {    display:none;  }
  .nutin, .Mobile, #mainMobile, #etapasMobile {    display:block; }
  .MobileF {    display:flex; }  
}


   .sp05 {width:100%; height:0.5em;}
   .sp10 {width:100%; height:1em;}
   .sp15 {width:100%; height:1.5em;}
   .sp20 {width:100%; height:2em;}

   .cen { text-align:center !important;; }
   .left { text-align:left !important; }
   .right { text-align:right !important; }
   .mw450 {max-width:450px;}
   .mw600 {max-width:600px;}
   .mw700 {max-width:700px;}
   .mw800 {max-width:800px;}
   .mw900 {max-width:900px;}
   .mw1000 {max-width:1000px;}
   .mw1100 {max-width:1100px;}
   .mw1200 {max-width:1200px;}
   .mw1300 {max-width:1300px;}
   .mw1400 {max-width:1400px;}

   .lh110 { line-height:110%; }
   .lh120 { line-height:120%; }
   .lh130 { line-height:130%; }
   .mauto { margin:0px auto }
   .wauto { width:fit-content; }

   .h1em { height:1em; }
   .h2em { height:2em; max-width:100%}
   .h3em { height:3em;  max-width:100%}
   .h4em { height:4em; }
   .h5em { height:5em; }
   .h6em { height:6em; }
   .h7em { height:7em; }
   .h8em { height:8em; }


   .spacer1 { width:100%; height:1em; }
   .spacer2 { width:100%; height:2em; }
   .spacer3 { width:100%; height:3em; }
   .spacer4 { width:100%; height:4em; }
   .spacer5 { width:100%; height:5em; }
   .spacer6 { width:100%; height:6em; }
   .spacer7 { width:100%; height:7em; }


   .mr5p { margin-right:5%; }
   .mr10p { margin-right:10%; }
   .mr15p { margin-right:15%; }
   .mr20p { margin-right:20%; }
   .mr25p { margin-right:25%; }
   .mr30p { margin-right:30%; }
   .mr35p { margin-right:35%; }
   .mr40p { margin-right:40%; }
   .mr45p { margin-right:45%; }
   .mr50p { margin-right:50%; }

   .ml5p { margin-left:5%; }
   .ml8p { margin-left:8%; }
   .ml10p { margin-left:10%; }
   .ml15p { margin-left:15%; }
   .ml20p { margin-left:20%; }
   .ml25p { margin-left:25%; }
   .ml26p { margin-left:26%; }
   .ml27p { margin-left:27%; }
   .ml30p { margin-left:30%; }
   .ml35p { margin-left:35%; }
   .ml40p { margin-left:40%; }
   .ml43p { margin-left:43%; }
   .ml44p { margin-left:44%; }
   .ml45p { margin-left:45%; }
   .ml50p { margin-left:50%; }
   .ml55p { margin-left:55%; }
   .ml60p { margin-left:60%; }
   .ml61p { margin-left:61%; }
   .ml65p { margin-left:65%; }
   .ml70p { margin-left:70%; }
   .ml75p { margin-left:75%; }
   .ml78p { margin-left:78%; }
   .ml80p { margin-left:80%; }
   .ml85p { margin-left:85%; }
   .ml90p { margin-left:90%; }

/* --- bootstrap --- */

   .mb-1 { margin-bottom:0.25em; }
   .mb-2 { margin-bottom:0.5em; }
   .mb-3 { margin-bottom:1em; }
   .mb-4 { margin-bottom:1.5em; }
   .mb-5 { margin-bottom:3em; }


  .hauto { margin:0em auto; }

  
  input[type=text],input[type=number]{border:2px solid #C9D4EB; padding:0.4em 1em; margin-bottom: 0.5em; margin-top: 0.5em; font-size:0.9em}
  input::placeholder {  color: #555; font-size: 1em; font-weight:300 }
  .nodecor, a.nodecor, .nodecor a { text-decoration:none !important; }

  .borange { border:1px solid orange }
  .bred { border:1px solid red }
  .blime { border:1px solid lime }
  .bblue { border:1px solid blue }
  .bgray { border:1px solid gray }
  .bwhite { border:1px solid white }
  .bcyan { border:1px solid cyan }

  .bredright { border-right:1px solid red; padding-right:2em; text-align:right;}
  .bredleft { border-left:1px solid red; padding-left:2em; }

  .bwhiteright { border-right:1px solid white; padding-right:2em; text-align:right;}
  .bwhiteleft { border-left:1px solid white; padding-left:2em; }

  .h1em { height:1em; }
  .h2em { height:2em; }
  .h3em { height:3em; }
  .h4em { height:4em; }
  .h5em { height:5em; }
  .h6em { height:6em; }

  .stretch {  align-items: stretch;  display: flex; flex-flow: row wrap; justify-content:space-between; }

  .br1em { border-radius:1em; }
  .br2em { border-radius:2em; }
  .br3em { border-radius:3em; }

  .w100mob { width:100%; }
  @media(min-width:1000px){  .w100mob { width:fit-content; } }

  .stretchD { margin-bottom:0em; margin-top:0em; }
  
  @media(min-width:1100px){ .stretchD {  display: flex; flex-flow: row wrap; margin-bottom:1em; justify-content: center;} }

  .rotate-180 {transform: rotate(180deg);}

  .red { color:#E81C2E; }
  .orange { color:#FF8033; }
  .olive { color:#6B9461 }
  
  
html {
  scroll-behavior: smooth; /* Enables smooth scrolling for all anchor links */
}
    .rel { position: relative;}
    a { color:inherit; font-family:inherit; font-size: inherit;}
		a { text-decoration: none;}
		a:hover	{ opacity: 0.8; }
    .cen {text-align: center}


  #fullReport {width:14em; position:fixed; bottom:0.4em; right:0.4em; z-index:2}
  
  .portada { height:100vh; background-image:url('im/portada.jpg?v=2'); background-size: cover; background-position: center;}

  @media(max-width:800px){
    .portada { height:100vh; background-image:url('im/portada-mobile.jpg'); }
    #fullReport {width:14em; position:fixed; bottom:0.4em; right:calc(50vw - 7em); z-index:2}
  }

    

    .topmenu0 { position: fixed; top:1em; width:96%; left:2%; }
		.topmenu { position:relative; height:3em;background-color:#E30F2E; width:100%; max-width: 1400px;  margin:0em auto; border-radius:10em;padding:0.6em 1em; color:white;}
		.logo { height:2em; margin-right:1.6em}
		[data-aos="rotate-180"] {
			transform: rotate(0deg);
			transition-property: transform;
		}
		[data-aos="rotate-180"].aos-animate {
			transform: rotate(360deg);
		}
		.bignum {font-size:2.2em; font-weight:600;}
		.smtxt {font-size:0.7em}
		.photo1 {width:100%; background-size: cover; background-position: center; border-radius: 1em; aspect-ratio:1.4}

    .black1 { position: relative; width:fit-content; padding:0.4em 1em; border-radius:3em; font-size:1.2em; font-weight:500; color:white; background-color:black; margin-top:-1em; margin-left:-2em;}
    @media(max-width:800px){
      .black1{ font-size:1em;padding:0.3em 1.4em 0.3em 2em;  border-radius:0em 3em 3em 0em; }
    }


		.bigtxt {  text-transform: uppercase; font-size:1.5em; font-weight: 600; }

    .dwitem { width:100%; border-radius:4em; font-weight:500; padding:0.5em 2.2em 0.5em 1.2em; margin-bottom:1em}
    .dwitem:hover { cursor:pointer; opacity:0.85;}
    .desc{ font-size:0.9em}
    .arr-dn {width:1.5em; position:absolute; right:0.4em;top:0.3em;}
    .arr-dn2 {width:1.5em; position:relative; margin-right:1em;}
	    
    .descargar-cap { color:white; font-size:0.7em; font-weight:400; width:fit-content; padding:0.5em 5em 0.5em 1.5em; border-radius:4em; }
    .arr-dn { width:1.5em; position:absolute; right:0.4em; top:0.3em;}

    @media(max-width:800px){
      .dwitem {font-size:0.8em;}
      .sbox{font-size:0.9em;}
      .sbox .bignum {font-size:1.4em;}
    }

    .ic { height:1em; margin-left:0.5em;}
    .ic:hover { cursor: pointer; opacity: 0.5;}

    @media(max-width:1200px){
      .menuText1 { display: none;  }
      .menuText2 { display: none;  }
    }
    
    @media(max-width:1000px){ .Mobile1000 { display:block;} .Desk1000 { display:none;}  }
    @media(min-width:1000px){ .Mobile1000 { display:none;}  .Desk1000 { display:block;} }
    @media(max-width:1000px){ .MobileF1000 { display:flex;} .DeskF1000 { display:none;}  }
    @media(min-width:1000px){ .MobileF1000 { display:none;}  .DeskF1000 { display:flex;} }
    
    @media(max-width:1100px){ .Mobile1100 { display:block;} .Desk1100 { display:none;}  }
    @media(min-width:1100px){ .Mobile1100 { display:none;}  .Desk1100 { display:block;} }
    @media(max-width:1100px){ .MobileF1100 { display:flex;} .DeskF1100 { display:none;}  }
    @media(min-width:1100px){ .MobileF1100 { display:none;}  .DeskF1100 { display:flex;} }
    

    .pointer { cursor: pointer;}

    #dTable td { font-family:inherit; font-family: "Plus Jakarta Sans", sans-serif;	font-optical-sizing: auto;font-weight: 300;font-style: normal; padding:0.3em}

    #mobileMenu { position:absolute;margin-top:1.5em; width:100%; border-radius:1em; display:none; }
	  .mmItem { width:100%; padding:1em 2em; border-bottom:1px solid #E20F2D; margin:0.5em auto;}

    i { font-style: oblique; }