@charset "UTF-8";

body {
  background: #ffffff;
  font-family: 'Bebas Neue', cursive;
  overflow-x: hidden;
  /* TRAIDOS DEL HEAD DEL HTML 02/NOV/23 */
  font-size: 16px !important;
  line-height: 1.2 em !important;
  /* overflow-x: hidden !important; */
}

/*---------------------------------------
   Typografias              
-----------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  line-height: inherit;
}

h1 {
  color: #374225;
  font-size: 3em;
}

h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 65px;
  line-height: 84px;
}

h3 {
  font-size: 1.5em;
  margin-bottom: 0;
}

h3,
h3 a {
  color: #454545;
}

h4 {
  font-family: 'PT Serif', serif;
  font-size: 22px;
  line-height: 156.9%;
  letter-spacing: 0.3em;
  color: #616161;
}

p {
  color: #757575;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}

#contactForm {
  font-family: 'PT Serif', serif;
}

/* #contactFooter{
    font-family:  'PT Serif', serif;
  } */

/*---------------------------------------
   COLORES               
-----------------------------------------*/
.olive {
  color: #939549;
}

.yellow {
  color: #E7B63D;
}

.yellow-title {
  color: #E7B63D;
}

.green-title {
  color: #374225;
}

/*---------------------------------------
   GENERAL               
-----------------------------------------*/
html {
  -webkit-font-smoothing: antialiased;
}

a {
  color: #252525;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none !important;
}

a:hover,
a:active,
a:focus {
  color: #757575;
  outline: none;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #000000;
}

.section-title {
  font-size: 87px;
  line-height: 84px;
  text-align: center;
  color: #E7B63D;
}

.section-title h2 {
  margin: 0;
}

.section-title h1 {
  padding: 0;
  margin: 0;
}

.section-title h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: normal;
}

.text-italic {
  font-family: 'PT Serif', serif;
  font-style: italic;
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
  color: #616161;
}

.overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section {
  position: relative;
  padding: 100px 0;
}

#team,
#menu,
#testimonial {
  text-align: center;
}

.about-image img,
.team-thumb img {
  width: 100%;
}

#google-map iframe {
  border: 0;
  width: 100%;
  height: 390px;
}

/*---------------------------------------
   BUTTONS               
-----------------------------------------*/
.section-btn {
  background: #E7B63D;
  border-radius: 15px 5px;
  border: 0;
  color: #374225;
  font-size: 20px;
  font-weight: normal;
  padding: 4px 30px;
  transition: 0.5s 0.2s;
}

/*---------------------------------------
     PRE LOADER              
-----------------------------------------*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 #ffffff;
}

.spinner {
  border: 1px solid transparent;
  border-radius: 3px;
  position: relative;
}

.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 45px;
  height: 45px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 1px solid #575757;
  border-top-color: #ffffff;
  animation: spinner .9s linear infinite;
}

@-webkit-keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

/*---------------------------------------
    MENU              
-----------------------------------------*/
.custom-navbar {
  border: none;
  margin-bottom: 0;
  padding: 25px 0;
  font-family: 'Bebas Neue', cursive;
}

.custom-navbar .navbar-brand {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

.custom-navbar .navbar-brand span {
  color: #ce3232;
}

.custom-navbar .navbar-brand img {
  /*content: url(../images/logotipo_solo_sr.svg);*/
  margin-top: -4%;
}

.top-nav-collapse {
  background: #ffffff;
}

.top-nav-collapse img {

  width: 50%;
}

.custom-navbar .navbar-nav.navbar-nav-first {
  float: right;
}

.custom-navbar .navbar-nav.navbar-right li a {
  padding-right: 12px;
  padding-left: 12px;
}

.custom-navbar .navbar-nav.navbar-right .section-btn {
  display: inline-block;
  margin: 0.2em 0 0 1em;
}

.custom-navbar .navbar-nav.navbar-right .section-btn:hover {
  background: #292929;
  color: #ffffff;
}

.custom-navbar .navbar-nav.navbar-right .section-btn:focus {
  color: #ffffff;
}

.custom-navbar .navbar-nav.navbar-right .section-btn a {
  padding: 10px 25px;
}

.custom-navbar .nav .section-btn a:hover {
  color: #ffffff;
}

.custom-navbar .nav li a {
  font-weight: normal;
  font-size: 25px;
  color: #ffffff;
  padding-right: 22px;
  padding-left: 22px;
  text-transform: uppercase;
  text-decoration: none;
}

.custom-navbar .nav li a img {
  width: 35px;
  margin: -9px -3px;
}

.custom-navbar .nav li a .fa {
  font-size: 86%;
}

.custom-navbar .nav li a:hover {
  background: transparent;
  color: #E7B63D;
}

.custom-navbar .navbar-nav>li>a:hover,
.custom-navbar .navbar-nav>li>a:focus {
  background-color: transparent;
}

.custom-navbar .nav li.active>a {
  background-color: transparent;
  color: #E7B63D;
}

.custom-navbar .navbar-toggle {
  border: none;
  padding-top: 10px;
}

.custom-navbar .navbar-toggle {
  background-color: transparent;
}

.custom-navbar .navbar-toggle .icon-bar {
 /* CAMBIE EL COLOR DE LAS LINEAS de #252525 a #ffffff */
 background: #000000;
 border-color: transparent;
 /* CAMBIOS PROBANDO DEJAR EL NAVBAR TRANSPARENTE. LO QUE PROSIGUE SON LAS CARACTERISITICAS ORIGINIALES */
  /* background: #252525;
  border-color: transparent; */
}

.dropdown-menu {
  background: none;
}

/* AGUAS: enlace alineado en escritorio y control completo del submenú en móvil. */
.custom-navbar .waters-menu-heading {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-navbar .nav li .waters-menu-link {
  position: relative;
  display: block;
  padding-top: 15px;
  padding-right: 4px;
  padding-bottom: 15px;
}

.custom-navbar .waters-menu-toggle {
  border: 0;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  font: inherit;
  font-size: 22px;
  line-height: 20px;
  padding: 15px 22px 15px 0;
}

.custom-navbar .waters-menu-toggle:hover,
.custom-navbar .waters-menu-toggle:focus,
.custom-navbar .waters-dropdown.open .waters-menu-toggle {
  color: #E7B63D;
}

.top-nav-collapse .waters-menu-toggle {
  color: #575757;
}

@media (min-width: 768px) {
  .custom-navbar .waters-menu-heading {
    display: block;
  }

  .custom-navbar .nav li .waters-menu-link {
    line-height: 20px;
    padding: 15px 22px;
  }

  .custom-navbar .waters-menu-toggle {
    display: none;
  }

  .custom-navbar {
    border-bottom: 0;
    background: 0 0;
  }

  .custom-navbar.top-nav-collapse {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    padding: 12px 0;
  }

  .top-nav-collapse .navbar-brand {
    color: #454545;
  }

  .top-nav-collapse .navbar-brand img {
    content: url("../images/logotipo_solo_sr.svg");
    margin-top: -4%;
    width: 85%;
  }

  .top-nav-collapse .nav li a {
    color: #575757;
  }

  .top-nav-collapse .nav .section-btn a {
    color: #ffffff;
  }

  .dropdown:hover .dropdown-menu {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  .custom-navbar .navbar-nav.navbar-nav-first {
    margin: 0;
    float: initial;
  }

  .navbar-header .navbar-brand {
    padding: 15px 7px;
  }


  .navbar-header .navbar-brand img {
    /* 04/11/2024 - MODIFICADO AQUI */
    /* content: url("../images/logotipo_solo_sr.svg"); */
    width: 200px;
    margin-top: -4%;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {

  .custom-navbar .navbar-nav.navbar-nav-first {
    margin: 0;
    float: initial;
  }

  .custom-navbar .navbar-brand img {
        /* 04/11/2024 - MODIFICADO AQUI */
    /* content: url("../images/logotipo_solo_sr.svg"); */
    width: 200px;
    margin-top: -5%;
  }
}

/*---------------------------------------
    HOME              
-----------------------------------------*/
#home {
  padding: 0;
  height: auto;
}

#home h1 {
  color: #ffffff;
  padding-bottom: 30px;
}

#home h2 {
  width: 600px;
  font-size: 75px;
  line-height: 70px;
}

#home h3 {
  color: #E7B63D;
  font-family: 'PT Serif', serif;
  font-style: italic;
  font-size: 24px;
  font-weight: 700;
  line-height: 12px;
  margin: 0;
}

@media screen and (max-width: 480px) {
  #home h2 {
    width: 100%;
    font-size: 65px;
  }

  #home h3 {
    line-height: 25px;
  }

}

@media (min-width: 768px) {
  .slider .col-md-8 {
    padding-left: 0;
  }
}

.slider .owl-dots {
  position: absolute;
  top: 50%;
  right: 2em;
  justify-content: center;
}

.owl-theme .owl-dots .owl-dot {
  display: block;
}

.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 7px 10px;
  border: 2px solid #d9d9d9;
  background: transparent;
  display: block;
  transition: opacity 200ms ease;
  border-radius: 30px;
}


.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #ffffff;
  border-color: transparent;
}
/* TEST 5 - Cambio class=.slider .caption por lo siguiente */
.slider-home .carousel-caption {
  /* object-fit:cover; */
  display: flex;
  /* justify-content: center; */
  flex-direction: column;
  text-align: left;
  /* background-color: rgba(20, 20, 20, 0.2); */
  height: 70%;
  color: #fff;
  /* cursor: e-resize; */
  /* padding: 4em 0 0 2em; */
}
/* TEST 5 - Agrego class=.slider .item a lo siguiente */
/* .slider-home .item{
  background-position: inherit;
  background-repeat: no-repeat;
  background-attachment: local;
  background-size: cover;
  height: 650px;
} */
.slider .item {
  background-position: inherit;
  background-repeat: no-repeat;
  background-attachment: local;
  background-size: cover;
  height: 650px;
}
.carousel-chevron{
  align-content: center; /* Para alinear los favicon del slider a la mitad verticalmente */
}  
.carousel_tripbadge img{
  width: 85%;
}
.post_carousel{
  padding: 10px 0 0 0;
}
.post_carousel_container{
  display: flex;
  /* margin: auto; */
  flex-direction: column;
  /* justify-content: center; */
  margin: 0 1.5em;
  align-items: center;  
}

.post_carousel h3,
.post_carousel h2{
  text-align: center;
}
.post_carousel h3{
  color: #374225;
  font-size: 1.5em;
}

.post_carousel h2{
  color: #E7B63D;
  font-size: 2em;
}

#post_carousel_tripbadge {
  min-width: 15em;
  max-width: 300px;
}

.post_carousel_all #post_carousel_tripbadge {
  width: 50%; max-width: 300px;
}

.slider-expeditions .item-first {
  background-image: url(../images/sliders/expeditions/breakfast-river-fly-fishing-patagonia.jpg);
}

.slider-expeditions .item-second {
  background-image: url(../images/sliders/expeditions/fire-camping-fly-fishing-bariloche.jpg);
}

.slider-expeditions .item-third {
  background-image: url(../images/sliders/expeditions/fishing-drift-boat-collon-cura.jpg);
}

/* .slider-all .item-first {
  background-image: url(../images/sliders/all_inclusive/brown-trout-woman-fly-fishing.jpg);
}

.slider-all .item-second {
  background-image: url(../images/sliders/all_inclusive/manso-boat-fly-fishing-trip.jpg);
}

.slider-all .item-third {
  background-image: url(../images/sliders/all_inclusive/manso-lodge-fly-fishing-patagonia.jpg);
} */

.slider-locations .item-first {
  background-image: url(../images/sliders/locations/big-brown-trout-patagonia-bariloche.jpg);
}

.slider-locations .item-second {
  background-image: url(../images/sliders/locations/catedral-limay-river-patagonia.jpg);
}

