@font-face {
    font-family: Northura;
    src: url(/template/estandar/fonts/Northura-Regular.ttf);
}

/* latin */
@font-face {
    font-family: Inter;
    font-style: normal;
    src: url(https://assets.vercel.com/raw/upload/v1587415301/fonts/2/inter-var-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: Inter;
    font-style: normal;
    src: url(https://assets.vercel.com/raw/upload/v1587418275/fonts/2/inter-var-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: Inter;
    font-style: optional;
    src: url(https://assets.vercel.com/raw/upload/v1587418127/fonts/2/inter-var-cyrillic-ext.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
    font-family: Inter;
    font-style: normal;
    src: url(https://assets.vercel.com/raw/upload/v1587418275/fonts/2/inter-var-greek-ext.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
@font-face {
    font-family: Inter;
    font-style: normal;
    src: url(https://assets.vercel.com/raw/upload/v1587418275/fonts/2/inter-var-vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

.font-inter {
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

html{
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* canvas background */
#space-travel {
    width: 100vw;
    height: 100vh;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -9999;
}
/* VARIABLES */
:root {
    --main-color: #ff7a33;
    --main-color-light: #070c2a;
    --main-color-dark: #110427;
    --white: #ffffff;
    --black: #000000;
    --gray: #e4e4e4;
    --light-gray: #00000082;
}

/*HEADER CSS*/
img {
    transition: opacity ease 300ms;
}
img:not([src]) {
    opacity: 0;
}
.dropdown-toggle.open ~ .dropdown {
    max-height: 500px;
}
.dropdown-toggle.open .icon {
    transform: rotate(180deg);
}

ol > li { color: white; }
ol > li:hover { 
    color: var(--main-color-light); 
    transition: all 0.3s ease-in-out;
}

.blur-custom { 
    background: rgba(255,255,255,0.1);   
    backdrop-filter: blur(40px);
}

@media (max-width: 1023px) {
    body.navbar-open {
        height: 100vh;
        overflow: hidden;
    }
    .navbar {
        pointer-events: none;
    }
    .navbar.open {
        pointer-events: auto;
    }
    .navbar .navbar-content {
        transform: translateX(100%);
    }
    .navbar.open .navbar-content {
        transform: translateX(0);
    }
    .navbar .navbar-overlay {
        opacity: 0;
    }
    .navbar.open .navbar-overlay {
        opacity: 1;
    }
}

/* MAIN COLOR */
.text-main-color {
    color: var(--main-color);
}
.group:hover .group-hover\:text-main-color {
    color: var(--main-color);
}
.hover\:text-main-color:hover {
    color: var(--main-color);
}
.focus\:text-main-color:focus {
    color: var(--main-color);
}
.bg-main-color {
    background-color: var(--main-color);
}
.group:hover .group-hover\:bg-main-color {
    background-color: var(--main-color);
}
.hover\:bg-main-color:hover {
    background-color: var(--main-color);
}
.focus\:bg-main-color:focus {
    background-color: var(--main-color);
}
.border-main-color {
    border-color: var(--main-color);
}
.hover\:border-main-color:hover {
    border-color: var(--main-color);
}
.focus\:border-main-color:focus {
    border-color: var(--main-color);
}
.fill-main-color {
    fill: var(--main-color);
}
.hover\:fill-main-color:hover {
    fill: var(--main-color);
}
.focus\:fill-main-color:focus {
    fill: var(--main-color);
}
.stroke-main-color {
    stroke: var(--main-color);
}
.hover\:stroke-main-color:hover {
    stroke: var(--main-color);
}
.focus\:stroke-main-color:focus {
    stroke: var(--main-color);
}

/* MAIN COLOR LIGHT */
.text-main-color-light {
    color: var(--main-color-light);
}
.group:hover .group-hover\:text-main-color-light {
    color: var(--main-color-light);
}
.hover\:text-main-color-light:hover {
    color: var(--main-color-light);
}
.focus\:text-main-color-light:focus {
    color: var(--main-color-light);
}
.bg-main-color-light {
    background-color: var(--main-color-light);
}
.group:hover .group-hover\:bg-main-color-light {
    background-color: var(--main-color-light);
}
.hover\:bg-main-color-light:hover {
    background-color: var(--main-color-light);
}
.focus\:bg-main-color-light:focus {
    background-color: var(--main-color-light);
}
.border-main-color-light {
    border-color: var(--main-color-light);
}
.hover\:border-main-color-light:hover {
    border-color: var(--main-color-light);
}
.focus\:border-main-color-light:focus {
    border-color: var(--main-color-light);
}
.fill-main-color-light {
    fill: var(--main-color-light);
}
.hover\:fill-main-color-light:hover {
    fill: var(--main-color-light);
}
.focus\:fill-main-color-light:focus {
    fill: var(--main-color-light);
}
.stroke-main-color-light {
    stroke: var(--main-color-light);
}
.hover\:stroke-main-color-light:hover {
    stroke: var(--main-color-light);
}
.focus\:stroke-main-color-light:focus {
    stroke: var(--main-color-light);
}

/* MAIN COLOR DARK */
.text-main-color-dark {
    color: var(--main-color-dark);
}
.group:hover .group-hover\:text-main-color-dark {
    color: var(--main-color-dark);
}
.hover\:text-main-color-dark:hover {
    color: var(--main-color-dark);
}
.focus\:text-main-color-dark:focus {
    color: var(--main-color-dark);
}
.bg-main-color-dark {
    background-color: var(--main-color-dark);
}
.group:hover .group-hover\:bg-main-color-dark {
    background-color: var(--main-color-dark);
}
.hover\:bg-main-color-dark:hover {
    background-color: var(--main-color-dark);
}
.focus\:bg-main-color-dark:focus {
    background-color: var(--main-color-dark);
}
.border-main-color-dark {
    border-color: var(--main-color-dark);
}
.hover\:border-main-color-dark:hover {
    border-color: var(--main-color-dark);
}
.focus\:border-main-color-dark:focus {
    border-color: var(--main-color-dark);
}
.fill-main-color-dark {
    fill: var(--main-color-dark);
}
.hover\:fill-main-color-dark:hover {
    fill: var(--main-color-dark);
}
.focus\:fill-main-color-dark:focus {
    fill: var(--main-color-dark);
}
.stroke-main-color-dark {
    stroke: var(--main-color-dark);
}
.hover\:stroke-main-color-dark:hover {
    stroke: var(--main-color-dark);
}
.focus\:stroke-main-color-dark:focus {
    stroke: var(--main-color-dark);
}

/* BASE CLASES PROPIAS */
:focus,
input:focus,
button:hover,
button:focus {
    outline: none;
}

.tns-controls {
    display: none;
}

.tns-nav {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    margin-top: 20px;
    position: relative;
    bottom: 0px;
}
.tns-nav button {
    background-color: var(--gray);
    border: solid 1px white;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin: 5px;
}
.tns-nav button.tns-nav-active {
    background-color: var(--main-color);
}

.tns-nav-active {
    background-color: var(--main-color);
}

.titulo-main-color span {
    color: var(--main-color);
    font-weight: 700;
}
.titulo-main-color-light span {
    color: var(--main-color-light);
    font-weight: 700;
}
.titulo-main-color-dark span {
    color: var(--main-color-dark);
    font-weight: 700;
}
.titulo-main-color-white span {
    color: var(--white);
    font-weight: 700;
}
.titulo-main-color-black span {
    color: var(--black);
    font-weight: 700;
}

.shadow-custom {
    box-shadow: 0 0 20px 2px rgb(0 0 0 / 10%);
}
.text-shadow {
    text-shadow: 1px 1px 5px var(--light-gray);
}

.gradient-white {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.196516106442577) 50%, rgba(255, 255, 255, 1) 100%);
}

.gradient-white-contacto {
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.6) 100%);
}

.transition3s {
    transition: all 0.3s ease-in-out;
}

.p-1\/20::after {
    content: "";
    display: block;
    padding-top: 200%;
}
.p-1\/15::after {
    content: "";
    display: block;
    padding-top: 150%;
}
.p-1\/12::after {
    content: "";
    display: block;
    padding-top: 120%;
}
.p-1\/10::after {
    content: "";
    display: block;
    padding-top: 100%;
}
.p-1\/9::after {
    content: "";
    display: block;
    padding-top: 90%;
}
.p-1\/8::after {
    content: "";
    display: block;
    padding-top: 80%;
}
.p-1\/7::after {
    content: "";
    display: block;
    padding-top: 70%;
}
.p-1\/6::after {
    content: "";
    display: block;
    padding-top: 60%;
}
.p-1\/5::after {
    content: "";
    display: block;
    padding-top: 50%;
}
.p-1\/4::after {
    content: "";
    display: block;
    padding-top: 40%;
}
.p-1\/3::after {
    content: "";
    display: block;
    padding-top: 30%;
}
.p-1\/2::after {
    content: "";
    display: block;
    padding-top: 20%;
}
.p-1\/1::after {
    content: "";
    display: block;
    padding-top: 10%;
}

.p-noticias {
    content: "";
    display: block;
    padding-top: 60%;
}
@media (min-width: 1023px) {
    .p-noticias {
        content: "";
        display: block;
        padding-top: 40%;
    }
}

.last\:border-none > li:last-child,
.last\:border-none > a:last-child {
    border: none !important;
}

.hover\:text-yellow-600:hover {
    --tw-text-opacity: 1;
    color: var(--main-color);
}

.hover\:scale-sm:hover {
    transform: scale(1.1);
}
.hover\:scale-md:hover {
    transform: scale(1.3);
}
.hover\:scale-lg:hover {
    transform: scale(1.5);
}

.rotate-180 {
    transform: rotate(180deg);
}

.filter-white {
    filter: grayscale(100) brightness(0) invert(1);
}

.leading-snug {
    line-height: 1.375;
}
.leading-relaxed {
    line-height: 1.625;
}

.fill-currentColor {
    fill: currentColor;
}

.line-clamp1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}
.line-clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}
.line-clamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}
.line-clamp4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}
.line-clamp5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}

.-z-1 {
    z-index: -1;
}

.social-media li {
    padding: 0px;
}

.social-media li a {
    margin: 0px;
    display: flex;
    width: 100%;
    height: 100%;
}

body {
    opacity: 1;
    background-color: #00000000;
    color: #ffffff;
    overflow-x: hidden;
}