/* ++++++++++++++++++++++++++++++ VARIABLES ++++++++++++++++++++++++++++++ */

:root {
  --tipografia-principal: 'Montserrat', sans-serif;
  --tipografia-iconos: 'Font Awesome 5 Pro';
  --color-enlaces: #FFF;
  --color-dark: #000;
  --color-corp: #ff807c;
  --color-lightest: #FFF;
}

/* ++++++++++++++++++++++++++++++ BASIC ++++++++++++++++++++++++++++++ */

html { scroll-behavior:smooth; }
body { font-family:var(--tipografia-principal); background-color:var(--color-dark); }
p { margin-bottom:1.5rem; }
a, a:link, a:visited, a:active, a img, .btn, .smooth { transition:all 0.2s linear; text-decoration:none; }
a:not(.btn):not(.dropdown-item) { color:var(--color-enlaces); }
div { text-size-adjust:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; max-height:999999px; }

.text-corp, a.text-corp { color:var(--color-corp)!important; }
.text-shadow { text-shadow:0 .05rem .1rem rgba(0, 0, 0, .5); }
.text-09 { font-size:.9rem; }
.text-08 { font-size:.8rem; }
.text-bg-dark { background-color:var(--color-dark)!important; }

.scale:hover { transform:scale(1.02); }
.bg-img { display:block; background-repeat:no-repeat; background-position:center; background-size:cover; height:100%; }

.btn-corp { background-color:var(--color-corp); border-color:var(--color-corp); color:var(--color-lightest); }
.btn-corp:hover, .btn-corp:focus { background-color:var(--color-dark); border-color:var(--color-dark); color:var(--color-lightest); }

.nav-masthead .nav-link { color:rgba(255, 255, 255, .5); border-bottom:.15rem solid transparent; }
.nav-masthead .nav-link:hover, .nav-masthead .nav-link:focus { border-bottom-color:rgba(255, 255, 255, .25); }
.nav-masthead .nav-link + .nav-link { margin-left:2rem; }
.nav-masthead .active { color:#fff; border-bottom-color:#fff; }

.acceso { display:block; background-color:var(--color-lightest); padding:1.5rem; border-radius:1.5rem; max-width:335px; margin:0 auto; }
.acceso .titulo { color:var(--color-dark); font-weight:bold; line-height:1.2; }
.acceso .icono { width:45px; margin:auto; color:var(--color-corp); font-size:3rem; line-height:1; }
.acceso.deportista .icono { color:rgb(var(--bs-success-rgb)); }
.acceso.nutricionista .icono { color:rgb(var(--bs-primary-rgb)); }
.acceso:hover { background-color:var(--color-corp); color:var(--color-lightest); }
.acceso.deportista:hover { background-color:rgb(var(--bs-success-rgb)); }
.acceso.nutricionista:hover { background-color:rgb(var(--bs-primary-rgb)); }
.acceso:hover .titulo, .acceso:hover .icono { color:var(--color-lightest)!important; }

.modal .title { font-size:1.2rem; font-weight:bold; text-align:left; }

/* ++++++++++++++++++++++++++++++ MEDIA QUERIES ++++++++++++++++++++++++++++++ */

@media screen and (min-width:576px) {
	.modal .title { font-size:1.5rem; }
}

@media screen and (min-width:768px) {
}

@media screen and (min-width:992px) {
}

@media screen and (min-width:1200px) {
}

@media screen and (min-width:1400px) {
}