/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 06 2026 | 22:15:17 */
.error,
#error { display: none !important; }

/* Ocultar badge Google reCAPTCHA */
.grecaptcha-badge {
    visibility: hidden !important;
}
/* Ocultar botón volver arriba */
#topcontrol {
    display: none !important;
}

.njt-header .njt-header-title a {
  color: #fafcff;
}

.njt-review .njt-review-content {
  color: #fef6f6 !important;
}

body { color: #c1c1c1 !important; }

/* ==================================================
   HEADER CORRECTO
   Logo izquierda / menú derecha dentro del container
   Complejo Turístico Pucón
================================================== */

/* Header negro completo */
#header,
#header .porto-block,
#header .container-fluid {
    margin: 0 !important;
    padding: 0 !important;
}

/* Fila principal del header */
#header .header-main {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
}

/* Columna interna centrada como container */
#header .header-main > .vc_column_container {
    width: 100% !important;
    max-width: 1260px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    flex: 0 0 100% !important;
}

/* ESTE ES EL BLOQUE REAL: contiene logo + menu + mobile toggle */
#header .header-main > .vc_column_container > .wpb_wrapper.vc_column-inner {
	min-width:360px;
    width: 100% !important;
    margin: 0 auto !important;
    /* padding: 0 26px !important; */
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Logo izquierda */
#header .logo {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

#header .logo a {
    display: block !important;
}

#header .logo img {
    width: auto !important;
    display: block !important;
}

/* Menú derecha */
#header #menu-menu {
    margin-left: auto !important;
    margin-right: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 15px !important;
}

/* Anular mx-auto del tema */
#header #menu-menu.mx-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Items del menú */
#header #menu-menu > li.menu-item {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
}

/* Links del menú */
#header #menu-menu > li.menu-item > a {
    background: transparent !important;
    color: #dd9933 !important;
    padding: 28px 0 24px 0 !important;
    margin: 0 !important;

    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.45px !important;
    text-transform: uppercase !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Hover */
#header #menu-menu > li.menu-item > a:hover {
    color: #ffffff !important;
}


/* En desktop ocultar botón mobile */
@media screen and (min-width: 990px) {
    #header .mobile-toggle {
        display: none !important;
    }
}

@media only screen and (max-width: 990px) {
	#header #menu-menu {
        display: none !important;}
}



/* ==================================================
   CORREGIR LOGO DUPLICADO
   Porto carga standard-logo + sticky-logo
================================================== */

/* Mostrar solo el logo normal */
#header .logo img.standard-logo {
    display: block !important;
    width: auto !important;
}

/* Ocultar logo sticky duplicado */
#header .logo img.sticky-logo {
    display: none !important;
}

/* Alinear logo correctamente */
#header .logo a {
    display: flex !important;
    align-items: center !important;
}

/* Evitar que el logo genere doble altura */
#header .logo {
    height: auto !important;
    line-height: 1 !important;
}




.home #header { position: absolute; width: 100%; z-index: 1030; }
#header.sticky-header .header-main { background-color: #000; }
#header.sticky-header .main-menu > li.menu-item > a.current { color: #fff !important; }
#header .main-menu > li.menu-item > a { padding: 10px 7px;}

#main, #fondo { background: #1d2127; }
#header .mobile-toggle { font-size: 13px; background-color: #dd9933;  color: #ffffff; }
.colortop { background-color:rgba(0, 0, 0, 0.5); padding: 5px 0; }

.no-breadcrumbs .main-content { padding-top: 0 !important; }

#seo * { font-size: 0px; color:transparent; height:0px !important;}

.wa__popup_powered,
.wa__popup_powered_content,
.wa__popup_chat_box .wa__popup_notice { display: none !important; visibility: hidden !important;  }

@media screen and (max-width: 439px) {
  #header .logo {
    --porto-logo-mw: 260px !important;
	  height:100px;
  }
}

@media screen and (min-width: 440px) {
  #header .logo {
    --porto-logo-mw: 300px !important;
  }
}

@media screen and (max-width: 778px) {
	.header-wrapper > * .container-fluid { padding-left: 2px; padding-right: 2px; }
	.movil { max-width:140px !important;  margin: 0 0 0 8px !important; }
}

