@font-face {
  font-family: 'Arya-regular';
  src: url(45de83b08cb4a7eac0bd.ttf) format('ttf'), url(222bb524b99143bbba94.woff) format('woff');
}
@font-face {
  font-family: 'Arya-bold';
  src: url(0ce6d3222afe75f9b6a9.ttf) format('ttf'), url(4ebc9b77d3a88d66dc11.woff) format('woff');
}
@font-face {
  font-family: 'CormorantUpright-bold';
  src: url(7f40b2b172652dfb7864.ttf) format('ttf'), url(b027e923d68e34bddfe4.woff) format('woff');
}
@font-face {
  font-family: 'CormorantUpright-light';
  src: url(8909a49ce0d88643080e.ttf) format('ttf'), url(fed85f2ea9dbf2d835ba.woff) format('woff');
}
@font-face {
  font-family: 'proximanova_regular';
  src: url(8181ca4b7c2d1189d78a.ttf) format('ttf'), url(e0c63c72bd66e2bd6daf.woff) format('woff');
}
html, body, #root {
  height: 100%;
}
body{
    margin: 0;
    font-family: 'proximanova_regular';
}
div#app {
    position: relative;
    width: 100%;
    height: 100%;
}
.spin-icon {
  animation: spin 0.7s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*-------EDITOR DE TEXTO----*/
.ProseMirror {
  padding: 15px;
  min-height: 200px;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px;
  background: white;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.6;
}

.ProseMirror-focused {
  border-color: #1976d2 !important;
  box-shadow: 0 0 0 1px #1976d2;
}

.ProseMirror p {
  margin: 0.5em 0;
}

.ProseMirror ul, 
.ProseMirror ol {
  padding-left: 1.5rem;
  margin: 0.5rem 0;
}

.ProseMirror li {
  margin: 0.25rem 0;
  padding-left: 0.25rem;
}
.has-text-align-left {
  text-align: left !important;
}

.has-text-align-center {
  text-align: center !important;
}

.has-text-align-right {
  text-align: right !important;
}

.has-text-align-justify {
  text-align: justify !important;
}
/*-----------------Nav-------------------------*/
/* Estilos para el botón de menú */
.menu-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
}

/* Estilos para el botón de cierre */
.close-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  align-self: flex-end; /* Alinea el botón a la derecha */
}

/* Estilos para el contenido del Drawer */
.drawer-content {
  padding: 20px;
}

/* Estilos para el menú dentro del Drawer */
.drawer-content .panel-top {
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.drawer-content .nav-item {
  margin: 10px 0;
}

.drawer-content .nav-link {
  font-size: 18px;
  color: #333;
  text-decoration: none;
}

.drawer-content .nav-link:hover {
  color: #007bff;
}
.carusel-paquete-content-1 .carulse-paquete-titel {
  box-sizing: border-box;
  padding: 8px 16px;
  font-size: 24px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  text-align: center;
  z-index: 10;
  font-weight: 600;
}
.carusel-paquete-content-1 img.slide {
  position: relative;
  z-index: 5;
  border-radius: 20px;
  width: 375px !important;
  transition: 0.2s linear;
}
.swiper-personalized:hover .carusel-paquete-content-1 img.slide {
  border-radius: 20px;
  display: block;
  margin: auto;
  margin-top: -20px;
  position: relative;
  z-index: 2;
  width: calc(100% - 25px) !important;
}
.carulse-paquete-bottom {
  padding: 8px 16px;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  z-index: 10;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
}
.carusel-paquete-content-1 {
  position: relative;
  text-align: center;
  height: 300px;
}
.carulse-paquete-bottom p {
  background: rgb(0 0 0 / 30%);
  padding: 5px;
  border-radius: 10px;
  color: white;
  font-weight: bold;
}
.carusel-paquete-content {
  box-sizing: border-box;
  height: 0px;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  border-radius: 20px;
  background: white;
  position: absolute;
  margin: 0px 5px;
  padding: 0px 10px 0px 10px;
  transition: 0.2s linear;
  overflow: hidden;
}
.paquete-fecha-cant {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.swiper-personalized:hover .carusel-paquete-content {
  padding: 280px 10px 0px 10px;
  transition: 0.4s linear;
  height: 475px;
  padding-bottom: 15px;
  border: 1px solid;
  overflow: hidden;
}
.carusel-paquete-content p {
  margin-bottom: 0;
  margin-top: 10px;
}
.paquete-descripcion {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.carusel-paquete-content-2 .paquete-precio {
  margin-top: -30px;
  margin-bottom: 15px;
  font-size: 1.2rem;
  font-weight: 600;
}
.carusel-paquete-content-2 {
  padding: 10px 0px;
  overflow: hidden;
}
.carulse-paquete-titel h3 {
  margin: 10px 0px;
}
.carusel-paquetes {
  height: 475px;
}
.swiper.swiper-paquete.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
  height: 475px;
  padding-top: 25px;
}
.swiper.swiper-paquete.swiper-initialized.swiper-horizontal {
  height: 100%;
  padding-top: 20px;
}
.mySwiper {
  width: 100vw;  /* 100% del ancho de la ventana */
  height: 100vh;  /* 100% de la altura de la ventana */
}
.swiper-obser{
  width: 100%;
  height: 610px;
}
.carusel-observaciones-content {
  position: absolute;
  bottom: 0;
  width: 93%;
  color: white;
  background: rgb(0 0 0 / 40%);
  padding: 10px;
}
.carusel-observaciones-content p {
  margin: 0;
}
.carusel-observaciones-content h3 {margin-bottom: 10px;margin-top: 0px;}
section.sect-4 h2 {
  text-align: center;
}
section.sect-4 {
  padding-bottom: 40px;
  background: #a6bd76;
}
.loading-slider-home {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px; /* Ajusta según tu diseño */
  font-size: 1.5rem;
  color: #666;
  background: #f5f5f5;
}

.slick-slide > div {
  padding: 10px;
}
.header {
  position: fixed;
  width: 100%;
  z-index: 10;
  font-family: 'Arya-bold' !important;
}
nav.nav-general {
  display: grid;
  grid-template-columns: 20% 80%;
  grid-template-rows: 120px;
  align-items: center;
}
.logo-zone {
  transition: all 0.45s ease 0s;
  display: flex;
  justify-self: center;
  height: 100px;
}
.logo-zone .navbar-brand{
  height: 100%;
}
.login-top-container {
  align-self: center;
}
nav ul.panel-top {
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: end;
    padding: 10px 0px 10px 0px;
    margin: 0px;
}
nav ul.login-top {
    display: flex;
}
img.image-logo-p {
  width: auto;
  height: 100%;
  background: rgb(255 255 255 / 50%);
  border-radius: 50%;
}
.panel-top li.nav-item {
    height: auto;
    display: flex;
    align-items: center;
    justify-items: center;
    list-style: none;
}
img.icon-home {
  height: 25px;
  width: 100%;
}
.panel-top li.nav-item:first-child a {
  width: 35px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-left: none !important;
  background-color: rgb(203 232 193 / 70%) !important;
}

.panel-top li.nav-item a.nav-link {
  text-decoration: none;
  font-size: 1.1rem;
  padding: 15px;
  font-weight: bold;
  color: #ffffff;
  background-color: rgb(0 0 0 / 50%);
  border-left: #92BDA0 2px solid;
}
.panel-top li.nav-item a.nav-link.active{
  background-color: rgb(203 232 193 / 70%);
  color: black;
}
.content-explorar-section1{
  position: absolute;
    bottom: 30%;
    width: 100%;
    margin-top: 130px;
    top: 0;
}
.explorar-i{
  position: fixed !important;
  z-index: -1;
}
.explorar-content a.item-user-only:hover {
  background-color: rgb(23,106,66,0.75);
}
.individual-ficha {
  z-index: 9;
}
.individual-ficha-content {
  margin-top: 150px;
}
.exito-crear{
  color: white;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.error-crear{
  color: black;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.seleccion-usuario {
  background-color: rgb(219 233 171 / 41%);
  color: black;
  border: 2px solid rgb(219 233 171 / 85%);
  padding: 10px 35px;
  font-size: 18px;
  cursor: pointer;
  font-weight: bold;
}
.seleccion-usuario:hover {
  background: rgb(219 233 171 / 85%);
  color: black;
}
footer {
  display: flex;
}
.footer-img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.footer-1 {
  width: 100%;
  height: 250px;
  background: black;
  color: white;
  font-weight: bold;
}
.footer-img img {
  max-height: 450px;
}
.title-footer {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
.title-footer img {
  height: 100px;
}
.title-footer h2 {
  font-size: 75px;
  text-decoration: underline;
  margin: 0;
}
.content-footer {
  width: 70%;
  display: flex;
  justify-content: space-between;
  margin: 30px auto;
}
.content-footer img {
  height: 120px;
}
.sect-5{
  min-height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sect-6{
  min-height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #d9d9d9;
}
.sect-8-first {
  margin: 50px 0px;
}
section.sect-9{
  background: black;
  min-height: 310px;
  display: flex;
  align-items: center;
}
/*---------------Login----------------------*/
#login {
    width: 345px;
    height: auto;
    margin: auto;
    z-index: 10;
    padding: 20px;
}
.content-card {
 z-index: 20;
}
img.image-logo {
    width: 220px;
    height: 220px;
}
.logo {
    padding: 20px 20px 20px 20px;
    background-image: linear-gradient(
    310deg
    , #557d44 0, 
    #4c7f4a 10%, #418050 20%, #368157 30%, #28815f 40%, #148266 50%,
    #00826e 60%, #008375 70%, #00837d 80%, #008385 90%, #00828c 100%);
}
.image-login{
  position: absolute;
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.button-login {
  text-align: center;
  margin-bottom: 15px;
}
.register-login {
  color: white;
  text-align: center;
}
.register-login a {
  color: black;
  font-weight: bold;
}
.content-login {
  display: flex;
  /* z-index: 1; */
  align-items: center;  
  justify-content: center;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  /* background-image: linear-gradient(0, #d8ff91 0, 
  #c4ff98 7.14%, #b0ff9f 14.29%, #9afea4 21.43%,
    #84f6a9 28.57%, #6debac 35.71%, #56dead 42.86%,
    #3fcfab 50%, #29c0a8 57.14%, #10b3a5 64.29%, 
    #00a7a2 71.43%, #009da0 78.57%, #00959e 85.71%, 
    #008f9e 92.86%, #008a9f 100%); */
}

#login form span {
  background-color: #ffffff36;
  border: solid 0px;
  border-radius: 10px 0px 0px 10px;
  color: #606468;
  height: 100%;
  line-height: 60px;
  text-align: end;
  font-size: 20px;
  width: 100%;
}
.login-field span.ui.pointing.red.basic.label, #login .ui.red.message {
  grid-column: 1/3;
  border-radius: 10px !important;
  text-align: center !important;
  background: none !important;
  color: red !important;
  font-size: 14px !important;
  line-height: 25px !important;
}
#login .ui.red.message {
  font-weight: bold;
  margin-bottom: 15px;
}
form div.field.login-field:nth-child(1), form div.field.login-field:nth-child(2) {
    display: grid;
    grid-template-columns: 40px calc(100% - 40px);
    grid-template-rows: 50px;
    margin-bottom: 15px;
    width: auto;
}

#login form .field input {
	height: auto;
}
#login form .field input::placeholder {
	color: black;
}
#login form .field input:focus {
  outline: none;
}

#login form .field input[type="text"], input[type="password"] {
  background-color: #ffffff36;
  border-radius: 0px 10px 10px 0px;
  color: black;
  padding: 5px 20px 5px 10px !important;
  border: solid 0px #ccc;
  width: auto;
  margin: 0px;
}

