.jet-ajax-search__submit[type="submit"], .jet-ajax-search-block .jet-ajax-search__submit[type="submit"] {
    background-color: #557286;
}

.elementor-heading-title {
	color: #62AEB1;
}

/* Gravity Forms. Hide required fields legend text completely */

.gform_wrapper p:has(.gfield_required) {
    display: none !important;
}


/* Gravity Forms. Hide quiz results labels and confirmation text */

.gform_confirmation_wrapper .gquiz-confirmation-message strong,
.gform_confirmation_wrapper .gquiz-confirmation-message {
    display: none !important;
}

.gform_confirmation_wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

/* BLOQUE SEARCH COMPLETO */
.search-blog.wp-block-search {
  max-width: 520px;
  width: 100%;
}

/* WRAPPER INTERNO */
.search-blog .wp-block-search__inside-wrapper {
  display: grid;
  grid-template-columns: 1fr 44px;
  gap: 8px;
  align-items: center;
  background: #ffffff;
  padding: 10px;
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* INPUT */
.search-blog input.wp-block-search__input {
  width: 100%;
  height: 44px;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 15px;
  color: #6B7280;
  background: #ffffff;
}

/* BOTÓN */
.search-blog button.wp-block-search__button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #5C7C89;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ICONO */
.search-blog button.wp-block-search__button svg {
  width: 18px;
  height: 18px;
  fill: #ffffff;
}

/* BOTÓN MÁS GRANDE */
.search-blog .jet-ajax-search__submit {
  width: 52px;
  height: 52px;
  min-width: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ICONO MÁS GRANDE */
.search-blog .jet-ajax-search__submit svg {
  width: 22px;
  height: 22px;
}


/* HOVER */
.search-blog button.wp-block-search__button:hover {
  background: #4a6671;
}


/* centrar migas de pan en blog */
.page-id-11848 .rank-math-breadcrumb {
    display: flex;
    justify-content: center;
    text-align: center;
    max-width: 1140px;
    margin: 0 auto;
    padding: 10px 20px;
}

/* CONTENEDOR DEL FILTRO */
.elementor-widget-taxonomy-filter .e-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-bottom: 30px !important;
}

/* BOTONES */
.elementor-widget-taxonomy-filter .e-filter-item {
    background: #f2f5f7 !important;
    color: #333 !important;
    border-radius: 999px !important;
    padding: 10px 18px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1px solid #dfe6ea !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

/* HOVER */
.elementor-widget-taxonomy-filter .e-filter-item:hover {
    background: #d9eef0 !important;
    color: #0a6b73 !important;
    border-color: #bfe3e6 !important;
}

/* ACTIVO */
.elementor-widget-taxonomy-filter 
.e-filter-item[aria-pressed="true"] {
    background: #0a6b73 !important;
    color: #ffffff !important;
    border-color: #0a6b73 !important;
}

/* FOCO */
.elementor-widget-taxonomy-filter .e-filter-item:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(10, 107, 115, 0.35) !important;
}

/* Fix: Icono WhatsApp gigante al cambiar de página */
@keyframes joinchat_show {
  0% { transform: scale3d(0, 0, 0); }
  to { transform: scale3d(1, 1, 1); }
}
.joinchat {
  transform-origin: bottom right;
}

/* === INICIO formularios Gravity Santiago Cid (migracion oct 2026) === */
/* ===========================================================
   Formularios Gravity con el aspecto exacto de los de Elementor
   Santiago Cid - migracion oct 2026 - v4

   Todos los valores salen de medir los estilos calculados de
   los formularios de Elementor en produccion (viewport 1440).
   Acotado a .scid-form_wrapper para no tocar otros formularios.

   El tema "gravity-theme" tiene selectores de 3 clases, asi que
   casi todo aqui se escribe con .gform_wrapper.scid-form_wrapper
   para ganarle sin recurrir a !important mas de lo imprescindible.
   =========================================================== */

.gform_wrapper.scid-form_wrapper {
	--scid-text: rgb(128, 143, 144);   /* Neutral/500  etiquetas y campos */
	--scid-body: rgb(102, 114, 115);   /* Neutral/600  texto legal y opciones de radio */
	--scid-border: rgb(204, 210, 211); /* Neutral/200  borde de los campos */
	--scid-link: rgb(98, 174, 177);    /* Principal/500 enlaces */
	--scid-btn: rgb(85, 114, 134);     /* Complementario */
	--scid-gap: 16px;                  /* row_gap del widget */
	--scid-label-gap: 4px;             /* label_spacing del widget */
	font-family: Lato, sans-serif;
}

/* El de "Pide cita gratis" tiene sus propios ajustes en Elementor */
.gform_wrapper.scid-form--gratis_wrapper {
	--scid-border: rgb(200, 227, 228); /* Principal/200 */
	--scid-gap: 14px;
	--scid-label-gap: 5px;
}

/* ---- rejilla: 12 columnas con el canal de 34px de Elementor ---- */
.gform_wrapper.scid-form_wrapper .gform_fields {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	/* 34px como Elementor, pero nunca mas de 1/14 del ancho: con 12 columnas
	   hay 11 canales, y en cajas estrechas (barra lateral de tratamientos)
	   34px x 11 desbordaba el formulario por la derecha. Arreglo 15 oct 2026 */
	column-gap: min(34px, calc(100% / 14));
	row-gap: 0;
}
.gform_wrapper.scid-form_wrapper .gfield {
	grid-column: span 12;
	margin: 0 0 var(--scid-gap);
	padding: 0;
}
.gform_wrapper.scid-form_wrapper .gfield.gf_left_half,
.gform_wrapper.scid-form_wrapper .gfield.gf_right_half {
	grid-column: span 6;
}

/* ---- etiquetas ---- */
.gform_wrapper.scid-form_wrapper .gfield_label,
.gform_wrapper.scid-form_wrapper legend.gfield_label {
	font-family: Lato, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--scid-text);
	margin: 0;
	padding: 0 0 var(--scid-label-gap);
	display: block;
}

