body{
  font-family: montserrat, sans-serif;
  background-color: #f7f7f7;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}
.fontMonserrat{
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.bg-cmseg{
  background-color: #00263A;
  color: #fff;
}
.bg-cmseg:hover{
  background-color: #001622 !important;
  color: #fff !important;
}
.bg-cmseg2{
  background-color: #023864;
  color: white;
}
.bg-gold{
  background-color: #b4a46c;
  border: none;
  color: #fff;
}
.bg-gold:disabled{
  background-color:  rgba(180, 164, 108, 0.75);
}
.bg-gold:hover, .bg-gold:focus, .bg-gold:active{
  background-color: #9c8d55 !important;
  color: #fff !important;
}

#contPrinc{
  position: relative;
  min-height: 100vh;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
}
#contPrinc:has(footer){
  padding-bottom: 130px;
}
button[data-bs-toggle=collapse].btn:after {
  display: inline-block;
  content: "\25BC";
  width: 14px;
  height: 14px;
}
button[data-bs-toggle=collapse][aria-expanded=true].btn:after {
  content: "\25B2";
}

button.btn:has(img){
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

#loading{
  z-index: 100000;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 38, 58, 0.75) !important;
  position: fixed;
  top: 0;
  left: 0;
}

.text-justify{
  text-align: justify;
}
input[required]::placeholder::after {
  content: '*';
  color: red;
}
.ls-1{
  letter-spacing: 2px;
}
.ls-2{
  letter-spacing: 4px;
}
.lh-normal{
  line-height: normal;
}
.fs-sm{
  transform: scale(80%);
}

.seccionMasInfo{
  background-color: #f1eee4;
  color: #405694;
}

.seccionImportanciaSM{
  background-color: #ffffff;
  color: #405694;
}

/***************************************************/
/***************************************************/
/***************************************************/
.form-floating.form-floating-sm>.form-control,
.form-floating.form-floating-sm>.form-control-plaintext {
  padding: 0.5rem 0.75rem;
}

.form-floating.form-floating-sm>.form-control,
.form-floating.form-floating-sm>.form-control-plaintext,
.form-floating.form-floating-sm>.form-select {
  height: calc(2rem + 2px) !important;
  min-height: calc(2rem + 2px) !important;
  line-height: 1;
}

.form-floating.form-floating-sm>label {
  padding: 0.2rem .75rem;
  color: black;
  height: calc(1.5rem);
  background-color: transparent;
  left: 2px;
  top: 2px;
}
.form-floating.form-floating-sm > *[required] ~ label:after {
  display: contents;
  content: " *";
  color: red;
}
.form-floating.form-floating-sm {
  min-height: calc(1rem + 2px);
  font-size: .875rem;
  border-radius: 0.2rem;
}
.form-floating.form-floating-sm>.form-control-plaintext~label, 
.form-floating.form-floating-sm>.form-control:focus~label, 
.form-floating.form-floating-sm>.form-control:not(:placeholder-shown)~label, 
.form-floating.form-floating-sm>.form-select~label {
  color: black;
  transform: scale(.85) translateY(-1rem) translateX(.15rem);
  padding: 0rem .5rem;
  background-color: white;
  opacity: 1;
  width: auto;
  border-radius: 2px;
}
/***************************************************/
/***************************************************/
/***************************************************/

#divalertbtrp{
  position: fixed;
  top: 75px;
  right: 30px;
  width: 40vw;
  z-index: 1100;
}

footer{
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.modal-header .btn-close{
  z-index: 20;
}

.form-check-round{
  padding-right: 2em;
}
.form-check-round .form-check-input{
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  margin-right: -2em;
}



.slick-dots{
  bottom: -35px;
}
.slick-dots li{
  width: 15px;
  height: 15px;
}
.slick-dots li button:before{
  width: 15px;
  height: 20px;
  padding: 0;
  color: #ababab;
  font-size: 10px;
}
.slick-dots li.slick-active button:before{
  font-size: 12px;
  color: #b4a46c;
}
.slick-slide{
  position: relative;
}
.slick-slide > img~a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/****************************************************/
/*FORM FLOATING 2*/
/****************************************************/
.form-floating2 > .form-select,.form-floating2 > .form-control {
  padding-top: 0.8rem;
  padding-bottom: 0.125rem;
  height: calc(2.7rem);
  line-height: normal;
  font-size: 0.95rem;
}


.form-floating2{
  border-radius: 5px;
  position: relative;
}
.form-floating2 > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.5rem 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  color: #000;
}
.form-floating2 > .form-select.optnotempty ~ label {
  opacity: 0.65;
  transform: scale(0.8) translateY(-0.5rem) translateX(-0.15rem);
}
/****************************************************/
/****************************************************/

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 575px) {
  #divalertbtrp{
    width: 90vw;
  }
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .modal-dialog.modal-xxl{
    max-width: 98% !important;
  }
  
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  #divalertbtrp{
    width: 60vw;
  }
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .modal-dialog.modal-xxl{
    max-width: 1100px !important;
  }
  #divalertbtrp{
    width: 40vw;
  }
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1600px) {
  .modal-dialog.modal-xxl{
    max-width: 1400px !important;
  }
}