#login form .button-login .button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 0px;
  background-color: rgb(166 189 118 / 50%);
  color: #000000;
  font-weight: bold;
  margin: 0px !important;
  text-transform: uppercase;
  width: 100%;
  max-width: 180px;
  height: 40px;
  border: solid 0px;
  border-radius: 10px;
  cursor: pointer;
}

#login form .button-login .button:hover {
	background-color: #54595f;
}

#login > p {
	text-align: center;
}

#login > p span {
	padding-left: 5px;
}
.react-datepicker {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
  border: 1px solid #e0e0e0;
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 
              0px 8px 10px 1px rgba(0,0,0,0.14), 
              0px 3px 14px 2px rgba(0,0,0,0.12);
  border-radius: 4px;
}

.react-datepicker__header {
  background-color: #f5f5f5;
  border-bottom: none;
  padding-top: 12px;
}

.react-datepicker__current-month {
  font-weight: 500;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
}

.react-datepicker__day {
  width: 2rem;
  line-height: 2rem;
  margin: 0.166rem;
}

.react-datepicker__day--selected {
  background-color: #1976d2;
  color: white;
}
.react-datepicker-popper {
  z-index: 2 !important;
}
.react-datepicker__day:hover {
  background-color: #e0e0e0;
}

.react-datepicker__navigation {
  top: 13px;
}
/*---------------------------Panel-------------------------------*/
.swiper-ficha{
  max-width: 200px;
  width: 200px;
}
.ficha-table-panel{
  display: grid;
  grid-template-columns: 7% 15% 15% 20% 23% 15%;
  column-gap: 1%;
  align-items: center;
  padding: 5px;
  justify-items: center;
  margin-bottom: 10px;
  font-size: 18px;
  border-radius: 10px;
  background-color: rgb(2 108 82 / 70%);
  color: white;
  font-weight: bold;
  min-width: 900px;
}
.ficha-table-panel.single {
  background-color: rgb(77 152 133 / 20%);
  color: #000000;
}
.table-container, .ficha-container {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 20px;
  border-radius: 10px;
  background-color: #fff;
}
.taxa-table-panel.notificaciones{
  grid-template-columns: 10% 15% 15% 20% 19% 16%;
}
.taxa-table-panel{
  display: grid;
  grid-template-columns: 10% 15% 15% 20% 8% 11% 15%;
  column-gap: 1%;
  align-items: center;
  padding: 5px;
  justify-items: center;
  margin-bottom: 10px;
  font-size: 18px;
  border-radius: 10px;
  background-color: rgb(2 108 82 / 70%);
  color: white;
  font-weight: bold;
  min-width: 900px;
}
.filter-panel {
  display: flex;
  justify-content: center;
}
.filter-panel .search-panel{
  margin-bottom: 14px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    border-bottom: 1px solid #006B51;
    width: 65%;
}
.filter-panel .search-panel span{
  font-size: 3rem;
  color: #006B51;
}
.filter-panel .search-panel input{
  background-color: #ededed00;
    border: none;
    border-radius: 0;
    outline: none;
    color: #006B51;
    font-size: 18px;
    font-weight: bold;
    height: 3rem;
    width: 100%;
    margin: 0 0 8px 0;
    padding: 0;
    box-shadow: none;
    box-sizing: content-box;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}