/* Gravity escribe "(Obligatorio)"; Elementor pone un asterisco rojo */
.gform_wrapper.scid-form_wrapper .gfield_required {
	font-size: 0;
	color: transparent;
	margin-left: 2px;
}
.gform_wrapper.scid-form_wrapper .gfield_required::before {
	content: "*";
	font-size: 16px;
	line-height: 24px;
	color: rgb(255, 0, 0);
	vertical-align: baseline;
}
.gform_wrapper.scid-form_wrapper .gfield_required .gfield_required_text,
.gform_wrapper.scid-form_wrapper .gfield_required .gfield_required_asterisk {
	display: none;
}

/* ---- campos de texto ---- */
.gform_wrapper.scid-form_wrapper input[type="text"],
.gform_wrapper.scid-form_wrapper input[type="email"],
.gform_wrapper.scid-form_wrapper input[type="tel"],
.gform_wrapper.scid-form_wrapper input[type="number"],
.gform_wrapper.scid-form_wrapper textarea,
.gform_wrapper.scid-form_wrapper select {
	width: 100%;
	box-sizing: border-box;
	height: 48px;
	min-height: 40px;
	padding: 16px;
	font-family: Lato, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--scid-text);
	background-color: #fff;
	border: 1px solid var(--scid-border);
	border-radius: 12px;
	box-shadow: none;
	margin: 0;
}
.gform_wrapper.scid-form_wrapper textarea {
	resize: vertical;
}
/* Elementor deja el marcador de posicion al 60% de opacidad */
.gform_wrapper.scid-form_wrapper input::placeholder,
.gform_wrapper.scid-form_wrapper textarea::placeholder {
	color: inherit;
	font-family: inherit;
	opacity: .6;
}
.gform_wrapper.scid-form_wrapper input:focus,
.gform_wrapper.scid-form_wrapper textarea:focus {
	outline: none;
	border-color: var(--scid-text);
}

