:root{
 ---color1: #008592;
 ---color2: #FFFD03;
 ---color3: #D9D9D9;
}
@font-face {
    font-family: "Museo_Sans_100";
    src: url("../fonts/MuseoSans-100.otf");
    font-weight: 100;
}
@font-face {
    font-family: "Museo_Sans_300";
    src: url("../fonts/MuseoSans-300.otf");
    font-weight: 300;
}
@font-face {
    font-family: "Museo_Sans_500";
    src: url("../fonts/MuseoSans-500.otf");
    font-weight: 500;
}
@font-face {
    font-family: "Museo_Sans_700";
    src: url("../fonts/MuseoSans_700.otf");
    font-weight: 700;
    line-height: 30px;
}
@font-face {
    font-family: "Museo_Sans_900";
    src: url("../fonts/MuseoSans_900.otf");
    font-weight: 900;
    line-height: 59px;
}
@font-face {
    font-family: "built_titling_900";
    src: url("../fonts/built\ titling\ rg.otf");
    font-weight: 900;
}
.font_ms100{
    font-family: "Museo_Sans_100";
}
.font_ms300{
    font-family: "Museo_Sans_300";
}
.font_ms500{
    font-family: "Museo_Sans_500";
}
.font_ms700{
    font-family: "Museo_Sans_700";
}
.font_ms900{
    font-family: "Museo_Sans_900"!important;
}
.built_900{
    font-family: "built_titling_900"!important;
}
.text-color1{
    color: var(---color1);
}
.text-color2{
    color: var(---color2);
}
.text-color3{
    color: var(---color3);
}
.text-color4{
    color: var(---color4)!important;
}
.text-color5{
    color: var(---color5);
}
.text-color6{
    color: var(---color6);
}
.text-color7{
    color: var(---color7);
}
.text-color8{
    color: var(---color8);
}
.text-color9{
    color: var(---color9);
}
.text-color10{
    color: var(---color10)!important;
}
.text-color11{
    color: var(---color11);
}
.text-color12{
    color: var(---color12);
}
.text-color13{
    color: var(---color13)!important;
}
.text-color14{
    color: var(---color14);
}
.text-color15{
    color: var(---color15);
}
.text-color16{
    color: var(---color16);
}
.text-color17{
    color: var(---color17);
}
.text-color18{
    color: var(---color18);
}
.bg-color1{
    background-color: var(---color1);
}
.bg-color2{
    background-color: var(---color2);
}
.bg-color3{
    background-color: var(---color3);
}
.bg-color4{
    background-color: var(---color4);
}
.bg-color5{
    background-color: var(---color5);
}
.bg-color6{
    background-color: var(---color6);
}
.bg-color7{
    background-color: var(---color7);
}
.bg-color8{
    background-color: var(---color8);
}
.bg-color9{
    background-color: var(---color9);
}
.bg-color10{
    background-color: var(---color10);
}
.bg-color11{
    background-color: var(---color11);
}
.bg-color12{
    background-color: var(---color12);
}
.bg-color13{
    background-color: var(---color13);
}
.bg-color14{
    background-color: var(---color14);
}
.bg-color15{
    background-color: var(---color15);
}
.bg-color16{
    background-color: var(---color16)!important;
}
.bg-color17{
    background-color: var(---color17)!important;
}
.bg-color18{
    background-color: var(---color18)!important;
}
.border-color1{
    border-color: var(---color1);
}
.border-color2{
    border-color: var(---color2);
}
.border-color3{
    border-color: var(---color3);
}
.border-color4{
    border-color: var(---color4)!important;
    border-style: solid;
}
.border-color5{
    border-color: var(---color5);
}
.border-color6{
    border-color: var(---color6);
}
.border-color7{
    border-color: var(---color7);
}
.border-color8{
    border-color: var(---color8);
}
.border-color9{
    border-color: var(---color9);
}
.border-color10{
    border-color: var(---color10);
}
.border-color11{
    border-color: var(---color11);
}
.border-color12{
   border-color: var(---color12);
}
.border-color13{
    border-color: var(---color13);
 }
 .border-color14{
    border-color: var(---color14)!important;
    border-style: solid;
 }
 .body-cabecera{
    background-image: url('../img/img_principal_nov_2024.png'); 
    background-repeat: no-repeat; 
    background-size: auto;
    background-position: center center;
    min-height: 85vh;
 }
 .body-img_section{
    background-image: url('../img/Foto-sin\ texto.png'); 
    background-repeat: no-repeat; 
    background-size: auto;
    background-position: center center;
    min-height: 1069px;
 }
 .degrade2{
    background: linear-gradient(to right, var(---color6), var(---color1));
 }
.fs-50{
    font-size: 42px;
}
.fs-42{
    font-size: 42px;
}
.fs-41{
    font-size: 41px;
}
.fs-37{
    font-size: 37px;
    line-height: 44.4px;
}
.fs-35{
    font-size: 35px;
}
.fs-34{
    font-size: 34px;
    line-height: 59px;
}
.fs-33{
    font-size: 33px;
    line-height: 33px;
}
.fs-32{
    font-size: 29px;
} 
.fs-30{
    font-size: 30px;
}
.fs-28{
    font-size: 28px!important;
    line-height: 33.6px!important;
}
.fs-27{
    font-size: 27px!important;
    line-height: 41px!important;
}
.fs-25{
    font-size: 25px!important;
}
.fs-24{
    font-size: 24px!important;
}
.fs-23{
    font-size: 23px !important;
    line-height: 41px!important;
}
.fs-21{
    font-size: 20px !important;
    line-height: 28.8px !important;
}
.fs-19{
    font-size: 19px !important;
}
.fs-18{
    font-size: 18.4px !important;
    line-height: 22.2px !important;
}
.mitad{
  background:   linear-gradient(
    to top,
    var(---color1) 0%,
    var(---color1) 50%,
    #fff 50%,
    #fff 100%
  );
}
hr{
    border-top: 6px solid !important;
}