.filter-panel .search-panel input::placeholder {
  color: #006B51;
  font-size: 18px;
  font-weight: bold;
}
.taxo-ver ul.paginate-taxos{
  color: rgba(0, 107, 80, 0.5);;
}
.taxo-ver ul.paginate-taxos li.selected a {
  background-color: rgba(0, 107, 80, 0.5);
}
.taxo-ver ul.paginate-taxos li a:hover {
  background-color: rgba(0, 107, 80, 0.5);
  color: black;
}
.taxo-ver .actions-taxo svg {
  color: #006B51;
}
.taxo-ver .actions-taxo a svg:hover {
  color: rgb(77 152 133);
}
.taxa-table-panel.single {
  background-color: rgb(77 152 133 / 20%);
  color: #000000;
}
.panel-user .fade-out {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.container-panel {
  border-radius: 10px;
  transition: padding-left .3s ease;
  padding: 0px 10px 0 230px;
  height: calc(100vh - 84px);
  overflow: auto;
}
.panel-body {
  padding: 10px;
  position: relative;
}
.panel-body .bar-panel.open {
  width: 210px;
  padding: 0;
  height: calc(100vh - 20px);
  border-radius: 10px 90px 90px 10px;
  background: #fff;
  position: fixed;
  top: 10px;
  left: 20px;
  z-index: 1;
  transition: left .3s ease, width .3s ease;
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.6);
}
.bar-panel .logo-panel a {
  padding: 1rem 0.5rem 1rem 0.5rem;
  min-height: 60px;
  margin: 0;
  display: flex;
  justify-content: center;
}
.bar-panel .panel-top.logo-details {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px 5px 20px;
}
.bar-panel .panel-top .panel-tog {
  font-size: 25px;
  padding: 10px 10px 10px 10px;
}
.bar-panel .logo_name img.image-logo {
  max-width: 150px;
  max-height: 90px;
}
ul.panel li {
  list-style-type: none;
}
.panel-body .css-63vwl1-MuiTypography-root-MuiBreadcrumbs-root {
  padding: 15px 15px 25px 230px;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.panel a.span-nolink {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 20px 0px 10px;
  color: #000000;
  font-size: .925rem;
  font-weight: 800;
  text-decoration: none;
  transition: all .5s ease-in-out;
  position: relative;
}
.panel .menu2 a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  position: relative;
  color: #000000;
  font-size: .925rem;
  text-decoration: none;
  font-weight: 500;
  transition: all .5s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 10px 5px 10px;
  margin: 0px 10px 0px 20px;
  border-radius: 5px;
}
.panel .submenu-close .menu2 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.panel .submenu-open .menu2 {
  max-height: 230px; /* Ajusta este valor según sea necesario para tu contenido */
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.panel .icon-expanded {
  font-size: 1.2rem;
  width: 2.1rem;
  display: flex;
  height: 3rem;
  align-items: center;
}
.panel .menu2 a:hover {
  background: #AAE3D7;
}
/* .panel-body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 120vw;
  background-color: rgb(170 227 215 / 60%); 
  border-radius: 50%; 
  transform: translateX(-50%)translateY(-15%);
  z-index: -1;
} */

/*d*/
.bar-panel.open .bar-contract {
  max-height: 100%;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.bar-panel.close .bar-contract {
  max-height: 54px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.bar-panel.close ~ .container-panel {
  padding: 0px;
  transition: padding-left .8s ease;
}
.panel-body .bar-panel.close {
  width: 210px;
  padding: 0;
  height: 54px;
  border-radius: 10px 90px 90px 10px;
  background: #fff;
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1;
  transition: left .3s ease, width .3s ease;
}
.bar-panel.close .logo-panel.logo_name {
  display: none;
}
.bar-panel.close .panel-top.logo-details {
  padding: 0px 20px 0px 20px;
}
.bar-panel.close ul.panel.bottom-pane {
  display: none;
}
.bar-panel.close ul.panel {
  display: none;
}
/*---------------------------GALERIA--------------------------------------*/

/*----------------------Web Taxo Indi----------------------------------*/
.taxo-indi-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 20px;
}

.taxo-indi-card {
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  padding: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 600px;
  text-align: center;
}

.taxo-indi-image {
  max-width: 100%;
  border-radius: 10px;
}

.taxo-indi-details {
  margin-top: 20px;
  text-align: left;
}

.taxo-indi-field {
  margin-bottom: 10px;
}

.taxo-indi-field strong {
  display: inline-block;
  width: 150px;
  font-weight: bold;
}

.taxo-indi-field span {
  display: inline-block;
  width: calc(100% - 150px);
}

.taxo-indi-tree {
  width: 100%;
  max-width: 800px;
  margin-top: 20px;
}
/*----------------------User Settings----------------------------*/
nav.MuiTypography-root.MuiTypography-body1.MuiBreadcrumbs-root.css-o3d33y {
  padding: 0px 10px 0 230px;
}
.sidebar.open ~ .admin-pane, .sidebar.open ~ .revisor-pane {
    /* width: calc(100% - 190px); */
    margin: 0px 40px 0px 40px;
}
ul.panel {
  padding: 0px 14px;
  margin: 0;
  max-height: calc(100vh - 250px);
  overflow: auto;
}
ul.panel::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 20%);
	border-radius: 10px;
	background-color: rgb(255 255 255 / 57%);;
}
ul.panel::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}
ul.panel::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background: #cceee7;
}
.panel .sidebar{
  position: absolute;
  left: 0;
  top: 250px;
  height: auto;
  width: 78px;
  /* background: #181818; */
  z-index: 99;
  transition: all 0.5s ease;
}
.sidebar{
    position: absolute;
    right: 0;
    top: 250px;
    height: auto;
    width: 78px;
    /* background: #181818; */
    z-index: 99;
    transition: all 0.5s ease;
  }
  /* .user-t {
    height: 100vh;
    width: 100vw;
} */
.form-edit-user .content-1 label {
  font-weight: bolder;
  color: white;
  font-size: 1.2rem;
}
.profile-cont {
  padding-top: 200px;
}
  .sidebar.open{
    width: 190px;
  }
  .sidebar .logo-details{
    height: 85px;
    display: grid;
    grid-template-columns: minmax(70px, 125px) auto;
    column-gap: 10px;
    position: relative;
    background-color: #a6a6a6;
    align-items: center;
  }
  .sidebar .logo-details .icon{
    opacity: 0;
    transition: all 0.5s ease;
  }
  .sidebar .logo-details .logo_name{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    opacity: 0;
    transition: all 0.5s ease;
    padding: 5px 10px;
  }
  .sidebar.open .logo-details .icon,
  .sidebar.open .logo-details .logo_name{
    opacity: 1;
  }
  .sidebar .logo-details #btn{
    position: absolute;
    padding-right: 15px;
    height: 50px;
    width: 50px;
    text-align: center;
    grid-row: 1;
    color: #3f3f3f;
    right: 0;
    grid-column: 2;
    transition: all 0.4s ease;
    cursor: pointer;
    transition: all 0.5s ease;
    font-size: 50px;
  }
  .sidebar.open .logo-details #btn{
    text-align: right;
  }

  .sidebar .nav-list{
    margin-top: 20px;
    height: 100%;
  }
  .sidebar li{
    position: relative;
    margin: 8px 0;
    list-style: none;
  }
  .sidebar li.expanded .tooltip{
    position: absolute;
    top: -20px;
    left: calc(100% + 15px);
    z-index: 3;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    opacity: 0;
    pointer-events: none;
    transition: 0s;
  }
  .sidebar li.expanded:hover .tooltip{
    opacity: 1;
    pointer-events: auto;
    transition: all 0.4s ease;
    top: 50%;
    transform: translateY(-50%);
  }
  .sidebar.open li.expanded .tooltip{
    display: none;
  }
  .sidebar li.expanded > a, .sidebar li.expanded.submenu-open ul.menu2 li a {
    display: flex;
    height: 100%;
    width: 100%;
    border-radius: 12px;
    align-items: center;
    text-decoration: none;
    transition: all 0.4s ease;
    background: #3f3f3f;
    color: #fff;
  }
  .sidebar li .span-nolink:hover,
  .sidebar li a:hover,
  .sidebar li.expanded ul.menu2 li.expanded2 a:hover{
    background: #FFF;
  }
  .sidebar li.expanded ul.menu2 li.expanded2 a:hover, 
  .sidebar li.expanded ul.menu2 li.expanded2 a:hover i{
    transition: all 0.5s ease;
    color: #11101D;
  }
  .sidebar li .span-nolink:hover .icon-close::before {
    color: #181818;
  }
  .sidebar li.submenu-open a{
    background: #FFF;
    color: #3f3f3f;
  }
  .sidebar li a .links_name{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s;
  }
  .sidebar.open li a .links_name{
    opacity: 1;
    pointer-events: auto;
  }
  .sidebar li a:hover .links_name,
  .sidebar li a:hover i{
    transition: all 0.5s ease;
    color: #11101D;
  }
  
  .sidebar li.submenu-open a .links_name,
  .sidebar li.submenu-open a i{
    transition: all 0.5s ease;
    color: #11101D;
  }
  .sidebar li i{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-radius: 12px;
  }
  .sidebar li.expanded.submenu-open ul.menu2 li i{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 12px;
    color: #fff;
  }
  .sidebar li.expanded ul.menu2 li i{
    font-size: 0;
  }
  ul.menu2 {
    padding: 0px 0px 0px 10px;
}
expanded{
    position: relative;
  }
  .expanded.submenu-open ul li
  {
    max-height: 100px;
    opacity: 1 !important;
    padding-top: 5px !important;
  }
  .expanded ul li {
    max-height: 0px;
    margin: 0px;
    opacity: 0;
    padding: 0px;
  }
.expanded .icon-expanded {
    font-size: 1.2rem;
    width: 2.1rem;
    display: flex;
    height: 3rem;
    align-items: center;
}
.icon-expanded svg {
    padding-left: 10px;
}
.span-open {
    position: absolute;
    transition: all 0.5s ease-out;
    cursor: pointer;
    text-transform: lowercase;
    width: 100%;
    height: 48px;
    text-align: right;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    line-height: 40px;
    font-size: 1.7rem;
    align-items: center;
}
.span-nolink:hover .icon-expanded,
.span-nolink:hover .span-open {
    transition: all 0.5s ease;
    color: #3f3f3f;
}
.span-open svg {
    padding-right: 10px;
    transition: all 0.5s ease-out;
}
.sidebar.close .span-open.icon-close svg,
.sidebar.close .span-open.icon-close{
    height: 0px;
}
.expanded2 .icon-expanded2 svg {
    height: 30px;
    width: 20px;
    line-height: 30px;
    font-size: 18px;
    border-radius: 12px;
    padding: 0px 10px;
    color: #fff;
    display: flex;
    align-items: center;
}
.logo_name img.image-logo {
    width: 100%;
    height: auto;
}
.perfil-foto {
  text-align: center;
  padding: 5px;
  align-self: center;
}
.edit-image-perfil {
  width: 192px;
  height: 192px;
  margin: auto;
  position: relative;
}
.perfil-foto img {
  border-radius: 50%;
  object-fit: cover;
  width: 192px;
  height: 192px;
}
.edit-image-icon {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  justify-items: center;
  align-items: center;
  align-content: center;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgb(255 255 255 / 60%);
  border-radius: 50%;
  cursor: pointer;
  transition: 0.5s;
}
.edit-image-icon:hover {
  opacity: 1;
  transition: 0.5s;
}
.user-content-edit {
  display: grid;
  grid-template-columns: 25% 75%;
}
.form-edit-user .content-1 .field {
  display: grid;
  grid-template-columns: 30% 70%;
  margin-bottom: 10px;
}
.seleccion-usuario {
  text-align: center;
  margin-bottom: 20px;
}
.content-form-edit {
  padding: 0px 35px 0px 35px;
}
/*----------------------End User Settings----------------------------*/
/*----------------------Home-----------------------------------------*/
section {
  display: block; /* O flex si necesitas alineación */
  width: 100%;
  height: 100%;
  overflow: hidden;
}
section.sect-1 {
  height: 100vh;
  width: 100%;
}
section.sect-1.explorar {
  height: calc(100vh - 130px);
  width: 100%;
}
.tabs-explorar {
  margin-bottom: 20px;
}
.explorar-content section.sect-1{
  background: #f8f9fa;
  position: relative;
  flex-direction: column;
  padding-top: 150px;
  padding-bottom: 16px;
  height: 100%;
}
.count-map-obser{
  grid-row: 3;
  height: 100%;
}
.indicador-tab-explo {
  background: #ffffff !important;
}
.map-sup {
  position: relative;
  width: 100%;
}
.count-container-map {
  display: grid;
  text-align: center;
  padding: 15px 0;
  grid-template-columns: auto auto auto;
  background: #565656;
  color: white;
  white-space: nowrap;
}
.count-container-map div:nth-child(2) {
  border-left: 2px solid gray;
  border-right: 2px solid gray;
}
.style-switcher {
  background: rgb(0 0 0 / 30%) !important;
  padding: 5px !important;
}
.style-switcher button {
  background: rgb(255 255 255 / 35%);
  color: #000000;
  border: none;
  padding: 8px;
  border-radius: 5px;
}
.style-switcher button:hover {
  color: white;
  background: rgb(0 0 0 / 30%);
  cursor: pointer;
}
.count-container-map p,.count-container-map h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  margin: 0;
}
.contenedor-obs-map {
  position: absolute;
  width: 275px;
  top: 5%;
  right: 10%;
}
.marker {
  background-color: #007bff;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
}
.slide-copy {
    position: absolute;
    bottom: 20px;
    right: 25px;
    opacity: 0.8;
}
.slide-copy h2 {
    color: white;
    font-size: 20px;
}
.slide-content {
  position: absolute;
  width: 450px;
  padding: 20px;
  bottom: 20%;
  left: 10%;
  background: rgb(0 0 0 / 40%);
}