/* El textarea de Contacto mide 200px en Elementor (#form-field-form_area_texto) */
.gform_wrapper.scid-form--contacto_wrapper textarea {
	height: 200px;
	min-height: 200px;
}

/* ---- radios: en linea, como elementor-subgroup-inline ---- */
.gform_wrapper.scid-form_wrapper .ginput_container_radio .gfield_radio,
.gform_wrapper.scid-form_wrapper .ginput_container_checkbox .gfield_checkbox {
	display: block;
	margin: 0;
	padding: 0;
}
.gform_wrapper.scid-form_wrapper .gfield_radio .gchoice,
.gform_wrapper.scid-form_wrapper .gfield_checkbox .gchoice {
	display: inline-block;
	margin: 0;
	padding: 0 10px 0 0;
	font-family: Lato, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--scid-body);
}
.gform_wrapper.scid-form_wrapper .gfield_radio .gchoice label,
.gform_wrapper.scid-form_wrapper .gfield_checkbox .gchoice label {
	display: inline;
	font-family: Lato, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: inherit;
	margin: 0;
	padding: 0;
	max-width: none;
	vertical-align: baseline;
}
.gform_wrapper.scid-form_wrapper .gfield_radio input[type="radio"] {
	margin: 3px 3px 0 5px;
}

/* ---- casillas (consentimiento y comerciales) ---- */
.gform_wrapper.scid-form_wrapper .ginput_container_consent {
	display: block;
}
.gform_wrapper.scid-form_wrapper .ginput_container_consent label,
.gform_wrapper.scid-form_wrapper .gfield--type-checkbox .gchoice label {
	display: inline;
	font-family: Lato, sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--scid-text);
	margin: 0;
	padding: 0;
	max-width: none;
	vertical-align: baseline;
}
.gform_wrapper.scid-form_wrapper .gfield--type-checkbox .gchoice {
	display: block;
	padding: 0;
	color: var(--scid-text);
}
.gform_wrapper.scid-form_wrapper .ginput_container_consent input[type="checkbox"],
.gform_wrapper.scid-form_wrapper .gfield--type-checkbox input[type="checkbox"] {
	margin: 3px 3px 3px 4px;
}

/* tamano nativo de radios y casillas, igual que en Elementor */
.gform_wrapper.scid-form_wrapper input[type="radio"],
.gform_wrapper.scid-form_wrapper input[type="checkbox"] {
	-webkit-appearance: auto;
	appearance: auto;
	width: 13px;
	height: 13px;
	min-width: 13px;
	min-height: 13px;
	max-width: 13px;
	max-height: 13px;
	border: none;
	background: none;
	box-shadow: none;
	padding: 0;
	/* Elementor no cambia el color del control: siempre es Neutral/200 */
	accent-color: rgb(204, 210, 211);
	flex: 0 0 13px;
	vertical-align: baseline;
}
.gform_wrapper.scid-form_wrapper input[type="radio"]::before,
.gform_wrapper.scid-form_wrapper input[type="checkbox"]::before {
	content: none;
}

/* en Elementor estas dos casillas no llevan etiqueta de campo */
.gform_wrapper.scid-form_wrapper .gfield--type-checkbox > .gfield_label,
.gform_wrapper.scid-form_wrapper .gfield--type-consent > .gfield_label,
.gform_wrapper.scid-form_wrapper .gfield--type-consent .gfield_description {
	display: none;
}

/* ---- bloque legal ---- */
.gform_wrapper.scid-form_wrapper .gfield--type-html {
	font-family: Lato, sans-serif;
	font-size: 16px;
	color: var(--scid-text);
}
.gform_wrapper.scid-form_wrapper #form-informacion {
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: var(--scid-body);
	margin: 12px 0;
}
/* "Pide cita gratis" no envuelve el texto en #form-informacion:
   usa la tipografia del widget (0,6rem Lato) */