.slider-locations .item-third {
  background-image: url(../images/sliders/locations/sunset-limay-patagonia-bariloche.jpg);
}

.slider-rivers .item-first {
  background-image: url(../images/sliders/rivers/brown-trout-bariloche-flyfishing.jpg);
}

.slider-rivers .item-second {
  background-image: url(../images/sliders/rivers/fly-fishing-river-patagonia.jpg);
}

.slider-rivers .item-third {
  background-image: url(../images/sliders/rivers/mayfly-limay-patagonia-bariloche.jpg);
}

.slider-lakes .item-first {
  background-image: url(../images/sliders/lakes/brown-trout-reel-road-lake.jpg);
}

.slider-lakes .item-second {
  background-image: url(../images/sliders/lakes/lake-angler-fonck.jpg);
}

.slider-lakes .item-third {
  background-image: url(../images/sliders/lakes/lake-tronador-fonck-fly-fishing.jpg);
}

.slider-about .item-first {
  background-image: url(../images/sliders/about_us/limay-lucas-valenti-drift-boat.jpg);
}

.slider-about .item-second {
  background-image: url(../images/sliders/about_us/lucas-valenti-big-brown-trout.jpg);
}

.slider-about .item-third {
  background-image: url(../images/sliders/about_us/lucas-valenti-limay-brown-trout.jpg);
}


@media screen and (max-width: 480px) {
  /* TEST 5 - Desactivado por cambio de carousel */
  /* .slider-home .item-first {
    background-image: url(../images/mobile/01-home/03-m_home_360x640px.jpg);
  }

  .slider-home .item-second {
    background-image: url(../images/mobile/01-home/02-m_home_360x640px.jpg);
  }

  .slider-home .item-third {
    background-image: url(../images/mobile/01-home/01-m_home_360x640px.jpg);
  } */

  .slider-expeditions .item-first {
    background-image: url(../images/mobile/03-expeditions/01-m_expeditions_360x640px.jpg);
  }

  .slider-expeditions .item-second {
    background-image: url(../images/mobile/03-expeditions/02-m_expeditions_360x640px.jpg);
  }

  .slider-expeditions .item-third {
    background-image: url(../images/mobile/03-expeditions/03-m_expeditions_360x640px.jpg);
  }

  .slider-all .item-first {
    background-image: url(../images/mobile/04-packages/01-packages_360x640px.jpg);
  }

  .slider-all .item-second {
    background-image: url(../images/mobile/04-packages/02-packages_360x640px.jpg);
  }

  .slider-all .item-third {
    background-image: url(../images/mobile/04-packages/03-packages_360x640px.jpg);
  }

  .slider-locations .item-first {
    background-image: url(../images/mobile/05-locations/01-m_locations_360x640px.jpg);
  }

  .slider-locations .item-second {
    background-image: url(../images/mobile/05-locations/02-m_locations_360x640px.jpg);
  }

  .slider-locations .item-third {
    background-image: url(../images/mobile/05-locations/03-m_locations_360x640px.jpg);
  }

  .slider-rivers .item-first {
    background-image: url(../images/mobile/06-rivers/01-m_rivers_360x640px.jpg);
  }

  .slider-rivers .item-second {
    background-image: url(../images/mobile/06-rivers/02-m_rivers_360x640px.jpg);
  }

  .slider-rivers .item-third {
    background-image: url(../images/mobile/06-rivers/03-m_rivers_360x640px.jpg);
  }

  .slider-lakes .item-first {
    background-image: url(../images/mobile/07-lakes/01-m_lakes_360x640px.jpg);
  }

  .slider-lakes .item-second {
    background-image: url(../images/mobile/07-lakes/02-m_lakes_360x640px.jpg);
  }

  .slider-lakes .item-third {
    background-image: url(../images/mobile/07-lakes/03-m_lakes_360x640px.jpg);
  }

  .slider-about .item-first {
    background-image: url(../images/mobile/08-about_us/01-m_about-us_360x640px.jpg);
  }

  .slider-about .item-second {
    background-image: url(../images/mobile/08-about_us/02-m_about-us_360x640px.jpg);
  }

  .slider-about .item-third {
    background-image: url(../images/mobile/08-about_us/03-m_about-us_360x640px.jpg);
  }
}

@media screen and (min-width: 481px) and (max-width: 1000px) {
  .slider-lakes .item-second {
    background-image: url(../images/lakes/tablet/lakes1.jpg);
  }

  .slider-all .item-first {
    background-image: url(../images/all-inclusive/tablet/packages2.jpg);
  }

  .slider-all .item-second {
    background-image: url(../images/all-inclusive/tablet/packages1.jpg);
  }

  .slider-about .item-second {
    background-image: url(../images/about/tablet/about2.jpg);
  }

  .slider-about .item-third {
    background-image: url(../images/about/tablet/about1.jpg);
  }

  .slider-expeditions .item-first {
    background-image: url(../images/expeditions/tablet/expeditions1.jpg);
  }

  .slider-expeditions .item-second {
    background-image: url(../images/expeditions/tablet/expeditions2.jpg);
  }

  .slider-expeditions .item-third {
    background-image: url(../images/expeditions/tablet/expeditions3.jpg);
  }

  .slider-locations .item-first {
    background-image: url(../images/locations/tablet/locations1.jpg);
  }

  .slider-locations .item-second {
    background-image: url(../images/locations/tablet/locations2.jpg);
  }

  .slider-locations .item-third {
    background-image: url(../images/locations/tablet/locations3.jpg);
  }

  .slider-rivers .item-first {
    background-image: url(../images/rivers/tablet/rivers1.jpg);
  }

  .slider-rivers .item-second {
    background-image: url(../images/rivers/tablet/rivers2.jpg);
  }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .slider-locations .item-first {
    background-position-x: right;
  }

  .slider-rivers .item-first {
    background-position-x: right;
  }

  .slider-rivers .item-second {
    background-position-x: right;
  }

  .slider-rivers .item-third {
    background-position-x: right;
  }

  .slider-about .item-first {
    background-position-x: right;
  }

  .slider-about .item-second {
    background-position-x: right;
  }

  .slider-about .item-third {
    background-position-x: right;
  }

  .slider-all .item-first {
    background-position-x: right;
  }

  .slider-all .item-second {
    background-position-x: right;
  }

  .slider-lakes .item-second {
    background-position-x: right;
  }
}

.slider .item-second .section-btn {
  background: #E7B63D;
}

.slider .item-second .section-btn:hover {
  background: #ffffff;
}

.slider .item-third .section-btn {
  background: #E7B63D;
  border: 1px solid #ffffff;
}

.slider .item-third .section-btn:hover,
.slider .item-third .section-btn:focus {
  background: transparent;
  border-color: transparent;
  color: #ffffff;
}

.intro {
  text-align: center;
  padding: 175px 0;
}

.intro h1 {
  font-size: 65px;
  font-weight: normal;
}

.intro h2 {
  font-size: 70px;
  font-weight: normal;
  color: #E7B63D;
}

.intro-home {
  padding-top: 140px;
  padding-bottom: 185px;
}

@media screen and (max-width: 480px) {
  .intro-home {
    padding-top: 60px;
    padding-bottom: 65px;
  }
}

@media screen and (min-width: 481px) and (max-width: 720px) {
  .intro-home {
    padding-top: 60px;
    padding-bottom: 65px;
  }
}

.frame-home {
  background-image: url(../images/home/trout-fly-fishing-day-trips-bariloche-guides.webp);
  height: 627px;
  background-size: cover;
}

.frame-home .frame-text {
  color: #ffffff;
  font-size: 20px;
  line-height: 32px;
  width: 518px;
  height: 469px;
  left: 102px;
  top: 161px;
  margin-left: 17%;
}



.pattern-trout {
  background-image: url("../images/patterns/pattern_trout_background_1440px.jpg");
  /*background-repeat: no-repeat;*/
  background-position: top;
  /*margin-top: -20px;*/
}

.text-middle {
  text-align: center;
}

.text-middle h2 {
  color: #374225;
}

#unique-home {
  padding-top: 13%;
}

.home-packages {
  padding: 40px 0;
  margin-bottom: 5px;
}

.home-packages .container {
  width: 100%;
  padding: 0 67px;
  padding-top: 1%;
}

.home-packages #pack-full {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 498px;
  border-radius: 30px 10px;
  background-image: url(../images/home/fishing-day-trips-bariloche.webp);
  background-size: cover;
  overflow: hidden
}

.home-packages #pack-full:hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.03);
}

.home-packages #pack-overnight {
  width: 100%;
  height: 240PX;
  border-radius: 30px 10px;
  /* margin-left: 0; */
  background-image: url(../images/home/overnight-fly-fishing-camp-trips-patagonia.webp);
  background-size: cover;
  overflow: hidden
}

.home-packages #pack-overnight:hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.03);
}

.home-packages #pack-all-inclusive {
  width: 100%;
  height: 240px;
  border-radius: 30px 10px;
  background-image: url(../images/home/all-inclusive-fly-fishing-bariloche.webp);
  background-size: cover;
  margin-top: 5%;
  overflow: hidden
}

.home-packages #pack-all-inclusive:hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.03);
}

.home-packages h2 {
  font-family: 'Bebas Neue', cursive;
  color: #FFFFFF;
  font-size: 60px;
  text-align: center;
  line-height: 60px;
}

.home-packages #pack-full h2 {
  padding-top: 23%;
}

.home-packages #pack-overnight,
#pack-all-inclusive h2 {
  padding-top: 10%;
}

/* .home-packages #pack-all-inclusive h2 {
  margin-top: 1.5%; } */

.home-packages p {
  padding: 0px 50px;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}

.home-packages button {
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #999;
  border-radius: 30px 30px;

  /* font-size: 15px; */
  text-decoration: underline;
  /* background-color: white; */
  width: 90%;
  margin-left: 5%;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .home-packages .container {
    padding: 0 2%;
  }

  .home-packages #pack-full,
  .home-packages #pack-overnight,
  .home-packages #pack-all-inclusive {
    width: 100%;
  }

  .home-packages #pack-all-inclusive {
    margin-top: 5%;
  }

  .home-packages h2 {
    font-size: 40px;
  }

  .home-packages p {
    font-size: 16px;
  }

  .frame-home {
    background-position-x: center;
  }

  .home-packages #pack-all-inclusive h2 {
    margin-top: -0.5%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {

  .home-packages #pack-all-inclusive h2 {
    margin-top: 1.5%;
  }

  .home-packages #pack-full,
  .home-packages #pack-overnight,
  .home-packages #pack-all-inclusive {
    width: 100%;
  }

  .home-packages h2 {
    font-size: 50px;
  }

  .home-packages p {
    font-size: 16px;
  }
}

@media screen and (min-width: 1400px) {

  .home-packages .container {
    padding: 0 7%;
  }
}

@media screen and (min-width: 1650px) {

  .home-packages .container {
    padding: 0 15%;
  }
}

.frame-instagram {
  padding: 40px 0 0;
}

.frame-instagram h2 {
  margin-bottom: 5px;
}

#instagram-frame {
  height: 600px;
  background-image: url(../images/Instagram.png);
}

@media screen and (max-width: 480px) {
  .home-packages .container {
    padding: 0;
  }

  .frame-home {
    height: auto;
    background-image: url(../images/mobile/fly-fishing-bariloche-patagonia-360x720.jpg);
  }

  .frame-home .frame-text {
    width: 70%;
    height: auto;
  }

  .home-packages h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .home-packages p {
    padding: 0;
    font-size: 16px;
  }

  .home-packages #pack-all-inclusive h2 {
    padding-top: 5%;
    margin-top: 0;
  }

  .home-packages #pack-full h2 {
    margin-top: 0;
    padding-top: 5%;
  }

  .home-packages #pack-overnight,
  .home-packages #pack-all-inclusive {
    width: 90vw;
    margin-top: 3.5%;
    margin-bottom: 3.5%;
  }

  .home-packages #pack-full {
    width: 90vw;
    height: 250px;
    margin-bottom: 0.5%;
  }

  .home-packages #pack-overnight {
    position: relative;
    padding-top: 2%;
  }

  .frame-instagram {
    display: none;
    padding: 0;
  }
}