.hero-section-bg .banner-effect-wrapper::before{background:#000 !important;}
.borde {  border: 4px solid #d93; }

.wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom: 5px; }
/* .cvall { max-width: 1160px !important;} */

body.dark .entry-content { border-bottom-color: transparent; }
.entry-content { padding-bottom: 0; border-bottom: none; border-bottom-color: transparent;  margin-bottom: 0; }
hr.tall { margin: 14px 0; background: transparent; }

.vc_btn3-container { margin: 0 10px !important; max-width: 130px; float: left; }

.divider-w-50 { width: 50px;}
.custom-divider { margin-top: 10px;}

.rounded-2 { border-radius: 4px !important;}
.center { text-align: center; }
.justify { text-align: justify; }
.btn-primary { color: #000; }

.chico { font-size: 11px; color: #dd9933; }

.margen-texto { margin: 4px 0 !important; }

h1 { color: #dd9933; }
h2 { margin-bottom: 20px !important; }
h3.porto-sicon-title { font-size: 12px !important; }

.porto-sicon-header > p:last-child { color:#fff !important; }
.porto-sicon-box { margin: 0 !important; }

.porto-carousel-wrapper { margin-top: 5px !important; margin-bottom: 5px !important; }

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none !important;
    cursor: default !important;
  }
}

@media screen and ( max-width: 480px) {
	.row { 	--bs-gutter-x: 0; --bs-gutter-y: 0; }}	

@media screen and ( max-width: 420px) {
	#header .mobile-toggle { margin: 8px 15px 8px 2px !important; }
	.page-wrapper { min-width: 360px !important; }
	.container-fluid .vc_row .porto-map-section .container, 
	.container-fluid .vc_row.no-padding .container { padding-left: 10px; padding-right: 10px; }
	.porto-sicon-header { margin-right: 8px; }
	.porto-sicon-header > p:last-child { font-size: 12px !important; }
	.porto-sicon-img, .porto-sicon-img .img-icon { width: 35px !important; }}

@media screen and ( max-width: 429px) {
	.shape-1 { bottom: -35px !important; }	
	.shape-2 { bottom: -30px !important; }}

@media screen and ( min-width:430px) and ( max-width: 619px) {
	.shape-1 { bottom: -30px !important; }	
	.shape-2 { bottom: -40px !important; }}

@media screen and ( min-width:620px) and ( max-width: 839px) {
	.shape-1 { bottom: -20px !important; }	
	.shape-2 { bottom: -35px !important; }}

@media screen and ( min-width:840px) and ( max-width: 968px) {
	.shape-1 { bottom: -10px !important; }	
	.shape-2 { bottom: -30px !important; }}	

@media { :is(article, aside, nav, section) h1 { margin-block: 0.1em;  } }

.share-links a { margin: 15px 8px; }
.word-rotator.scale b { color: #c1c1c1; }

.post-item.porto-tb-item.post.style-5 { font-size: 12px; line-height: 13px; }

.porto-post-title { font-size: 14px; }
.porto-post-title,
.m-b-lg { margin-bottom: 2px !important; }

.vc_col-sm-3 { margin: 15px 0; }

.fullcontacto, .mediocontacto { margin: 0 1% !important; float:left; }
.fullcontacto { width: 98% !important; }
.mediocontacto { width: 48.60% !important; }

.margencontenido, .sinmargencontenido{ float:left; }
.margencontenido { width: 10% !important; }
.sinmargencontenido{ width: 80% !important; }

#ui-datepicker-div { position: fixed !important; top: 50% !important; right: 5% !important; }

.form-group { margin: 2px 0.2% !important; }
.form-group > p { margin-bottom: 8px !important; }
.wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=url],
.wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=date],
.wpcf7-form input[type=range], .wpcf7-form textarea, .wpcf7-select { width:100% }
.wpcf7-form textarea { height: 150px; }

.wpcf7-form input[type="text"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="url"], .wpcf7-form input[type="email"], .wpcf7-form input[type="number"], .wpcf7-form input[type="date"], .wpcf7-form input[type="range"], .wpcf7-form textarea, .wpcf7-select { border: 1px solid #c1c1c1; }

.button, input.submit { color: #000; }

wpcf7-not-valid-tip,
span.wpcf7-not-valid-tip { color: #c10000; margin-top: 3px; padding: 0; font-size: 0.9em; }

input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid {
	border-color: #a94442 !important; box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset !important; }

@media only screen and (max-width: 778px) {
	.dos { width: 50%; !important; }
	.fullcontacto, .mediocontacto  { width: 100% !important; margin: 2px 0 !important }
	.vc_col-sm-3 { width: 50%; float:left; }
	.vc_col-sm-1\/5 { width: 50% !important; }
	.nomostrar { display: none !important;}
}

@media only screen and (max-width: 860px) {
	#main > .wf-wrap { padding: 0 20px !important; }}

.wpcf7 .wpcf7-not-valid-tip {
  font-size: 13px;
  color: #d93025;
  margin-top: 5px;
  display: block;
}

.wpcf7 .wpcf7-not-valid {
  border-color: #d93025 !important;
}

.wpcf7 .wpcf7-response-output:empty {
  display: none !important;
}

/* ==================================================
   CF7 - Errores solo después de presionar Enviar
================================================== */

.wpcf7 form:not(.cvall-intento-enviar) .wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7 form:not(.cvall-intento-enviar) .wpcf7-not-valid {
    border-color: #c1c1c1 !important;
    box-shadow: none !important;
}

.wpcf7 form:not(.cvall-intento-enviar) .wpcf7-response-output {
    display: none !important;
}

.wpcf7 form.cvall-intento-enviar .wpcf7-not-valid-tip {
    display: block !important;
    color: #d93025 !important;
    font-size: 13px !important;
    margin-top: 5px !important;
}

.wpcf7 form.cvall-intento-enviar .wpcf7-not-valid {
    border-color: #d93025 !important;
}

.cvall-booking-bar {
	width: 100% !important;
	max-width: 768px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
	display: flex;
	gap: 14px;
	align-items: center;
	background: #1d2127;
	padding: 22px;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

.cvall-booking-field {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.cvall-booking-field label {
  color: #dd9933;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.cvall-booking-field input,
.cvall-booking-field select {
  height: 48px;
  border: 1px solid #dd9933;
  background: #fff;
  color: #222;
  padding: 0 14px;
  border-radius: 4px;
  font-size: 15px;
}

.cvall-booking-bar button {
  height: 48px;
  padding: 0 32px;
  border: none;
  border-radius: 4px;
  background: #a00000;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  margin-top: 30px;
}

.cvall-booking-bar button:hover {
  background: #dd9933;
  color: #000;
}

@media (max-width: 768px) {
  .cvall-booking-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .cvall-booking-bar button {
    width: 100%;
    margin-top: 0;
  }
}

/* Calendario Flatpickr - Complejo Turístico Pucón */

.flatpickr-calendar {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid #dd9933 !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.35) !important;
  font-family: inherit !important;
}

.flatpickr-months {
  background: #1d2127 !important;
}

.flatpickr-month,
.flatpickr-current-month,
.flatpickr-current-month input.cur-year {
  color: #ffffff !important;
}

.flatpickr-weekdays {
  background: #1d2127 !important;
}

span.flatpickr-weekday {
  color: #dd9933 !important;
  font-weight: 700 !important;
}

.flatpickr-day {
  border-radius: 8px !important;
  color: #222 !important;
}

.flatpickr-day.today {
  border-color: #dd9933 !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: #dd9933 !important;
  border-color: #dd9933 !important;
  color: #111 !important;
  font-weight: 700 !important;
}

.flatpickr-day:hover {
  background: #f1c37a !important;
  border-color: #f1c37a !important;
  color: #111 !important;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay.flatpickr-disabled,
.flatpickr-day.nextMonthDay.flatpickr-disabled {
  color: #b8b8b8 !important;
  background: #f3f3f3 !important;
  cursor: not-allowed !important;
}

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  fill: #dd9933 !important;
}

.cvall-booking-field input.flatpickr-input,
.cvall-booking-field .flatpickr-input,
.cvall-booking-field .form-control {
  cursor: pointer !important;
}

.cvall-booking-field input[readonly] {
  cursor: pointer !important;
  background-color: #fff !important;
}

/* ==================================================
   Cloudbeds Booking - 2 columnas hasta 770px
================================================== */

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

  .cvall-booking-bar {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    align-items: end !important;
  }

  .cvall-booking-field {
    width: 100% !important;
    margin: 0 !important;
  }

  .cvall-booking-field input,
  .cvall-booking-field select,
  .cvall-booking-field .flatpickr-input {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #cvall-cloudbeds-submit {
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
  }

}