@charset "UTF-8";

body{
    height:100%;
    width:100%;
    font: menu !important;
    font: menu;
    /*font-size: 14px !important;*/
    line-height: 1.428571429;
    color: #404041;
    font-weight: initial !important;
}


a, div, span, input, textarea, li, strong, button{
    outline:none;
    text-decoration:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}
img{
    border:none;
    border:0px;
}

h1, h2, h3, h4, h5, h6{
    margin:0px !important;
}
.ClearBoth{
    clear:both;
}
.CursPointer{
    cursor:pointer;
}

/*visibilities according to the platform*/
.ShowOnMobile{
    display:none;
}
.ShowOnDesktop{
    display:inherit;
}
.FloatNoneOnMobile{
}

.show{
    display:block !important;
}
.hide{
    display:none !important;
}

.WidAutoOnMobile{
}
.HeiAutoOnMobile{
}

.Responsive{
}
.Responsive50{
}
.Responsive100{
}

/* Text Decoration */
.Underline{
    text-decoration:underline;
}
.UnderlineHover:hover{
    text-decoration:underline;
}

/* Making Unselectable Contents */
.Unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* for on iphone safari inputs shadow problem */
input[type="text"], input[type="password"], textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Display */
.DispBlock{
    display:block;
}
.DispTable{
    display:table;
    vertical-align:middle;
}
.DispTableCell{
    display:table-cell;
    vertical-align:middle;
}
.DispNone{
    display:none;
}
.DispInlBlock{
    display:inline-block;
}
.DispInline{
    display:inline;
}

/* FLEX Boxes */
.Flex{
    display:-webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}                                        /* NEW */
.FlexWrap{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}                                                              /* NEW */

/* Position */
.PosFixed{
    position:fixed;
}
.PosAbsolute{
    position:absolute;
}
.PosRelative{
    position:relative;
}
.PosStatic{
    position:static;
}

/* Floating */
.Fleft{
    float:left;
}
.Fright{
    float:right;
}
.Fnone{
    float:none !important;
}

/* Overflows */
.OvHidden{
    overflow:hidden;
}
.OvScroll{
    overflow:scroll;
}
.OvAuto{
    overflow:auto;
}
.OvVisible{
    overflow:visible;
}
.OvXScroll{
    overflow-x:scroll;
}
.OvYScroll{
    overflow-y:scroll;
}
.OvXHidden{
    overflow-x:hidden;
}
.OvYHidden{
    overflow-y:hidden;
}

