/*!
 * 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=Poppins:wght@300;500&family=Sacramento&display=swap');

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

  /* Fonts */
  --font-default: "Poppins", sans-serif;
  --font-primary: "Poppins", sans-serif;
  --font-secondary: "Sacramento", serif;

  /* COLORS */

  /* texto */
  --color-default: #423C37;
  --color-default-rgb: 66, 60, 55;
  --color-links: #423C37;
  --color-links-hover: #423C37;


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

  /* verde */
  --color-secondary: #00483C;
  --color-secondary-rgb: 0, 72, 60;
  --color-green: #00483C;
  --color-green-rgb: 0, 72, 60;


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

  --color-gray: #A2ABB0;
  --color-gray-rgb: 162, 171, 176;

  --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: 14px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--color-default);
  background-color: #FAF7F5; /* beige */
}
@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: 300 !important;
}
h1, h2, h3, h4, h5, h6, b, strong, .fw-bold {
  font-weight: 500;
}

big, .big {
  font-size: 130%;
}

.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-beige {
  background-color: #F2E9E1;
}

.btn-transparent-primary {
  background-color: transparent !important;
  border: solid 2px var(--color-primary) !important;
  color: var(--color-primary) !important;
  border-radius: 20px;
  transition: 0.1s;
}
.btn-transparent-primary:hover {
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
  opacity: 1 !important;
}