@media screen and (min-width: 721px) and (max-width: 767px) {
  .home-packages #pack-full h2 {
    padding-top: 15%;
    margin-top: 0;
  }

  .home-packages #pack-overnight,
  .home-packages #pack-all-inclusive {
    /* width: 90vw; */
    margin-top: 3.5%;
    margin-bottom: 3.5%;
  }

  .home-packages #pack-full {
    height: 250px;
  }

  .home-packages #pack-overnight {
    position: relative;
  }
}

@media screen and (min-width: 481px) and (max-width: 720px) {
  .home-packages {
    padding: 5% 16px;
  }

  .home-packages .container {
    padding: 0;
  }

  .frame-home {
    height: auto;
    background-image: url(../images/home/trout-fly-fishing-day-trips-bariloche-guides.webp);
    background-position-x: center;
  }

  .frame-home .frame-text {
    width: 70%;
    height: auto;
  }

  .home-packages h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .home-packages p {
    padding: 0;
    font-size: 16px;
  }

  .home-packages #pack-all-inclusive h2 {
    margin-top: 0;
  }

  .home-packages #pack-full h2 {
    padding-top: 10%;
    margin-top: 0;
  }

  .home-packages #pack-overnight,
  .home-packages #pack-all-inclusive {
    width: 90vw;
    margin-top: 3.5%;
    margin-bottom: 3.5%;
  }

  .home-packages #pack-full {
    width: 90vw;
    height: 250px;
  }

  .home-packages #pack-overnight {
    position: relative;
  }

  .frame-instagram {
    display: none;
    padding: 0;
  }

  .contact .img-contact {
    display: none;
  }
}

/*---------------------------------------
    RESEÑAS             
-----------------------------------------*/
#reseñas {
  background: url("../images/home/fly-fishing-bariloche-reviews.jpg") center center no-repeat;
  background-size: auto;
  height: 600px;
}

#reseñas .container {
  margin-top: 2.5%;
}

#reseñas .owl-dots {
  position: relative;
  top: -1%;
  right: 0;
  justify-content: center;
  margin-top: 0;
}

#reseñas .owl-theme .owl-dots .owl-dot,
#reseñas .owl-theme .owl-dots .owl-dot span {
  display: inline-block;
}

#reseñas .owl-theme .owl-dots .owl-dot span {
  margin: 5px 5px;
}

#reseñas h2 {
  text-align: center;
  font-size: 65px;
  color: #E7B63D;
  line-height: 70px;
}

#reseñas p,
.tst-author h4,
.tst-author span {
  display: block;
  text-align: center;
}

#reseñas p {
  font-family: 'PT Serif', serif;
  color: #d9d9d9;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
}

.tst-author {
  margin-top: 40px;
}

.tst-author h4 {
  font-family: 'Bebas Neue', cursive;
  line-height: 0;
}

.tst-author span {
  font-family: 'PT Serif', serif;
  font-style: italic;
}

.tst-author h4,
.tst-author span {
  color: #ffffff;
}

/*.tst-author span {
  margin-left: 5px;
}*/
.trip-adv {
  left: 15%;
  top: 8%;
  margin: 10px;
  position: absolute;
}

.trip-adv .cdsROW.narrow {
  width: 185px;
  border-radius: 30px 10px;
  /* border-radius: 15px;  */
}

.trip-adv_bravo {
  right: 1%;
  top: 8%;
  position: absolute;
}

.trip-adv_bravo .widEXC {
  width: 185px;
  border-radius: 30px 10px;
}

@media screen and (max-width: 480px) {
  #reseñas {
    height: 100%;
  }

  .trip-adv {
    position: relative;
    left: 0;
    top: 0;
  }

  .trip-adv .cdsROW.narrow {
    display: inline-block;
    width: 60%;
  }

  .trip-adv_bravo {
    position: relative;
    right: 0;
    top: 0;
  }

  .trip-adv_bravo .widEXC {
    display: inline-block;
    width: 60%;
  }
}

@media screen and (min-width: 481px) and (max-width: 720px) {
  #reseñas {
    height: 100%;
  }

  .trip-adv {
    position: relative;
    left: 0;
    top: 0;
    width: 50%;
  }

  .trip-adv .cdsROW.narrow {
    display: inline-block;
    width: 60%;
  }

  .trip-adv_bravo {
    position: relative;
    right: 0;
    top: 0;
    width: 50%;
  }

  .trip-adv_bravo .widEXC {
    display: inline-block;
    width: 60%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .trip-adv {
    left: 2%;
  }

  .trip-adv_bravo {
    right: 2%;
  }
}

/*---------------------------------------
    INSTAGRAM FRAME            
-----------------------------------------*/
.frame-instagram .container {
  width: 1400px;
  padding: 0;
  margin: 0;
}

/*---------------------------------------
  WHATSAPP FLOATING BUTTOM
-----------------------------------------*/
.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.my-float {
  margin-top: 16px;
}

/*---------------------------------------
  TRIPAD FLOATING BUTTOM
-----------------------------------------*/
.tripfloat {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 90px;
  right: 40px;
  /* background-color:#34E0A1  ; */
  /* color:#FFF; */
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.myTrip-float {
  margin-top: 16px;
}

/* === ICONO FLOTANTE CONTACTO (REEMPLAZA TRIPADVISOR) === */
.contactfloat {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 90px; /* misma posición que el viejo TripAdvisor */
  right: 40px;
  background-color: #ff7b00; /* naranja */
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
  transition: all 0.3s ease-in-out;
}

.contactfloat:hover {
  background-color: #cc5f00; /* naranja más oscuro */
  transform: scale(1.1); /* leve agrandamiento */
  box-shadow: 3px 3px 6px #666;
  color: #fff;
}

.contactfloat .fa-envelope {
  margin-top: 16px;
}

/* === ANIMACIÓN IGUAL PARA WHATSAPP === */
.float:hover {
  transform: scale(1.1);
  box-shadow: 3px 3px 6px #666;
}



/*---------------------------------------
      CONTACT             
  -----------------------------------------*/
.contact {
  padding-top: 30px;
  padding-bottom: 0;
}

.contact h2 {
  color: #939549;
  line-height: 40px;
  font-size: 60px;
  margin-bottom: 25px;
}

.contact h4 {
  line-height: 156.9%;
  margin-bottom: 25px;
  font-size: 20px;
}

.contact .captcha {
  display: block;
}

.contact .img-contact {
  width: 580px;
  height: 400px;
}

.contact .img-contact {
  border-radius: 30px 10px;
  /* border-radius: 10px; */
  background-image: url(../images/Fly-fishing-Bariloche-Patagonia-Trout-Southern-Rivers-contact.webp);
  background-repeat: no-repeat;
  background-position: initial;
}

@media screen and (max-width: 480px) {
  .contact .img-contact {
    /*width: 90%;
      margin-left: 5%;
      margin-bottom: 3%;*/
    display: none;
  }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
  .contact .img-contact {
    width: 100%;
    margin-left: 5%;
    margin-bottom: 3%;
    height: 425px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .contact .img-contact {
    width: 110%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
  .contact .img-contact {
    width: 100%;
    margin-left: 5%;
    margin-bottom: 3%;
  }
}

.contact .section-title {
  padding-bottom: 0;
}

.contact .text-success,
.contact .text-danger {
  display: none;
}

.contact .form-control {
  background: #CBCBCB;
  color: #070101;
  border: 0;
  border-radius: 15px 5px;
  box-shadow: none;
  font-size: 2.2rem;
  font-weight: normal;
  margin-bottom: 5px;
  transition: all ease-in-out 0.4s;
}

#cf-message {
  height: 180px;
}

.contact .form-control:hover,
.contact .form-control:focus {
  border-bottom-color: #c9c9c9;
}

.contact input {
  height: 30px;
}

/* .contact button#cf-submit {
  background: #E7B63D;
  border-radius: 15px 5px; */
  /* border-radius: 5px; */
  /* border: 0;
  color: #374225;
  font-weight: bold;
  width: 85%;
  height: 80px;
  float: right;
  font-size: 25px;
} */

.contact button#cf-submit:hover {
  background: #292929;
  color: #ffffff;
}

.contact .lista-contacto {
  background: #CBCBCB;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: 40px;
  padding-top: 1%;
  width: 98.7%;
}

.lista-contacto ul {
  display: flex;
  /* background: blue; */
}

.contact .lista-contacto li {
  display: flex;
}

.contact .lista-contacto p {
  line-height: 18px;
}

.contact .lista-contacto .contact-icon {
  height: 12px;
  line-height: 0;
  margin-top: 2px;
  margin-right: 2px;
}

@media screen and (max-width: 480px) {
  .contact .lista-contacto {
    flex-direction: column;
    height: 50%;
    padding-top: 2%;
    margin-left: 5%;
    width: 90.7%;
  }

  /* .contact button#cf-submit {
    width: 100%;
    height: 95%;
  } */

  .contact .row-alert {
    margin-bottom: 10%;
  }

  /*
    .contact .row-lista-contact{
      margin-top: 20%;
    }
    */

  .contact .contact-alert {
    content: "";

    height: 30px;
    display: block;
  }

}

/* @media screen and (min-width: 481px) and (max-width: 720px) {
  .contact button#cf-submit {
    width: 52%;
    float: left;
  }
}

@media screen and (min-width: 721px) and (max-width: 767px) {
  .contact button#cf-submit {
    width: 45%;
    float: left;
  }
} */

@media screen and (min-width: 768px) and (max-width: 1023px) {

  /* .contact button#cf-submit {
    width: 96%;
    height: 30%;
    float: left;
  } */
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {

  /* .contact button#cf-submit {
    width: 55%;
  } */

  .contact .img-contact {
    width: 100%;
    margin-left: 5%;
    margin-bottom: 3%;
  }
}

/*---------------------------------------
   FOOTER              
-----------------------------------------*/
footer {
  background-image: url("../images/patterns/fondo_footer_1920px.jpg");
  background-position: bottom;
  background-size: cover;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 60px 0;
}

footer section {
  padding: 0;
}

footer .section-title {
  padding-bottom: 10px;
  line-height: 30px;
}

footer .logo-footer {
  width: 300px;
}

footer h2 {
  font-size: 49px;
  color: #374225;
}

footer h3 {
  font-size: 25px;
  color: #374225;
  text-align: left;
  border-bottom: 2px solid #374225;
}

footer p {
  font-family: 'PT Serif', serif;
  margin: 0;
}

footer a,
footer p {
  color: #374225;
}

footer strong {
  color: #d9d9d9;
}

footer address {
  margin-bottom: 0;
}

footer address p {
  margin-bottom: 0;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  color: #374225;
}

.footer-info,
footer .social-icon {
  margin-top: 20px;
}

.footer-info p {
  text-align: left;
}

footer .list-institutions {
  display: flex;
  flex-direction: row;
  padding: 0;
}

footer .list-institutions li {
  display: flex;
}

footer .lista-redes {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
}

footer .lista-redes li {
  display: flex;
  margin-right: 10px;
}

footer .lista-redes li img {
  height: 40px;
}

.footer-open-hour {
  background: #ce3232;
  background: url("../images/footer-open-hour-bg.jpg") center center no-repeat;
  background-size: cover;
  border-radius: 15px 5px;
  /* border-radius: 20px; */
  margin-top: 0;
  padding: 40px 0 40px 80px;
  overflow: hidden;
  position: relative;
  z-index: 22;
  right: 20px;
  bottom: 20px;
}

.footer-open-hour::after {
  background: rgba(29, 29, 29, 0.85);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2222;
}

.footer-open-hour h2 {
  color: #ffffff;
}

.footer-open-hour p {
  color: #d9d9d9;
}

.footer-open-hour strong {
  color: #f9f9f9;
}

footer .copyright-text {
  text-align: center;
}

.footer_img {
  scale: 0.5;
  padding: 0;
  border-radius: 60px 20px;
  /* border-radius: 20px; */
}

.footer_img:hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.1);

}

