/**********************************************************************************************************************/
/*** MAIN LAYOUT ******************************************************************************************************/
/**********************************************************************************************************************/

@font-face { font-family: Gotham; font-weight: 100; font-style: normal; src: url(../fonts/gotham-100.ttf); }
@font-face { font-family: Gotham; font-weight: 100; font-style: italic; src: url(../fonts/gotham-100-italic.ttf); }

@font-face { font-family: Gotham; font-weight: 200; font-style: normal; src: url(../fonts/gotham-200.ttf); }
@font-face { font-family: Gotham; font-weight: 200; font-style: italic; src: url(../fonts/gotham-200-italic.ttf); }

@font-face { font-family: Gotham; font-weight: 300; font-style: normal; src: url(../fonts/gotham-300.otf); }

@font-face { font-family: Gotham; font-weight: 500; font-style: normal; src: url(../fonts/gotham-500.ttf); }
@font-face { font-family: Gotham; font-weight: 500; font-style: italic; src: url(../fonts/gotham-500-italic.ttf); }

@font-face { font-family: Gotham; font-weight: 700; font-style: normal; src: url(../fonts/gotham-700.ttf); }

html {
    font-size: 14px;
}

body {
    font-family: Gotham;
    font-weight: 300;
    font-size: 14px;
}
.text-justify { text-align: justify; }

.fw-bold { font-weight: 500 !important; }
/*
1.1rem -> 1rem
1.5rem -> 1.3rem
3rem -> 2.4rem
6rem -> 5.4rem -> 3.8rem
4em -> 4.2em
18px -> 16px
26px -> 24px
32px -> 30px
40px -> 36px
42px -> 38px
48px -> 44px
64px -> 58px
70px -> 62px
*/

.navbar {
    border-bottom: 1px solid #fff;
    /*	position: absolute;*/
    z-index: 10;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    font-size: 1rem;
}

.dropdown-menu { font-size: 1rem; }

.dropdown-menu .dropdown-item { font-weight: 300; }

.navbar-brand { padding: 10px; }

.navbar-brand img { height: 22px; }

.navbar-toggler { border: 0; padding: 10px; }

.navbar-nav { width: 100%; }

