/* a.cierre:link {color:#fff; text-decoration: none;} a.cierre:visited {text-decoration: none; color:#fff;} a.cierre:hover {text-decoration: none;color:#f08330;} a.cierre:active {text-decoration: none;color:#fff;} div.scrollmenu {background-color: #f5f5f5; overflow: auto; white-space: nowrap; } div.scrollmenu a {display: inline-block; color: #046dab; text-align: center; padding: 14px; text-decoration: none;} div.scrollmenu a:hover { background-color: #046dab; color:#FFF } */ :root { --sty-mnu-glob-color-oscuro:#425167; --unap-blue: #034e7c; --unap-orange: #f08226; --unap-navy: #046dab; --unap-black: #070606; --unap-white: #fffdfa; --unap-gray: #7f7f7f; --unap-menu-hover-color-perla: #F8F6F0; --sty-unap-color-azul-tit: #0369B1; --unap-color-azul-oscuro:#046dab; --unap-link-hover-color: #0a58ca; --unap-color-azul-claro: #013BFF; /*2026*/ --unap-color-calipso: #0CF6FF; /*2026*/ } body{font-family: montserratregular; font-size: 14px;} @font-face { font-family: productsansbold; src: url("/prontus_unap/font/productsans/productsansbold.ttf") format("opentype"); } @font-face { font-family: productsansbolditalic; src: url("/prontus_unap/font/productsans/productsansbolditalic.ttf") format("opentype"); } @font-face { font-family: productsansregular; src: url("/prontus_unap/font/productsans/productsansregular.ttf") format("opentype"); } @font-face { font-family: productsansitalic; src: url("/prontus_unap/font/productsans/productsansitalic.ttf") format("opentype"); } @font-face { font-family: montserratregular; src: url("/prontus_unap/font/montserrat/Montserrat-Regular.ttf") format("truetype"); } @font-face { font-family: montserratbold; src: url("/prontus_unap/font/montserrat/Montserrat-Bold.ttf") format("truetype"); } @font-face { font-family: montserratitalic; src: url("/prontus_unap/font/montserrat/Montserrat-Italic.otf") format("truetype"); } @font-face { font-family: montserratbolditalic; src: url("/prontus_unap/font/montserrat/Montserrat-BoldItalic.otf") format("truetype"); } /*MENU-1 SUP general */ .sty-menu-sup-row {background-color: white;} .sty-menu-sup-row .navbar-nav .nav-item a{color: var(--unap-color-azul-claro);} .sty-menu-sup-row .navbar-nav .nav-item{transition: background-color 0.6s;} .sty-menu-sup-row .navbar-nav .nav-item a.unapcl{color: white;} .sty-menu-sup-row .navbar-nav .nav-item:hover{background-color: var(--unap-color-calipso); !important} .sty-menu-sup-row .navbar-nav .nav-item .unapcl:hover{background-color: var(--unap-color-calipso); !important} video{width: 100%; z-index: -1;} /*nav class="navbar navbar-inverse*/ .navbar{position:relative; border:0px;} .navbar-inverse, .navbar-fixed-top{background-color: transparent;} .navbar-inverse .navbar-brand, .navbar-fixed-top .navbar-brand{font-family: montserratregular; color:#fff} .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{font-family: montserratbold; color:#2688ce; background-color:transparent;}/*az*/ /*color texto de elemento activo y color de fondo*/ .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{/*border-color: transparent;*//*#046dab*/} /*color para línea base de menu en móvil*/ /*@media (max-device-width:480px) and (orientation:landscape)*/ @media (max-width:768px) { .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#eee; } /*color texto de elemento activo y color de fondo*/ .navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{ color:#fff; background-color:transparent; } .navbar-inverse .navbar-brand, .navbar-fixed-top .navbar-brand{color:#fff; float:right; } .navbar-header { float:right;} .navbar-inverse, .navbar-fixed-top{background-color:transparent; z-index: 1000; float:right;} .navbar-toggle {background-color:#1B88C5; float:right; float:right; } /* color de fondo del cuadro*/ .navbar-collapse { z-index: 1000; float:right;} /* .navbar-collapse ul { background-color: var(--unap-color-azul-oscuro); font-size: 1.0rem; text-align: left; float:right; }*/ .container-fluid > .navbar-collapse, .navbar-fixed-top, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0px; margin-left: auto;} } /*ipad*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* and (orientation : portrait)*/ .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#eee; } /*color texto de elemento activo y color de fondo*/ .navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{ color:#fff; background-color:transparent; } .navbar-inverse .navbar-brand, .navbar-fixed-top .navbar-brand{color:#fff; float:right; } .navbar-header { float:right;} .navbar-inverse, .navbar-fixed-top {background-color:transparent; z-index: 1000; float:right;} .navbar-toggle {background-color:red; float:right; float:right; } /* color de fondo del cuadro*/ .navbar-collapse { z-index: 1000; float:right;} /*.navbar-collapse ul { background-color: var(--unap-color-azul-oscuro) ; font-size: 1.0rem; text-align: left; float:right; }*/ .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0px; margin-left: auto;} } @media (min-width:768px){ /* ul { background-color: var(--unap-color-azul-oscuro); font-size: 1.0rem; } */ #lista1 li {font-family: montserratbold; display:inline; padding-left:3px; padding-right:3px; font-size:1.1rem; padding-top: 10px; padding-bottom: 20px; border: 0px solid;} #lista1 a { display:inline; height: 150px; padding-top: 10px; padding-bottom: 20px; color:white; text-decoration: none; background-size: 0% 6px; transition: opacity 0.5s;} #lista1 a>span{transition: width 1.0s; width: 40px;} #lista1 a:hover { background-color:transparent; height: 50px;opacity: 0.9;} /*transition: [property] [duration] [timing-function] [delay];*/ #lista1 a:hover>span{position:absolute; bottom:0px; width: 100%; height: 6px; left:0; right:0; margin-left:auto; margin-right:auto; background-color: white; } } html { font-family: montserratregular; --scroll-behavior: smooth; scroll-behavior: smooth; } .ir-arriba {display:none; padding:20px; background-color: rgba(2, 73, 89, 0.4); font-size:20px; color:#fff; cursor:pointer; position: fixed; bottom:20px; right:20px;} .seccion-titulo {width: 100%; margin-top: 30px; text-align: center; margin-left: auto; margin-right:auto; font-family: montserratbold; font-size: 35px;letter-spacing: 3px; color: #0270B6;} /*.titulo-cursiva {width: 100%; margin-top: 30px; text-align: center; font-family: HelveticaLightCondObl; font-size: 2.0rem; letter-spacing: 3px;}*/ .seccion-subrayado-azul {width: 100px; margin-top: 15px; border-top: 7px solid #0270B6; margin-left: auto; margin-right:auto;} .seccion-subrayado-blanco {width: 100px; margin-top: 15px; border-top: 7px solid #fff; margin-left: auto; margin-right:auto;} .servicios-txt { width: 100%; margin-top: 30px; color: /*#454545*/ #415469; font-family: montserratregular;} .servicios-txt-blanco { width: 100%; margin-top: 30px; color: #fff; font-family: montserratregular; } #video-ini-movil {display: none;} @media screen and (max-width:580px){ #video-ini-movil {display: block;} #video-ini {display: none;} } #MenuServicios01_Academicos {display: none;} #MenuServicios01_Administrativos {display: none;} #MenuServicios01_Beneficios {display: none;} #MenuTalleres01_Todos {display: none;} #MenuTalleres01_Inscribirse {display: none;} #MenuTalleres01_Historicos {display: none;} #MenuServicios02_CampusUnap {display: none;} #MenuServicios02_Biblioteca {display: none;} #MenuServicios02_ProgramaIngles {display: none;} #MenuServicios02_UNIA {display: none;} #MenuServicios02_PACE {display: none;} #MenuServicios02_UPRA {display: none;} #MenuServicios02_DGRI {display: none;} #MenuServicios02_DEGyD {display: none;} #MenuServicios02_Aranceles {display: none;} #MenuServicios02_Inclusion {display: none;} #MenuServicios02_CentroSalud {display: none;} #MenuServicios02_FEUNAP {display: none;} #MenuServicios02_BienestarEst {display: none;} #FacultadCarrerasRecursos {display: none;} #FacultadCarrerasSalud {display: none;} #FacultadCarrerasHumanas {display: none;} #FacultadCarrerasEmpresariales {display: none;} #FacultadCarrerasJuridicas {display: none;} #FacultadCarrerasFia {display: none;} #FacultadCarrerasVictoria {display: none;} #SedeCarrerasIquique {display: none;} #SedeCarrerasVictoria {display: none;} #SedeCarrerasSantiago {display: none;} #SedeCarrerasAntofagasta {display: none;} #SedeCarrerasArica {display: none;} #CarreraAgronomia {display: none;} #CarreraBioMarina {display: none;} #CarreraIngBiotec {display: none;} .boton-click-covid a.button {margin: 10px auto 10px auto; background-color: #FC008B; outline: none; padding: 7px 30px; font-family: montserratregular; font-style: italic; font-size: 1.5rem; color: #fff; border-radius: 20px;} .boton-click-covid a.button:hover { cursor: pointer; background-color: #ec407a; transition: 0.2s; box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);} .franja-mei { background-color: #eee;} .tab-servicios { overflow: hidden; background-color: Transparent; } .tab-servicios button { margin: 10px; background-color: Transparent; outline: none; padding: 20px 20px; font-family: montserratbold; font-size: 28px; color: #415469; border:1px solid #0270B6; border-radius: 7px;} .tab-servicios button:hover { background-color: #0270B6; color: #fff; cursor: pointer; transition: 0.3s;} .tab-servicios button.active { background-color: #0270B6; color: #fff;} .tab-talleres { overflow: hidden; background-color: Transparent; } .tab-talleres button { margin: 10px; background-color: Transparent; outline: none; padding: 20px 20px; font-family: montserratbold; font-size: 28px; color: #415469; border:1px solid #0270B6; border-radius: 7px;} .tab-talleres button:hover { background-color: #0270B6; color: #fff; cursor: pointer; transition: 0.3s;} .tab-talleres button.active { background-color: #0270B6; color: #fff;} .tabServ02 { overflow: hidden; background-color: Transparent;} .tabServ02 button {border: 0px; letter-spacing: 2px; border:0px solid #ddd; border-radius: 7px; padding: 0px; background-color: Transparent; outline: none;} .tabServ02 button:hover { border: 0px solid #ccc; cursor: pointer;transition: 0.3s;} .tabServ02 button.active img {border: 0px solid gray; /*border-radius: 7px;*/} .activ-boto-facult-tit { color: #fff !important; font-size: 1.8rem; font-weight: 700; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); margin-bottom: 20px; animation: fadeInDown 0.8s ease;} @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { .activ-boto-facult-tit { font-size: 1.4rem; } } .activ-boto-facult-horarios {margin-top: 20px; padding: 30px;background: linear-gradient(135deg, var(--unap-color-azul-claro) 0%, var(--unap-color-calipso) 100%); background-image: linear-gradient(135deg, var(--unap-color-azul-claro) 0%, var(--unap-color-calipso) 100%), repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,.1) 10px, rgba(255,255,255,.1) 20px); border-radius: 12px; box-shadow: 0 10px 20px rgba(0,0,0,0.25); } .activ-boto-facult-horarios a { display: inline-block; width: 100%; padding: 14px 20px; margin-bottom: 12px;background-color: #fff; color: var(--unap-color-azul-claro);text-decoration: none; border: 2px solid #fff; border-radius: 8px; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.1);} .activ-boto-facult-horarios a:hover {background-color: var(--unap-color-azul-claro); color: #fff; border-color: var(--unap-color-azul-claro); transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0,0,0,0.2);} .tabFacultades { /*overflow: hidden; */background-color: Transparent;} .tabFacultades button, .tabFacultades .boton-cdv {display: inline-block;margin-top: 10px; margin-left: 10px; background-color: #fff; outline: none; padding: 20px 20px; font-family: montserratregular; font-size: 1.5rem; min-width: 250px; border: 1px solid #ccc; border-radius: 10px;} .tabFacultades button a { color:var(--unap-color-azul-oscuro);} .tabFacultades a.boton-cdv { color:var(--unap-color-azul-oscuro);} .tabFacultades button:hover,.tabFacultades a:hover { background-color: #000; color: #fff; outline: none;cursor: pointer; transition: 0.3s; min-width: 250px;} .tabFacultades button.active {background-color: #005891; color: #fff !important;} .tabFacultades button.active a {color: #fff;} /* button.btn-act-fac-recursos {color: #fff !important; background-color: #087F8F;} button:hover.btn-act-fac-recursos {color: #fff !important; background-color: #087F8F;}*/ .tabFacultades button.active.btn-act-fac-recursos {background-color: #087F8F;} .tabFacultades button.active.btn-act-fac-salud {background-color: #59276D;} .tabFacultades button.active.btn-act-fac-humanas {background-color: #EE3052;} .tabFacultades button.active.btn-act-fac-empresariales{background-color: #F47522;} .tabFacultades button.active.btn-act-fac-juridicas {background-color: #BF4827;} .tabFacultades button.active.btn-act-fac-fia {background-color: #2B91CF;} .tabFacultades button.active.btn-act-fac-victoria {background-color: green;} .tabCarreras { overflow: hidden; background-color: Transparent;} .tabCarreras button {border: 0px; letter-spacing: 2px; padding: 0px; background-color: Transparent; outline: none; } .tabCarreras button:hover { border: 0px solid #ccc; cursor: pointer;transition: 0.3s;} .Link-Cuadro-Gral {margin-top: 30px; text-align: center; background-color: #fff; -webkit-box-shadow: 2px 2px 5px #999; -moz-box-shadow: 2px 2px 5px #999; filter: shadow(color=#999999, direction=135, strength=2);} .Link-Cuadro-Titulo {min-height: 120px; margin-top:10px; margin-left:10px; margin-bottom:10px;} .Link-Cuadro-Titulo button a {color: var(--unap-color-azul-oscuro);} .Link-Cuadro-Titulo a {color: var(--unap-color-azul-oscuro);} .Link-Cuadro-Titulo a:hover {color: var(--unap-link-hover-color);} .Link-Cuadro-Titulo button a:hover {border: 0px; color: #0000FF;} .Link-Cuadro-Titulo button.active a {font-weight: bold; border: 0px;} .Link-Cuadro-Titulo-Taller {position: relative; min-height: 140px; background-color: #0270B6; border: 0px solid red; padding: 7px;} .Link-Cuadro-Titulo-Taller-nuevo {position: relative; min-height: 140px; background-color: #008080; border: 0px solid red; padding: 7px;} .Link-Cuadro-Titulo-Taller a {color: #FFF;} .Link-Cuadro-Titulo-Taller-nuevo a {color: #FFF;} .Link-Cuadro-Titulo-Taller a:hover {color: #eee;} .Link-Cuadro-Titulo-Taller-nuevo a:hover {color: #eee;} .Link-Cuadro-Titulo-Taller a:active {font-weight: bold;} .Link-Cuadro-Titulo-Taller-nuevo a:active {font-weight: bold;} .Link-Cuadro-Taller-Inscribete {position: absolute; left: 10px; bottom: 5px;} .Link-Cuadro-Taller-Inscribete-nuevo {position: absolute; left: 10px; bottom: 5px;} .Link-Cuadro-Taller-Inscribete a button { padding-left: 10px; padding-right: 10px; border: 1px solid #0270B6; border-radius: 20px; background-color: #fff; color: red;} .Link-Cuadro-Taller-Inscribete-nuevo a button { padding-left: 10px; padding-right: 10px; border: 1px solid #145a32; border-radius: 20px; background-color: #fff; color: #AC0303;} .Link-Cuadro-Taller-Inscribete a button:hover { background-color: #eee; transition: 0.2s;} .Link-Cuadro-Taller-Inscribete-nuevo a button:hover { background-color: #eee; transition: 0.2s;} .Link-Cuadro-Taller-Inscribete a button:active {} .Link-Cuadro-Taller-Inscribete-nuevo a button:active {} .Titulo-Taller-Subraya {position: absolute; left: 10px; bottom: 15px; width: 70px; height: 6px; border: 3px solid #fff;} .boton-click-talleres-conocelos button {margin: 10px auto 10px auto; background-color: #FC008B; outline: none; padding: 7px 30px; font-family: montserratregular; font-style: italic; font-size: 1.5rem; color: #fff; border-radius: 20px;} .boton-click-talleres-conocelos button:hover { cursor: pointer; margin-top:5px; margin-bottom: 15px; transition: 0.2s;} /*.boton-click-talleres-conocelos button:hover { cursor: pointer; padding: 10px 40px; transition: 0.2s; box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.2);}*/ .franja-capacitacion{ color: white;} .franja-capacitacion .seccion-titulo{ color: white;/* font-size: 25px;*/} .capacitacion-cuerpo {margin-top: 30px; font-family: montserratregular; /* line-height: 1.5rem;*/ color: white;} /* Botones menu superior*/ /*.navbar-fixed-top{ top:0px; border-width:0 0 1px; border-bottom: 1px solid #999; -webkit-box-shadow: 0px 2px 5px #999; -moz-box-shadow: 0px 2px 5px #999; filter: shadow(color=#999999, direction=135, strength=2); }*/ /*az*/ /*.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#025180} */ /*se mantiene, color azul de cuadricula de menu para móviles */ /*.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}*/ .tabcontent {display: none;padding: 6px 12px;border-top: none;} .tabcontentServ02 {display: none;padding: 6px 12px;border-top: none;} .tabcontentTalleres {display: none;padding: 6px 12px;border-top: none;} .tabcontentFacultades {background-color:#f3f4f5; display: none;padding: 6px 12px;border-top: none;} .color-bg-sede-facultad {background-color:#f3f4f5;} .tabcontentFacultadesRecursos a{color: #087F8F;} .tabcontentFacultadesSalud a{color: #59276D;} .tabcontentFacultadesHumanas a{color: #EE3052;} .tabcontentFacultadesEmpresariales a{color: #F47522;} .tabcontentFacultadesJuridicas a{color: #BF4827;} .tabcontentFacultadesFia a{color: #2B91CF;} .tabcontentFacultadesVictoria a{color: green;} .tabcontentCarreras {background-color:#f3f4f5; display: none;padding-top: 6px; padding-bottom:20px; border-top: none;} .ev-bloque-video {position: relative; margin-top: 20px; width: 256px; height: 350px; background-color: white; border-bottom: 4px solid #a92066; border: 0px solid red;} .ev-nombre {margin: 5px 10px auto 10px; font-family: montserratregular; font-size: 18px; color: #a92066; border: 0px solid blue;} .ev-txt {margin: 5px 10px; font-family: montserratregular; font-size: 14px; color: #343534; border: 0px solid green;} .img-hover:hover { opacity: 0.8;} .hover-img:hover { opacity: 0.8;} .ev-acceder-activ {position: absolute; display: block; width: 100%; bottom: 10px; text-align: center; font-family: montserratregular; font-size: 12px; border: 0px solid yellow; } .ev-acceder-activ a {background-color: #000; color: white; padding: 5px 10px; border-radius: 20px;} .ev-acceder-activ a:hover {background-color: #f18228; color: white;} /*naranjo revisar: f18228*/ .responsive-img,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto;} .center-img {display: block; margin-left: auto; margin-right: auto;} .franja-bienvenida {background: linear-gradient(to right, #009CA6, #0270B6); background-repeat: no-repeat; margin-top: 0px;} .franja-capacitacion {background: linear-gradient(to right, #373773, #2B8BB5); background-repeat: no-repeat; margin-top: 0px; color: #fff;} /*.franja-bienvenida {background-image: url('/prontus_unap/site/artic/20210204/imag/foto_0000000620210204223317/bienvenida_home_bg_02.png'); background-repeat: no-repeat; margin-top: 0px;}*/ /*ELIMINAR-20222*/ .servicios-menu-bg {/*background-image: url('/prontus_unap/site/artic/20210204/imag/foto_0000002820210204223317/bienvenida_franja_bg01.png');*/} .franja-facultades-bg {background-image: url('/prontus_unap/site/artic/20210204/imag/foto_0000002020210204223317/casa_central_4.png'); border: 1px solid #999;} /*.txt-presentaciones {width: 100%; margin-top: 30px; font-family: montserratregular; font-size: 1.0rem; letter-spacing: 2px; line-height: 1.5rem;}*/ a.menu-footer {color:#fff; text-decoration: none;} /*a.menu-footer:visited {text-decoration: none; color:#fff;}*/ a.menu-footer:hover {color:#f08330; text-decoration: none;} /*a.menu-footer:active {text-decoration: none;color:#fff;}*/ .servicios-tipo {background-color: #F9FDFF; width: 100%; height: auto; padding-top: 0px; } /*#F9FDFF*/ .servicios-tipo-txt {color: #454545; } /*letter-spacing: 2px;*/ .servicio-bloque {background-color: #F9FDFF; width: 100%; height: auto; padding-top: 0px;} /*#F9FDFF*/ .recurso-titulo {text-align: center; font-family: montserratregular; font-size: 2.0rem;} .recurso-titulo-enlaces{width: 100%; margin-top: 30px;margin-bottom: 30px; text-align: center; font-family: montserratregular; font-size: 2.0rem; letter-spacing: 3px;} .recurso-enlace {width: 100%; color:#000; border: 0px solid;text-decoration: none;} .recurso-enlace-in {margin-top: 10px; padding-top: 7px;padding-bottom: 7px; -webkit-box-shadow: 2px 2px 5px #999; -moz-box-shadow: 2px 2px 5px #999; filter: shadow(color=#999999, direction=135, strength=2); border-radius: 3px;} .recurso-enlace-in-img {float: left; margin-top:3px; margin-bottom: 3px; margin-left: 10px; margin-right: 10px;} .recurso-img-fin {width: 100%; margin-top: 10px; background-image: url('/prontus_unap/site/artic/20210204/imag/foto_0000002620210204223317/bienvenida_servicio_estudiantes_fondo2.png'); background-size: cover;} .recurso-img-fin-interno {max-width: 640px; position: relative; margin-left: auto; margin-right: auto;} .carrera-clic-bg {width: 100%; margin-top: 10px; background-image: url('/prontus_unap/site/artic/20210204/imag/foto_0000003820210204223317/carrera-clic-aqui-bg.png'); background-size: cover;} .carrera-detalle-titulo {width: 100%; text-align: center; font-size: 2.0rem; color: #fff; padding-top: 20px; padding-bottom: 20px; background-image: url('/prontus_unap/imag/bienvenida/carrera_titulo_bg.png'); background-size: cover;} .carrera-detalle-bienvenida {width: 100%; text-align: center; padding-top: 10px; font-size: 1.5rem; letter-spacing: 2px;} .carrera-clic-cont {max-width: 640px; position: relative; margin-left: auto; margin-right: auto;} .carrera-clic-link {position: absolute; top: 10%; right: 10%; width:30%; height:20%; color: white; } .carrera-clic-link-a {width:100%; height:100%;} .carrera-img-top {margin-top: 10px; margin-bottom: 20px;} .separa-carr-detalles {width: 100%; height:50px; background-color:#f3f4f5;} /* background-color es el mismo de tabcontentCarreras*/ .ce_separatecprof {width: 100%; height:50px; background-color:#415469; color: white; text-align: center; font-size: 1.5rem; padding-top: 10px; margin:10px auto;} .boton-grupo {margin-top: 20px;} .boton-grupo a{color: #fff; padding: 2px 15px;} .boton-grupo a:hover{color: #ccc;} .enlace-menu {text-shadow: 1px 1px 2px #000000;} /* Ocultar menú en mobile y tablet */ @media (max-width: 991.98px) { .sty-menu-sup-row { display: none !important; } /* menu común superior, se oculta en moviles */ }