.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-toggler{
    border: none !important;
}
.navbar-toggler:focus{
    box-shadow: none!important;
}
.wid-75{
    width: 75%!important;
}


.w-15{
    width: 15%!important;
}
.w-42{
    width: 42%!important;
}
.w-40{
    width: 40%;
}
.w-60{
    width: 60%;
}
.card{
    
    background-color: var(---color1);
}
.arrowTop{
    position:relative;
    margin: 20px;
    width:38px;
    height: 3px;
    background: #000;
    border:solid 1px #000;
    float: left;
   }
   
   .arrowTop:before, .arrowTop:after {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    left: -1px;
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0;  
    }
    .arrowTop:after {
    border-bottom: 16px solid #000;
    top: -15px;
    z-index: 2;
    }
    
   .arrowTop:before {
    border-bottom: 16px solid #000;
    top: -16px;
    z-index: 1;
    }
    .body_final{
        background-image: url('../img/Imagen_finfoco.png'); 
    background-repeat: no-repeat; 
    background-size: auto;
    background-position: center center;
    min-height: 1338px;
   
    }
    .text-justify{
        text-align: justify;
    }
    .bg-dark1{
        background: rgb(0, 0, 0, 0.8);
    }
    .oculto{
        transition: display 20s ease-in 5s;
        
    }

    .oculto:hover > .d-none {
        display: block !important;
        transition:  display 20s ease-in 5s;
    }
    .tooltipEMT{
        position: relative;
        display: inline-block;
       
    }
    .tooltipEMT .tooltiptext {
        visibility: hidden;
        width: 180px;
        bottom: 120%;
        left: 50%;
        margin-left: -90px; /* Use half of the width (120/2 = 60), to center the tooltip */
        background-color: var(---color1);
        color: black;
        text-align: center;
        border-radius: 6px;
        padding: 15px 10px;
      
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
      }

.tooltipEMT:hover .tooltiptext {
    visibility: visible;
  }
  .border-end:last-child{
    border: none!important;
  }
  .nav-item{
    cursor: pointer;
  }
  .img-pnc{
    aspect-ratio: 16/9; 
    max-width: 425px;
  }
  .menu:hover{
    background-color: #fff;
    color: var(---color1)!important;
  }
  .menu:hover a{
    background-color: #fff;
    color: var(---color1)!important;
  }
  .menu a:hover{
    color: var(---color1) !important;
  }

@media (max-width: 1399px) {
    .fs-38{
        font-size: 27px;
    }
    .fs-34{
        font-size: 30px;
    }
    .fs-50{
        font-size: 43px;
    }
    .img-pnc{
        max-width: 360px;
      }
    /* … */
  }
  @media (max-width: 1199px) {
    .fs-38{
        font-size: 27px;
    }
    .fs-34{
        font-size: 30px;
    }
    .fs-50{
        font-size: 33px;
    }
    .img-pnc{
        max-width: 310px;
      }
    /* … */
  }
  @media (max-width: 991px) {
    .fs-38{
        font-size: 27px;
    }
    .fs-34{
        font-size: 23px;
    }
    .fs-50{
        font-size: 32px;
    }
    .bg-color14{
        background-color: var(---color15);
    }
    .text-color15{
        color: var(---color2);
    }
    .menu:active, .menu:target, .menu:focus, .menu:hover{
        background-color: var(---color15);
        color: var(---color2);
        padding-left: 20px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .w-25{
        width: 50%!important;
    }
    .img-pnc{
        max-width: 225px;
      }
    /* … */
  }
@media (max-width: 600px) {
    .fs-25{
        font-size: 13px!important;
    }
    .fs-38{
        font-size: 27px;
    }
    .fs-30{
        font-size: 20px;
    }
    .fs-34{
        font-size: 16px;
    }
    .fs-32{
        font-size: 18px;
        font-family: "Museo_Sans_700"!important;
    }
    .fs-35{
        font-size: 16px;
    }
    .fs-50{
        font-size: 23px;
       
    }
    .pdf_view{
        width: 67%;
        max-height: 305px;
        height: 305px;
    }
  .border-start{
    border-top: var(--bs-border-width) var(--bs-border-style) #fff!important;
    border-left: none !important;  
  }
  .border-end{
    border-bottom: var(--bs-border-width) var(--bs-border-style) #fff!important;
    border-right: none!important;
  }
  .border-end:last-child{
    border-right: none!important;
    border-bottom: none!important;
  }
   .wid-75{
    width: 100%!important;
   }
   .card{

    overflow: hidden;
}
.w-15{
    width: 60%!important;
}
.w-25{
    width: 100%!important;
}
.w-50{
    width: 90%!important;
}

.img-pnc{
    max-width: 100%;
  }

    /* … */
  }
  @media  (max-width: 765px){
    .body_final{
        background-image: url('../img/sectionantes_footer.png');
        background-size: cover;
    }
      .w-40{
        width: 90%;
    }
    .w-60{
        width: 90%;
    }
    
  }