.claro{
    background-color: var(--sial-background-);
}
.oscuro{
    background-color: #404041;
}
/**----------------------------------------------------------**/
/**                      FANCY STYLE SIAL                    **/
/**----------------------------------------------------------**/
.shadow{
    box-shadow: 0 20px 20px rgba(167,170,172, 0.25);
}
[white]{
    color: var(--sial-background-);
}
.rounded{
    border-radius: 3rem;
}
.rounded.full{
    border-radius: 999rem;
    padding: .5rem;
}
/**------------------------------**/
/**         Menu Top bar
/**------------------------------**/
.top-bar{
    padding: 0;
}
.dropdown.menu > li > a {
    font-family: 'Myriad-Pro-Condensed';
    font-size: larger;
    color:#6b696a;
    -webkit-transition: ease-in-out, 0.5s;
    transition:  0.25s ease-in-out, 0.5s;
}
.dropdown.menu > li > a:hover {
    color:#404041;
}
.dropdown.menu > li > a.button {
    font-family: 'Myriad-Pro-Condensed';
    font-size: larger;
    color:#fefefe;
}
.dropdown .is-dropdown-submenu a {
    font-size: larger;
    color:#6b696a;
    font-family: 'Myriad-Pro-Condensed';
    padding: 0.7rem 1rem;}
.dropdown .is-dropdown-submenu a:hover {
    color:#404041;
    }
.is-dropdown-submenu{
    border-radius: 4px;
    padding: .5rem;
    min-width: 270px;
}
.dropdown.menu > li > a[logo-header]{
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-top: 0;
    margin-bottom: 0;
}
/**------------------------------**/
/**         Button Sial
/**------------------------------**/
.button.sial, .button.sial.disabled, .button.sial[disabled], .button.sial.disabled:hover, .button.sial[disabled]:hover, .button.sial.disabled:focus, .button.sial[disabled]:focus {
    background-color: var(--sial-sial-);
    fill: #fefefe;
    color: #fefefe; }
    .button.sial:hover, .button.sial:focus {
        backg
        -color: var(--sial-sial-hover);
        fill: #fefefe;
        color: #fefefe; }
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
    background-color: transparent; }
.button.hollow.sial, .button.hollow.sial.disabled, .button.hollow.sial[disabled], .button.hollow.sial.disabled:hover, .button.hollow.sial[disabled]:hover, .button.hollow.sial.disabled:focus, .button.hollow.sial[disabled]:focus {
    border: 1px solid var(--sial-sial-);
    fill: var(--sial-sial-);
    color: var(--sial-sial-); }
    .button.hollow.sial:hover, .button.hollow.sial:focus {
        border-color: var(--sial-sial-hover);
        fill: var(--sial-sial-hover);
        color: var(--sial-sial-hover); }
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
    border-color: transparent;
    background-color: transparent; }
.button.clear.sial, .button.clear.sial.disabled, .button.clear.sial[disabled], .button.clear.sial.disabled:hover, .button.clear.sial[disabled]:hover, .button.clear.sial.disabled:focus, .button.clear.sial[disabled]:focus {
    fill: var(--sial-sial-);
    color: var(--sial-sial-); }
    .button.clear.sial:hover, .button.clear.sial:focus {
        fill: var(--sial-sial-hover);
        color: var(--sial-sial-hover); }
/**------------------------------**/
/**         Slider Notice
/**------------------------------**/
.last-notice{
    width:29.375rem; 
    margin: 2rem;
    /*470px*/
}
.orbit-image{
    height: 100vh;
    /* background-size: cover; */
    /* background-position: center; */
}
.orbit-figure{
    background-size: cover;
    background-position: center center;
}
/**------------------------------**/
/**         Tabs Content
/**------------------------------**/
.tabs-content{
    border:0;
    color: var(--sial-p);
}
.tabs-panel{
    padding: 1.4rem;
}
.tabs-title > a {
    display: block;
    padding: 1rem 1.5rem;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    line-height: 1;
    border-bottom: 3px solid var(--sial-background-);
    transition: border ease-in-out, .5s;
    color: var(--sial-success-hover); }
    [data-whatinput='mouse'] .tabs-title > a {
        outline: 0; }
.tabs-title > a:hover {
    background: var(--sial-background-);
    border-bottom: 3px solid var(--sial-success-);
    color: var(--sial-success-); }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: var(--sial-background-);
    border-bottom: 3px solid var(--sial-primary-);
    color: var(--sial-primary-); }
