/*!
 * ESTUDIOS WILLIAMS
/*! */

/*--------------------------------------------------------------
# BOOTSTRAP ICONS
--------------------------------------------------------------*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

/*--------------------------------------------------------------
# FONTS
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Quicksand:wght@300..700&display=swap');

/*--------------------------------------------------------------
# ROOT
--------------------------------------------------------------*/
:root {

  /* Fonts */
  --font-default: "Quicksand", sans-serif;
  --font-primary: "Quicksand", sans-serif;
  --font-secondary: "Playfair Display", serif;

  /* COLORS */

  /* texto */
  --color-default: #000000;
  --color-default-rgb: 0, 0, 0;
  --color-links: #000000;
  --color-links-hover: #000000;


  /* rojo */
  --color-primary: #F43638;
  --color-primary-rgb: 244, 54, 56;
  --color-red: #F43638;
  --color-red-rgb: 244, 54, 56;

  /* verde */
  --color-secondary: #2D4F4F;
  --color-secondary-rgb: 45, 79, 79;
  --color-green: #2D4F4F;
  --color-green-rgb: 45, 79, 79;


  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;

  --color-gray: #8A8A8A;
  --color-gray-rgb: 138, 138, 138;

  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;

  scroll-behavior: smooth;

}

/*--------------------------------------------------------------
# GENERAL
--------------------------------------------------------------*/
::-moz-selection {
  background: rgba(0,0,0,0.1);
  text-shadow: none;
}
::selection {
  background: rgba(0,0,0,0.1);
  text-shadow: none;
}

body, header, section, footer, 
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  min-width: 280px;
}

body {
  font-family: var(--font-default);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-default);
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  body {
    line-height: 1.6;
  }
}
@media (min-width: 992px) {
  body {
    line-height: 1.7;
  }
}
@media (min-width: 1200px) {
  body {
    /* font-size: 15px; */
    line-height: 1.8;
  }
}

a {
  color: var(--color-links);
  text-decoration: none;
}
a:hover {
  color: var(--color-links-hover);
  text-decoration: none;
}

@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px; 
  }
}

.font-default { font-family: var(--font-default) !important; }
.font-primary { font-family: var(--font-primary) !important;}
.font-secondary { font-family: var(--font-secondary) !important; font-weight: 400 !important; }

.fw-normal {
  font-weight: 400 !important;
}
h1, h2, h3, h4, h5, h6, b, strong, .fw-bold {
  font-weight: 600;
}

big, .big {
  font-size: 130%;
}
big2, .big2 {
  font-size: 150%;
}
big3, .big3 {
  font-size: 110%;
}

.nowrap {
  white-space: nowrap;
}

/* TEXT COLORS */

.color-white { color: var(--color-white) !important; }
.color-gray { color: var(--color-gray) !important; }
.color-black { color: var(--color-black) !important; }

/* texto rojo */
.color-red { color: var(--color-primary) !important; }
/* texto verde */
.color-green { color: var(--color-secondary) !important; }


/* BACKGROUND COLORS */

.bg-white { background-color: var(--color-white) !important; }
.bg-gray { background-color: var(--color-gray) !important; }
.bg-black { background-color: var(--color-black) !important; }

.bg-celestito {
  background-color: #F7F6EF;
}
.bg-celeste-fuerte {
  background-color: #E6E0CF;
}
.bg-beige {
  background-color: #F7F7F2;
}
.text-color {
  color: #F7F7F2 !important;
}