/*@import url("https://anunciatuchangarro.com/css/bootstrap.min.css") screen;*/
/*@import url("https://anunciatuchangarro.com/css/jquery-ui.css") screen;*/
/*@import url("https://anunciatuchangarro.com/css/jquery-ui.min.css") screen;*/
/*@import url("https://anunciatuchangarro.com/css/bootstrap-datetimepicker.css");
@import url("https://anunciatuchangarro.com/css/jquery.dataTables.min.css");
@import url("https://anunciatuchangarro.com/css/datatables.min.css");
@import url("https://anunciatuchangarro.com/css/suite.css");*/
/*@import url("https://anunciatuchangarro.com/css/animations.css") screen;*/

/*
local('BalooThambi2-ExtraBold'),
       url(BalooThambi2-ExtraBold.ttf) format('woff');
       local('BalooThambi2-Medium'),
       url(BalooThambi2-Medium.ttf) format('woff');
       local('BalooThambi2-Regular'),
       url(BalooThambi2-Regular.ttf) format('woff');
       local('BalooThambi2-SemiBold'),
       url(BalooThambi2-SemiBold.ttf) format('woff');

*/

@font-face {
    font-family: 'BalooPaaji2';
    font-style: bold;
    src: local('BalooPaaji2'),
        local('BalooPaaji2-Bold.ttf'),
        url(https://anunciatuchangarro.com/css/fonts/BalooPaaji2-Bold.ttf) format('truetype');
    unicode-range:	U+0000-00FF;
    font-display:swap;
}

@font-face {
    font-family: 'BalooPaaji2';
    font-style: normal;
    src: local('BalooPaaji2'),
        local('BalooPaaji2-Regular.ttf'),
        url(https://anunciatuchangarro.com/css/fonts/BalooPaaji2-Regular.ttf) format('truetype');
    unicode-range:	U+0000-00FF;
    font-display:swap;
}
       
.card-header{
    font-family: helvetica,Arial,sans-serif; 
}

body{
    text-align:center;
    background: #303030 !important;
    font-family: helvetica,Arial,sans-serif; 
}
a:hover { text-decoration: none !important; }
h1 { font-family: helvetica,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 700; } 
h3 { font-family: helvetica,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 700; font-size: calc(100% + 1vw) } 
h6 { font-family: helvetica,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: 500; font-size: 16px; line-height: 1.5; margin:0px; padding-left:1.25rem; padding-right:1.25rem; } 
p { font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; } 
blockquote { font-family: Arial,sans-serif; font-size: 17.5px; font-style: normal; font-variant: normal; font-weight: 400;  } 
pre { font-family: Arial,sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400;  }

img {
  aspect-ratio: attr(width) / attr(height);
}

.svg_bg{
    fill: #303030;
}

.card-header{
    background-color:#dbdbdb;
    color:#000000;
    font-weight:bold;
}

.card{
    border-color:#dbdbdb !important;
    color:#000000 !important;
}

.carousel, .carousel-inner {
    border-radius: 0 0 10px 10px !important;
}

#div_social{
    max-width: 1200px;
    margin-top: 3%;
    text-align: right;
    background: transparent;
}

#div_scroll_top{
    max-width: 1200px;
    margin-bottom: 5%;
    text-align: right;
    background: transparent;
}

.btn_social{
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    padding-top: 10px;
    margin-right: 0px;
    text-align: center;
    height: 45px;
    width: 50px;
    background: rgb(211,211,211);
    background: linear-gradient(180deg, rgba(211,211,211,1) 85%, rgb(61, 61, 61) 100%);
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

#div_top_bar{
    padding: 5px;
    min-height: 30px;
    font-weight: bold;
    background-color:#e94c21;
    color:#000000;
    max-width: 1200px;
    border-radius: 10px 10px 0 0;
    text-align:right !important;
}

#div_master{
    padding: 0;
    background: rgb(253,187,45);
    background: linear-gradient(180deg, #e94c21 7%, rgba(255,255,255,1) 9%, rgba(255,255,255,1) 95%, #e94c21 96%);
    background-color:#e94c21;
    max-width: 1200px;
    border-radius: 10px;
    -webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 23px -30px rgba(66,66,66,0); 
    box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 23px -30px rgba(66,66,66,0);
}

#div_menu{
    background-color:#feefcb;
    color:#707070;
    border-top: 1px solid #707070;
    padding: 10px;
    max-width: 1200px;
    border-radius: 10px 10px 0 0;
}

nav, .navbar, .nav-link, .navbar-brand {
    color:#707070 !important;
}

.active > .nav-link{
    color: #e94c21 !important;
    font-weight: bold;
}

#div_content{
    background: white;
    padding: 0px;
    max-width: 1200px;
}

#div_footer{
    padding: 20px;
    background-color:#feefcb;
    border-bottom: 1px solid #707070;
    max-width: 1200px;
    border-radius: 10px 10px 10px 10px;
}

#div_copyright{
    text-align: left;
    padding: 5px;
    font-weight: bold;
    background-color:#e94c21;
    color:#000000;
    min-height: 30px;
    max-width: 1200px;
    border-radius: 0 0 10px 10px;
}

#btn_scroll_top, #btn_scroll_contact{
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    padding-top: 10px;
    margin-right: 0px;
    text-align: center;
    height: 45px;
    width: 50px;
    background: rgb(211,211,211);
    background: linear-gradient(0deg, rgba(211,211,211,1) 85%, rgb(61, 61, 61) 100%);
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.formErrorValidate{
    color: red;
}

.modal-content {
    border-radius: 10px !important;
}

.visible-impresion, .visible-impresion *{
    display: none !important
}

.speechControls{
    margin-bottom:10px;
    margin-top:10px;
}

.shared_btns{
    margin-top:10px;
    margin-bottom:10px;
}


.modal-lightense {
  align-items: center;
  justify-content: center;

  display: none;
  position: fixed;
  z-index: 999999;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000CC;
}

/* Modal Content */
.modal-lightense-content {
    display: flex;
    align-items: center;
    justify-content: center;

  /* position: relative; */
  background-color: transparent;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1080px;
  min-height: 500px;
  border: 0px solid black;
}

/* The Close Button */
.modal-lightense-close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.modal-lightense-close:hover,
.modal-lightense-close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.modal-lightense-slide {
  display: none;
  border: none;
}

.modal-lightense-slide:hover {
  cursor: zoom-out;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.modal-lightense-caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.modal-lightense-img {
  opacity: 1;
}

.active,
.modal-lightense-img:hover {
  opacity: 1;
}

.lightense {
  cursor: zoom-in;
}