.navbar-light .navbar-nav .nav-link { color: #666; font-weight: 300; }
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover { color: #000; font-weight: 500; }

@media screen and (max-width: 1200px) {
    .navbar-light .navbar-nav .nav-link { color: #fff; }
    .navbar-nav { background: rgba(0, 0, 0, 0.7); }
    .nav-item { padding-left: 10px; border-bottom: 1px solid #666; }
    .navbar { padding-bottom: 0; }
}

@media screen and (min-width: 1200px) {
    .nav-item {
        width: calc(100% / 9);
        text-align: center;
        vertical-align: bottom;
    }

    .navbar-light .navbar-nav .nav-link { padding: 0; }
}

.dropdown-menu { border: none; border-radius: 0; }

.dropdown-inline li { display:inline; }

@media screen and (max-width: 1200px) {
    .dropdown-menu-dark { background-color: transparent; }
}

.header-small-text {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4;
}

.header-med-text {
    font-size: 38px;
    font-weight: 300;
    line-height: 1.4;
}
/**********************************************************************************************************************/
/*** CARROUSEL COMPONENT **********************************************************************************************/
/**********************************************************************************************************************/

.owl-carousel-home { margin: auto; position: relative; z-index: 1; margin-top: 62px; }

.auspiciantes .owl-carousel-home { margin-top: 0;}

.owl-carousel-home .owl-container { /*height: 600px; width: 100%;*/ }

.owl-carousel-home .owl-container img { max-height: 800px; object-fit: cover; }

.owl-carousel-home .owl-nav,
.owl-carousel-phrases .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 45%;
    bottom: 0;
    align-items: center;
    width: 100%;
    height: 0;
}

.header-huge-text {
    font-size: 62px;
    font-weight: 300;
    line-height: 1.1;
}

.owl-carousel.owl-carousel-home .owl-nav button.owl-prev:hover,
.owl-carousel.owl-carousel-phrases .owl-nav button.owl-prev:hover,
.owl-carousel.owl-carousel-home .owl-nav button.owl-next:hover,
.owl-carousel.owl-carousel-phrases .owl-nav button.owl-next:hover { background: none; }

.owl-carousel.owl-carousel-home .owl-nav button.owl-prev span,
.owl-carousel.owl-carousel-phrases .owl-nav button.owl-prev span,
.owl-carousel.owl-carousel-home .owl-nav button.owl-next span,
.owl-carousel.owl-carousel-phrases .owl-nav button.owl-next span {
    font-weight: 300;
    font-size: 58px;
    color: #fff;
    padding: 20px;
}

.owl-carousel-home .owl-container .owl-content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
@media screen and (max-width: 450px) {
    .owl-carousel-home .owl-container .owl-content p.fs-4 {
        font-size: 1rem !important;

    }
}

.owl-carousel-phrases { font-size: 30px; font-weight: 100; }

@media screen and (min-width: 768px) {
    .owl-carousel-phrases {
        font-size: 30px;
    }
}

.owl-carousel .owl-dots { position: absolute; bottom: 30px; width: 100%; }

.owl-carousel.owl-carousel-home .owl-dots .owl-dot span { width: 15px; height: 15px; background: rgba(214, 214, 214, 0.3); }
.owl-carousel.owl-carousel-home .owl-dots .owl-dot.active span { background: rgba(255, 255, 255, 0.7); }

/**/

.header-line { font-size: 1.3rem; position: relative; top: 35px; right: 0px; }

.btn-outline-light, .btn-outline-dark, .btn-dark, .btn-warning {
    /*
    padding: 20px 30px 20px 30px;
     */
    border-radius: 0 !important;
}

.fullheight-hero-button {
    margin-top: 3em;
    padding: 1em 2em 1em 2em;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .fullheight-hero-button {
        width: auto;
    }
}

/* Texto de Seguinos */

.seguinos-texto {
    display: none;
    writing-mode: vertical-lr;
    /*transform: scale(-1);*/
    text-orientation: mixed;
    position: fixed;
    right: 0;
    top: 36vh;
    font-size: 16px;
    color: gray;
    z-index: 3;
}

@media screen and (min-width: 992px) {
    .seguinos-texto { display: block; top: 60vh; }
}

.seguinos-link {
    font-size: 36px;
    color: gray;
    text-decoration: none;
}

a.contacto-link {
    color: gray;
    text-decoration: none;
}

/* Hero y otros artículos misceláneos */

.fullheight-hero {
    width: 100%;
    padding: 30px 0 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Elemento fullwidth */

.fullwidth-element {
    width: 100%;
    /*	padding: 10em 0 4em 0; */
    padding: 3em 0 2em 0;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    .fullwidth-element {
        padding: 6em 0 4em 0;
    }
}

.fullwidth-element-big {
    padding: 14em 0 14em 0 !important;
}

.fullwidth-element-medium {
    padding: 6em 0 6em 0 !important;
}

.fullwidth-element-balanced {
    padding: 10em 0 10em 0 !important;
}

.fullwidth-element-small {
    padding: 3em 0 3em 0 !important;
}

.fullwidth-contents {
    margin-left: 8%;
    width: 100%;
}

.form-control {
    background: transparent;
    border-width: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    border-radius: 0;
}

.form-floating input[type=file] {
    font-weight: 300;
}

.form-floating input::file-selector-button,
.form-floating input::file-selector-button:focus,
.form-floating input::file-selector-button:hover {
    background-color: transparent !important;
    color: #fff;
    font-weight: 300;
    border: 0px none transparent;
}

.form-control option { background-color: #545454; }

::placeholder { color: #fff; opacity: 1; }

input[type=date]:invalid::-webkit-datetime-edit { color: #999; }

input[type=date]::-webkit-datetime-edit { color: #fff; }

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(100%);
}

.form-control:-webkit-autofill,
.form-control:-webkit-autofill,
.form-control:-webkit-autofill {
    -webkit-text-fill-color: #545454;
}

.form-floating label { color: #999; }

.form-control:focus {
    color: #fff;
    background: transparent;
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 2px solid #fff;
}

.bc-white { background-color: #fff; }
.bc-lightgray, .bc-lightgray:hover { background-color: #ebebeb; }
.bc-darkyellow { background-color: #f9ac17; }
button.bc-darkyellow { border: 1px solid #f9ac17; background-color: #f9ac17; }
button.bc-darkyellow:hover { border: 1px solid #e39806; background-color: #e39806; }
.bc-darkgray { background-color: #333333 /*545454*/; }
.bc-orange { background-color: #f17022; }
.bc-darkblue { background-color: #131428; }

.fc-white { color: #fff; }
.fc-lightgray { color: #ebebeb; }
.fc-lightgrey { color: #ddd; }
.fc-gray { color: #8a8090; }
.fc-darkyellow { color: #f9ac17 !important; }
.fc-orange { color: #f17022; }
.fc-black { color: #333; }

.font-weight-bold { font-weight: 500; }
/* HRs */
.hr-light {
    border: 1px solid white;
}

.fc-lightgrey::placeholder {
    color: #ddd;
}

.fc-lightgrey.is-invalid::placeholder {
    color: #dc3545;
}

/* Footer */

.footer {
    background-color: #262626;
    color: #e7e7e7;
    padding:
        3em 0 1em 0;
}

@media screen and (min-width: 1200px) {
    .footer {
        padding: 6em 5em 3em 5em;
    }
}

.footer b {
    color: white;
}

.footer-links {
    color: inherit;
    text-decoration: none;
}

.footer-links:hover {
    color: gray;
}

.lower-footer {
    padding-top: 4em;
}

.auditoria b, .auditoria {
    color: #b2b2b2;
}

.auspicia-roster {
    padding-left: 2em;
}

.auspicia-roster img {
    margin: 5px 10px;
    height: 60px;
}

/* Texto artístico */

.stroke-text-base {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 0.9em;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .stroke-text-base {
        font-size: 3.8rem;
        text-align: left;
    }
}

@supports (-webkit-text-stroke: 1px black) {
    .stroke-text {
        -webkit-text-stroke: 1px black;
        -webkit-text-fill-color: white;
    }
}

/* Up arrow */

.up-arrow-container {
    position: relative;
}

.up-arrow {
    font-size: 3.2em;
    font-weight: 100;
    color: lightgray;
    position: absolute;
    bottom: 0px;
}

.view-more { text-decoration: none; }
.view-more { position: relative; width: 100%; display: block; }

.view-more img { display: block; width: 100%; }

.view-more .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0, 0.2);
    z-index: 2;
}

.view-more .overlay span {
    padding: 65px 40px 65px 40px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 50%;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 16px;
    font-weight: 500;
}

.view-more .overlay-square {
    align-items: end;
    justify-content: end;
}

.overlay-square span {
    width: 100%;
    border-radius: 0 !important;
    padding: 25px 65px 25px 65px !important;
}

.view-more:hover .overlay { display: flex; }

.background-window {
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}

.c100.dark {
    background-color: #463f30 !important;
}
.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important;
}
.c100.dark > span {
    color: #333333;
}
.c100.dark:after  {
    background-color: #333333 !important;
}
.c100.dark:hover > span {
    color: #c6ff00;
}
.c100.green .bar, .c100.green .fill {
    border-color: #4db53c !important;
}
.c100.green:hover > span {
    color: #4db53c;
}
.c100.green.dark .bar, .c100.green.dark .fill {
    border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
    color: #5fd400;
}
.c100.orange .bar, .c100.orange .fill {
    border-color: #f17022 !important;
}
.c100.orange:hover > span {
    color: #f17022 !important;
}
.c100.orange.dark .bar, .c100.orange.dark .fill {
    border-color: #f17022 !important;
}
.c100.orange.dark:hover > span {
    color: #f17022 !important;
}

.dark-orange-emphasis strong {
    color: #f17022 !important;
}


.skewed__container {
    position: relative;
    overflow: hidden;
}

.skewed__container.skewed__waitlist img {
    filter: brightness(0.30) opacity(0.7);
}

.skewed__content {
    z-index: 1;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    width: calc(100% + 40px);
    position: absolute;
    transform: translate(-50%, -50%) rotate(-12deg);
    left: 50%;
    bottom: 1%;
    padding: 20px;
}

.skewed__waitlist .skewed__content {
    background-color: #f9ac17;
}

.skewed__latest_vacancies .skewed__content {
    background-color: #f17022;
}

input[type=text], input[type=email], input[type=password] {
    background: transparent;
    border: none;
    color: #fefefe;
    border-bottom: 1px solid #fefefe;
    border-radius: 0px;
    margin-bottom: 40px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
}

.container-misaligned {
    position: relative;
    top: -200px;
    margin-bottom: -155px;
}

hr {
    margin-left: 4em;
    margin-right: 4em;
    color: black;
}

.clearfix:before,.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.parent-vert {
    position: relative;
}

.child-vert {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media screen and (min-width: 1400px) {
    .container-fullheight-misaligned {
        position: relative;
        top: -80vh;
        margin-bottom: -80vh;
    }
}

.form-floating>.form-control.multiple,
.form-floating>select.multiple {
    height: auto;
}
.form-floating>.form-control.multiple option,
.form-floating>select.multiple option { background-color: transparent; }

.form-floating>.form-control.multiple option:checked,
.form-floating>select.multiple option:checked {
    background-color: light-dark(rgb(206, 206, 206), rgb(84, 84, 84));
    color: light-dark(rgb(16, 16, 16), rgb(255, 255, 255));
}