/* Empty Boxes */
.EmptyBox5{
    display:block;
    width:100%;
    height:5px;
    overflow:hidden;
}
.EmptyBox10{
    display:block;
    width:100%;
    height:10px;
    overflow:hidden;
}
.EmptyBox20{
    display:block;
    width:100%;
    height:20px;
    overflow:hidden;
}
.EmptyBox30{
    display:block;
    width:100%;
    height:30px;
    overflow:hidden;
}
.EmptyBox40{
    display:block;
    width:100%;
    height:40px;
    overflow:hidden;
}
.EmptyBox50{
    display:block;
    width:100%;
    height:50px;
    overflow:hidden;
}
.EmptyBox60{
    display:block;
    width:100%;
    height:60px;
    overflow:hidden;
}
.EmptyBox70{
    display:block;
    width:100%;
    height:70px;
    overflow:hidden;
}
.EmptyBox80{
    display:block;
    width:100%;
    height:80px;
    overflow:hidden;
}
.EmptyBox90{
    display:block;
    width:100%;
    height:90px;
    overflow:hidden;
}
.EmptyBox100{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox110{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox120{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox130{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox140{
    display:block;
    width:100%;
    height:100px;
    overflow:hidden;
}
.EmptyBox150{
    display: block;
    width: 100%;
    height:150px;
    overflow:hidden;
}

/* Opacity */
.Opac100{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
}
.Opac95{
    opacity:0.95;
    -webkit-opacity:0.95;
    -moz-opacity:0.95;
}
.Opac90{
    opacity:0.9;
    -webkit-opacity:0.9;
    -moz-opacity:0.9;
}
.Opac80{
    opacity:0.8;
    -webkit-opacity:0.8;
    -moz-opacity:0.8;
}
.Opac70{
    opacity:0.7;
    -webkit-opacity:0.7;
    -moz-opacity:0.7;
}
.Opac60{
    opacity:0.6;
    -webkit-opacity:0.6;
    -moz-opacity:0.6;
}
.Opac50{
    opacity:0.5;
    -webkit-opacity:0.5;
    -moz-opacity:0.5;
}
.Opac40{
    opacity:0.4;
    -webkit-opacity:0.4;
    -moz-opacity:0.4;
}
.Opac30{
    opacity:0.3;
    -webkit-opacity:0.3;
    -moz-opacity:0.3;
}
.Opac20{
    opacity:0.2;
    -webkit-opacity:0.2;
    -moz-opacity:0.2;
}
.Opac10{
    opacity:0.1;
    -webkit-opacity:0.1;
    -moz-opacity:0.1;
}
.OpacZero{
    opacity:0;
    -webkit-opacity:0;
    -moz-opacity:0;
}

/* Border Radius */
.BordRad3{
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.BordRad4{
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.BordRad5{
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.BordRad10{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.BordRad15{
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
}
.BordRadHalf{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}

.BordRight{
    border-right:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordLeft{
    border-left:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordTop{
    border-top:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordBottom{
    border-top:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.BordAll{
    border:solid 1px transparent;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

/* Width */
.Wid130{
    width:130%;
}
.Wid120{
    width:120%;
}
.Wid110{
    width:110%;
}
.Wid100{
    width:100%;
}
.Wid90{
    width:90%;
}
.Wid80{
    width:80%;
}
.Wid70{
    width:70%;
}
.Wid60{
    width:60%;
}
.Wid50{
    width:50%;
}
.Wid45{
    width:45%;
}
.Wid40{
    width:40%;
}
.Wid30{
    width:30%;
}

/* Width Special Values */
.Wid33{
    width:33.3%;
}
.Wid25{
    width:25%;
}
.Wid20{
    width:20%;
}
.Wid10{
    width:10%;
}

.MaxWid500{
    max-width:500px;
}
.Wid100NoPadding{
    width:100%;
    box-sizing:border-box;
}

/* Height */
.Hei100{
    height:100%;
}
.Hei90{
    height:90%;
}
.Hei80{
    height:80%;
}
.Hei70{
    height:70%;
}
.Hei60{
    height:60%;
}
.Hei40{
    height:40%;
}
.Hei50{
    height:50%;
}
.Hei30{
    height:30%;
}
.Hei20{
    height:20%;
}
.Hei10{
    height:10%;
}

/* Margins */
.MarTopPerc5{
    margin-top:5%;
}
.MarTopPerc10{
    margin-top:10%;
}
.MarTopPerc20{
    margin-top:20%;
}
.MarTopPerc30{
    margin-top:30%;
}
.MarTopPerc40{
    margin-top:40%;
}
.MarTopPerc50{
    margin-top:50%;
}

.MarAuto{
    margin-left:auto;
    margin-right:auto;
}

.MarTop5{
    margin-top:5px;
}
.MarTop10{
    margin-top:10px;
}
.MarTop20{
    margin-top:20px;
}
.MarTop30{
    margin-top:30px;
}
.MarTop40{
    margin-top:40px;
}
.MarTop50{
    margin-top:50px;
}

.MarTopQuarter{
    margin-top:25%;
}
.MarTopHalf{
    margin-top:50%;
}

.MarBot10{
    margin-bottom:10px;
}
.MarBot20{
    margin-bottom:20px;
}
.MarBot30{
    margin-bottom:30px;
}
.MarRight10{
    margin-right:10px;
}
.MarRight20{
    margin-right:20px;
}
.MarRight30{
    margin-right:30px;
}


/* Paddings */
.NoPadding{
    padding:0px !important;
}
.PaddingTopPercent10{
    padding-top: 10%;
}

/* Containers */
.Container100{
    width:100%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container96{
    width:96%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container90{
    width:90%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container85{
    width:85%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container80{
    width:80%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container75{
    width:75%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container70{
    width:70%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container60{
    width:60%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container50{
    width:50%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container40{
    width:40%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container33{
    width:33.3%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container30{
    width:30%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container25{
    width:25%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container20{
    width:20%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container15{
    width:15%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container10{
    width:10%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}
.Container5{
    width:5%;
    float:left;
    padding:2px 5px 2px 5px;
    box-sizing:border-box;
}

.boxSombreado{
    -webkit-box-shadow: 0px 0px 1px 0px rgba(189,153,189,1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(189,153,189,1);
    box-shadow: 0px 0px 1px 0px rgba(189,153,189,1);
}

.boxSombreadoSeleccionado{
    -webkit-box-shadow: 5px 4px 11px 0px rgba(192, 57, 43,1);
    -moz-box-shadow: 5px 4px 11px 0px rgba(192, 57, 43,1);
    box-shadow: 5px 4px 11px 0px rgba(192, 57, 43,1);
}

.SmallIndent{
    padding:3px;
}
.NoIndent{
    display:block;
    margin:0px auto;
    padding:0px;
}

/* Text Aligns */
.TexAlCenter{
    text-align:center;
}
.TexAlJustific{
    text-align:justify;
}
.TexAlLeft{
    text-align:left;
}
.TexAlRight{
    text-align:right !important;
}

/* Padding With Transparent Border*/
.Padding1{
    padding:1px;
    box-sizing:border-box;
}
.Padding3{
    padding:3px;
    box-sizing:border-box;
}
.Padding5{
    padding:5px;
    box-sizing:border-box;
}
.Padding10{
    padding:10px;
    box-sizing:border-box;
}
.Padding15{
    padding:15px;
    box-sizing:border-box;
}
.Padding20{
    padding:20px;
    box-sizing:border-box;
}
.PadLeftRightZero{
    padding-left:0px;
    padding-right:0px;
}
.PadTopBottomZero{
    padding-top:0px;
    padding-bottom:0px;
}

/* Box Sizing */
.BoxSizeContent{
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
}
.BoxSizeBorder{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

/* Font Sizes */
/*.Fs9{font-size:9px !important;} 
.Fs10{font-size:10px !important;} 
.Fs11{font-size:11px !important;} 
.Fs12{font-size:12px !important;} 
.Fs13{font-size:13px !important;} 
.Fs14{font-size:14px !important;} 
.Fs15{font-size:15px !important;} 
.Fs16{font-size:16px !important;} 
.Fs17{font-size:17px !important;} 
.Fs18{font-size:18px !important;} 
.Fs19{font-size:19px !important;} 
.Fs20{font-size:20px !important;} 
.Fs21{font-size:21px !important;} 
.Fs22{font-size:22px !important;} 
.Fs23{font-size:23px !important;} 
.Fs24{font-size:24px !important;} 
.Fs25{font-size:25px !important;} 
.Fs26{font-size:26px !important;} 
.Fs27{font-size:27px !important;} 
.Fs28{font-size:28px !important;} 
.Fs29{font-size:29px !important;} 
.Fs30{font-size:30px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}*/

/* Font Type */
.FontBold{
    font-weight:bold !important;
}
.FontLight{
    font-weight:lighter;
}
.FontNormal{
    font-weight:normal;
}
.FontItalic{
    font-style:italic;
}

/* Animated */
.Animated03{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.Animated05{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.Animated1{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

/* Zoom */
.Zoom1point05x{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.Zoom1point05x:hover{
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.Zoom1point1x{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.Zoom1point1x:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.Zoom1point2x{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.Zoom1point2x:hover{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}


.ui-widget-content {
    border: solid 0px #e4e4e4 ;
    padding: 0px 0px 0px 0px
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background: white;
}
/*.ui-widget .ui-widget { font-size: 11px;text-decoration: none;}*/


.ui-dialog-mask{
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
}

.barraSuperiorLogin{
    z-index:1000 ;
    background: #fefdfc;
    width: 100%;
    padding: 10px 6%;

}

.barraSuperior {
    position: fixed;
    height: 50px;
    width: 100%;
    padding: 0% 5%;
    top: 0; /* Asegura que esté en la parte superior de la página */
    z-index: 9999; /* Asegura que esté encima de otros elementos */
    display: flex;
    align-items: baseline;
}

.formularioAutoregistro{
    background: white !important;
    margin-top: 1%;
    padding: 2% 2%;
    border: solid 1px #009688;
    opacity: .96;
    box-shadow: 0px 5px 26px 0px #ccf1ee;
    border-radius: 3px;
    text-align: center;
    width: 40%;
}

.mainInvitacion{background-color: var(--bg-2); margin-top: 2%;}

.invitaciones{
    background: white !important;
    margin-top: 1%;
    padding: 2% 2%;
    /*border: solid 1px #009688;*/
    opacity: .96;
    box-shadow: 0px 5px 26px 0px #ccf1ee;
    border-radius: 12px;
    text-align: center;
    width: 60%;
    position: relative;
}

.titulo_vacante{text-align: start;}


.botonPostularse{
    background-color: #778d9b;
    color: white !important;
    text-decoration: none !important;
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: .4rem;
    width: 12rem;
    height: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease-in .2s;
}

.botonPostularse:hover{
    background-color: #bbc7cd;
}

/*Smartphones*/
@media (min-width:400px) and (max-width: 640px) {

    .formularioAutoregistro{
        width: 90%;
    }

    .invitaciones{
        width: 100%;
    }

    .botonPostularse{
        position: fixed;
        top: 90%;
        left: 5%;
        z-index: 1;
        width: 90%;
        height: 3.6rem;
    }
    
    .mainInvitacion{margin-top: 6%;}
    
    .barraSuperiorLogin{
        height: 3.6rem;
    }

}

/*Dispositivos pequeños*/
@media (min-width:0px) and (max-width: 480px) {
    .formularioAutoregistro{
        width: 90%;
    }

    .invitaciones{
        width: 100%;
    }

    .botonPostularse{
        position: fixed;
        top: 90%;
        left: 5%;
        z-index: 1;
        width: 90%;
        height: 3.6rem;
    }
    
    .mainInvitacion{margin-top: 10%;}
}


.cuadrosContenido{
    padding: 0px 1%
}

@media (max-width: 1200px) {
    .menu {
        display: none;
    }
}

@media (min-width: 1200px) {
    .menuMovil {
        display: none;
    }
}

::-webkit-scrollbar {
    width: 10px;
    background: #ffffff;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: #d1d3d4;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover{
    background: #629792;
}

.botonMisOrg{
    margin: 10px 0 10px 0;
    border-style: solid;
    border-width: thin;
    width: auto;
    border-color: aliceblue;
    border-radius: 10px;
    background-color: #0a9a8d;
    display: flex;
    justify-content: center;
}

.botonMisOrg:hover{
    background-color: #939393;
}

.botonMisOrg span{
    /*font-size: 12px;*/
    font-weight: bold;
}

.mi-fragmento{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1s;
}

.menuChiquito{
    width: 62%;
    max-width: 300px;
    height: auto;
    background-color: #939393;
    position: absolute;
    top: 25%;
    left: 20%;
    right: 25%;
    z-index: 10;
    border-radius: 15px;
    -webkit-box-shadow: 6px 6px 22px 9px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 6px 6px 22px 9px rgba(0, 0, 0, 0.41);
    box-shadow: 6px 6px 22px 9px rgba(0, 0, 0, 0.41);
}

.botonMenu{
    display: flex;
    align-items: center;
    padding: .5rem;
    border-radius: 5px;

    &:hover{
        background-color: #56b9b0;
        cursor: pointer;
    }
}

.menuLabel{
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */

    &:hover {
        cursor: pointer;
    }
}

.menuSeleccionado{
    background-color: #56b9b0 !important;
}

.menuContainer{
    width: 100%;
    float: left;
    padding: -2px 5px 2px 5px;
    box-sizing: border-box;
}

.linkMenu{
    display: flex;
    margin-bottom: 3px;
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */

    &:hover{
        cursor: pointer;
    }
}

details[open] {
    padding: 0.5em;
}

details[close] {
    margin-bottom: 1.5em;
}

details[open] summary {
    margin-top: 0.5em;
}

details {
    border-radius: 4px;
    padding: 1em 0.5em 0;
    color: white; 
    font-size: 14px;  
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
}

summary{
    padding: 2px 0;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */

    &:hover{
        cursor: pointer;
    }
}

.archivo-subido:hover {
    color: #009688 !important;
}

.contenidoMenu{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 92vh;    
}

.menuFijo{
    position: sticky;
    width: 100%;
    padding: 10px 0;    
    display: grid;    
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px !important;
    background: #009688; 
    height: auto; 
    z-index: 2;
}
/*.menuFijo{
    position: sticky;
    width: 100%;
    padding: 10px 0;    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 10px !important;
    background: #009688; 
    height: auto; 
    z-index: 2;
}*/

/*inputtextBuscador*/

.inputBuscadores{
    background-color: #f5f5f5;
    border-radius: 5px !important; 
    border: 0;
    height: 30px;
    padding: 6px;
    min-width: 100%;
}

.inputBuscadores::placeholder{
    font-style: italic;
}


/*barra busqueda*/
.boton_filtro{
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none !important;
    color: white !important;
    margin-left: 6px;
    padding: 6px !important;
    border-radius: 4px;
}

.fondoFiltroLateral{
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    right: 0;
    background-color: #7d7d7d;
    opacity: 0.5;
    z-index: 9;
}

/*mensajes personzalizados*/
.mensaje-info {
    background-color: #d9edf7;
    color: #31708f;
    padding: 10px;
    border-radius: 4px;
    margin: 10px 0;
}

.mensaje-advertencia {
    background-color: #fcf8e3;
    color: #8a6d3b;
    padding: 10px;
    border-radius: 4px;
    margin: 10px 0;
}

.mensaje-error {
    background-color: #f2dede;
    color: #a94442;
    padding: 10px;
    border-radius: 4px;
    margin: 10px 0;
}