.slide-content h2 {
  color: #a6bd76;
  font-size: 2.7rem;
  margin: 0;
}

.contenedor-obs-map button{
width: 100% !important;
}
.contenedor-obs-map button:hover {
  border-color: rgb(0 0 0 / 60%);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  color: rgba(0, 0, 0, 0.65);
}
/* .popup-mapa-obs {
  display: flex;
  align-items: center;
  width: 265px;
} */
.mapboxgl-popup.mapboxgl-popup-anchor-bottom {
  max-width: 100% !important;
}
/* .popup-mapa-cont {
  width: 100%;
} */
/* .popup-mapa-cont-bot {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: gray;
} */
.popup-mapa-obs p, .popup-mapa-obs h4 {
  margin: 0;
}
/* .popup-mapa-obs img {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 15px;
} */
/******************/
/* Estilos para popups en el mapa */
.mapboxgl-popup {
  max-width: 300px !important;
}
.mapboxgl-popup-content{
  padding: 0 !important;
}
.popup-mapa-obs {
  display: flex;
  flex-direction: column;
  width: 160px;
  gap: 8px;
  color: #000;
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.popup-mapa-obs img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #eaeaea;
}

.popup-mapa-obs h4 {
  margin: 0;
  font-size: 16px;
  color: #000;
  font-weight: bold;
}

.nota-contenedor {
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
  color: #333;
  line-height: 1.4;
}

.popup-mapa-cont-bot {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}

.popup-mapa-cont-bot span:first-child {
  color: #a6bd76;
  font-weight: bold;
}

/* Estilos para el panel lateral */
.contenedor-obs-map {
  background-color: #f5f5f5 !important;
  border-left: 1px solid #eaeaea !important;
}

.contenedor-obs-map h3 {
  color: #000;
  margin-top: 15px;
  margin-bottom: 10px;
}

.buton-filter-map {
  background-color: #a6bd76;
  color: #000;
  border: none;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s;
}

.buton-filter-map:hover {
  background-color: #8da65d;
}

/* Estilos para la lista de observaciones */
.contenedor-obs-map .nota-contenedor {
  max-height: 3.6em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 12px;
  color: #555;
  line-height: 1.4;
}

        /***********/
/* Cursor interactivo */
.mapboxgl-canvas {
  cursor: pointer;
}
.slide-content a,
.contenedor-obs-map button{
    align-items: center;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: .25rem;
box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
box-sizing: border-box;
color: rgba(0, 0, 0, 0.85);
cursor: pointer;
display: inline-flex;
font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 600;
justify-content: center;
line-height: 1.25;
margin: 0;
min-height: 3rem;
padding: calc(.875rem - 1px) calc(1.5rem - 1px);
position: relative;
text-decoration: none;
transition: all 250ms;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: baseline;
width: auto;
}

.slide-content a:hover,
.slide-content a:focus {
border-color: rgba(0, 0, 0, 0.15);
box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
color: rgba(0, 0, 0, 0.65);
}

.slide-content a:hover {
transform: translateY(-1px);
}

