@charset "UTF-8";
/*
 *  @version 1.4.0
 *  @author Trejocode - Sergio
 *  @description Constructor de la hoja de estilos
*/
/*
 *  @version 1.4.0
 *  @author Trejocode - Sergio
 *  @description Hoja de estilos basada en flexbox para maquetar estructuras flexibles
*/
/* RESET
   =============================
   Estas propiedades permiten la compatibilidad de uniformidad cruzada para los navegadores.
*/
* {
  margin: 0;
  padding: 0; }
  *::before {
    box-sizing: border-box; }
  *::after {
    box-sizing: border-box; }

:root {
  font-size: 16px; }

::-webkit-scrollbar {
  width: 6px; }

::-webkit-scrollbar-track {
  background: var(--lightgray); }

::-webkit-scrollbar-thumb {
  background: var(--gray); }

::-webkit-scrollbar-thumb:hover {
  background: var(--darkgray); }

html {
  font-size: 100%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  overflow-x: hidden;
  background-color: var(--black); }

iframe {
  border: none; }

input,
select,
option,
button,
textarea,
optgroup {
  margin: 0;
  border: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.15;
  font-family: inherit; }

[type="checkbox"],
[type="radio"] {
  padding: 0;
  box-sizing: border-box; }

a {
  color: inherit;
  font-size: inherit;
  word-break: keep-all;
  text-decoration: none;
  background-color: transparent; }

img {
  height: auto;
  max-width: 100%;
  border-style: none; }

/* CLASES
   =============================
	1. = FLEX LAYOUT
	2. = ALINEACIÓN
    3. = ESPACIOS EN BLANCO
    4. = IMÁGENES
    6. = DECORATORES
*/
.flex {
  width: 100%;
  display: flex; }

.responsive-img {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start; }

.row {
  display: flex;
  flex-direction: row; }

.row-responsive {
  display: flex;
  flex-direction: row; }

.column {
  display: flex;
  flex-direction: column; }

.wrap {
  display: flex;
  flex-wrap: wrap; }

.nowrap {
  display: flex;
  flex-wrap: nowrap; }

/*    ALINEACIÓN    */
.justify-center {
  display: flex;
  justify-content: center; }

.justify-start {
  display: flex;
  justify-content: flex-start; }

.justify-end {
  display: flex;
  justify-content: flex-end; }

.justify-between {
  display: flex;
  justify-content: space-between; }

.justify-around {
  display: flex;
  justify-content: space-around; }

.align-center {
  display: flex;
  align-items: center; }

.align-start {
  display: flex;
  align-items: flex-start; }

.align-end {
  display: flex;
  align-items: flex-end; }

.auto {
  width: auto;
  display: flex; }

.full {
  width: 100%;
  display: flex; }

.half {
  width: 50%;
  display: flex; }

.quart {
  width: 25%;
  display: flex; }

.third {
  width: 33.33%;
  display: flex; }

.container {
  width: 90%;
  display: flex; }

/*    ALINEACIÓN DEL TEXTO    */
.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-right {
  text-align: right; }

/*    IMÁGENES    */
.cover-img {
  object-fit: cover; }

.contain-img {
  object-fit: contain; }

/*    DECORADORES    */
.hidden {
  display: none !important; }

.cursor-pointer {
  cursor: pointer; }

.grid {
  display: grid; }

/* MEDIA QUERIES
   =============================
*/
@media screen and (min-width: 1440px) {
  .container {
    max-width: 1300px; } }
@media screen and (max-width: 768px) {
  .row-responsive {
    flex-direction: column; } }
@media screen and (max-width: 576px) {
  .container {
    width: 92%; } }
/*
 *  @version 1.4.0
 *  @author Trejocode - Sergio
 *  @description: Espacios en blanco, margenes y paddings en factor 8px.
*/
/*      Paddings       */
/*      Margins       */
/*   Espacios en blanco   */
.white-space-4 {
  height: 0.25rem; }

.white-space-8 {
  height: 0.5rem; }

.white-space-16 {
  height: 1rem; }

.white-space-24 {
  height: 1.5rem; }

