:root {
  --bs-mapcamping: #146C43;
  --bs-mapcamping-rgb: 25, 135, 84; /* #146C43 em RGB */	
  --bs-campee: #087990;
  --bs-campee-rgb: 8, 121, 144; /* #087990 em RGB */
  --bs-mapbreja: #CC9A06;
  --bs-mapbreja-rgb: 255, 193, 7; /* #CC9A06 em RGB */
  --bs-mapchef: #B02A37;
  --bs-mapchef-rgb: 176, 42, 55; /* #B02A37 em RGB */
  --bs-roletop: #801F4F;
  --bs-roletop-rgb: 128, 71, 39; /* #801F4F em RGB */
  --bs-ioverland: #212529;
  --bs-ioverland-rgb: 8, 121, 144; /* #212529 em RGB */
}


/* - - - - - - - - - -
 Collection Custom MAPCAMPING
*/

.atm-btn-mapcamping {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #146C43;
  --bs-btn-border-color: #146C43;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #DDD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #146C43;
}
.atm-btn-outline-mapcamping {
  --bs-btn-color: #146C43;
  --bs-btn-border-color: #146C43;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #146C43;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #146C43;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #DDD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #146C43;
  --bs-gradient: none;
}
.atm-btn-mapcamping:hover,
.atm-btn-outline-mapcamping:hover {
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
}
.atm-border-mapcamping {
  border-color: var(--bs-mapcamping, #198754) !important;
}


/* - - - - - - - - - -
 Collection Custom CAMPEE
*/

.atm-btn-campee {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #087990;
  --bs-btn-border-color: #087990;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #0AA2C0;
  --bs-btn-hover-border-color: #0AA2C0;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #0AA2C0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #DDD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #087990;
}
.atm-btn-outline-campee {
  --bs-btn-color: #087990;
  --bs-btn-border-color: #087990;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #0AA2C0;
  --bs-btn-hover-border-color: #0AA2C0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #087990;
  --bs-btn-active-border-color: #0AA2C0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #DDD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #087990;
  --bs-gradient: none;
}
.atm-btn-campee:hover,
.atm-btn-outline-campee:hover {
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #0AA2C0;
  --bs-btn-hover-border-color: #0AA2C0;
}
.atm-border-campee {
  border-color: var(--bs-campee, #1466dd) !important;
}


/* - - - - - - - - - -
 Collection Custom MAPBREJA
*/

.atm-btn-mapbreja {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #CC9A06;
  --bs-btn-border-color: #CC9A06;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #FFC107;
  --bs-btn-hover-border-color: #FFC107;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #FFC107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #DDD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #CC9A06;
}
.atm-btn-outline-mapbreja {
  --bs-btn-color: #CC9A06;
  --bs-btn-border-color: #CC9A06;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #FFC107;
  --bs-btn-hover-border-color: #FFC107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #CC9A06;
  --bs-btn-active-border-color: #CC9A06;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #DDD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #CC9A06;
  --bs-gradient: none;
}
.atm-btn-mapbreja:hover,
.atm-btn-outline-mapbreja:hover {
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #FFC107;
  --bs-btn-hover-border-color: #FFC107;
}
.atm-border-mapbreja {
  border-color: var(--bs-mapbreja, #CC9A06) !important;
}


/* - - - - - - - - - -
 Collection Custom MAPCHEF
*/

.atm-btn-mapchef {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #B02A37;
  --bs-btn-border-color: #B02A37;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #DC3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #DDD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #B02A37;
}
.atm-btn-outline-mapchef {
  --bs-btn-color: #B02A37;
  --bs-btn-border-color: #B02A37;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #B02A37;
  --bs-btn-hover-border-color: #B02A37;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #B02A37;
  --bs-btn-active-border-color: #DC3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #DDD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #B02A37;
  --bs-gradient: none;
}
.atm-btn-mapchef:hover,
.atm-btn-outline-mapchef:hover {
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #DC3545;
  --bs-btn-hover-border-color: #DC3545;
}
.atm-border-mapchef {
  border-color: var(--bs-mapchef, #B02A37) !important;
}


/* - - - - - - - - - -
 Collection Custom ROLETOP
*/

.atm-btn-roletop {
  --bs-btn-color: #FFF;
  --bs-btn-bg: #801F4F;
  --bs-btn-border-color: #801F4F;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #AB296A;
  --bs-btn-active-border-color: #AB296A;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #DDD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #801F4F;
}
.atm-btn-outline-roletop {
  --bs-btn-color: #801F4F;
  --bs-btn-border-color: #801F4F;
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #801F4F;
  --bs-btn-hover-border-color: #801F4F;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #FFF;
  --bs-btn-active-bg: #AB296A;
  --bs-btn-active-border-color: #AB296A;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #DDD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #801F4F;
  --bs-gradient: none;
}
.atm-btn-roletop:hover,
.atm-btn-outline-roletop:hover {
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #AB296A;
  --bs-btn-hover-border-color: #AB296A;
}
.atm-border-roletop {
  border-color: var(--bs-roletop, #801F4F) !important;
}


/* - - - - - - - - - -
 Collection Custom iOVERLAND
*/

.atm-btn-ioverland {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.atm-btn-outline-ioverland {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.atm-btn-ioverland:hover,
.atm-btn-outline-ioverland:hover {
  --bs-btn-hover-color: #FFF;
  --bs-btn-hover-bg: #0AA2C0;
  --bs-btn-hover-border-color: #055160;
}
.atm-border-ioverland {
  border-color: var(--bs-ioverland, #1466dd) !important;
}




/* - - - - - - - - - -
 Collection Galeria de Imagens padrão
*/
.atm-galery-image-cloud {
  position: relative;
  width: 100%;
  max-width: 650px; 
  margin: auto;
  height: 460px;    
  transition: max-width 0.3s ease, height 0.3s ease;
}

.atm-galery-image-cloud img {
  position: absolute;
  border-radius: 12px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: transform 0.3s ease;
  cursor: pointer;
  max-width: 190px;
  width: 28vw;
  height: auto;
}

.atm-galery-image-cloud img:hover {
  transform: scale(1.1);
  z-index: 99;
}

.atm-galery-img5 {
  width: 40vw !important;  /* maior que as outras (que estão com 30vw) */
  max-width: 260px !important; /* limite máximo maior */
  transition: transform 0.3s ease; /* manter o hover suave */
}

/* Para manter o destaque mesmo no hover */
.atm-galery-img5:hover {
  transform: scale(1.15);
  z-index: 25 !important;
}

/* === POSIÇÕES PADRÃO (desktop) === */
.atm-galery-img1 { width: 28vw; max-width: 190px; top: 7%; left: 8%; z-index: 1; }
.atm-galery-img2 { width: 28vw; max-width: 190px; top: 4%; left: 34%; z-index: 5; }
.atm-galery-img3 { width: 28vw; max-width: 190px; top: 5%; left: 60%; z-index: 3; }
.atm-galery-img4 { width: 28vw; max-width: 190px; top: 34%; left: 4%; z-index: 3; }
.atm-galery-img5 { width: 40vw; max-width: 260px; top: 26%; left: 30%; z-index: 20 !important; }
.atm-galery-img6 { width: 28vw; max-width: 190px; top: 30%; left: 65%; z-index: 7; }
.atm-galery-img7 { width: 28vw; max-width: 190px; top: 62%; left: 11%; z-index: 5; }
.atm-galery-img8 { width: 28vw; max-width: 190px; top: 65%; left: 37%; z-index: 7; } 
.atm-galery-img9 { width: 28vw; max-width: 190px; top: 57%; left: 63%; z-index: 5; }

/* === RESPONSIVO: telas médias === */
@media (max-width: 992px) {
.atm-galery-image-cloud {
  max-width: 600px;
  height: 420px;
}
}

/* === RESPONSIVO: telas menores === */
@media (max-width: 768px) {
.atm-galery-image-cloud {
  max-width: 450px;
  height: 350px;
}
.atm-galery-image-cloud img {
  width: 28vw;
  max-width: 130px;
}
.atm-galery-img5 {
  width: 42vw !important;
  max-width: 260px !important;
}
.atm-galery-img1 { width: 28vw; max-width: 130px; top: 7%; left: 5%; z-index: 1; }
.atm-galery-img2 { width: 28vw; max-width: 130px; top: 4%; left: 34%; z-index: 5; }
.atm-galery-img3 { width: 28vw; max-width: 130px; top: 5%; left: 56%; z-index: 3; }
.atm-galery-img4 { width: 28vw; max-width: 130px; top: 34%; left: 0%; z-index: 3; }
.atm-galery-img5 { width: 42vw; max-width: 260px; top: 31%; left: 30%; z-index: 20 !important; }
.atm-galery-img6 { width: 28vw; max-width: 130px; top: 30%; left: 61%; z-index: 7; }
.atm-galery-img7 { width: 28vw; max-width: 130px; top: 62%; left: 7%; z-index: 5; }
.atm-galery-img8 { width: 28vw; max-width: 130px; top: 65%; left: 37%; z-index: 7; } 
.atm-galery-img9 { width: 28vw; max-width: 130px; top: 57%; left: 59%; z-index: 5; }
}

@media (max-width: 480px) {
.atm-galery-image-cloud {
  max-width: 320px;
  height: 310px; /* Maior altura para imagens empilhadas */
}
.atm-galery-image-cloud img {
  width: 31vw;
  max-width: 160px;
}
.atm-galery-img5 {
  width: 36vw !important;
  max-width: none !important;
}
.atm-galery-img1 { width: 31vw; max-width: 160px; top: 7%; left: 3%; z-index: 1; }
.atm-galery-img2 { width: 31vw; max-width: 160px; top: 4%; left: 34%; z-index: 5; }
.atm-galery-img3 { width: 31vw; max-width: 160px; top: 5%; left: 59%; z-index: 3; }
.atm-galery-img4 { width: 31vw; max-width: 160px; top: 34%; left: 0%; z-index: 3; }
.atm-galery-img5 { width: 36vw; max-width: 240px; top: 31%; left: 30%; z-index: 20 !important; }
.atm-galery-img6 { width: 31vw; max-width: 160px; top: 30%; left: 63%; z-index: 7; }
.atm-galery-img7 { width: 31vw; max-width: 160px; top: 62%; left: 5%; z-index: 5; }
.atm-galery-img8 { width: 31vw; max-width: 160px; top: 65%; left: 37%; z-index: 7; } 
.atm-galery-img9 { width: 31vw; max-width: 160px; top: 57%; left: 59%; z-index: 5; }
}