/*@media screen and (max-width: 480px) {
  .footer-info{
    margin-top: 10%;
  }
}*/


/*---------------------------------------
   RESPONSIVE STYLES              
-----------------------------------------*/
@media screen and (min-width: 760px) and (max-width: 990px) {
  .custom-navbar .navbar-nav.navbar-nav-first {
    margin-left: -25%;
  }

  .custom-navbar .navbar-brand img {
    width: 40%;
  }

  .footer_img {
    scale: 0.7;
  }
}

@media screen and (min-width: 991px) and (max-width: 1023px) {

  .custom-navbar .navbar-brand img {
    width: 60%;
    /* Desactive ta que baja la ubicacion y se mezcla con el texto. Revisar que quede bien
    11/NOV/2024 */
    /* margin-top: 7%; */
  }

  .footer_img {
    scale: 0.9;
  }
}


@media screen and (min-width: 1024px) and (max-width: 1099px) {
  .custom-navbar .navbar-nav.navbar-nav-first {
    margin-left: -10%;
  }

  .custom-navbar .navbar-brand img {
    width: 60%;
  }

  .footer_img {
    scale: 0.9;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1200px) {
  .custom-navbar .navbar-brand {
    height: 25px;
  }

  .top-nav-collapse .navbar-brand img {
    width: 50%;
    margin-top: 7%;
  }

  .custom-navbar .navbar-brand img {
    width: 65%;
    /* margin-top: 2%; */
  }
}

@media screen and (min-width: 1100px) {
  .custom-navbar .navbar-nav.navbar-nav-first {
    margin-left: 9%;
  }

  .footer_img {
    scale: 0.9;
  }
}

@media only screen and (max-width: 1200px) {
  .about-info {
    padding-right: 0;
  }

  .about-image {
    position: relative;
  }
}

@media only screen and (max-width: 992px) {
  section {
    padding: 60px 0;
  }

  .custom-navbar .section-btn {
    margin-left: 1em;
  }

  .slider .item {
    background-position: center;
  }

  .about-info {
    padding: 0;
  }

  .team-info {
    margin-bottom: 50px;
  }

  #menu .menu-thumb {
    width: 103%;
  }

  #testimonial {
    background-position: 50% 0 !important;
  }

  #google-map,
  .footer-info {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .custom-navbar .nav li a {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 2.5em;
  }

  h1,
  h2,
  h3 {
    line-height: normal;
  }
 /* 04/11/2024 - COMENTADO LO SIGUIENTE */
  /* .custom-navbar {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    text-align: center;
  } */

  .custom-navbar {
    /* background: #ffffff; */
    /* opacity: 0.5; */
    background-color: transparent;
    -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    text-align: center; 
  }
  .navbar-background{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    /* z-index: 0; */
    opacity: 0.4;
  }  


  .custom-navbar .nav li a {
    line-height: normal;
    padding: 8px;
  }

  .custom-navbar .nav li .waters-menu-link {
    line-height: normal;
    padding: 8px;
  }

  .custom-navbar .waters-menu-heading {
    position: relative;
  }

  .custom-navbar .waters-menu-toggle,
  .top-nav-collapse .waters-menu-toggle {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    opacity: 0;
  }

  .custom-navbar .waters-dropdown.open .waters-menu-toggle {
    color: #E7B63D;
  }

  .custom-navbar .waters-dropdown .dropdown-menu {
    width: 100%;
    text-align: center;
  }

  .custom-navbar .navbar-brand,
  .top-nav-collapse .navbar-brand {
    color: #252525;
    font-weight: 600;
  }

  /* 04/11/2024 - COMENTADO LO SIGUIENTE */
  /* .custom-navbar .nav li a,
  .top-nav-collapse .nav li a {
    color: #575757;
  } */
  .custom-navbar .nav li a,
  .top-nav-collapse .nav li a {
    color: #000000;
      text-shadow:
      1px 1px 2px rgb(145, 145, 145),
      0 0 1em #E7B63D,
      0 0 0.2em #E7B63D;
    }

  .custom-navbar .navbar-nav.navbar-right li {
    display: inline-block;
  }

  .custom-navbar .navbar-nav.navbar-right .section-btn {
    display: block !important;
    width: 50%;
    margin: 10px auto 10px auto;
    padding: 10px;
  }
  #home{
    /* position: relative; */
    margin-top: 70px;
  }

  .custom-navbar .section-btn a {
    color: #ffffff !important;
  }

  .slider .caption {
    padding: 0;
  }

  .menu-thumb .menu-info {
    top: 80%;
  }

  footer {
    padding: 60px 0;
    padding-bottom: 60px;
  }

  .footer-open-hour {
    right: 0;
    bottom: 0;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 580px) {
  h1 {
    font-size: 2.1em;
  }

  h2 {
    font-size: 1em;
  }

  .menu-thumb .menu-info {
    top: 60%;
  }

  .section-title {
    font-size: 60px;
  }
}

/* BORRADO PARA CARGAR CARROUSEL NUEVO - BORRAR SI NO SE ROMPIO NADA */
/* .slider-daily .item-first {
  background-image: url(../images/sliders/daily_trips/limay-bariloche-brown-trout.jpg);
}
.slider-daily .item-second {
  background-image: url(../images/sliders/daily_trips/limay-drift-boat-bariloche.jpg);
}
.slider-daily .item-third {
  background-image: url(../images/sliders/daily_trips/lunch-limay-fly-fishing-daytrip.jpg);
}
@media screen and (max-width: 480px) {
  .slider-daily .item-first {
    background-image: url(../images/mobile/02-day_trips/01-m_daytrips_360x640px.jpg);
  }
  .slider-daily .item-second {
    background-image: url(../images/mobile/02-day_trips/02-m_daytrips_360x640px.jpg);
  }
  .slider-daily .item-third {
    background-image: url(../images/mobile/02-day_trips/03-m_daytrips_360x640px.jpg);
  }
}
@media screen and (min-width: 481px) and (max-width: 1000px) {
  .slider-daily .item-first {
    background-image: url(../images/daily-trips/tablet/day_trips2.jpg);
    background-size: cover;
  }
  .slider-daily .item-second {
    background-image: url(../images/daily-trips/tablet/day_trips1.jpg);
  }
  .slider-daily .item-third {
    background-image: url(../images/daily-trips/tablet/day_trips3.jpg);
  }
}
@media screen and (min-width: 1001px) and (max-width: 1200px) {
  .slider-daily .item-first {
    background-image: url(../images/daily-trips/tablet/daytrips_tablet_horizontal-1.jpg);
  }
  .slider-daily .item-second {
    background-image: url(../images/daily-trips/tablet/daytrips_tablet_horizontal-2.jpg);
  }
  .slider-daily .item-third {
    background-image: url(../images/daily-trips/tablet/daytrips_tablet_horizontal-3.jpg);
  }
} */

.row-services {
  margin-bottom: 0;
}

.intro-daily {
  padding: 140px 0;
}

/*.row-service-details{
    margin: 0 auto;
}*/
.services-details,
.services-gallery .container {
  width: 100%;
  margin-bottom: 20px;
}

.services-gallery {
  margin: 50px 50px 0;
}

.img-highlights {
  border-radius: 30px 10px;
}

.img-highlights:hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.03);

}

@media screen and (max-width: 480px) {
  .intro-daily {
    padding: 60px 0;
  }

  .services-gallery {
    margin: 0;
  }

  .services-gallery .service-info .img-highlights {
    width: 90%;
  }
}

@media screen and (min-width: 481px) and (max-width: 720px) {
  .intro-daily {
    padding: 60px 0;
  }
}

@media screen and (max-width: 780px) {
  .services-gallery {
    margin: 0;
  }

  .services-gallery .service-info .img-highlights {
    width: 100%;
  }
}

@media screen and (min-width: 780px)and (max-width: 1023px) {
  .services-gallery {
    margin: 0;
  }

  .services-gallery .service-info .img-highlights {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {

  .services-gallery .service-info .img-highlights {
    width: 100%;
  }
}

@media screen and (min-width: 1400px) {

  .services-gallery .container {
    width: 90%;
  }
}

@media screen and (min-width: 1600px) {

  .services-gallery .container {
    width: 85%;
  }
}

@media screen and (min-width: 1900px) {

  .services-gallery .container {
    width: 80%;
  }
}

.services-details {
  background: rgba(0, 0, 0, 0.05);
  padding-top: 4%;
  padding-bottom: 5%;
  margin-bottom: 0;
}

.services-details .border-bottom {
  border-bottom: 2px solid #374225;
  height: 45px;
}

.services-details h2 {
  display: inline;
  font-size: 28px;
  line-height: 55px;
}

.services-details h3 {
  font-size: 20px;
  text-align: left;
  font-weight: 500;
  margin-bottom: 0;
  margin-block-start: 15px;
  margin-block-end: 5px;
  line-height: 15px;
}

.services-details p {
  font-family: 'PT Serif', serif;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
  line-height: 18px;
}

.services-details .rates-icon {
  width: 20px;
  margin-bottom: 1%;
  margin-right: 5px;
}

.services-details .section-title .section-btn {
  height: 30px;
  font-size: 18px;
  line-height: 0;
}

.services-details .img-paypal {
  margin-top: 15%;
  width: 80%;
}

#paypal-expeditions {
  margin-top: 0;
  margin-bottom: 5%;
}

.paypal-dayly {
  margin-top: 0;
  margin-bottom: 5%;
}

.btn-more-info {
  text-align: center;
  margin-top: 2%;
}

.services-gallery .service-info {
  text-align: center;
}

.services-gallery .service-info img {
  margin-bottom: 2%;
  height: 80%;
}

.service-info h4 {
  font-family: 'Bebas Neue', cursive;
  font-size: 25px;
  color: #374225;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0;
  margin-bottom: 25px;
}

.info-all-inclusive {
  padding-top: 1%;
}

.info-all-inclusive h3 {
  font-family: 'Bebas Neue', cursive;
}

.info-all-inclusive p {
  font-style: normal;
  font-weight: 400;
  color: #000000;
}

.card-packages {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.faqs h4 {
  margin-bottom: 0;
}

.daily-faqs {
  height: 600px;
  padding-top: 5%;
  padding-bottom: 1%;
  background-image: url(../images/daily-trips/faqs_daytrips_1440px.jpg);
  background-size: cover;
  text-align: center;
}

.daily-faqs h2 {
  color: #374225;
  line-height: 60px;
}

.faq button {
  margin-left: 0;
}

.accordion {
  margin-top: 3%;
  margin-left: 5.2%;
}

.accordion .accordion-item {
  line-height: 25px;
}

.accordion button {
  position: relative;
  width: 60%;
  padding: 1em 0;
  border: none;
  background: none;
  outline: none;
}

.accordion button:hover,
.accordion button:focus {
  cursor: pointer;
  color: #03b5d2;
}

.accordion button:hover::after,
.accordion button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}

.accordion button .accordion-title {
  padding: 1em 1em 1em 0;
  font-size: 35px;
  color: #374225;
}

.accordion button .accordion-title:before {
  content: '\002B';
  color: #E7B63D;
  font-weight: bold;
  margin-right: 1%;
}

.accordion button .aria-expanded:after {
  content: "\2212";
}

.accordion button .icon {
  display: none;
  position: absolute;
  top: 20px;
  left: 0;
  width: 22px;
  height: 22px;
  color: #E7B63D;
  /*border: 1px solid;
      border-radius: 22px;*/
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: '';
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}

.accordion button .icon::after {
  display: block;
  position: absolute;
  content: '';
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}

.accordion button[aria-expanded='true'] .accordion-title:before {
  content: "\2212";
}

.accordion button[aria-expanded='true']+.accordion-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}

