.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ── Importar fuentes ── */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600&family=Montserrat:wght@400;500&display=swap');

/* ── Títulos de campos: Nombre, Email, Comentario ── */
.comment-form label,
.comment-reply-title,
#reply-title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  color: #6EC1E4 !important;
  text-transform: uppercase !important;
}

/* ── Texto de los comentarios publicados ── */
.comment-content p,
.comment-body,
.comment-text {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #09336E !important;
}

/* ── Nombre del autor del comentario ── */
.comment-author .fn,
.comment-author-link {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #6EC1E4 !important;
}

/* ── Fecha y metadata ── */
.comment-metadata,
.comment-metadata a,
.comment-date {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #09336E !important;
  opacity: 0.6 !important;
}

/* ── Campos de input y textarea ── */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #09336E !important;
  border: 2px solid #09336E !important;
  border-radius: 20px !important;
  padding: 12px 18px !important;
  width: 100% !important;
  background: transparent !important;
  outline: none !important;
  transition: border-color 0.3s ease !important;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
  border-color: #6EC1E4 !important;
}

/* ── Textarea específico ── */
.comment-form textarea {
  border-radius: 20px !important;
  min-height: 140px !important;
  resize: vertical !important;
}

/* ── Botón Submit ── */
.comment-form input[type="submit"],
.comment-form .submit,
#submit {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: #09336E !important;
  background: linear-gradient(to right, #F27271, #FFD559) !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 12px 32px !important;
  cursor: pointer !important;
  transition: opacity 0.3s ease !important;
}

.comment-form input[type="submit"]:hover,
#submit:hover {
  opacity: 0.85 !important;
}

/* ── Título principal "Leave a Reply" ── */
#reply-title,
.comment-reply-title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #6EC1E4 !important;
}

/* ── Enlace "Cancel reply" ── */
.comment-reply-title small a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  color: #09336E !important;
  opacity: 0.6 !important;
}

/* ── Enlace "Reply" en comentarios publicados ── */
.comment-reply-link {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6EC1E4 !important;
}
/* ── "One Response" / título de comentarios ── */
.comments-title {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #6EC1E4 !important;
}

/* ── Nombre del autor ── */
.comment-author .fn,
.comment-author .fn a {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #6EC1E4 !important;
  text-decoration: none !important;
}

/* ── "says:" ── */
.comment-author .says {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #09336E !important;
}

/* ── Texto del comentario publicado ── */
.comment-content,
.comment-content p,
.comment-body .comment-content * {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #09336E !important;
}

/* ── Fecha y hora ── */
.comment-metadata,
.comment-metadata a,
.comment-metadata time {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #09336E !important;
  text-decoration: none !important;
}

/* ── Enlace "Edit" ── */
.comment-edit-link {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  color: #6EC1E4 !important;
  text-decoration: none !important;
}

/* ── Enlace "Reply" ── */
.comment-reply-link {
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6EC1E4 !important;
  text-decoration: none !important;
}

/* ── Separador entre comentarios ── */
.comment-body {
  border-bottom: 1px solid rgba(9, 51, 110, 0.15) !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
}/* End custom CSS */