.gform_wrapper.scid-form--gratis_wrapper .gfield--type-html {
	font-size: 9.6px;
	line-height: 14.4px;
	color: var(--scid-text);
	padding-bottom: 2px;
}

/* ---- enlaces dentro del formulario ---- */
.gform_wrapper.scid-form_wrapper a,
.gform_wrapper.scid-form_wrapper #form-informacion a,
.gform_wrapper.scid-form_wrapper .gfield--type-html a,
.gform_wrapper.scid-form_wrapper .ginput_container_consent a,
.gform_wrapper.scid-form_wrapper .gfield_checkbox a {
	color: var(--scid-link);
	text-decoration: none;
}
.gform_wrapper.scid-form_wrapper a:hover {
	text-decoration: underline;
}

/* ---- boton ---- */
.gform_wrapper.scid-form_wrapper .gform_footer {
	margin: 0 0 var(--scid-gap);
	padding: 0;
	display: flex;
	justify-content: flex-start;
}
.gform_wrapper.scid-form_wrapper .gform_footer input[type="submit"],
.gform_wrapper.scid-form_wrapper .gform_footer button.gform_button,
.gform_wrapper.scid-form_wrapper .gform_footer .button {
	display: inline-block;
	width: auto;
	height: auto;
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 19.2px;
	color: #fff;
	background-color: var(--scid-btn);
	border: none;
	border-radius: 32px;
	padding: 18px 24px;
	text-transform: none;
	cursor: pointer;
	white-space: nowrap;
	transition: opacity .2s ease;
}
.gform_wrapper.scid-form_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper.scid-form_wrapper .gform_footer button.gform_button:hover {
	opacity: .9;
}

/* Flecha: solo en Cita y en Pide cita gratis. En Contacto y Barrios el
   SVG que tenia Elementor (adjunto 245) ya no existe y no se pinta. */
.gform_wrapper.gform_wrapper.scid-form_wrapper.scid-form--cita_wrapper .gform_footer input[type="submit"],
.gform_wrapper.gform_wrapper.scid-form_wrapper.scid-form--cita_wrapper .gform_footer button.gform_button,
.gform_wrapper.gform_wrapper.scid-form_wrapper.scid-form--gratis_wrapper .gform_footer input[type="submit"],
.gform_wrapper.gform_wrapper.scid-form_wrapper.scid-form--gratis_wrapper .gform_footer button.gform_button {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 21 15" fill="none"><path d="M1.96094 7.5H17.9609" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.4258 13.5L19.2112 7.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.4258 1.5L19.2112 7.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
	background-repeat: no-repeat;
	background-position: right 24px center;
	background-size: 16px 11px;
	padding: 18px 49px 18px 24px;
}

/* ---- mensajes de validacion ---- */
.gform_wrapper.scid-form_wrapper .gfield_validation_message,
.gform_wrapper.scid-form_wrapper .validation_message {
	font-size: 12px;
	line-height: 16px;
	padding: 4px 0 0;
	border: none;
	background: none;
	color: #b32d2e;
}
.gform_wrapper.scid-form_wrapper .gform_validation_errors {
	font-size: 14px;
	border-radius: 12px;
}
.gform_wrapper.scid-form_wrapper .gfield_error input,
.gform_wrapper.scid-form_wrapper .gfield_error textarea {
	border-color: #b32d2e;
}

/* ---- confirmacion ---- */
.gform_confirmation_message.scid-form_wrapper,
.gform_wrapper.scid-form_wrapper .gform_confirmation_message {
	font-family: Lato, sans-serif;
	font-size: 16px;
	color: var(--scid-text);
}

