/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@font-face {
    font-family: 'Kairo';
    src: url("/wp-content/themes/salient-child/fonts/kairo_otf-webfont.woff") format("woff");
    font-style: normal;
}

html .kairo_font{
  font-family: "Kairo";
}

html .fw-700{
  font-weight: 700!important;
}

html .fw-600{
  font-weight: 600;
}

html .fw-500{
  font-weight: 500;
}
 
html .amelia-v2-booking #amelia-container.am-fs__wrapper{
	margin: 50px auto;
}

html div[data-style="default"] .toggle > .toggle-title a, div[data-style="default"] .toggle > .toggle-title {
  font-size: 20px;
  line-height: 28px;
}

html .toggle > .toggle-title a i{
	left: unset;
	right: 13px;
	top: 20px;
}

html .toggle > .toggle-title a{
	padding: 14px 14px 16px 14px;
}

html .custom_bg_auto .row-bg,
html .custom_bg_auto .column-image-bg{
	background-size: auto!important;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 1000px) {
  #header-outer #logo{
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
  }
}

html body[data-button-style*="slightly_rounded"].ascend .nectar-button.see-through{
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}

html .nectar-fancy-ul ul li{
  font-family: 'DM Sans', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
  line-height: 25px;
}

html .nectar-fancy-ul[data-list-icon="dot"] ul li{
  padding-left: 10px;
}

html body[data-button-style*="slightly_rounded"] .nectar-button{
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}

html .custom_animation{
  animation: pulse 2s ease 0s infinite normal forwards;
}

@media only screen and (max-width: 690px) {
  .wpb_wrapper h2.vc_custom_heading {
    font-size: 22px !important;
    line-height: 28px !important;
  }
	
	  .wpb_wrapper h2.vc_custom_heading.fs-20 {
    font-size: 20px !important;
  }

  html .custom_subtitulo_hero {
    font-size: 17px!important;
    line-height: 27px!important;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  html .nectar-button.jumbo {
    padding: 25px 30px;
  }
}

@media only screen and (max-width: 690px) {
  .wpb_wrapper h1.vc_custom_heading {
    font-size: 25px !important;
    line-height: 35px !important;
  }

  html .custom_button_align{
    text-align: center!important;
  }
	
	html .custom_bg_auto .row-bg,
html .custom_bg_auto .column-image-bg{
	background-size: 30%!important;
}
}

html .custom_precio_off::after{
	content: " ";
  width: 100%;
  height: 1px;
  background-color: white;
  display: block;
  position: relative;
  top: -13px;
}

html .custom_precio_off{
  display: inline-block;
}

/* Fondo de la sección donde se incluye la tabla */
section {
  background-color: #535f4e;
  padding: 2rem;
}

/* Tabla principal */
.tabla-comparativa {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  background-color: #535f4e; /* Fondo de la tabla igual al fondo de sección */
  color: white;
  font-family: sans-serif;
  border: 2px solid rgb(129, 110, 132);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

/* Encabezados */
.tabla-comparativa thead th {
  background-color: rgb(129, 110, 132); /* Color secundario */
  color: white;
  padding: 15px;
  font-size: 1.1rem;
}

/* Celdas */
.tabla-comparativa tbody td {
  padding: 12px;
  border: 1px solid rgb(129, 110, 132);
  background-color: #6b7a64; /* tono ligeramente más claro que #535f4e */
  color: white;
}

/* Primera columna (íconos y texto explicativo) */
.tabla-comparativa td:first-child {
  text-align: left;
  background-color: #535f4e;
  color: white;
  font-weight: bold;
}

/* Fila de precios en promoción */
.tabla-comparativa tbody tr:last-child td {
  background-color: rgb(129, 110, 132);
  color: white;
  font-weight: bold;
}

/* Precio anterior tachado */
.tabla-comparativa s {
  color: #ddd;
  margin-right: 5px;
}

/* Precio nuevo en negrita */
.tabla-comparativa strong {
  color: #ffffff;
  font-size: 1.2rem;
}