/* Resets */
.img-fluid {
    width: 100%;
}

.noPadding {
    padding: 0;
}

.row {
    padding: 0 !important;
    margin: 0 !important;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters>[class^='col-'],
.row.no-gutters>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

section.noPadding {
    padding: 0em 0;
}

/* Fonts */
body,
input,
textarea,
select {
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-family: 'Montserrat', sans-serif;
}

/* Fluid Typography using Clamp */
h1 {
    font-size: clamp(1.3rem, 1.16rem + 0.7vw, 2rem);
    font-weight: 800;
}
h2 {
    font-size: clamp(1.5rem, 1.44rem + 0.3vw, 1.8rem);
    font-weight: 700;
}
h3 {
    font-size: clamp(1.2rem, 0.825rem + 1.2vw, 1.5rem);
    font-weight: 600;
}
p,
li {
    font-size: clamp(1rem, 0.75rem + 0.8vw, 1.2rem);
}
label {
    font-size: clamp(0.9rem, 0.775rem + 0.4vw, 1rem);
    font-weight: 500;
}

.smallTxt {
    font-size: 0.7em;
    text-align: center;
}

/* Links */
a {
    color: #F73939;
    text-decoration: underline;
    transition: color 0.3s;
}

a:hover,
a:active,
a:focus {
    color: #FE4912 !important;
}

/* Buttons */
.btn {
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    padding: 0.8em 1.3em !important;
    text-decoration: none;
    position: relative;
    text-transform: none !important;
    -webkit-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
    background-color: transparent;
    color: var(--white);
    border: 1px solid var(--white);
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.btn:hover,
.btn:focus,
.btn:active {
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
}

main {
    min-height: 100vh;
    min-height: 100dvh;
}

html {
    height: -webkit-fill-available;
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow-x: hidden;
}

.cb-customprofil {
    min-height: 60vh;
}

.wrapLanidng {
    background-color: #000;
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100dvh;
}

header .logo {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--white);
}

p, span, div {
    color: var(--white);
}

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

/* ========================================
   ROOT VARIABLES
   ======================================== */
:root {
    --black: #000000;
    --white: #ffffff;
    --gray: #cccccc;
    --light-gray: #f5f5f5;
}

/* ========================================
   TEAM VARIABLES
   ======================================== */

/* ADSL — Atlético de San Luis */
.team-adsl { --team-1: #cd3825; --team-2: #2a2f61; }

/* AME — América */
.team-ame  { --team-1: #f9e547; --team-2: #003c71; --team-3: #e03c31; }

/* ATS — Atlas */
.team-ats  { --team-1: #e3151c; --team-2: #13110c; }

/* CAZ — Cruz Azul */
.team-caz  { --team-1: #001f60; --team-2: #de1d3e; --team-3: #cecece; }

/* JUA — FC Juárez */
.team-jua  { --team-1: #65bc28; --team-2: #1d1d1d; --team-3: #d2222a; }

/* GDL — Guadalajara (Chivas) */
.team-gdl  { --team-1: #002856; --team-2: #ce0e2d; --team-3: #ffc629; --team-4: #b0b3b2; }

/* LEO — León */
.team-leo  { --team-1: #0d7a53; --team-2: #fdc745; --team-3: #1d1d1b; --team-4: #d2d2d2; }

/* ATL — Atlante */
.team-atl  { --team-1: #003DA5; --team-2: #8B1A2B; --team-3: #C8963E; }

/* MTY — Monterrey */
.team-mty  { --team-1: #0a2240; }

/* NEC — Necaxa */
.team-nec  { --team-1: #e4032c; --team-2: #fdd700; }

/* PAC — Pachuca */
.team-pac  { --team-1: #253368; --team-2: #116930; --team-3: #d80f20; --team-4: #ab8311; --team-5: #a5a8a9; }

/* PUE — Puebla */
.team-pue  { --team-1: #1c355e; --team-2: #093e86; }

/* PUM — Pumas */
.team-pum  { --team-1: #1c2442; --team-2: #ccab58; }

/* QRO — Querétaro */
.team-qro  { --team-1: #253d71; --team-2: #0055b8; --team-3: #b1b1b1; }

/* SAN — Santos */
.team-san  { --team-1: #008066; --team-2: #fdb927; --team-3: #1d1d1d; }

/* TIG — Tigres */
.team-tig  { --team-1: #0053a1; --team-2: #f9b122; }

/* TIJ — Tijuana */
.team-tij  { --team-1: #ed1c24; --team-2: #000000; --team-3: #991b1b; }

/* TOL — Toluca */
.team-tol  { --team-1: #ce0e2d; --team-2: #111c4e; --team-3: #006241; }

/* TRI — Selección Mexicana */
.team-tri  { --team-1: #276067; --team-2: #012121; --team-3: #C9DA97; }

/* ========================================
   HEADER COLORS
   ======================================== */
.team-adsl header { background-color: #cd3825; }
.team-ame  header { background-color: #f9e547; }
.team-ats  header { background-color: #e3151c; }
.team-caz  header { background-color: #001f60; }
.team-jua  header { background-color: #65bc28; }
.team-gdl  header { background-color: #ce0e2d; }
.team-leo  header { background-color: #0d7a53; }
.team-atl  header { background-color: #003DA5; }
.team-mty  header { background-color: #0a2240; }
.team-nec  header { background-color: #e4032c; }
.team-pac  header { background-color: #253368; }
.team-pue  header { background-color: #093e86; }
.team-pum  header { background-color: #ccab58; }
.team-qro  header { background-color: #0055b8; }
.team-san  header { background-color: #008066; }
.team-tig  header { background-color: #f9b122; }
.team-tij  header { background-color: #ed1c24; }
.team-tol  header { background-color: #ce0e2d; }
.team-tri  header { background-color: #276067; }

/* ========================================
   FOOTER COLORS
   ======================================== */
.team-adsl footer { background-color: #2a2f61; }
.team-ame  footer { background-color: #003c71; }
.team-ats  footer { background-color: #13110c; }
.team-caz  footer { background-color: #de1d3e; }
.team-jua  footer { background-color: #1d1d1d; }
.team-gdl  footer { background-color: #002856; }
.team-leo  footer { background-color: #1d1d1b; }
.team-atl  footer { background-color: #8B1A2B; }
.team-mty  footer { background-color: #0a2240; }
.team-nec  footer { background-color: #e4032c; }
.team-pac  footer { background-color: #253368; }
.team-pue  footer { background-color: #1c355e; }
.team-pum  footer { background-color: #1c2442; }
.team-qro  footer { background-color: #253d71; }
.team-san  footer { background-color: #1d1d1d; }
.team-tig  footer { background-color: #0053a1; }
.team-tij  footer { background-color: #991b1b; }
.team-tol  footer { background-color: #ce0e2d; }
.team-tri  footer { background-color: #012121; }

/* ========================================
   BOX STYLES
   ======================================== */
.team-adsl .box::before { background-color: #cd3825; }
.team-ame  .box::before { background-color: #f9e547; }
.team-ats  .box::before { background-color: #e3151c; }
.team-caz  .box::before { background-color: #001f60; }
.team-jua  .box::before { background-color: #65bc28; }
.team-gdl  .box::before { background-color: #ce0e2d; }
.team-leo  .box::before { background-color: #fdc745; }
.team-atl  .box::before { background-color: #C8963E; }
.team-mty  .box::before { background-color: #0a2240; }
.team-nec  .box::before { background-color: #fdd700; }
.team-pac  .box::before { background-color: #ab8311; }
.team-pue  .box::before { background-color: #093e86; }
.team-pum  .box::before { background-color: #ccab58; }
.team-qro  .box::before { background-color: #0055b8; }
.team-san  .box::before { background-color: #fdb927; }
.team-tig  .box::before { background-color: #f9b122; }
.team-tij  .box::before { background-color: #ed1c24; }
.team-tol  .box::before { background-color: #ce0e2d; }
.team-tri  .box::before { background-color: #C9DA97; }

.box {
    position: relative;
}

.box .content {
    position: relative;
    z-index: 1;
}

.box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 1rem;
    opacity: 0.3;
    filter: blur(3px);
}