.accordion .accordion-content p {
  font-family: 'PT Serif', serif;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  font-style: italic;
  color: #000000;
}

#contact-daily {
  padding-top: 4%;
}

.intro-expeditions {
  padding-top: 20px;
  padding-bottom: 0px;
}

.services-expeditions {
  margin-top: 5%;
}

.services-details-expeditions .btn-more-info {
  margin-top: 0;
}

.services-details-expeditions {
  margin-top: 3%;
}

.expeditions-faqs {
  height: 625px;
  padding: 40px 0;
  background-image: url(../images/expeditions/faqs_tonalizada_expditions.jpg);
  background-size: cover;
  text-align: center;
}

.expeditions-faqs h2 {
  line-height: 20px;
}

.contact-expeditions {
  padding-top: 35px;
  padding-bottom: 5px;
}

.intro-packages {
  padding-top: 5%;
  padding-bottom: 2%;
}

.services-packages {
  padding-top: 2.5%;
  padding-bottom: 1%;
}

.packages-faqs {
  height: 625px;
  padding: 25px 0;
  background-image: url(../images/all-inclusive/faqs_tonalizada_allinclusive.jpg);
  background-size: cover;
  text-align: center;
}

.packages-faqs h4 {
  line-height: 20px;
}

.packages-faqs .accordion {
  margin-top: 0.5%;
  margin-left: 2.1%;
}

.packages-faqs .accordion .accordion-item {
  line-height: 15px;
}

@media screen and (max-width: 480px) {

  .daily-faqs,
  .expeditions-faqs h2 {
    line-height: 100px;
  }

  .accordion button {
    width: 100%;
  }

  .daily-faqs,
  .expeditions-faqs,
  .packages-faqs {
    height: 100%;
  }

  .accordion {
    margin-left: 0;
  }

  .accordion button .accordion-title {
    padding: 0;
    font-size: 30px;
  }

  .packages-faqs .accordion .accordion-item {
    line-height: 30px;
  }

  .accordion .accordion-content p {
    font-size: 17px;
    line-height: 18px;
  }
}

@media screen and (min-width: 481px) and (max-width: 720px) {

  .daily-faqs,
  .expeditions-faqs h2 {
    line-height: 100px;
  }

  .accordion button {
    width: 100%;
  }

  .daily-faqs,
  .expeditions-faqs,
  .packages-faqs {
    height: 100%;
  }

  .accordion {
    margin-left: 0;
  }

  .accordion button .accordion-title {
    padding: 0;
    font-size: 30px;
  }

  .packages-faqs .accordion .accordion-item {
    line-height: 30px;
  }

  .accordion .accordion-content p {
    font-size: 17px;
    line-height: 18px;
  }
}

@media screen and (min-width: 721px) and (max-width: 767px) {

  .daily-faqs,
  .expeditions-faqs h2 {
    line-height: 100px;
  }

  .accordion button {
    width: 100%;
  }

  .daily-faqs,
  .expeditions-faqs,
  .packages-faqs {
    height: 100%;
  }

  .accordion {
    margin-left: 0;
  }

  .accordion button .accordion-title {
    padding: 0;
    font-size: 30px;
  }

  .packages-faqs .accordion .accordion-item {
    line-height: 30px;
  }

  .accordion .accordion-content p {
    font-size: 17px;
    line-height: 18px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

  .daily-faqs,
  .expeditions-faqs h2 {
    line-height: 100px;
  }

  .daily-faqs,
  .expeditions-faqs,
  .packages-faqs {
    height: 100%;
  }


  .accordion {
    margin-left: 0;
  }

  .accordion button .accordion-title {
    padding: 0;
    font-size: 30px;
    line-height: 28px;
  }

}

@media screen and (min-width: 1024px) and (max-width: 1200px) {

  .accordion {
    margin-left: 2%;
  }

  .accordion button .accordion-title {
    padding: 0;
    font-size: 30px;
    line-height: 28px;
  }

}

.intro-rivers .iconos-destinations {
  display: flex;
  margin-top: 50px;
  justify-content: space-evenly;
}

@media screen and (max-width: 480px) {
  .intro-rivers .iconos-destinations {
    display: inline;
  }
}

.frame-rivers {
  margin-top: 5%;
  margin-bottom: 7%;
}

.frame-rivers .container {
  width: 1350px;
  padding-left: 3%;
  padding-right: 7%;
}

.frame-rivers .container .row {
  margin-top: -1%;
}

/* .container_tripbadge {
  margin-left: auto;
  margin-right: auto;
} */

.frame-river {
  padding: 0;
  height: 620px;
}

.frame-river h2 {
  padding-top: 15%;
  color: #FFFFFF;
  font-size: 65px;
  text-align: center;
  line-height: 50px;
}

.frame-rivers h2 {
  padding-top: 10%;
}

.frame-river h3 {
  font-family: 'PT Serif', serif;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0px 50px;
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: 0.3em;
  text-align: center;
}

/* #row-up .col-md-4 {
  margin-top: -1.2%; } */

.frame-locations #locations-limay {
  width: auto;
  height: 493px;
  border-radius: 30px 10px;
  background-image: url(../images/rivers/frames/pasti-limay-01.jpg);
}

.frame-locations #locations-limay h2 {
  padding-top: 29%;
}

.frame-locations #locations-traful h2 {
  padding-top: 17%;
}

.frame-locations #locations-pichi h2 {
  padding-top: 17%;
}

.frame-locations #locations-caleufu h2 {
  padding-top: 17%;
}

.frame-locations #locations-manso {
  width: auto;
  /* valor anterior "width:615px para todos los valores de estas imagenes desde limay, manso, collon, traful, pichileufu y caleufu */
  height: 242px;
  border-radius: 30px 10px;
  margin-bottom: -0.8%;
  background-image: url(../images/rivers/frames/pasti-manso-02.jpg);
}

.frame-locations #locations-collon {
  width: auto;
  height: 242px;
  border-radius: 30px 10px;
  background-image: url(../images/rivers/frames/pasti-collon-03.jpg);
}

.frame-locations #locations-traful {
  width: auto;
  height: 244px;
  border-radius: 30px 10px;
  background-image: url(../images/rivers/frames/pasti-traful-04.jpg);
}

.frame-locations #locations-pichi {
  width: auto;
  height: 244px;
  border-radius: 30px 10px;
  background-image: url(../images/rivers/frames/pasti-pichi-05.jpg);
}

.frame-locations #locations-caleufu {
  width: auto;
  height: 244px;
  border-radius: 30px 10px;
  background-image: url(../images/rivers/frames/pasti-caleufu-06.jpg);
}

#limay {
  background-image: url(../images/rivers/headers/limay_header.jpg);
}

#manso {
  background-image: url(../images/rivers/headers/manso_header.jpg);
}

#traful {
  background-image: url(../images/rivers/headers/traful_header.jpg);
}

#pichi-leufu {
  background-image: url(../images/rivers/headers/pichileufu_header.jpg);
}

#collon-cura {
  background-image: url(../images/rivers/headers/collon_cura_header.jpg);
}

#caleufu {
  background-image: url(../images/rivers/headers/caleufu_header.jpg);
}

#locations-limay:hover,
#locations-manso:hover,
#locations-collon:hover,
#locations-traful:hover,
#locations-pichi:hover,
#locations-caleufu:hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.01);
}


@media screen and (max-width: 480px) {
  .frame-rivers .container {
    width: 100%;
    padding-right: 0;
    padding-left: 5px;
  }

  .frame-locations #locations-limay,
  .frame-locations #locations-manso,
  .frame-locations #locations-collon,
  .frame-locations #locations-traful,
  .frame-locations #locations-pichi,
  .frame-locations #locations-caleufu {
    width: 100%;
  }

  .frame-locations #locations-limay {
    height: 244px;
    background-image: url(../images/rivers/frames/pasti-limay-mobile.jpg);
    background-size: cover;
  }

  .frame-locations #locations-limay h2 {
    padding-top: 18%;
  }

  .frame-river {
    height: 600px;
  }

  #limay {
    background-image: url(../images/rivers/mobile/01-m_limay.jpg);
  }

  #manso {
    background-image: url(../images/rivers/mobile/02-m_manso.jpg);
  }

  #traful {
    background-image: url(../images/rivers/mobile/03-m_traful.jpg);
  }

  #pichi-leufu {
    background-image: url(../images/rivers/mobile/04-m_pichileufu.jpg);
  }

  #collon-cura {
    background-image: url(../images/rivers/mobile/05-m_collon.jpg);
  }

  #caleufu {
    background-image: url(../images/rivers/mobile/05-m_caleufu.jpg);
  }
}

@media screen and (min-width: 481px) and (max-width: 720px) {
  .frame-rivers .container {
    width: 100%;
    padding-right: 0;
    padding-left: 17px;
  }

  .frame-locations #locations-limay,
  .frame-locations #locations-manso,
  .frame-locations #locations-collon,
  .frame-locations #locations-traful,
  .frame-locations #locations-pichi,
  .frame-locations #locations-caleufu {
    width: 97%;
    background-size: cover;
  }

  .frame-locations #locations-limay h2 {
    padding-top: 12%;
  }

  .frame-locations #locations-limay {
    height: 244px;
    background-image: url(../images/rivers/frames/pasti-limay-mobile.jpg);
    background-size: cover;
  }

  .frame-river {
    height: 600px;
  }

  .frame-locations #locations-traful,
  .frame-locations #locations-pichi,
  .frame-locations #locations-caleufu {
    background-size: cover;
    background-position: center;
  }

  /*
    #limay {
      background-image: url(../images/rivers/headers/limay_header.jpg);
     }
    
    #manso {
      background-image: url(../images/rivers/mobile/02-m_manso.jpg); }
    
    #traful {
      background-image: url(../images/rivers/mobile/03-m_traful.jpg); }
    
    #pichi-leufu {
      background-image: url(../images/rivers/mobile/04-m_pichileufu.jpg); }
    
    #collon-cura {
      background-image: url(../images/rivers/mobile/05-m_caleufu.jpg); }
    
    #caleufu {
      background-image: url(../images/rivers/mobile/05-m_collon.jpg); }
    */

  #limay,
  #manso,
  #traful,
  #pichi-leufu,
  #collon-cura,
  #caleufu {
    background-size: cover;
    background-position: center;
  }

  #pichi-leufu,
  #collon-cura,
  #caleufu {
    background-position-x: right;
  }
}

@media screen and (min-width: 721px) and (max-width: 767px) {
  .frame-locations {
    width: 100%;
  }

  .frame-rivers .container {
    width: 100%;
    padding-right: 0;
    padding-left: 15px;
  }

  .frame-locations #locations-limay,
  .frame-locations #locations-manso,
  .frame-locations #locations-collon,
  .frame-locations #locations-traful,
  .frame-locations #locations-pichi,
  .frame-locations #locations-caleufu {
    width: 97%;
    background-size: cover;
  }

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .frame-rivers .container {
    width: 100%;
    padding-right: 0;
    padding-left: 15px;
  }

  .frame-locations #locations-limay,
  .frame-locations #locations-manso,
  .frame-locations #locations-collon,
  .frame-locations #locations-traful,
  .frame-locations #locations-pichi,
  .frame-locations #locations-caleufu {
    width: 100%;
  }

  .frame-rivers .container h2 {
    font-size: 50px;
    line-height: 40px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .frame-rivers .container {
    width: 100%;
    padding-right: 0;
    padding-left: 1%;
  }

  .frame-locations #locations-limay,
  .frame-locations #locations-manso,
  .frame-locations #locations-collon,
  .frame-locations #locations-traful,
  .frame-locations #locations-pichi,
  .frame-locations #locations-caleufu {
    width: 100%;
  }

  .frame-rivers .container h2 {
    font-size: 60px;
  }
}

