:root{
            --bs-border-color-translucent: #B5B5B5;
            --bs-card-border-width: 3px;
            --bs-color-verde: #009ca6;
            --bs-borde-card-CO: 15px;
            --bs-card-border-radius: var(--bs-borde-card-CO);
            --bs-margin-top-logo: 20px;
            --bs-base-seccion: 20px;
            --bs-navbar-color-menu-items : #fff ; /*color de items menues*/
            --bs-navbar-color-menu-items-despleg : #999 ; /*color de items de menu desplegable*/
            --bs-navbar-font-size : 0.9em ; /*color de items menues*/
            --bs-link-hover-color:#0a58ca;
            
            /*--bs-navbar-hover-color:rgba(250, 255, 0, 0.7);
            --bs-nav-link-hover-color:var(--bs-navbar-hover-color);*/
            /*.nav-link:hover{color:var(--bs-nav-link-hover-color)}*/
            /*--bs-nav-link-hover-color:var(--bs-link-hover-color);*/
            /*--bs-navbar-color: rgba(255, 0, 255, 0.55);*/
            

            
            --bs-btn-active-color:#045;
            --bs-btn-active-color:#f45;
            --sty-vrii-card-conc-padd-left: 15px;
            --sty-vrii-color-bg-cifras: rgba(3,105,177,0.1);
            
         --sty-vrii-color-oscuro:#425167; --sty-vrii-color-azul:#0369B1; --sty-vrii-color-blanco:#fff; --sty-vrii-nota-space-lat: 15px;
         --sty-vrii-color1-celeste: #00B0FF; --sty-vrii-color2-verde: #179398; --sty-vrii-color3-lila: #7648E1;--sty-vrii-color4-rojo: #BA2F63;
         --sty-vrii-color-azul-claro: #1A71AB; --sty-vrii-color6-gris: #425469;
         --sty-vrii-color-naranjo:#ED9C22;
         --sty-vrii-pad-conc: 30px; --sty-vrii-marg-conc: 30px;
         --sty-vrii-size-masinfo: 0.9rem;
         --sty-vrii-size-cont: 0.9rem;
         --sty-vrii-size-tit: 2.2rem;
         --sty-unap-slide-sobre-txt-left: 60px;
         --sty-vrii-alto-button: 80px;            
        }
        /*se cambio lila a de 535CBF a 7648E1, 30-9-2024*/
        
        @font-face { font-family: montserrat-regular;    src: url("/prontus_unap/font/montserrat/Montserrat-Regular.ttf") format("opentype");}
        @font-face { font-family: montserrat-italic;     src: url("/prontus_unap/font/montserrat/Montserrat-Italic.otf") format("opentype");}
        @font-face { font-family: montserrat-bold;       src: url("/prontus_unap/font/montserrat/Montserrat-Bold.ttf") format("opentype");}
        @font-face { font-family: montserrat-medium;     src: url("/prontus_unap/font/montserrat/Montserrat-Medium.otf") format("opentype");}
        @font-face { font-family: montserrat-semibold;   src: url("/prontus_unap/font/montserrat/Montserrat-SemiBold.otf") format("opentype");}
        .body{font-family: montserrat-regular !important; color: #262628;}

        .container-1400 {  max-width: 1400px;  margin-left: auto;  margin-right: auto;  padding-left: 7px;  padding-right: 7px;}
        .sty-vrii-port-logo-unap {display: inline-block;}
        .sty-port-2do-logo-sup {display: inline-block; margin-left: 7px; padding-left: 7px; border-left: 1px solid white;}

        /*GENERALES*/
        
        
        #sty-menu-bloque {  position: fixed;  top: 20px;  right: 0px;  left: auto;  background: none;  width: 100%;  border: 0px;  z-index: 1000;  padding-top: 10px;  padding-bottom: 7px;  transition: top 0.4s;}
        

        /*txt izq-abajo sobre banner sup */
        .sty-port-banner-sup-bloque-txt  {width: 100%;border: 0px solid red; position: absolute; bottom: 0px; padding-bottom: 50px; height: auto;} /*titulo y submenu sobre video*/
        .sty-port-banner-sup-txt1a { font-size: 1.5rem; }
        .sty-port-banner-sup-txt1b {  font-size: 1.5rem;}
        .sty-port-banner-sup-txt1b span {font-style: italic;color: var(--sty-vrii-color1-celeste);}
        
        /*formulario de contacto formProntus*/
        /*
        .bloque-form-contacto {z-index: -1;background-image: linear-gradient(to bottom,  transparent 80%, rgba(118, 72, 225,1) 80%, rgba(118, 72, 225,1) 100% ); padding-left: 0px; padding-right: 0px; }
        
        .formulario-prontus {background-color: white; border: 1px solid #eee; box-shadow: 0px 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); border-radius: 7px; padding: 20px; font-size: 1rem;}
        .formulario-prontus input, .formulario-prontus textarea {background-color: rgba(118, 72, 225, 0.1); font-size: 0.8rem;}
        .formulario-prontus .buttonform {background-color: rgba(118, 72, 225, 1); color: white; padding-left: 15px;padding-right: 15px; font-size: 1.0rem; border-radius: 4px; border: 1px solid transparent;}
        .sty-form-input, .sty-form-area, .sty-form-select, .sty-form-boto  {margin-top: 10px; }
        #cantComentarios {width: 30px; background: rgba(0, 0, 0, 0); border: none; color: #fff;}
        .form-tit, .form-txt-contador, .form-notas, .form-txt-maximo{color: var(--sty-vrii-color-oscuro); font-size: 1rem;}        
        */
        /*form fin*/
        
        
        
        
        
        
        
        /*.vrii-id-prom-ini-tit           { margin-top: 15px; font-family: "Montserrat-Bold";font-size: 2.0rem; line-height: 2.5rem;}*/
        .sty-port-banner-sup-submenu-base  {/* margin-bottom: 50px;*/}
        .sty-port-banner-sup-submenu-base a{ color: white; transition: border-top 1.2s;}
        .sty-port-banner-sup-submenu-base a:hover{ border-top: 1px solid; }
        .sty-port-banner-sup-migas-fin {font-weight: bold;}
        .sty-port-banner-sup-puja {transform: translateY(-6px); border: 0px solid transparent; /* dejar el border transparent */}        
        
        .sty-subtit-azul-normal {font-size: 2.5rem; color: var(--sty-vrii-color-azul);}
        /*.sty-centra-vertical    {position: absolute;    top: 50%;   left: 0;    transform: translateY(-50%);}*/
        
        .dos-col-txt-banner-o-video{ margin-top: 80px;}/*esta en inicio de vinculacion.html*/
        .dos-col-txt-banner-o-video .contiene-video{width: 100%; height: auto;border-radius: 14px; overflow: hidden;}
        .dos-col-txt-banner-o-video .video{z-index: 0;}
        
        .sty-txt-celeste {padding-top: 20px; padding-right: 40px;color: var(--sty-vrii-color1-celeste); font-size: 1.0rem; font-weight: normal;}
        .sty-boton-blanco-borde-azul {display: inline-block;  border: 1px solid var(--sty-vrii-color-azul); border-radius: 7px;} /*margin-top: 20px;*/
        .sty-boton-blanco-borde-azul a{display: block; width: auto;padding: 6px 30px 7px 30px; transition: all 0.6s;}
        .sty-boton-blanco-borde-azul a:hover{background-color: var(--sty-vrii-color-azul); color: white;}
        .dos-col-txt-banner-o-video-con-bg { background: linear-gradient(to right, rgba(0, 176, 255, 0.05) 0%, rgba(68, 86, 106, 0.05) 50%); }/*para el 2do*/



        .card {--bs-card-border-radius: var(--bs-borde-card-CO);}
        .ir-arriba {                bottom: 80px;             } /*se sube mas arriba del logo captcha*/
        
        .text-justify, .texto-justificado {text-align: justify;}
        li a.link-azul {color:var(--sty-vrii-color-azul);}
        li a.link-azul:hover {color:var(--sty-vrii-color1-celeste);}
        
        
        /*Bloque Video */
        .sty-comun-video {background-color: var(--sty-vrii-color-bg-cifras);}
         .sty-comun-video video{width: 100%; z-index: 0;}
        
        .navbar, .nav-link { padding-top: 3px; padding-bottom: 3px;font-family: montserrat-bold; font-size: var(--bs-navbar-font-size); color: var(--bs-navbar-color-menu-items);}
        
        .nav-item a:hover  { /*color: #eee;*/}
        .nav-link:hover  { color: #eee;}
        .nav-link:focus  {color: #ddd;}
        .dropdown-toggle {} /*menu titulo de desplegable*/
        .dropdown-item {color: var(--bs-navbar-color-menu-items-despleg); font-size: var(--bs-navbar-font-size);} /*items de menu desplegable*/
        

        
        .sty-vrii-menu-bottom-item {font-family: montserrat-bold; text-align: right; color: var(--bs-navbar-color-menu-items);}
        .sty-vrii-menu-bottom-item-izq {font-family: montserrat-bold; text-align: left; font-size: 1.3em; color: var(--bs-navbar-color-menu-items);}