/* ---- el honeypot no debe ocupar hueco en la rejilla ---- */
.gform_wrapper.scid-form_wrapper .gfield--type-honeypot,
.gform_wrapper.scid-form_wrapper .gform_validation_container {
	display: none !important;
	position: absolute !important;
	left: -9999px;
}

/* ---- Barrios: en Elementor no lleva etiquetas visibles.
        Se ocultan a la vista pero se dejan para lectores de pantalla. ---- */
.gform_wrapper.scid-sin-labels_wrapper .gfield > .gfield_label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
	border: 0;
}

/* ---- movil: en Elementor las medias columnas pasan a ancho completo ---- */
@media (max-width: 767px) {
	.gform_wrapper.scid-form_wrapper .gform_fields {
		column-gap: 0;
	}
	.gform_wrapper.scid-form_wrapper .gfield.gf_left_half,
	.gform_wrapper.scid-form_wrapper .gfield.gf_right_half {
		grid-column: span 12;
	}
	.gform_wrapper.scid-form_wrapper .gform_footer input[type="submit"],
	.gform_wrapper.scid-form_wrapper .gform_footer button.gform_button {
		width: 100%;
	}
}

/* ===========================================================
   Lo unico que necesita !important: el tema del sitio pisa el
   radio de los campos, su alto y el color del boton.
   =========================================================== */
.gform_wrapper.scid-form_wrapper input[type="text"],
.gform_wrapper.scid-form_wrapper input[type="email"],
.gform_wrapper.scid-form_wrapper input[type="tel"],
.gform_wrapper.scid-form_wrapper input[type="number"] {
	height: 48px !important;
	min-height: 48px !important;
	padding: 16px !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: var(--scid-text) !important;
	border-radius: 12px !important;
	border-color: var(--scid-border) !important;
	box-sizing: border-box !important;
}
.gform_wrapper.scid-form_wrapper textarea {
	padding: 16px !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: var(--scid-text) !important;
	border-radius: 12px !important;
	border-color: var(--scid-border) !important;
	box-sizing: border-box !important;
	height: 48px !important;
	min-height: 40px !important;
}
.gform_wrapper.scid-form--contacto_wrapper textarea {
	height: 200px !important;
	min-height: 200px !important;
}
.gform_wrapper.scid-form_wrapper .gform_footer input[type="submit"],
.gform_wrapper.scid-form_wrapper .gform_footer button.gform_button,
.gform_wrapper.scid-form_wrapper .gform_footer .button {
	background-color: var(--scid-btn) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 32px !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 19.2px !important;
	height: auto !important;
	width: auto !important;
	text-transform: none !important;
}
.gform_wrapper.scid-form_wrapper .gform_footer input[type="submit"],
.gform_wrapper.scid-form_wrapper .gform_footer button.gform_button {
	padding: 18px 24px !important;
}
.gform_wrapper.scid-form--contacto_wrapper .gform_footer input[type="submit"],
.gform_wrapper.scid-form--contacto_wrapper .gform_footer button.gform_button,
.gform_wrapper.scid-sin-labels_wrapper .gform_footer input[type="submit"],
.gform_wrapper.scid-sin-labels_wrapper .gform_footer button.gform_button {
	padding: 18px 33px 18px 24px !important;
}
.gform_wrapper.scid-form--cita_wrapper .gform_footer input[type="submit"],
.gform_wrapper.scid-form--cita_wrapper .gform_footer button.gform_button,
.gform_wrapper.scid-form--gratis_wrapper .gform_footer input[type="submit"],
.gform_wrapper.scid-form--gratis_wrapper .gform_footer button.gform_button {
	padding: 18px 49px 18px 24px !important;
}
@media (max-width: 767px) {
	.gform_wrapper.scid-form_wrapper .gform_footer input[type="submit"],
	.gform_wrapper.scid-form_wrapper .gform_footer button.gform_button {
		width: 100% !important;
	}
}

/* === FIN formularios Gravity Santiago Cid === */