@media screen and (min-width: 1024px) {
  #limay {
    background-image: url(../images/rivers/headers/limay_header.jpg);
    background-size: cover;
    background-position-y: bottom;
  }

  #manso {
    background-image: url(../images/rivers/headers/manso_header.jpg);
    background-size: cover;
    background-position-y: bottom;
  }

  #traful {
    background-image: url(../images/rivers/headers/traful_header.jpg);
    background-size: cover;
    background-position-y: bottom;
  }

  #pichi-leufu {
    background-image: url(../images/rivers/headers/pichileufu_header.jpg);
    background-size: cover;
    background-position-y: center;
  }

  #collon-cura {
    background-image: url(../images/rivers/headers/collon_cura_header.jpg);
    background-size: cover;
    background-position-y: bottom;
  }

  #caleufu {
    background-image: url(../images/rivers/headers/caleufu_header.jpg);
    background-size: cover;
    background-position-y: bottom;
  }
}

.green {
  background: #939549;
}

.rivers-details .iconos-rivers {
  display: flex;
  justify-content: space-between;
  padding: 10px 170px;
  text-align: center;
}

.rivers-details .iconos-rivers h3 {
  color: #374225;
}

.rivers-details .iconos-rivers img {
  height: 50px;
}

.rivers-details .scroll-arrow {
  display: block;
  margin: 0 auto;
}

.rivers-details .iconos-rivers p {
  font-family: 'PT Serif', serif;
  font-weight: 100;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
}

.rivers-details .text-rivers {
  padding: 20px 150px;
  color: #FFFFFF;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .rivers-details .text-rivers {
    padding: 0;
  }

  .rivers-details .iconos-rivers {
    display: inline;
    padding: 0;
  }
}

@media screen and (min-width: 481px) and (max-width: 720px) {
  .rivers-details .text-rivers {
    padding: 0;
  }

  .rivers-details .iconos-rivers {

    padding: 3% 6%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .rivers-details .text-rivers {
    padding: 20px 100px;
  }

  .rivers-details .iconos-rivers {
    padding: 10px 70px;
  }
}

.text-middle .intro-info .section-btn {
  margin-top: 40px;
}

.intro-lakes .iconos-destinations {
  display: flex;
  margin-top: 80px;
}

.intro-lakes h1 {
  color: #E7B63D;
}

.yellow {
  background: #E7B63D;
}

.frame-lakes {
  margin-top: 3%;
  margin-bottom: 2%;
}

.frame-lakes .container {
  width: 1350px;
  padding-left: 3%;
  padding-right: 7%;
}

.frame-locations #locations-fonk {
  width: auto;
  height: 493px;
  border-radius: 30px 10px;
  background-image: url(../images/lakes/frames/pasti-fonck-01.jpg);
}

.frame-locations #locations-fonk h2 {
  padding-top: 30%;
}

.frame-locations #locations-hess {
  width: auto;
  height: 242px;
  border-radius: 30px 10px;
  background-image: url(../images/lakes/frames/pasti-hess-02.jpg);
}

.frame-locations #locations-roca {
  width: auto;
  height: 242px;
  border-radius: 30px 10px;
  margin-top: -2.5%;
  background-image: url(../images/lakes/frames/pasti-roca-03.jpg);
}

#fonck {
  background-image: url(../images/lakes/headers/fonck_header.jpg);
}

#hess {
  background-image: url(../images/lakes/headers/hess_header.jpg);
}

#roca {
  background-image: url(../images/lakes/headers/roca_header.jpg);
}

#locations-fonk:hover,
#locations-hess:hover,
#locations-roca:hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.01);
}

@media screen and (max-width: 480px) {
  .frame-locations #locations-fonk {
    height: 244px;
    background-image: url(../images/lakes/frames/pasti-fonck-mobile.jpg);
  }

  .frame-locations #locations-fonk h2 {
    padding-top: 18%;
  }

  #fonck {
    background-image: url(../images/lakes/mobile/01-m_fonk.jpg);
  }

  #hess {
    background-image: url(../images/lakes/mobile/02-m_hess.jpg);
  }

  #roca {
    background-image: url(../images/lakes/mobile/02-m_roca.jpg);
  }
}

@media screen and (min-width: 480px) and (max-width: 720px) {

  #fonck,
  #hess,
  #roca {
    height: 300px;
    background-size: cover;
    background-position: center;
  }

}

@media screen and (min-width: 721px) and (max-width: 768px) {

  .frame-locations #locations-fonk h2 {
    padding-top: 15%;
  }

  .frame-lakes .container {
    width: 100%;
    padding-right: 3%;
  }

  .frame-locations #locations-fonk,
  .frame-locations #locations-hess,
  .frame-locations #locations-roca {
    height: 300px;
    width: 100%;
    background-size: cover;
    background-position: center;
  }

}


@media screen and (min-width: 1024px) {
  #fonck {
    background-size: cover;
    background-position-y: center;
  }

  #hess {
    background-size: cover;
    background-position-y: center;
  }

  #roca {
    background-size: cover;
    background-position-y: center;
  }
}

.lakes-details .iconos-lakes {
  display: flex;
  justify-content: space-between;
  padding: 10px 170px;
  text-align: center;
}

.lakes-details .iconos-lakes img {
  height: 50px;
}

.lakes-details .iconos-lakes h3 {
  color: #374225;
}

.lakes-details .iconos-lakes p {
  font-family: 'PT Serif', serif;
  font-weight: 100;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 20px;
}

.lakes-details .text-lakes {
  padding: 20px 150px;
  color: #374225;
  text-align: center;
}

.lakes-details .scroll-arrow {
  display: block;
  margin: 0 auto;
}

.intro-locations {
  text-align: center;
  padding: 40px 50px 0;
}

.frame-locations {
  width: 1400px;
  padding: 0;
}

.locations {
  margin-top: 7%;
  margin-bottom: 5%;
}

.locations .container {
  width: 1400px;
  padding-left: 3%;
  padding-right: 7%;
}

.frame-locations h2 {
  padding-top: 15%;
  color: #FFFFFF;
  font-size: 65px;
  text-align: center;
  line-height: 50px;
}

.locations h2 {
  padding-top: 28%;
}

.frame-locations p {
  padding: 0px 50px;
  color: #FFFFFF;
  font-size: 22px;
  text-align: center;
}

.map-locations {
  padding: 0;
}

.map-locations .section-title {
  line-height: 55px;
}

#google-map iframe {
  height: 600px;
}

@media screen and (max-width: 480px) {
  .frame-lakes .container {
    width: 100%;
    /*padding-left: 3%;*/
    padding-right: 3%;
  }

  .frame-locations #locations-fonk,
  .frame-locations #locations-hess,
  .frame-locations #locations-roca {
    width: 100%;
    background-size: cover;
  }

  .lakes-details .iconos-lakes {
    display: inline;
  }

  .lakes-details .text-lakes {
    padding: 0;
  }

  .intro-locations {
    padding: 0;
  }

  .map-locations h4 {
    letter-spacing: 0.1em;
  }

}

@media screen and (min-width: 480px) and (max-width: 720px) {
  .frame-lakes .container {
    width: 100%;
    /*padding-left: 3%;*/
    padding-right: 3%;
  }

  .frame-locations #locations-fonk,
  .frame-locations #locations-hess,
  .frame-locations #locations-roca {
    width: 100%;
    background-size: cover;
  }

  .lakes-details .iconos-lakes {
    /*display: inline; */
    padding: 2% 6%;
  }

  .lakes-details .text-lakes {
    padding: 0;
  }

  .intro-locations {
    padding: 0;
  }

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .frame-lakes .container {
    width: 100%;
    /*padding-left: 3%;
    padding-right: 7%; */
  }

  .frame-locations #locations-fonk,
  .frame-locations #locations-hess,
  .frame-locations #locations-roca {
    width: 100%;
  }

  .frame-lakes .container h2 {
    font-size: 60px;
  }

  .lakes-details .iconos-lakes {
    padding: 10px 80px;
  }

  .lakes-details .text-lakes {
    padding: 20px 110px;
  }
}


@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .frame-lakes .container {
    width: 100%;
    /*padding-left: 3%;
    padding-right: 7%; */
  }

  .frame-locations #locations-fonk,
  .frame-locations #locations-hess,
  .frame-locations #locations-roca {
    width: 100%;
  }

  .frame-lakes .container h2 {
    font-size: 60px;
  }
}

.frame-locations #locations-rivers {
  display: inline-block;
  width: 605px;
  height: 498px;
  border-radius: 30px 10px;
  margin-right: 5px;
  background-image: url(../images/locations/fly-fishing-rivers-patagonia.jpg);
  background-size: cover;
}

.frame-locations #locations-lakes {
  display: inline-block;
  width: 605px;
  height: 498px;
  border-radius: 30px 10px;
  background-image: url(../images/locations/fly-fishing-lakes-patagonia.jpg);
  background-size: cover;
}

#locations-rivers:hover,
#locations-lakes:hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.01);
}

@media screen and (max-width: 480px) {
  .frame-locations {
    width: 100%;
  }

  .locations .container {
    width: 100%;
    padding-right: 3%;
  }

  .frame-locations #locations-rivers,
  .frame-locations #locations-lakes {
    width: 100%;
    margin-top: 2%;
  }
}

@media screen and (min-width: 481px) and (max-width: 720px) {
  .frame-locations {
    width: 100%;
  }

  .locations .container {
    width: 100%;
    padding-right: 3%;
  }

  .frame-locations #locations-rivers,
  .frame-locations #locations-lakes {
    width: 100%;
    margin-top: 2%;
  }
}

@media screen and (min-width: 721px) and (max-width: 767px) {
  .frame-locations {
    width: 100%;
  }

  .locations .container {
    width: 100%;
    padding-right: 3%;
  }

  .frame-locations #locations-rivers,
  .frame-locations #locations-lakes {
    width: 100%;
    margin-top: 2%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .frame-locations {
    width: 100%;
  }

  .locations .container {
    width: 100%;
    padding: 0;
    margin-left: 3%;
  }

  .frame-locations #locations-rivers,
  .frame-locations #locations-lakes {
    width: 46%;
  }
}


@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .frame-locations {
    width: 100%;
  }

  .locations .container {
    width: 100%;
    padding-right: 1%;
    padding-left: 2%;
  }

  .frame-locations #locations-rivers,
  .frame-locations #locations-lakes {
    width: 49%;
  }
}

@media screen and (min-width: 1400px) {
  .frame-locations {
    width: 100%;
  }

  .locations .container {
    margin-left: 5%;
  }

}

@media screen and (min-width: 1600px) {
  .frame-locations {
    width: 100%;

  }

  .locations .container {
    padding: 0;
    margin-left: 14%;
  }

}

@media screen and (min-width: 1900px) {
  .frame-locations {
    width: 100%;
    padding: 0 18%;
  }

  .locations .container {
    padding: 0;
    margin: 0;
  }
}


.locations-contact {
  padding-top: 10.5%;
}

#about-title {
  color: #E7B63D;
  font-size: 65px;
  line-height: 20px;
  margin-bottom: 20px;
}

.intro-about {
  padding-top: 15%;
  padding-bottom: 3%;
  background-repeat: repeat-x;
}

.intro-about h4 {
  margin-bottom: 20px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 400;
}

.frame-work {
  background-image: url(../images/about/philosophy_about-us.jpg);
  background-size: cover;
  height: 599px;
}

.frame-work .iconos-work {
  display: flex;
  margin-top: 80px;
  justify-content: space-evenly;
  text-align: center;
}

