:root {
  --boox: #40b040/*#3fadaf*/;
  --boox-light: #dddddd;
  --boox-medium: #dfc69f;
  --boox-dark: #2f7a2f/*#207677*/;
}

html {
  min-width:320px; 
  max-width:520px;
  margin: auto;
  height: 100%;
}
body{
  padding-top:0px;
  margin-top: 0px;
  height: 100%;
  /*background-color: #FCF7F1; /*rgb(234, 240, 239);*/
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
}
.container-fluid {
  overflow: hidden;
}
.boton-social {
  border-radius: 4px;
  cursor: pointer;
  width: 250px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1px;
  padding-top: 8px;;
  font-weight: 400; 
  font-size: 15px;
}
.fw-bold, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}
.bg-boox {
	/*background-color: #00A591; /*LightSeaGreen; /*#18bc9c; /* Green */
  background-color: var(--boox);
}
.text-boox {
  color: var(--boox);
}
a.text-boox:hover {
  color: var(--boox-dark);
}
.bg-boox-light {
  background-color: var(--boox-light);
}
.bg-boox-medium {
  background-color: var(--boox-medium);
}
.btn-boox {
  background-color: var(--boox);
  color: #ffffff;
}
.btn-boox:hover {
  background-color: var(--boox-dark);
  color: #ffffff;
}
.btn-link {
  text-decoration: none !important;
}
.pagination {
  --bs-pagination-disabled-bg: #ffffff00;
  --bs-pagination-border-width: 0;
}
/*
.navbar-nav {
  --bs-nav-link-padding-y: 0.3rem;
}
*/
.foto{
  position:relative;
  overflow:hidden;
  padding-bottom:100%;
}
.foto img{
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.offcanvas {
  --bs-offcanvas-border-color: white;
  --bs-offcanvas-width: 100%;
}

/*jquery confirm*/
.jconfirm-buttons .btn {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 30% !important;
  /*background-color: #6c757d !important;*/
  width: auto;
  height: 36px;
  padding-bottom: 0;
  min-width: 100px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
  padding: 17px 10px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box {
  background-color: #ffffff !important;
  border-color: #b6b6b6 !important;
  border-radius: 0.375rem !important;
}
.jconfirm-title, .jconfirm-content {
  color: #222222 !important;
}
.jconfirm-buttons {
  border-top: 0px solid !important;
}
/*jquery confirm*/


input[type=checkbox] {
  transform: scale(1.4);
}
input[type=radio] {
  transform: scale(1.4);
}
.nowrap {
    white-space: nowrap;
}