body {font-family: "Rubik", serif; font-weight: 300; color: #3A3A3B;}
.logo {font-family: "Leckerli One", serif;}
.header {background-color: transparent;}
.hero {min-height: 80vh; padding: 35px 0; margin-top: -92px; background-image: url(../img/bg-home.jpg); background-size: cover; background-position: center center;}
.navmenu li a {color: #FFFFFF;font-weight: 400; font-size: 13px;}
.navmenu>ul>li>a:before {background-color: #d2a16f;}
.navmenu li:hover>a, .navmenu .active, .navmenu .active:focus {color: #FFFFFF;}
.header .logo h1 {font-size: 35px; font-weight: normal; color: #ffffff;}
.h-500 {height: 70vh; margin: -60px 0px;}
.scrolled .header {background-color: #FFFFFF;}
.bg-celeste {background-color: #D5E8E8;}
.scroll-wpp {position: fixed; right: 15px; bottom: 15px; z-index: 99999; background-color: #25D366; width: 55px;
    height: 55px; border-radius: 50px; transition: all 0.4s;}
.about .content img {height: 42px;}
.scroll-wpp i {color: #FFFFFF; font-size: 20px;}
.scroll-top {background-color: #DB9E67; left: 15px;}
.celeste {color: #789497;}
.box-naranja {background-color:#F6F3EC}
.verde {color: #CED8B5;}
.form-select {border-radius: 8px; font-size: 12px; color: #424242; min-height: 45px;}
.bg-verde {background-color: #CED8B5;}
.scrolled .navmenu li a {color: #3A3A3B;}
.scrolled .logo h1 {color: #3A3A3B;}
.img-hero {position: absolute;bottom: 0; left: 0; right: 0;}
.naranja {color: #DB9E67;}
.swiper-pagination-bullet {
    background: #ffffff; opacity: 0.4;
}
.form-select:focus {box-shadow: none;}
ul.list-camping {
    padding-left: 15px;
}
.menu .nav-link.active {
    border-color: #d2a17d;
}
.menu .nav-link.active h4 {
    color: #d2a17d;
}

  /* Estilo del placeholder (cuando el select es inválido) */
  select:invalid {
    letter-spacing: 1px; color: #B5B5B5;
  }

 
.message.success {
    font-size: 13px;
    margin-bottom: 10px;
    color: #adbf78;
    border-radius: 4px;
}
.message.error {
    font-size: 13px;
    margin-bottom: 10px;
    color: #F44336;
    border-radius: 4px;
}
.menu .menu-content::after {
    content: '';
    position: absolute;
    left: 20px;
    right: 0;
    top: 15px;
    z-index: 1;
    color: 
color-mix(in srgb, var(--default-color), transparent 60%);
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-bottom: 2px dotted #ccc;
}   
.menu .menu-content p {
    color: var(--heading-color);
    background: var(--background-color);
    padding-right: 10px;
    position: relative;
    z-index: 3;
    font-weight: 400;
    transition: 0.3s;
    font-size: 15px;
}
.menu .menu-content span {
    background: var(--background-color);
    color: #d2a17d;
    position: relative;
    z-index: 3;
    padding: 0 10px;
    font-weight: 600;
}
.menu .nav-link h4 {
    font-size: 15px;
}
.menu .nav-link:hover {
    border-color: #d2a17d;
}
.swiper-pagination-bullet-active {background-color: #DB9E67; opacity: 1;}
.bg-naranja {background-color: #DB9E67;}
.font13 {font-size: 13px;}
.fw-semibold {font-weight: 500 !important;}
p {color: #3A3A3B;}
.font15 {font-size: 15px; line-height: 20px;}
.font14 {font-size: 14px; line-height: 20px;}
.ls-1 {letter-spacing: 1px;}
h2 {font-size: 2.3rem; line-height: 41px;}
.index-9 {z-index: 9;}
ul li {list-style: none;}
footer p {font-size: 11px; letter-spacing: 1px;}
.book-a-table .php-email-form input[type=text], .book-a-table .php-email-form input[type=email], .book-a-table .php-email-form input[type=number], .book-a-table .php-email-form input[type=date], .book-a-table .php-email-form input[type=time], .book-a-table .php-email-form textarea {
    background-color: #FFFFFF; border: 0; border-radius: 8px; font-size: 12px; color: #424242; min-height: 45px;}
.book-a-table .php-email-form button[type=submit] {background: #DB9E67;}
::placeholder {letter-spacing: 1px; color: #B5B5B5;}
.list-camping li {margin-bottom: 15px; font-size: 15px;}
.book-a-table .php-email-form button[type=submit]:hover {background: color-mix(in srgb, #DB9E67, transparent 20%);}
.swiper.init-swiper {
    border-top-left-radius: 20px; border-bottom-left-radius: 20px;
}
.box-tarjetas {
    background-color: #ede8de;
}
.mobile-nav-toggle {
    color: #ffffff;
}   
.footer {background-color: #43423D ;}
.swiper.init-swiper.border-right-radius {
    border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 0; border-bottom-left-radius: 0;
}
::selection {background-color: #DB9E67; color: #FFFFFF;}

@media (max-width: 1200px) {
    .list-camping li {
        font-size: 13px;
    }
    .navmenu li a {
        color: #1a1a1a;
        font-size: 15px;
    }
    .navmenu li:hover>a, .navmenu .active, .navmenu .active:focus {
        color: #DB9E67;
    }
    .scrolled .mobile-nav-toggle {
        color: #000000;
    }
  }

  @media (max-width: 990px) {
    .list-camping li {
        font-size: 14px;
    }
    h2 {
        font-size: 2.2rem;
    }
    .font15 {
        font-size: 13px;
        line-height: 17px;
    }
    .h-500 {height: 60vh; margin: 0px 0px;}
    .swiper.init-swiper {
     border-radius: 0;
    }
    .header .logo h1 {
        font-size: 28px;
    }
  }
  @media (max-width: 768px) {
  section#camping2 {
    padding-top: 0 !important;
}}

  @media (max-width: 570px) {
  section, .section {
    padding: 30px 0;
 }

 .font14 {
    font-size: 12px;
    line-height: 16px;
}
.font15 {
    font-size: 14px;
    line-height: 18px;
}
h2 {
    font-size: 2rem;
}
.hero {
    min-height: 60vh;
} 
}