@font-face {
  font-family: 'AllianceN2';
  src: url('/template/estandar/fonts/Alliance No.2 Light.woff2') format('woff2');
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: 'AllianceN2';
  src: url('/template/estandar/fonts/Alliance No.2 Regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'AllianceN2';
  src: url('/template/estandar/fonts/Alliance No.2 Medium.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'AllianceN2';
  src: url('/template/estandar/fonts/Alliance No.2 SemiBold.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'AllianceN2';
  src: url('/template/estandar/fonts/Alliance No.2 Bold.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
}
html {font-family: 'AllianceN2',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}
/* Los estilos de fuente están repetidos en Apartados porque el minimal coge el css de apartados antes que todo */

/* VARIABLES */
:root {
    --main-color: #E1FF00;
    --main-color-light: #fff;
    --main-color-dark: #1E1E1E;
}

.shadow-custom { box-shadow: 0 0 15px 2px rgb(0 0 0 / 50%); } 
.bg-black-custom { background-color: #000; }
.group:hover .group-hover\:text-main-color { color: var(--main-color); }

@media (min-width: 1023px) {
    .bg-black-custom { background-color: transparent; }
}

.tns-nav{display:flex;justify-content:center;width:100%;align-items:center;margin-top:40px;position:relative;bottom:0px;}
.tns-nav button{background-color:#000; border:solid 1px white;width:15px; height:15px; border-radius:100%;margin:5px;}
.tns-nav button.tns-nav-active{background-color: #E1FF00;}

.gradient { background: linear-gradient(to top, var(--main-color-dark) 0%, transparent 100%); }
.gradient2 { background: linear-gradient(70deg, var(--main-color-dark) 35%, transparent 120%); }

/* MAIN COLOR */
.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); }
.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); }
.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); }
.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); }
.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); }
.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; }

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

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

.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\/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%; }

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

.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); }
.hover\:filter-white:hover { filter: grayscale(100) brightness(0) invert(1); transition: all 0.4s ease-in-out; }
.hover\:filter-normal:hover { filter: invert(0); transition: all 0.4s ease-in-out; }

.-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; }