.tb-data{
    float:left;
    width: 33.3333333%;
}
/**------------------------------**/
/**         Margin space
/**------------------------------**/
.margin-reset{margin:0;}
.margin-tiny{margin: .25rem;}
.margin-small{margin: .5rem;}
.margin{margin: 1rem;}
.margin-large{margin: 3rem;}

.margin-y-small{margin-top: .5rem; margin-bottom: .5rem;}
.margin-y{margin-top: 1rem; margin-bottom: 1rem;}
.margin-y-large{margin-top: 3rem; margin-bottom: 3rem;}
.margin-y-xlarge{margin-top: 5.5rem; margin-bottom: 5.5rem;}
/**------------------------------**/
/**         Callout Header
/**------------------------------**/
.callout.hollow{
    background-color: transparent;
}
.callout.bg{
    background-image: url(../img/bg-sial-header.svg);
    background-size: cover;
    background-position: bottom center;
    
}
/**------------------------------**/
/**         Content Notice
/**------------------------------**/
.callout.notice{
    padding: 6rem;
    border: none;
    margin-top:-6rem;
}
.title-notice{
    padding: 7.5rem 0 7.5rem 0;
    color: var(--sial-background-);
}
.title-notice h1{
    color: var(--sial-background-);
}
.callout.banner-notice{
    background-color: transparent;
    background-position: center center;
    background-size: cover;
}
.link-share{padding: 5.5rem 0 0 0;}
.link-share a.button{
    border-radius: 999rem;
    padding-top: .4rem;
    padding-left: .4rem;
    padding-right: .4rem;
    padding-bottom: .3rem;
    margin: .3rem;
}

.normas > .content{
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

@media print, screen and (min-width: 40em) {
    .normas > .content {
      margin-right: 0.645rem;
      margin-left: 0.645rem; } }
@media screen and (max-width: 39.9375em) {
    .normas > .content {
      margin-right: .5rem;
      margin-left: .5rem; } 

}
/**------------------------------**/
/**         Temáticas
/**------------------------------**/
.title-tematicas{
    padding: 7.5rem 0 7.5rem 0;
}
.title-tematicas h1{
    color: inherit;
}
.callout.stats{
    padding: 5rem;
    border: none;
    margin-top:-6rem;
}

/**------------------------------**/
/**         button
/**------------------------------**/
button[type="submit"] {
  -webkit-appearance: button;
  padding:0 1.188rem 0 1.188rem; 
}

/**------------------------------**/
/**         Title Hide
/**------------------------------**/

.h1-hide {
    color: var(--sial-secondary-);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 8.25rem;
}
.h5-hide {
    color: var(--sial-secondary-);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3.5rem;
}
.h6-hide {
    color: var(--sial-secondary-);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3rem;
}
.desc-hide {
    color: var(--sial-secondary-);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3.5rem;
}
.desc-orbit {
    color: var(--sial-secondary-);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3.5rem;
}

/**------------------------------**/
/**         Fancy Footer
/**------------------------------**/
.header-bread{
    background-color: #f5f5f5;
    padding-bottom: .5rem;
    padding-bottom: .5rem;
    padding-left: .5rem;
    padding-right: .5rem;
}
[data-header] {
    color:#b1b0b0;
    -webkit-transition: ease-in-out, 0.5s;
    transition:  0.25s ease-in-out, 0.5s;
}
[data-header]:hover {
    color:#404041;
}
/**------------------------------**/
/**         Fancy Footer
/**------------------------------**/
.callout.footer{
    background-image: url(../img/bg-sial-footer.svg);
    background-size: cover;
    background-repeat: repeat-x;
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2rem;
    padding-bottom: 0;
    margin-bottom:0;
}
[data-footer] {
    color:#b1b0b0;
    -webkit-transition: ease-in-out, 0.5s;
    transition:  0.25s ease-in-out, 0.5s;
}
[data-footer]:hover {
    color:#404041;
}
.footer-fancy{
    margin-top: 2rem;
    background-color: #d2d2d2;
}
.grid-x .expanded .footer-fancy > .medium-6{
    margin: 0;
}

.tiny-button-fancy{
    /* background-color: var(--sial-primary-); */
    padding: .2rem;
    fill: var(--sial-success-hover);
}

/************_________________***************/
/*             Media Queries
/************_________________***************/
@media screen and (max-width: 39.9375em) {
    .last-notice{
        width:100%;
        border-radius: 4px;
    }
    .h1-hide{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 5.5rem;
    }
    /* .orbit-image{
        height: 100vh;
        width: 100%;
    } */
    .callout.large{
        padding: 1rem;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .last-notice {
        width: 26.375rem;
        margin: 2rem;
    }
}