#passion-title {
  margin-top: 26px;
}

.info-lucas {
  padding-top: 1.5%;
  padding-bottom: 5%;
}

.info-lucas h2 {
  line-height: 100px;
}

.info-lucas h4 {
  line-height: 20px;
  margin-bottom: 10px;
}

.info-lucas-2 {
  display: flex;
  justify-content: center;
  margin-top: 2%;
}

.info-lucas-2 img {
  width: 10%;
}

.info-lucas-2 .info-lucas-text {
  display: inline;
  margin-top: 3%;
  margin-left: 1%;
}

.info-lucas-2 .info-lucas-text h5 {
  font-size: 35px;
  color: #374225;
  line-height: 10px;
}

@media screen and (max-width: 480px) {
  .frame-work {
    height: 100%;
  }

  .frame-work h2 {
    font-size: 65px;
  }

  .frame-work .iconos-work {
    display: inline;
  }

  .info-lucas h2 {
    font-size: 65px;
    line-height: 60px;
  }

  .info-lucas-2 img {
    width: 25%;
  }
}

@media screen and (min-width: 481px) and (max-width: 720px) {

  .info-lucas-2 img {
    width: 15%;
  }

}

.about-contact {
  padding-top: 1%;
}

/*# sourceMappingURL=styles.min.css.map */

/* BORRAR SI NO ROMPI NADA -JUL2024-

.tripa {
	padding: 20px 0px 0px 0px;
} */

#tripbadge {
  width: 350px
}

#tripbadge:hover {
  transition: transform .5s ease-in-out;
  transform: scale(1.02);
}

/* ESTABAN EN EL HEAD DEL HTML */

.keyword {
  display:none;
}

.row {
  margin-right: auto !important;
  margin-left: auto !important;
}


/* Footer adds for keywords */

.footer_links_details{
  padding: 0;
  position: relative;
  top: auto;
  /* left: auto; */
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.footer_links_details_section{
padding: 0;
width: 100%;
height: 100%;
}

.footer_links_details_img{
  width: 100%;
  height: 100%;
}

.footer_links_details_img img{
  position: absolute; /* Para posicionar la imagen dentro del contenedor */
  top: 50%; /* Centra la imagen verticalmente */
  left: 50%; /* Centra la imagen horizontalmente */
  min-width: 100%; /* Asegura que la imagen cubra el contenedor en ancho */
  min-height: 100%; /* Asegura que la imagen cubra el contenedor en alto */
  transform: translate(-50%, -50%); /* Ajusta la imagen para que esté centrada */
  /* z-index: 14; */
  /* opacity: 0.70; */
}
.footer_links_details_text{
  position: absolute; /* Para posicionar la imagen dentro del contenedor */
  top: 50%; /* Centra la imagen verticalmente */
  left: 50%; /* Centra la imagen horizontalmente */
  min-width: 100%; /* Asegura que la imagen cubra el contenedor en ancho */
  min-height: 100%; /* Asegura que la imagen cubra el contenedor en alto */
  transform: translate(-50%, -50%); /* Ajusta la imagen para que esté centrada */
}
/* .footer_links_details_text h1{

} */
.section_carousel{
  padding: 0;
}
.ubicacion-carousel{
  padding: 0;
  
  /* height: 100vh; */
  /* overflow: hidden; */
}

/*---------------------------------------
   CONTACT FORM ALERT MESSAGE (Responsive)
-----------------------------------------*/
.contact-alert {
  display: block;
  text-align: center;
  margin-top: 15px;
  padding: 10px 15px;
  border-radius: 10px;
  font-family: 'PT Serif', serif;
  font-size: 20px;
  font-weight: bold;
  color: #1b7e1b;
  background-color: #e8f8e8;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.4s ease-in-out;
  line-height: 1.3;
}

/* ✅ Responsive ajustes móviles */
@media screen and (max-width: 768px) {
  .contact-alert {
    font-size: 16px;           /* más chico en móviles */
    padding: 8px 10px;         /* menos espacio interno */
    border-radius: 8px;
    margin-top: 10px;
  }
}

/* ✅ Responsive pantallas medianas (tablets horizontales) */
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .contact-alert {
    font-size: 18px;
    padding: 10px 12px;
  }
}
/* ===== Fix H1 mobile ===== */
#about-title {
  /* tamaño fluido entre 22px y 38px según ancho de pantalla */
  font-size: clamp(22px, 5.5vw, 60px);
  line-height: 1.2;
  margin-top: .25rem;
  margin-bottom: .5rem;

  /* permitir cortes/ajustes correctos */
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere; /* permite cortar en palabras largas si hiciera falta */
  hyphens: auto;
  text-wrap: balance; /* navegadores modernos: equilibra líneas */
}

/* si tu tema fuerza uppercase con mucho letter-spacing, suavizalo en mobile */
@media (max-width: 576px) {
  .section-title h1,
  #about-title {
    letter-spacing: .5px;     /* reduce espaciado excesivo */
    text-transform: none;     /* evita estirar palabras si el tema forzaba uppercase */
  }
}
/* ====================================
   VISUALLY HIDDEN ELEMENTS (SEO + A11y)
   ==================================== */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 🎯 Centrado total del logo TripAdvisor 4to año consecutivo*/
#post_carousel_tripbadge {
     display: flex;
     justify-content: center;   /* centra horizontalmente */
     align-items: center;       /* centra verticalmente si tiene altura asignada */
     margin: 10px auto 25px auto;  /* centrado absoluto (auto) */
     padding: 0;
     width: 100%;
     text-align: center;
}

/* Elimina posibles desplazamientos del contenedor padre */
.post_carousel.post_carousel_all,
.post_carousel_container {
     margin: 0 auto;
     padding: 0;
     text-align: center;
     width: 100%;
}

/* Imagen ajustada y centrada */
#post_carousel_tripbadge img {
     max-width: 240px;
     height: auto;
     display: block;
     margin: 0 auto;
     opacity: 0.95;
     transition: transform 0.3s ease, opacity 0.3s ease;
}

#post_carousel_tripbadge img:hover {
     transform: scale(1.03);
     opacity: 1;
}

/* 📱 Ajustes responsive */
@media (max-width: 991px) {
     #post_carousel_tripbadge img {
          max-width: 190px;
     }
}

@media (max-width: 600px) {
     #post_carousel_tripbadge img {
          max-width: 160px;
     }
}

/* --- FIX: permitir click en logo en mobile --- */
.navbar-background {
  pointer-events: none; /* evita bloquear clics en elementos debajo */
}

/* --- arreglo para que aparezca el un h2 de index --- */
.section-title h2.green-title {
  color: #374225 !important;
}

/* --- cuando se haga clic en un enlace con #ancla, deje un margen superior (en este caso 120px) antes de posicionar el texto. --- */
:target {
  scroll-margin-top: 120px; /* ajustá el valor según la altura de tu navbar */
}

/* --- arreglo de las dos imagenes de PayPal y criptos --- */
.img-paypal.paypal-dayly {
  margin-top: 0 !important;
  margin-bottom: 5%;
 }

/* --- Posiciona el logo TripAdvisor a la izquierda del texto del slide --- */
.carousel_tripbadge {
  display: flex;
  justify-content: flex-start; /* izquierda */
  align-items: center;
  margin-top: 15px; /* espacio debajo del texto */
  min-height: 80px; /* mantiene alineación consistente */
}

/* ajusta el tamaño del logo */
.tripadvisor-logo {
  max-width: 220px;
  width: 100%;
  height: auto;
}

/* anula el centrado anterior */
.tripbadge {
  float: none;
  text-align: left;
}

/* === CUSTOM OVERRIDES - LUCAS - OCT 2025 === */
/* ------------------------------------------- */
/* === Enlaces internos adaptativos por tipo de fondo ===

/* Para secciones con fondo claro (intro, pattern-trout, etc.) */
.intro-home a,
.text-middle a,
.intro-info a {
  color: #4f5e2e; /* verde oliva oscuro, bien legible en fondo claro */
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s ease-in-out;
}

.intro-home a:hover,
.text-middle a:hover,
.intro-info a:hover {
  color: #1a1a1a; /* gris oscuro al pasar el mouse */
  text-decoration: none;
}

/* Para secciones con fondo fotográfico oscuro o sepia (frame-home, etc.) */
.frame-home a {
  color: #f5d77b; /* dorado cálido visible sobre fondo oscuro */
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  transition: color 0.2s ease-in-out;
}

.frame-home a:hover {
  color: #ffffff;
  text-decoration: none;
}
/* ------------------------------------------- */

/* === Solución total: elimina la línea del h6.contact-alert en mobile/tablet === */
/* === FIX FINAL Y EFECTIVO PARA FORMULARIO CONTACTO === */
/* === CONTACT FORM ALERTS === */
.row-alert {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Ocultar por defecto */
.contact-alert {
  display: none;
  text-align: center;
  font-family: 'PT Serif', serif;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  padding: 10px 15px;
  border-radius: 6px;
  line-height: 1.4;
  transition: all 0.3s ease-in-out;
}

/* ✅ Éxito */
.contact-alert.success {
  display: block !important;
  background-color: #e0f7e9;
  border: 2px solid #2e7d32;
  color: #1b5e20;
  font-size: 20px;
  box-shadow: 0 2px 6px rgba(46, 125, 50, 0.2);
}

/* ❌ Error */
.contact-alert.error {
  display: block !important;
  background-color: #fdeaea;
  border: 2px solid #c62828;
  color: #b71c1c;
  font-size: 20px;
  box-shadow: 0 2px 6px rgba(198, 40, 40, 0.2);
}
/* ---------------------------------------------------------------------------------------- */
/* === ENLACES INTERNOS: negrita + subrayado, sin color === */
.intro-info a,
.frame-home a,
.text-middle a,
.home-packages a,
.intro-home a {
  color: inherit !important;              /* usa el color del texto circundante */
  font-weight: bold !important;           /* negrita */
  text-decoration: underline !important;  /* subrayado forzado */
  text-underline-offset: 2px;             /* un poco separado del texto */
  transition: all 0.2s ease-in-out;
}

/* Al pasar el mouse */
.intro-info a:hover,
.frame-home a:hover,
.text-middle a:hover,
.home-packages a:hover,
.intro-home a:hover {
  text-decoration: none !important;       /* quita el subrayado al pasar el mouse */
  color: inherit !important;              /* mantiene el mismo color */
} */

/* -------------------------------------------------------------------------------------------- */

/* === FIX botón SEND MESSAGE === */
/* .contact button#cf-submit {
  display: block;
  width: 100%;
  max-width: 420px; 
  height: auto;
  padding: 18px 0;
  margin: 15px auto 0 auto; 
  float: none;
  text-align: center;
} */

/* @media (min-width: 1024px) {
  .contact button#cf-submit {
    width: 100%;
    max-width: 380px;
  }
} */
/* ---------------------------------------------------------------------- */
/* === FIX DEFINITIVO BOTÓN SEND === */
/* === FIX COLOR BOTÓN SEND === */
/* === FIX FINAL BOTÓN SEND === */
.contact form button#cf-submit,
#cf-submit,
button#cf-submit,
form button#cf-submit {
  display: block !important;
  width: 100% !important;
  max-width: 400px !important;
  margin: 20px auto 0 auto !important;
  padding: 18px 0 !important;
  background: #E7B63D !important;
  border-radius: 15px 5px !important;
  border: none !important;
  color: #374225 !important;
  font-weight: bold !important;
  font-size: 22px !important;
  text-align: center !important;
  transition: all 0.3s ease-in-out !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10 !important;
}

.contact form button#cf-submit:hover,
#cf-submit:hover {
  background: #d6a12f !important;
  color: #fff !important;
}