.slide-content a:active {
background-color: #F0F0F1;
border-color: rgba(0, 0, 0, 0.15);
box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
color: rgba(0, 0, 0, 0.65);
transform: translateY(0);
}
section.sect-2 {
  background: black;
  padding: 20px;
  width: auto;
  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.sect-2 h2 {
  color: white;
  text-align: center;
  margin-bottom: 0;
}

.sect-2 .content {
  display: flex;
  height: 390px;
  position: relative;
}
.sect-content-1 {
  width: 50%;
  text-align: center;
  color: whitesmoke;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 2;
  padding: 0px 50px;
}
.sect-content-1 p {
  font-size: 1.2rem;
}
.sect-content-2 {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sect-content-2 img {
  height: 250px;
  object-fit: cover;
  mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 100%);
}
.sect-content-3{
  opacity: 0.4;
  transition: opacity 1s ease;
  position: absolute;
  width: 100%;
  background-size: cover;
  background-position: center;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.sect-content-3 img {
  height: 400px;
  object-fit: cover;
}

.sect-content-3.visible {
  opacity: 0.8;
}
section.sect-3 {
  width: 100%;
  padding: 60px 0;
  overflow: hidden;
}
.sect-3 h2 {
  text-align: center;
  margin-top: 0;
}
/*--------------------------------------Panel Creativo---------------------------*/
.creative-home {
  min-height: 400px;
  background-color: #dbe9ab;
  padding: 10px 25px;
  border-radius: 15px;
}
.creative-home h1 {
  text-align: center;
}
.sidebar-creativo li.expanded {
  list-style: none;
}
.sidebar-creativo {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9;
}
.sidebar-creativo ul.panel {
  display: flex;
  background: rgb(54,139,99,0.85);
  min-width: 400px;
  max-width: 660px;
  padding: 0px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.sidebar-creativo ul.panel li:last-child a.span-nolink {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.sidebar-creativo ul.panel a.span-nolink {
  display: flex;
  align-items: center;
  color: #DBE9AB;
  font-weight: bold;
  text-decoration: none;
  justify-content: center;
  transition: all 0.5s ease-out;
  font-size: 18px;
  padding: 0px 15px;
}
.sidebar-creativo ul.panel a.span-nolink:hover{
  background-color: #4AFA83;
  color: black;
}
.sidebar-creativo ul.panel li:last-child a.span-nolink:hover {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.creativo {
  position: relative;
}
.button-creative {
  position: fixed;
  z-index: 999;
  width: 60px;
  height: 60px;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #257a40;
  margin-bottom: 20px;
  margin-right: 20px;
  transition: all 0.5s ease-out;
  font-size: 25px;
}
.button-creative:hover {
  background: #257a409c;
  transition: all 0.5s ease-out;
  color: #ffffff;
}
.button-creative a {
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
/*--------------------------------Ficha Especie--------------------------*/
.line-3max{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-create-ficha .espe-col-2 {
  display: grid;
  grid-template-columns: 22% 22% 22% 22%;
  grid-gap: 4%;
  justify-content: center;
  margin-bottom: 10px;
}
.form-create-ficha .espe-col-2 .field:nth-child(1) {
  grid-column: 2;
  grid-row: 1;
}
.form-create-ficha .espe-col-2 .field:nth-child(2) {
  grid-column: 3;
  grid-row: 1;
}
.form-create-ficha .espe-col-2 input,
.form-create-ficha .espe-col-2-area textarea,
.form-create-ficha .espe-col-4 input,
.form-create-ficha .espe-col-4 textarea,
.form-create-ficha .espe-col-3 textarea,
.form-create-ficha .espe-col-1-area textarea,
.form-create-ficha .espe-col-2-area input,
.form-create-ficha .espe-col-1-area input,
.form-create-ficha .espe-col-1-img textarea{
  background-color: rgb(219 233 171 / 85%);
  color: #000000;
}
.form-create-ficha .espe-col-1-area {
  margin-bottom: 10px;
}
.form-create-ficha .espe-col-3 .MuiBox-root {
  background: rgb(219 233 171 / 85%);
  width: auto;
  border-radius: 15px;
  padding: 10px;
  color: black;
}
.upload-file-ficha {
  cursor: pointer;
  margin: auto;
  top: 0;
  font-size: 18px;
  border-radius: 10px;
  background: rgb(219 233 171 / 85%);
  color: #000000;
  padding: 10px;
  font-weight: bold;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  height: 65px;
  border: 1px solid #8d8d8d;
}
.upload-file-ficha:hover {
  background: #bccb946e;
}
span.ui.pointing.red.basic.label {
  color: white;
  font-weight: bold;
  font-size: 18px;
}
.field.error {
  text-align: center;
}
.form-create-ficha .edit-send {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-create-ficha .edit-send button {
  background-color: rgb(219 233 171 / 41%);
  color: black;
  border: 2px solid rgb(219 233 171 / 85%); /* Green */
  padding: 10px 35px;
  font-size: 18px;
  cursor: pointer;
}
.form-create-ficha .edit-send button:hover {
  background: rgb(219 233 171 / 85%);
  color: black;
}
.form-create-ficha .espe-col-3 .align-inline .css-13cymwt-control {
  background: rgb(219 233 171 / 85%);
}
.form-create-ficha .espe-col-3 .align-inline div {
  color: black;
}
.form-create-ficha .espe-col-3 .MuiBox-root .Mui-disabled {
  color: black !important;
}
/* ////////////////////////////////////////////////////////////////////left LIST ITEM FIRST */
/* .css-ofrcno-MuiGrid-root>.MuiGrid-item {
  padding-left: 25px !important;
} */
.form-create-ficha .espe-col-3 {
  display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-gap: 5%;
  margin-bottom: 10px;
  text-align: center;
}

.form-create-ficha .espe-col-4 {
  display: grid;
  grid-template-columns: 22% 22% 22% 22%;
  grid-gap: 4%;
  margin-bottom: 10px;
  text-align: center;
}
.form-create-ficha .espe-col-2-area {
  display: grid;
  grid-template-columns: 47.5% 47.5%;
  grid-gap: 5%;
  margin-bottom: 10px;
}
.form-create-ficha .espe-col-1-area {
  margin-bottom: 10px;
}
.form-create-ficha input::placeholder,
.form-create-ficha textarea::placeholder{
  color: #000000;
  font-size: 16px;
}
.css-1jqq78o-placeholder {
  font-weight: bold;
  color: black;
}
.ficha-especie {
  padding-bottom: 50px;
}
.fondo-creativo{
  position: fixed;
}
.creativo-admin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.creativo-cont-dash{
  padding-top: 150px;
}
.MuiBox-root.css-19kzrtu {
  /* background: #DBE9AB;
  border-radius: 20px; */
}
.form-create-ficha .field input, .form-create-ficha textarea {
  width: 100%;
  padding: 8px;
  border-radius: 10px;
  font-family: 'CormorantUpright-light';
  font-weight: bold;
  font-size: 16px;
  box-sizing: border-box;
}
.form-create-ficha .field {
  width: 100%;
  margin-bottom: 10px;
}
.tabs-ficha ul {
  display: grid;
  grid-template-columns: auto auto;
  border-radius: 20px;
  margin: 0;
  padding: 0;
}
.tabs-ficha ul li {
  list-style: none;
}
.tabs-ficha {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
}
.tabs-ficha ul li a.span-nolink,
.tabs-ficha ul li div.span-nolink {
  color: #DBE9AB;
  padding: 20px 20px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 28px;
  font-family: 'Kalinga-Bold',sans-serif;
  display: inline-block;
  cursor: pointer;
}
.tabs-ficha ul li a.span-nolink span.links_name,
.tabs-ficha ul li div.span-nolink span.links_name {
  font-size: 18px;
  font-weight: 900;
  white-space: nowrap;
}
.tabs-ficha ul li:nth-child(1) a.span-nolink:hover,
.tabs-ficha ul li:nth-child(1) div.span-nolink:hover {
  background: #dbe9ab;
  color:black;
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  border: 2px solid #257a40;
}
.tabs-ficha ul li:nth-child(2) a.span-nolink:hover,
.tabs-ficha ul li:nth-child(2) div.span-nolink:hover {
  background: #dbe9ab;
  color:black;
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
  border: 2px solid #257a40;
}
.tabs-ficha ul li:nth-child(1) a.span-nolink,
.tabs-ficha ul li:nth-child(1) div.span-nolink {
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  border: 2px solid;
  background: rgb(23,106,66,0.75);
}
.tabs-ficha ul li:nth-child(2) a.span-nolink,
.tabs-ficha ul li:nth-child(2) div.span-nolink {
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
  border: 2px solid;
  background: rgb(23,106,66,0.75);
}
.section-1-ficha {
  display: grid;
  grid-template-columns: 58% 40%;
  grid-gap: 2%;
  margin-bottom: 20px;
  align-items: center;
}
.cont-ficha-1 {
  background: rgb(219 233 171 / 85%);
  padding: 10px;
  border-radius: 30px;
}
.cont-ficha-1 h1 {
  text-align: center;
}
.cont-ficha-1-1 {
  display: grid;
  grid-template-columns: 60% 40%;
}
.cont-ficha-1-1-2 img {
  max-height: 70px;
  object-fit: cover;
}
.cont-ficha-1-1-1 {
  display: flex;
  grid-gap: 15px;
  flex-direction: column;
  align-items: center;
  color: black;
  font-weight: bolder;
}
.cont-ficha-taxi {
  border-radius: 10px;
  min-width: 200px;
}
.cont-ficha-taxi p:nth-child(even) {
  background: rgb(219 233 171 / 85%);
}
.cont-ficha-taxi p:nth-child(odd) {
  background: rgb(23,106,66,0.75);
}
.cont-ficha-taxi p {
  margin: 0px;
  padding: 5px 5px 5px 15px;
}
.cont-ficha-taxi p:first-child {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.cont-ficha-taxi p:last-child {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.cont-ficha-1-1-1 img {
  max-width: 190px;
  object-fit: cover;
}
.cont-ficha-1-1-2 > div {
  display: grid;
  grid-template-columns: 110px auto;
  justify-content: left;
  gap: 15px;
  align-items: center;
}
.color-ficha {
  width: 15px;
  height: 15px;
}
.color-ficha-content {
  display: grid;
  grid-template-columns: 50% 50%;
}
.cont-ficha-1-1-2 {
  color: black;
  font-weight: bolder;
}
.cont-ficha-galeria img.image-gallery-image {
  max-height: 325px !important;
}
.section-2-ficha .ficha-head-table-1, .section-2-ficha .ficha-content-table-1 {
  display: grid;
  grid-template-columns: auto auto auto auto;
  width: 100%;
}
.title-cont-ficha-1 {
  display: flex;
  flex-direction: column;
}
.title-cont-ficha-1 h4 {
  align-self: end;
  margin-bottom: 15px;
  margin-top: 0;
}
.title-cont-ficha-1 h1 {
  margin: 0;
}
.section-2-ficha .cont-ficha-1 {
  background: #ff000000;
}
.section-2-ficha .ficha-content-table-1 {
  width: 100%;
}
.section-2-ficha {
  display: grid;
  grid-template-columns: 48% 48%;
  grid-gap: 4%;
  margin-bottom: 20px;
}
.ficha-head-table-1 {
  background: rgb(23,106,66,0.75);
  padding: 10px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  text-align: center;
}
.ficha-content-table-1 {
  background: rgb(219 233 171 / 85%);
  padding: 20px 10px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  text-align: center;
  color: black;
  font-weight: bold;
}
.section-2-ficha .cont-ficha-1:last-child {
  display: grid;
  padding: 30px;
  grid-template-columns: 32% 32% 32%;
  grid-gap: 2%;
  background: rgb(219 233 171 / 85%);
  align-content: center;
  color: black;
  font-weight: bolder;
  text-align: center;
}
.slider-ficha{
  margin-top: 5px;
}
.section-3-ficha {
  display: grid;
  grid-template-columns: 46% 46%;
  grid-gap: 8%;
  background: rgb(219 233 171 / 85%);
  padding: 30px;
  border-radius: 30px;
  text-align: center;
}
.section-3-ficha p {
  text-align: justify;
}
.section-3-ficha-2-dual {
  display: grid;
  grid-template-columns: 49% 49%;
  grid-gap: 2%;
  margin-bottom: 20px;
}
.section-3-ficha-2-dual p {
  text-align: center;
}
.cont-ficha-galeria nav.image-gallery-thumbnails-container {
  text-align: left;
}
.cont-ficha-galeria nav.image-gallery-thumbnails-container button {
  max-height: 100px;
}
.cont-ficha-galeria nav.image-gallery-thumbnails-container button span img {
  max-height: 90px;
}
.actions-noti{
  display: grid;
  grid-template-columns: 47% 47%;
  grid-gap: 6%;
  width: 100%;
  justify-items: center;
  align-content: center;
  align-items: center;
  font-size: 18px;
}
/*--------------------------------------Paquete----------------------------*/
.paquete-content .sect-1{
  height: 100%;
}
.paquete-card {
  transition: transform 0.2s;
}
.paquete-card:hover {
  transform: scale(1.02);
}
.container-panel::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 20%);
	border-radius: 10px;
	background-color: rgb(255 255 255 / 57%);;
}
.container-panel::-webkit-scrollbar
{
	width: 8px;
}
.container-panel::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background: linear-gradient(40deg, #257a4075, #cceee7);
}
.modal-3d-dex {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-color) transparent;
}

.modal-3d-dex::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 20%);
	border-radius: 10px;
	background-color: rgb(255 255 255 / 50%);;
  margin: 6px 0;
}
.modal-3d-dex::-webkit-scrollbar{
	width: 8px;
  
}
.modal-3d-dex::-webkit-scrollbar-thumb{
	border-radius: 10px;
  background: linear-gradient(
    40deg,
    var(--scroll-color),
    #a6bd767a
  );
}
/*--------------------------------------END Paquete----------------------------*/
/*--------------------------------------Taxonomia----------------------------*/
ul.lista-taxonomias {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
  list-style: none;
  justify-content: center;
}
ul.lista-taxonomias li a {
  color: #DBE9AB;
  padding: 20px 20px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'Kalinga-Bold',sans-serif;
  display: inline-block;
  width: 120px;
  text-align: center;
  background: rgb(23,106,66,0.75);
  border: 2px solid;
  border-radius: 15px;
}
.taxonomia-crear {
  background: #dbe9ab;
  padding: 15px;
  border-radius: 15px;
  margin-bottom: 60px;
}
.taxonomia-crear h1, .taxonomia-crear p {
  text-align: center;
}
.taxonomia-crear .content-1 {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 280px;
  justify-content: center;
}
.taxonomia-crear .content-1 .field {
  width: 280px;
}
form.form-edit-taxo {
  position: relative;
}
.taxonomia-crear .content-1 .field input,.taxonomia-crear .content-1 .field textarea {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  font-size: 14px;
}
.form-edit-taxo .edit-send {
  text-align: center;
  margin-top: 20px;
}
.busqueda-list,
.busqueda-paquete-ver-1 {
  margin-bottom: 14px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  border-bottom: 1px solid #bdbdbd;
}
.busqueda-list.paquete {
  display: grid;
  grid-template-columns: 80% 20%;
  border: none;
  margin-top: 20px;
}
.busqueda-list-select{
  margin-bottom: 14px;
    text-align: center;
    display: grid;
    grid-template-columns: 40% 5%;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    border-bottom: 1px solid #bdbdbd;
}
.busqueda-list input[type="search"] {
  background-color: #a52c2c00;
  border: none;
  border-radius: 0;
  outline: none;
  color: #dbe9a8;
  font-size: 20px;
  font-weight: bold;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: border .3s, -webkit-box-shadow .3s;
  transition: border .3s, -webkit-box-shadow .3s;
  transition: box-shadow .3s, border .3s;
  transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}
.busqueda-list span,
.busqueda-list-select span {
  font-size: 3rem;
  color: #c9d79d;
}
.item-user-only {
  display: grid;
  grid-template-columns: 13% 15% 15% 20% 15% 17%;
  column-gap: 1%;
  align-items: center;
  padding: 10px;
  justify-items: center;
  margin-bottom: 10px;
  font-size: 1.2rem;
  border-radius: 10px;
  background-color: rgb(219 233 171 / 85%);
  color: #000000;
  font-weight: bold;
}
.cabecera-only.item-user-only{
  background: rgb(23,106,66,0.75);
  color: white;
} 
.item-user-only.cabecera-only.lista-especie-only {
  grid-template-columns: 10% 20% 20% 23% 23% !important;
}
a.item-user-only.item-especie-only {
  grid-template-columns: 10% 20% 20% 23% 23% !important;
}
.busqueda-list input::placeholder {
  color: #dbe9a8;
  font-size: 20px;
  font-weight: bold;
}
.image-item-list {
  justify-self: center;
}
.image-item-list img {
  height: 50px;
  width: 50px;
  object-fit: cover;
  border-radius: 50%;
}
.item-user-only a svg {
  color: black;
}
.actions-taxo {
  display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-gap: 5%;
  width: 100%;
  justify-content: center;
  justify-items: center;
  align-content: center;
  font-size: 18px;
}
.actions-taxo a {
  padding: 6px;
}
.MuiBox-root {
  text-align: center;
}
.eliminar-taxo-div {
  cursor: pointer;
}
.eliminar-taxo-div svg {
  padding: 6px;
}
.form-imagen .bt-upload-file {
  position: absolute;
  cursor: pointer;
  margin: auto;
  top: 0;
  font-size: 25px;
  border-radius: 10px;
  color: #000000;
  font-weight: bold;
  left: 0;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #8d8d8d;
}
.form-imagen .bt-upload-file svg {
  font-size: 35px;
}
.form-imagen .bt-upload-file:hover {
  background: rgb(0,0,0,0.5);
  color: white;
}
.taxo-ver .cont-div-title {
  text-align: center;
}
.taxo-ver .cont-div-title h1 {
  background: #4d4d4d;
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  min-width: 139px;
  border: 2px solid #dbe9ab;
  padding: 20px 20px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #dbe9ab;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 28px;
  font-family: 'Kalinga-Bold',sans-serif;
  display: inline-block;
  border-radius: 50px;
}
.cont-div-body {
  background: #4d4d4d;
  border: 2px solid #dbe9ab;
  padding: 20px 20px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #dbe9ab;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 28px;
  border-radius: 50px;
  display: grid;
  grid-template-columns: 49% 49%;
  grid-gap: 2%;
  text-align: center;
  align-items: center;
}
.cont-div-body img,
.section-3-ficha-2.paquete img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-width: 350px;
}
.mini-paque {
  display: grid;
  grid-template-columns: 200px auto;
  grid-gap: 20px;
}
.noti-content h1 {
  max-width: 500px !important;
}
.cont-div-body h3 {
  text-align: center;
}
.cont-div-body p {
  text-align: justify;
  font-size: 18px;
}
.cont-div-body div img {
  width: auto;
  height: auto;
}
.taxo-ver {
  margin-bottom: 60px;
}
.form-edit-noti .field textarea {
  background-color: rgb(219 233 171 / 85%);
  color: #000000;
  width: 100%;
  padding: 8px;
  border-radius: 10px;
  font-family: 'CormorantUpright-light';
  font-weight: bold;
  font-size: 16px;
  box-sizing: border-box;
}
.form-edit-noti .field {
  margin-top: 20px;
}
.form-edit-noti .align-inline div,
.form-create-ficha .align-inline div{
  color: black;
}
.form-edit-noti .align-inline .css-13cymwt-control,
.form-edit-noti .align-inline .css-1nmdiq5-menu,
.align-inline .css-13cymwt-control,
.align-inline .css-1nmdiq5-menu{
  background: rgb(219 233 171 / 85%);
}
.form-edit-noti .edit-send {
  text-align: center;
}
.form-edit-noti .edit-send button,
.button-3-ver {
align-self: center;
background-color: rgb(219 233 171 / 85%);
background-image: none;
background-position: 0 90%;
background-repeat: repeat no-repeat;
background-size: 4px 3px;
border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
border-style: solid;
border-width: 2px;
box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
box-sizing: border-box;
color: black;
cursor: pointer;
display: inline-block;
font-family: Neucha, sans-serif;
font-size: 1rem;
line-height: 23px;
outline: none;
padding: .75rem;
text-decoration: none;
transition: all 235ms ease-in-out;
border-bottom-left-radius: 15px 255px;
border-bottom-right-radius: 225px 15px;
border-top-left-radius: 255px 15px;
border-top-right-radius: 15px 225px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.form-edit-noti .edit-send button:hover,
.button-3-ver:hover {
box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
  transform: translate3d(0, 2px, 0);
}
.form-edit-noti .edit-send button:focus,
.button-3-ver:focus {
box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}
.taxo-ver .cont-div-body img {
  justify-self: center;
}
/*---------------------------------------------PAGINACION---------------------------------------------*/
ul.paginate-taxos {
  list-style: none;
  display: flex;
  gap: 15px;
  font-size: 24px;
  font-weight: bold;
  color: rgb(219 233 171 / 85%);
  justify-content: center;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  padding: 0px;
  margin: 10px;
}
ul.paginate-taxos li a{
  display: flex;
  padding: 4px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  outline: 0px;
  border: 0px;
  cursor: pointer;
  vertical-align: middle;
  appearance: none;
  text-decoration: none;
  font-size: 24px;
  line-height: 1.43;
  letter-spacing: 0.01071em;
  border-radius: 16px;
  text-align: center;
  box-sizing: border-box;
  width: 32px !important;
  height: 32px !important;
  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
ul.paginate-taxos li.selected a {
  background-color: rgb(219 233 171 / 85%);
  color: black;
  font-weight: bold;
}
.paginate-taxos li {
  width: 32px !important;
  height: 32px !important;
}
ul.paginate-taxos li a:hover {
  background-color: rgb(219 233 171 / 70%);
  color: black;
}
/*---------------------------------------Modal User-------------------------------------*/
.profile-user-admin {
  position: relative;
  max-width: 350px;
  min-height: 400px;
  background: rgba(255,255,255,0.1);
  box-shadow: 0 25px 45px rgb(0 0 0 / 10%);
  border: 1px solid rgba(255,255,255,0.5);
  border-right: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.2);
  border-radius: 10px;
  z-index: 10;
  padding: 20px;
  backdrop-filter: blur(25px);
}
.profile-user-admin ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
}
.profile-user-admin .perfil-foto {
  text-align: center;
  padding: 5px;
}
.profile-user-admin .edit-image-perfil {
  width: 150px;
  height: 150px;
  margin: auto;
  position: relative;
}
.profile-user-admin .perfil-foto img {
  border-radius: 50%;
  object-fit: cover;
  width: auto;
  height: 100%;
}
.profile-user-admin ul li {
  padding: 5px 10px;
  background: rgba(0,0,0,0.1);
  margin: 5px 0px;
  border-radius: 10px;
  cursor: pointer;
  color: #e1e1e1;
  transition: 0.5s;
  display: grid;
  grid-template-columns: 90px auto;
}
.profile-user-admin ul li:hover {
  background: rgb(139, 118, 118);
}
.profile-user-admin ul button {
  padding: 0.6em 2em;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin-top: 20px;
}
.profile-user-admin ul button:before {
  content: "";
  background: linear-gradient(
  45deg,
  #ff0000,
  #ff7300,
  #fffb00,
  #48ff00,
  #00ffd5,
  #002bff,
  #7a00ff,
  #ff00c8,
  #ff0000
);
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 10px;
}
.profile-user-admin ul button:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #222;
  left: 0;
  top: 0;
  border-radius: 10px;
}
@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.button-30 {
  align-items: center;
  appearance: none;
  background-color: #FCFCFD;
  border-radius: 4px;
  border-width: 0;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
  box-sizing: border-box;
  color: #36395A;
  cursor: pointer;
  display: inline-flex;
  font-family: "JetBrains Mono",monospace;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 18px;
}
.button-30:focus {
  box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}
.button-30:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
  transform: translateY(-2px);
}
.button-30:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
}
.galeria {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.cont-ficha-galeria {
  position: relative;
  height: 100%;
  width: 100%;
}
.button-30:hover {
  opacity: 1;
}
section.container {
  display: block !important;
  position: initial !important;
  width: auto;
  height: auto;
}
.dropzone {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border-width: 2px;
  border-radius: 2px;
  border-color: #eeeeee;
  border-style: dashed;
  background-color: #fafafa;
  color: #bdbdbd;
  outline: none;
  transition: border .24s ease-in-out;
}
.react-3d-carousel .slider-container .slider-content .slider-single .slider-single-content img {
  max-height: 350px;
}
.filtro-explorar {
  position: fixed;
  right: 0;
  display: grid;
  grid-gap: 10px;
  width: 180px;
}
.nn-imagen-especie {
  width: 100%;
  height: 100%;
  background: #0000006e;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
.nn-imagen-especie:hover {
  background: #ffffff6e;
  color: black;
}
.css-13cymwt-control {
    background: rgb(219 233 171 / 85%) !important;
}
.filtro-explorar div {
    color: black;
    font-weight: bold !important;
}
.css-t3ipsp-control {
    background: rgb(219 233 171 / 85%) !important;
}
.css-1nmdiq5-menu {
    background: rgb(219 233 171 / 85%) !important;
}
.css-16xfy0z-control {
  background: rgb(219 233 171 / 85%) !important;
}
.cont-ficha-1-1-2 img,.section-3-ficha img {
  height: auto;
  width: 100%;
}
.especieficha-img-crear .upload-file-ficha {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 10px;
}
.fichas-titulos h1 {
  width: auto;
  display: table;
  padding: 8px;
  background: rgb(23,106,66,0.75);
  border-radius: 20px;
  margin: 0;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 3px solid #DBE9AB;
}
.espe-col-1-img {
  margin-bottom: 10px;
}
.field-duple {
  display: grid;
  grid-template-columns: auto 20px;
  grid-gap: 2px;
}
.field-duple button {
  display: flex;
  padding: 0px;
  min-width: auto;
  min-height: auto;
  align-items: center;
  color: black;
  font-size: 20px;
}
.field-duple .field {
  margin: 0px;
}
.field-duple button:hover {
  background: rgb(219 233 171 / 30%);
}
.modal-loading-1 {
  position: fixed;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-tap-highlight-color: transparent;
  z-index: 9;
}
.modal-loading-2 {
  display: grid;
  align-items: center;
  justify-content: center;
  grid-template-rows: auto auto;
  color: white;
  text-align: center;
  height: 100px;
  z-index: 1;
  background: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  background-color: rgb(18, 18, 18);
  border: 2px solid rgb(0, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
  padding: 32px;
}
.modal-loading-2 p {
  margin: 5px;
}
.modal-loading-2 svg {
  font-size: 60px;
  color: #257a40;
}
.field.subespecie input {
  font-style: italic;
}
.section-4-ficha h3 {
  text-align: center;
  font-size: 24px;
}
.contruct-mode {
  display: flex;
  align-items: center;
  font-size: 28px;
  justify-content: center;
  color: white;
  font-weight: bold;
  height: 100vh;
  width: 100vw;
  position: absolute;
}
/*Modal dex*/
.dex-modal-game .mapboxgl-popup-content {
  padding: 0 !important;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  font-family: "Roboto", sans-serif;
}

.dex-modal-game .mapboxgl-popup-tip {
  border-top-color: #a6bd76 !important;
}

.dex-modal-game .custom-popup {
  width: 260px;
  background: white;
}

/* Imagen */
.dex-modal-game .popup-image-container {
  width: 100%;
  max-height: 150px;
  overflow-x: auto;
  display: flex;
  gap: 6px;
  background: #f5f5f5;
}

.dex-modal-game .popup-image {
  height: 150px;
  width: auto;
  object-fit: cover;
  border-radius: 0;
}

/* Contenido */
.dex-modal-game .popup-content {
  padding: 14px;
}

.dex-modal-game .popup-title {
  margin: 0 0 6px 0;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.dex-modal-game .popup-location {
  margin: 0 0 8px 0;
  font-size: 13px;
  color: #666;
}

.dex-modal-game .popup-description {
  margin: 0;
  font-size: 14px;
  color: #333;
  line-height: 1.4;
}

/*Verificacion de Email*/
.verification-mail.sucess {
  text-align: center;
  height: calc(100vh - 80px);
  padding-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.verification-mail .register-validated {
  padding: 15px;
  border: 2px solid;
  border-radius: 15px;
}
.recuperar-pass span.ui.pointing.red.basic.label {
  color: black;
}

.mapboxgl-popup-content {
  padding: 0 !important;
  border-radius: 16px !important;
  overflow: hidden;
}

.popup-map-dex-card {
  width: 240px;
  background: #ffffff;
  font-family: inherit;
}

.popup-map-dex-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #a6bd76;
  padding: 10px 14px;
  font-weight: 700;
  font-size: 14px;
  color: #000;
}

.popup-map-dex-close {
  background: #000;
  color: #fff;
  border: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 16px;
  line-height: 26px;
}

.popup-map-dex-close:hover {
  background: #333;
}

.popup-map-dex-body {
  padding: 12px 14px;
}

.popup-map-dex-body p {
  margin: 0 0 6px 0;
  font-size: 13px;
  color: #333;
}

.popup-map-dex-body small {
  font-size: 12px;
  color: #666;
}
@media (max-width: 1200px){
  .carusel-paquete-content-1 img.slide {
    width: 310px !important;
  }
  .carulse-paquete-bottom {
    padding: 8px 40px;
  }
  .panel-top li.nav-item a.nav-link {
    color: black;
    width: 100%;
    background-color: transparent;
  }
  .panel-top li.nav-item a.nav-link.active{
    background-color: rgb(203 232 193 / 70%);
    color: #596065;
  }
}
@media (max-width: 1025px){
  .carulse-paquete-bottom {
    padding: 0px 85px;
  }
  .menu-button {
    background: #00000059;
    border-radius: 15px;
    color: white;
    justify-self: end;
    width: 150px;
  }
}
@media (max-width: 768px){
  .slide-content{
    width: 350px;
  }
  .slide-content h2 {
    font-size: 2rem;
  }
  .slide-copy h2 {
      font-size: 16px;
  }
  .carulse-paquete-bottom {
    padding: 0px 140px;
  }
  #login {
    width: 270px;
  }
  .register-login {
    font-size: 14px;
  }
}
@media (max-width: 600px){
  nav.nav-general {
    grid-template-rows: 100px;
  }
  .logo-zone{
    height: 90px;
  }
}
@media (max-width: 450px){
  .slide-content{
    width: 235px;
  }
  .slide-copy h2 {
      font-size: 14px;
  }
  nav.nav-general {
    grid-template-rows: 80px;
  }
  .logo-zone{
    height: 70px;
  }
}
@media (min-width: 1200px){
  .list-espcie-only-content {
    max-width: 1000px !important;
  }
}
@media (min-width: 1200px){
  .list-espcie-only-content {
    max-width: 1000px !important;
  }
}
@media (min-width: 600px){
  .list-espcie-only-content {
    max-width: 790px !important;
}
}
.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .content-spinner {
    text-align: center;
}
  .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
  }
  .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0d4ba0;
    margin: -4px 0 0 -4px;
  }
  .lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
  }
  .lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
  }
  .lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
  }
  .lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
  }
  .lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
  }
  .lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
  }
  .lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
  }
  .lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
  }
  .lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
  }
  @keyframes lds-roller {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .f1078404_cont.spiner2{
    margin-bottom: 15px;
  }
  .f1078404_fond{
    border-radius:80px;
    width:50px
  }
  .f1078404_cont.spiner2{
    background: none;
  }
  .f1078404_cont {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(219 233 171 / 40%);
  } 
  .spinner-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    border-radius: 50%;
  }
  .f1078404.spiner2{
    border-left: 10px solid rgb(166 189 118 / 50%);
  }
  .f1078404{
    border-top:10px solid #DBE9AB;
    border-right:10px solid #DBE9AB;
    border-bottom:10px solid #DBE9AB;
    border-left:10px solid #257A40;
    -webkit-animation:anim_wifeo 2s infinite linear;
    -moz-animation:anim_wifeo 2s infinite linear;
    -ms-animation:anim_wifeo 2s infinite linear;
    -o-animation:anim_wifeo 2s infinite linear;
    animation:anim_wifeo 2s infinite linear
  }
  .f1078404_sup.spiner2{
    border-left: 5px solid rgb(166 189 118 / 50%);
    background: none;
  }
  .f1078404_sup{
    background:rgb(128 169 47 / 50%);
    border-radius:100px;
    width:100px;height:100px;
    border-top:5px solid #DBE9AB;
    border-right:5px solid #DBE9AB;
    border-bottom:5px solid #DBE9AB;
    border-left:5px solid #FFFFFF;
    -webkit-animation:anim 2s infinite linear;
    -moz-animation:anim 2s infinite linear;
    -ms-animation:anim 2s infinite linear;
    -o-animation:anim 2s infinite linear;
    animation:anim 2s infinite linear
  } 
  .f1078404,.f1078404:after{
    border-radius:80px;
    width:80px;
    height:80px
  } 
  @-webkit-keyframes anim_wifeo{
    0%{
      -webkit-transform:rotate(0deg) scale(0.8);
      -moz-transform:rotate(0deg) scale(0.8);
      -ms-transform:rotate(0deg) scale(0.8);
      transform:rotate(0deg) scale(0.8)
    } 
    50%{
      -webkit-transform:rotate(360deg) scale(1);
      -moz-transform:rotate(360deg) scale(1);
      -ms-transform:rotate(360deg) scale(1);
      transform:rotate(360deg) scale(1)
    } 
    100%{
      -webkit-transform:rotate(720deg) scale(0.8);
      -moz-transform:rotate(720deg) scale(0.8);
      -ms-transform:rotate(720deg) scale(0.8);
      transform:rotate(720deg) scale(0.8)
    }
}
  @-webkit-keyframes anim{
    0%{
      -webkit-transform:rotate(0deg) scale(0.8);
      -moz-transform:rotate(0deg) scale(0.8);
      -ms-transform:rotate(0deg) scale(0.8);
      transform:rotate(0deg) scale(0.8)
    } 
    50%{
      -webkit-transform:rotate(180deg) scale(1);
      -moz-transform:rotate(180deg) scale(1);
      -ms-transform:rotate(180deg) scale(1);
      transform:rotate(180deg) scale(1)
    } 
    100%{
      -webkit-transform:rotate(360deg) scale(0.8);
      -moz-transform:rotate(360deg) scale(0.8);
      -ms-transform:rotate(360deg) scale(0.8);
      transform:rotate(360deg) scale(0.8)
    }
  } 
  @-moz-keyframes anim_wifeo{
    0%{
      -webkit-transform:rotate(0deg) scale(0.8);
      -moz-transform:rotate(0deg) scale(0.8);
      -ms-transform:rotate(0deg) scale(0.8);
      transform:rotate(0deg) scale(0.8)
    } 
    50%{
      -webkit-transform:rotate(360deg) scale(1);
      -moz-transform:rotate(360deg) scale(1);
      -ms-transform:rotate(360deg) scale(1);
      transform:rotate(360deg) scale(1)
    } 
    100%{
      -webkit-transform:rotate(720deg) scale(0.8);
      -moz-transform:rotate(720deg) scale(0.8);
      -ms-transform:rotate(720deg) scale(0.8);
      transform:rotate(720deg) scale(0.8)
    }
  }
  @-moz-keyframes anim{
    0%{
      -webkit-transform:rotate(0deg) scale(0.8);
      -moz-transform:rotate(0deg) scale(0.8);
      -ms-transform:rotate(0deg) scale(0.8);
      transform:rotate(0deg) scale(0.8)
    } 
    50%{
      -webkit-transform:rotate(180deg) scale(1);
      -moz-transform:rotate(180deg) scale(1);
      -ms-transform:rotate(180deg) scale(1);
      transform:rotate(180deg) scale(1)
    } 
    100%{
      -webkit-transform:rotate(360deg) scale(0.8);
      -moz-transform:rotate(360deg) scale(0.8);
      -ms-transform:rotate(360deg) scale(0.8);
      transform:rotate(360deg) scale(0.8)
    }
  } 
  @-ms-keyframes anim_wifeo{
    0%{
      -webkit-transform:rotate(0deg) scale(0.8);
      -moz-transform:rotate(0deg) scale(0.8);
      -ms-transform:rotate(0deg) scale(0.8);
      transform:rotate(0deg) scale(0.8)
    } 
    50%{
      -webkit-transform:rotate(360deg) scale(1);
      -moz-transform:rotate(360deg) scale(1);
      -ms-transform:rotate(360deg) scale(1);
      transform:rotate(360deg) scale(1)
    } 
    100%{
      -webkit-transform:rotate(720deg) scale(0.8);
      -moz-transform:rotate(720deg) scale(0.8);
      -ms-transform:rotate(720deg) scale(0.8);
      transform:rotate(720deg) scale(0.8)
    }
  } 
  @-ms-keyframes anim{
    0%{
      -webkit-transform:rotate(0deg) scale(0.8);
      -moz-transform:rotate(0deg) scale(0.8);
      -ms-transform:rotate(0deg) scale(0.8);
      transform:rotate(0deg) scale(0.8)
    } 
    50%{
      -webkit-transform:rotate(180deg) scale(1);
      -moz-transform:rotate(180deg) scale(1);
      -ms-transform:rotate(180deg) scale(1);
      transform:rotate(180deg) scale(1)
    } 
    100%{
      -webkit-transform:rotate(360deg) scale(0.8);
      -moz-transform:rotate(360deg) scale(0.8);
      -ms-transform:rotate(360deg) scale(0.8);
      transform:rotate(360deg) scale(0.8)
    }
  } 
  @keyframes anim_wifeo{
    0%{
      -webkit-transform:rotate(0deg) scale(0.8);
      -moz-transform:rotate(0deg) scale(0.8);
      -ms-transform:rotate(0deg) scale(0.8);
      transform:rotate(0deg) scale(0.8)
    } 
    50%{
      -webkit-transform:rotate(360deg) scale(1);
      -moz-transform:rotate(360deg) scale(1);
      -ms-transform:rotate(360deg) scale(1);
      transform:rotate(360deg) scale(1)
    } 
    100%{
      -webkit-transform:rotate(720deg) scale(0.8);
      -moz-transform:rotate(720deg) scale(0.8);
      -ms-transform:rotate(720deg) scale(0.8);
      transform:rotate(720deg) scale(0.8)
    }
  } 
  @keyframes anim{
    0%{
      -webkit-transform:rotate(0deg) scale(0.8);
      -moz-transform:rotate(0deg) scale(0.8);
      -ms-transform:rotate(0deg) scale(0.8);
      transform:rotate(0deg) scale(0.8)
    } 
    50%{
      -webkit-transform:rotate(180deg) scale(1);
      -moz-transform:rotate(180deg) scale(1);
      -ms-transform:rotate(180deg) scale(1);
      transform:rotate(180deg) scale(1)
    } 
    100%{
      -webkit-transform:rotate(360deg) scale(0.8);
      -moz-transform:rotate(360deg) scale(0.8);
      -ms-transform:rotate(360deg) scale(0.8);
      transform:rotate(360deg) scale(0.8)
    }
  }
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(fb6f3c230cb846e25247.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(a4e97f5a2a64f0ab1323.eot);
    src: url(a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(295183786cd8a1389865.woff) format('woff'), url(c94f7671dcc99dce43e2.ttf) format('truetype'), url(2630a3e3eab21c607e21.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.image-gallery-icon{color:#fff;transition:all .3s ease-out;appearance:none;background-color:rgba(0,0,0,0);border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5, 25.5, 25.5))}@media(hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px 10px;left:50%;transform:translateX(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media(max-width: 768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media(max-width: 480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{appearance:none;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px hsl(0,0%,10%);cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media(hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media(max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0px;padding:3px}}@media(max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:rgba(0,0,0,0);padding:0}@media(max-width: 768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media(max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media(hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media(max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}


/*# sourceMappingURL=main.css.map*/