.white-space-32 {
  height: 2rem; }

.white-space-40 {
  height: 2.5rem; }

.white-space-48 {
  height: 3rem; }

.white-space-64 {
  height: 4rem; }

/*paddign*/
.padding-right-huge {
  padding: 0px 3rem; }

.padding-right-semi {
  padding: 0px 2rem; }

.padding-left-semi {
  padding-left: 2rem; }

.padding-side-small {
  padding: 0px 0.5rem; }

.padding-right-small {
  padding-right: 0.5rem; }

/*
 *  @version 1.4.0
 *  @author Trejocode - Sergio
 *  @description Base de colores
*/
:root {
  --primary: #D4B467;
  --primary-alt: #288091;
  --secondary: #18191a;
  --secondary-alt: #516376;
  --success: #27ae60;
  --warning: #f39c12;
  --danger: #c0392b;
  --info: #258395;
  --black: #000;
  --white: #FFFFFF;
  --lightgray: #c8c9c7;
  --gray: #838182;
  --darkgray: #4b4b4b;
  --darkBlue: #263d54;
  --darkAqua: #258395;
  --aqua: #33c8a3;
  --lightBg: #f6f7f9; }

.color-primary {
  color: var(--primary); }

.color-primary-alt {
  color: var(--primary-alt); }

.color-secondary {
  color: var(--secondary); }

.color-secondary-alt {
  color: var(--secondary-alt); }

.color-success {
  color: var(--success); }

.color-warning {
  color: var(--warning); }

.color-danger {
  color: var(--danger); }

.color-info {
  color: var(--info); }

.color-gray {
  color: var(--gray); }

.color-darkgray {
  color: var(--darkgray); }

.color-black {
  color: var(--black); }

.color-white {
  color: var(--white); }

/* DARK THEME
   =============================
   Sobreescribir los valores para temas obscuros
*/
html[data-theme='dark'] {
  --primary: #3E816D;
  --primary-alt: #FFFFFF;
  --secondary: #FFFFFF;
  --secondary-alt: #FFFFFF;
  --success: #27ae60;
  --warning: #f39c12;
  --danger: #c0392b;
  --info: #258395;
  --black: #ebebeb;
  --white: #0a0a0a;
  --gray: #c2c2c2;
  --darkgray: #a0a0a0; }
  html[data-theme='dark'] body {
    background-color: #2c2c2c; }
  html[data-theme='dark'] .color-white {
    color: var(--black); }

/*
* 	@version 1.4.0
*	@author Trejocode - Sergio
*   @description Estilos de fuente y tipografía
*/
/*  FUENTE 
    ===============
*/
/*   Dimensiones    */
.font-triple {
  font-size: 2.5rem; }

.font-double {
  font-size: 2rem; }

.font-huge {
  font-size: 1.8rem; }

.font-large {
  font-size: 1.6rem; }

.font-medium {
  font-size: 1.4rem; }

.font-regular {
  font-size: 1.2rem; }

.font-small {
  font-size: 1rem; }

.font-text {
  font-size: 0.93rem; }

.font-tiny {
  font-size: 0.9rem; }

.font-mini {
  font-size: 0.8rem; }

/*    WEIGHTS 

    - Basado en 'IBM Plex Sans'

*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
b,
span,
th,
td,
li,
caption,
label,
strong,
legend,
em,
button,
select,
option,
input,
button {
  color: var(--black);
  font-family: "Mukta", sans-serif; }

h1 {
  font-size: 1.8rem;
  font-weight: 700; }

h2 {
  font-size: 1.6rem;
  font-weight: 600; }

h3 {
  font-size: 1.4rem;
  font-weight: 600; }

h4 {
  font-size: 1.2rem;
  font-weight: 500; }

h5 {
  font-size: 1rem;
  font-weight: 500; }

h6 {
  font-size: 0.93rem;
  font-weight: 400; }

p,
a,
li,
label,
caption {
  color: var(--gray);
  line-height: 1.5rem;
  font-size: 0.93rem; }

a {
  font-size: inherit; }

b,
i,
span,
strong,
em {
  color: inherit;
  font-size: inherit; }

.weight-regular {
  font-weight: 400; }

.weight-medium {
  font-weight: 500; }

.weight-semi {
  font-weight: 600; }

.weight-bold {
  font-weight: 700; }

.text-uppercase {
  text-transform: uppercase; }

.text-underline {
  text-decoration: underline; }

/*   Decorators    */
.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize; }

.underline {
  text-decoration: underline; }

.line-through {
  text-decoration: line-through; }

::selection {
  color: #ffffff;
  background-color: #000000; }

::selection {
  color: var(--white);
  background-color: var(--primary); }

@media screen and (max-width: 768px) {
  .font-triple {
    font-size: 2rem; }

  .font-double {
    font-size: 1.6rem; } }
/*
 * @version 1.1.0
 * @description Estilos de la página
*/
.home {
  background-color: var(--black); }
  .home .img .img-1 {
    content: url("../img/menu/PAGINA-1.jpg"); }
  .home .img .img-2 {
    content: url("../img/menu/PAGINA-2.jpg"); }
  .home .img .img-3 {
    content: url("../img/menu/PAGINA-3.jpg"); }
  .home .img .img-4 {
    content: url("../img/menu/PAGINA-4.jpg"); }
  .home .img .img-5 {
    content: url("../img/menu/PAGINA-5.jpg"); }
  .home .img .img-6 {
    content: url("../img/menu/PAGINA-6.jpg"); }
  .home .img .img-7 {
    content: url("../img/menu/PAGINA-7.jpg"); }
  .home .img .img-8 {
    content: url("../img/menu/PAGINA-8.jpg"); }
  .home .img .img-9 {
    content: url("../img/menu/PAGINA-9.jpg"); }
  .home .img .img-10 {
    content: url("../img/menu/PAGINA-10.jpg"); }
  .home .img .img-11 {
    content: url("../img/menu/PAGINA-11.jpg"); }
  .home .img .img-12 {
    content: url("../img/menu/PAGINA-12.jpg"); }
  .home .img .img-13 {
    content: url("../img/menu/PAGINA-13.jpg"); }
  .home .img .img-14 {
    content: url("../img/menu/PAGINA-14.jpg"); }
  .home .img .img-15 {
    content: url("../img/menu/PAGINA-15.jpg"); }
  .home .img .img-special {
    content: url("../img/menu/PAGINA-2.jpeg"); }

@media screen and (max-width: 768px) {
  .home {
    background-color: var(--black); }
    .home .img .img-1 {
      content: url("../img/menu/PAGINA-1-min.jpg"); }
    .home .img .img-2 {
      content: url("../img/menu/PAGINA-2-min.jpg"); }
    .home .img .img-3 {
      content: url("../img/menu/PAGINA-3-min.jpg"); }
    .home .img .img-4 {
      content: url("../img/menu/PAGINA-4-min.jpg"); }
    .home .img .img-5 {
      content: url("../img/menu/PAGINA-5-min.jpg"); }
    .home .img .img-6 {
      content: url("../img/menu/PAGINA-6-min.jpg"); }
    .home .img .img-7 {
      content: url("../img/menu/PAGINA-7-min.jpg"); }
    .home .img .img-8 {
      content: url("../img/menu/PAGINA-8-min.jpg"); }
    .home .img .img-9 {
      content: url("../img/menu/PAGINA-9-min.jpg"); }
    .home .img .img-10 {
      content: url("../img/menu/PAGINA-10-min.jpg"); }
    .home .img .img-11 {
      content: url("../img/menu/PAGINA-11-min.jpg"); }
    .home .img .img-12 {
      content: url("../img/menu/PAGINA-12-min.jpg"); }
    .home .img .img-13 {
      content: url("../img/menu/PAGINA-13-min.jpg"); }
    .home .img .img-14 {
      content: url("../img/menu/PAGINA-14-min.jpg"); }
    .home .img .img-15 {
      content: url("../img/menu/PAGINA-15-min.jpg"); } }

/*# sourceMappingURL=style.css.map */