@media (max-width: 768px) {
  #cf-submit {
    margin-top: 25px; /* espacio adicional debajo del captcha */
  }
}
/* === FIX FINAL BOTÓN SEND MESSAGE (alineado con captcha) === */
#cf-submit {
  display: block;
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  padding: 14px 0;
  background-color: #e7b63d;
  border: none;
  border-radius: 8px;
  color: #374225;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

#cf-submit:hover {
  background-color: #d4a12b;
  color: #fff;
}

/* Alineación horizontal con captcha */
@media (min-width: 992px) {
  .contact form .col-md-6 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .contact form .g-recaptcha {
    margin-right: 10px;
  }

  #cf-submit {
    margin: 0;
  }
}

/* Ajustes móviles */
@media (max-width: 991px) {
  .contact form .col-md-6,
  .contact form .col-sm-12 {
    display: block;
    text-align: center;
  }

  .g-recaptcha {
    margin: 10px auto;
  }

  #cf-submit {
    margin-top: 10px;
    width: 100%;
    max-width: none;
  }
}
/* --------------------------------------------------- */

/* === Ocultar visualmente el reCAPTCHA pero mantenerlo funcional === */
/* .g-recaptcha {
  opacity: 0 !important;       
  pointer-events: none !important; 
  position: absolute !important;  
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
} */ 

/* === Reseñas bloque FADE === */
#reseñas {
  background: url("../images/home/fly-fishing-bariloche-reviews.jpg") center center no-repeat;
  background-size: cover;
  padding: 80px 0;
  color: #fff;
  position: relative;
}
#reseñas .overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.3);
}

#reseñas h2 {
  color: #e7b63d;
  margin-bottom: 40px;
  font-weight: 700;
  letter-spacing: 1px;
  z-index: 2;
  position: relative;
}

#reseñas p.text-italic {
  font-size: 16px;
  line-height: 1.7;
  margin: 0 auto 25px;
  max-width: 1200px;
  z-index: 2;
  position: relative;
}

.tst-author h4 {
  color: #f5d77b;
  margin-bottom: 5px;
}
.tst-author span {
  color: #ccc;
  font-size: 14px;
}

.trip-adv_bravo {
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}

/* === Efecto FADE para carousel === */
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-control {
  background-image: none;
}

/* === Centrar el widget TripAdvisor en versión mobile === */
@media (max-width: 767px) {
  .trip-adv_bravo {
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
  }
  .trip-adv_bravo img {
    display: inline-block;
    margin: 0 auto;
  }
}

/* === Ajuste de posición para los puntos del carousel === */
#reviews-carousel .carousel-indicators {
  bottom: -30px;
}
#reviews-carousel .carousel-indicators li {
  background-color: #f5d77b;
}
#reviews-carousel .carousel-indicators .active {
  background-color: #fff;
}
/* === Ajuste ancho del bloque de reseñas === */
#reseñas .carousel .item .text-italic {
  max-width: 85%; /* antes era ~65-70% */
  margin: 0 auto;
}

#reseñas .tst-author {
  max-width: 85%;
  margin: 0 auto;
}

/* Ajuste para pantallas grandes */
@media (min-width: 1200px) {
  #reseñas .carousel .item .text-italic,
  #reseñas .tst-author {
    max-width: 75%; /* un poco más angosto en ultra anchos */
  }
}

/* Ajuste para pantallas pequeñas (mobile) */
@media (max-width: 768px) {
  #reseñas .carousel .item .text-italic,
  #reseñas .tst-author {
    max-width: 95%;
  }
}
/* === Reseñas: enlaces clickeables sin alterar el diseño === */
.review-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.review-link:hover {
  text-decoration: none;
  opacity: 0.9;
}
/* === Centrado vertical y color original de las flechas del carrusel === */
#reviews-carousel .carousel-control {
  top: 50%;                        /* centra verticalmente */
  transform: translateY(-50%);     /* corrige desplazamiento */
  bottom: auto;
  width: 8%;
  opacity: 0.8;
}

#reviews-carousel .carousel-control i {
  font-size: 26px;                 /* tamaño del ícono */
  position: relative;
  top: 0;
  transform: none;
  color: #fff;                     /* ← color original (blanco) */
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6); /* mismo efecto Bootstrap */
}

#reviews-carousel .carousel-control.left {
  left: -10px;
}

#reviews-carousel .carousel-control.right {
  right: -10px;
}

/* Hover: igual que Bootstrap, más opacas */
#reviews-carousel .carousel-control:hover,
#reviews-carousel .carousel-control:focus {
  opacity: 1;
}
/* ==== PATCH RESEÑAS (Bootstrap 3, sin Owl) ==== */

/* 1) El contenedor actúa como fila flex para alinear widget + texto */
#reseñas {
  background-size: cover !important;   /* de auto -> cover */
  height: auto !important;             /* liberar altura fija */
  padding: 80px 0 !important;          /* espacio respirable */
}
#reseñas .container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;                      /* apila en mobile */
  gap: 32px;                            /* separación entre columnas */
  z-index: 2;
  position: relative;
}

/* 2) Dejar de flotar/absolutear TripAdvisor; vuelve al flujo */
#reseñas .trip-adv,
#reseñas .trip-adv_bravo {
  position: static !important;          /* quitar absolute */
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
  display: inline-block;
  vertical-align: middle;
  max-width: 240px;                     /* ancho razonable */
}
#reseñas .trip-adv .cdsROW.narrow,
#reseñas .trip-adv_bravo .widEXC,
#reseñas .trip-adv img,
#reseñas .trip-adv_bravo img {
  width: 100% !important;
  border-radius: 25px 10px;
}

/* 3) Tipos/colores coherentes con tu paleta */
#reseñas h2 {
  color: #E7B63D !important;
  font-size: 56px;                      /* un poco más contenido */
  line-height: 1.1;
  margin: 0 0 16px;
  text-align: center;
}
#reseñas p {
  color: #e0e0e0 !important;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}
#reseñas .tst-author h4 { margin-top: 18px; }

/* 4) Ocultar restos de Owl si quedan en el DOM */
#reseñas .owl-dots,
#reseñas .owl-theme { display: none !important; }

/* 5) Responsive */
@media (max-width: 991px) {
  #reseñas h2 { font-size: 44px; }
}
@media (max-width: 767px) {
  #reseñas .container { flex-direction: column; gap: 20px; }
  #reseñas h2 { font-size: 36px; }
}
@media (max-width: 767px) {
  /* Centrar correctamente el widget de TripAdvisor */
  #reseñas .trip-adv,
  #reseñas .trip-adv_bravo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    margin: 0 auto 20px auto !important;
    text-align: center !important;
  }

  #reseñas .trip-adv_bravo img {
    max-width: 180px;
    margin: 0 auto;
  }
}

/* === Override global de encabezados Bootstrap === */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.review-title {
  font-weight: bold;
  text-decoration: underline;
  font-size: 1.2em; /* un poquito más grande */
  display: block;
  margin-bottom: 5px;
}

.carousel-caption-font h3 {
  font-weight: bold !important;
  font-weight: 600 !important;
}

.footer-menu {
  text-align: center;
  margin: 10px 0 8px;
}
.footer-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}
.footer-menu li {
  display: inline;
}
.footer-menu a {
  color: #fff; /* podés cambiarlo según tu fondo */
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-menu a:hover {
  color: #f7961e; /* naranja hover */
}

/* Opcional: pequeño punto separador entre items */
.footer-menu li + li::before {
  content: "•";
  color: #aaa;
  margin-right: 6px;
}

/* Responsive */
@media (max-width: 600px) {
  .footer-menu ul { gap: 6px 10px; }
  .footer-menu a { font-size: 14px; }
}
.footer_img {
  display: block;
  margin: 6px auto 0;
  max-width: 220px;
  opacity: 0.9;
  transition: opacity 0.3s ease-in-out;
}
.footer_img:hover {
  opacity: 1;
}
/* === Unificar color de textos del footer al verde oscuro (#374225) === */
footer,
footer h2,
footer h3,
footer p,
footer a,
footer address p,
footer .footer-claim,
footer .copyright-text p {
  color: #374225 !important;
}

/* Menú horizontal del footer */
.footer-menu a {
  color: #374225 !important;
  font-weight: 600;
  text-decoration: none;
}
.footer-menu a:hover { color: #1f2914 !important; } /* un toque más oscuro */
.footer-menu li + li::before { color: rgba(55,66,37,.55); } /* separador en tono */

/* Corregir <strong> en footer (estaba gris claro) */
footer strong { color: #374225 !important; }

/* Si mantenés <strong> Lucas Valenti, aseguro el color ahí también */
.footer-info p strong { color: #374225 !important; }

/* === CONTACT FORM V4: accessible fields + Cloudflare Turnstile === */
.contact .contact-form {
  width: 100%;
}

.contact-form-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  align-items: start;
}

.contact .contact-form-field {
  min-width: 0;
  margin-bottom: 0;
}

.contact .contact-form-field--full {
  grid-column: 1 / -1;
}

.contact .contact-form-field label {
  display: block;
  margin: 0 0 5px;
  color: #374225;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.contact .contact-form-field small {
  display: block;
  margin: 5px 3px 0;
  color: #51574a;
  font-size: 13px;
  line-height: 1.35;
}

.contact .contact-form .form-control {
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 10px 14px;
  border: 2px solid transparent;
  border-radius: 12px 4px;
  background: #e1e1e1;
  color: #070101;
  font-size: 17px;
  line-height: 1.4;
}

.contact .contact-form textarea.form-control {
  min-height: 110px;
  height: auto;
  resize: vertical;
}

.contact .contact-form .form-control:focus {
  border-color: #939549;
  background: #f2f2f2;
  outline: 3px solid rgba(147, 149, 73, 0.24);
  outline-offset: 1px;
}

.contact-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.contact-form-actions {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(140px, 0.55fr);
  gap: 14px;
  align-items: center;
  margin-top: 12px;
}

.turnstile-wrap,
.cf-turnstile {
  width: 100%;
  min-height: 65px;
}

.contact .contact-form button.cf-submit {
  display: block;
  width: 100%;
  min-height: 58px;
  margin: 0;
  padding: 12px 18px;
  border: 0;
  border-radius: 12px 4px;
  background: #e7b63d;
  color: #374225;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.contact .contact-form button.cf-submit:hover,
.contact .contact-form button.cf-submit:focus {
  background: #d4a12b;
  color: #ffffff;
}

.contact .contact-form button.cf-submit:focus {
  outline: 3px solid rgba(55, 66, 37, 0.32);
  outline-offset: 3px;
}

.contact .contact-form button.cf-submit:disabled {
  cursor: wait;
  opacity: 0.7;
}

.contact .row-alert {
  min-height: 0;
  margin: 8px 0 0 !important;
}

.contact .contact-alert {
  height: auto !important;
  min-height: 0;
  margin: 0;
}

@media (min-width: 992px) {
  .contact .img-contact {
    width: 100%;
    height: 400px;
    min-height: 0;
    margin-left: 0;
    background-position: center top;
    background-size: cover;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .contact .container > .row > .col-sm-6 {
    width: 100%;
  }

  .contact .img-contact {
    display: block;
    width: 100%;
    max-width: 615px;
    height: auto;
    aspect-ratio: 615 / 400;
    margin: 0 auto 24px;
    background-position: center top;
    background-size: contain;
  }
}

@media (max-width: 767px) {
  .contact-form-fields {
    grid-template-columns: 1fr;
  }

  .contact .contact-form-field--full {
    grid-column: auto;
  }

  .contact-form-actions {
    grid-template-columns: 1fr;
  }

  .contact .contact-form button.cf-submit {
    max-width: none;
  }

  .contact .contact-form-field label {
    font-size: 15px;
  }

  .contact .contact-form .form-control {
    font-size: 16px;
  }

  .contact-form-actions {
    margin-top: 14px;
  }

  .contact .row-alert {
    margin-bottom: 28px !important;
  }
}
