/*
Theme Name: CimaCordoba-theme
Theme URI: #
Author: WebCordoba
Author URI: #
Description: Theme corporativo CimaCordoba sobre WebC-Blocks. Usa el HTML/CSS/JS base de la plantilla Bexon adaptado a la marca CimaCordoba.
Version: 4.0.0
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Text Domain: CimaCordoba-theme
*/
/* ═══════════════════════════════════════════
   1. TOKENS CIMACORDOBA (sobrescriben Bexon)
   ═══════════════════════════════════════════ */
:root {
  /* Tipografía: Poppins para títulos, Inter para cuerpo */
  --tj-ff-body: "Inter", sans-serif;
  --theme-font: "Inter", sans-serif;
  --tj-ff-heading: "Poppins", sans-serif;
  --tj-ff-fontawesome: "Inter", sans-serif;
  /* Paleta CimaCordoba */
  --tj-color-common-white: #ffffff;
  --tj-color-common-black: #000000;
  --tj-color-heading-primary: #142036;
  --tj-color-text-body: #4a5a6e;
  --tj-color-text-body-2: #8a95a8;
  --tj-color-text-body-3: #5c6a7e;
  --tj-color-text-body-4: #243047;
  --tj-color-text-body-5: rgba(255, 255, 255, 0.8);
  /* Primary: verde CimaCordoba */
  --tj-color-theme-primary: #3F9F2C;
  --tj-color-theme-primary-2: #4DB637;
  /* Verde para acentos (iconos, valores) */
  --tj-color-verde: #3F9F2C;
  --tj-color-verde-osc: #2D7520;
  /* Verde btn (antes azul) */
  --tj-color-btn-azul: #3F9F2C;
  /* Backgrounds */
  --tj-color-theme-bg: #f2f5f9;
  --tj-color-theme-bg-2: #d6dee6;
  --tj-color-theme-bg-3: #1f2a40;
  /* Dark: navy CimaCordoba */
  --tj-color-theme-dark: #142036;
  --tj-color-theme-dark-2: #243047;
  --tj-color-theme-dark-3: #4a5a6e;
  --tj-color-theme-dark-4: #5c6a7e;
  --tj-color-theme-dark-5: #676e7a;
  --tj-color-red-1: #ff0000;
  --tj-color-grey-1: #ecf0f4;
  --tj-color-grey-2: #8a95a8;
  --tj-color-grey-3: rgba(255, 255, 255, 0.10196078);
  --tj-color-border-1: #c9d1d8;
  --tj-color-border-2: #243047;
  --tj-color-border-3: rgba(255, 255, 255, 0.14901961);
  --tj-color-border-4: rgba(255, 255, 255, 0.2);
  --tj-color-border-5: rgba(63, 159, 44, 0.14901961);
}
/* ═══════════════════════════════════════════
   2. RESET MÍNIMO
   ═══════════════════════════════════════════ */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}
body {
  font-family: var(--tj-ff-body);
  background-color: #F2F5F9;
}
a,
button {
  color: var(--tj-color-theme-primary);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tj-ff-heading);
  color: var(--tj-color-heading-primary);
  margin: 0;
}
/* ═══════════════════════════════════════════
   5. EDITOR (Gutenberg) — sincronizado
   ═══════════════════════════════════════════ */
.editor-styles-wrapper {
  padding: 0 50px;
  font-family: var(--tj-ff-body);
}
.editor-styles-wrapper a {
  color: var(--tj-color-theme-primary);
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  font-family: var(--tj-ff-heading);
}
.editor-styles-wrapper p {
  margin: 0 0 1em;
}
.editor-styles-wrapper .container {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
@media (min-width: 1320px) {
  .editor-styles-wrapper .container {
    max-width: 1320px;
  }
}
.editor-styles-wrapper .wp-block {
  margin: 25px 0;
}
.editor-styles-wrapper .acf-block-component p,
.editor-styles-wrapper .acf-block-component h1,
.editor-styles-wrapper .acf-block-component h2,
.editor-styles-wrapper .acf-block-component h3,
.editor-styles-wrapper .acf-block-component h4,
.editor-styles-wrapper .acf-block-component h5,
.editor-styles-wrapper .acf-block-component h6,
.editor-styles-wrapper .acf-block-component ul,
.editor-styles-wrapper .acf-block-component ol,
.editor-styles-wrapper .acf-block-component li,
.editor-styles-wrapper .acf-block-component blockquote,
.editor-styles-wrapper .acf-block-component cite {
  margin-bottom: 0;
}
.is-root-container.wp-site-blocks {
  padding: 15px 5vw;
}
.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1500px !important;
}
.block-editor-block-inspector .acf-fields > .acf-field {
  width: 100% !important;
}
/* Botón "editar post" (Dev) */
.sq_edit_post {
  position: fixed;
  z-index: 9999999;
  border-radius: 100%;
  background: #333;
  border: 3px #e00034 solid;
  box-shadow: 0 1px 16px 0px rgba(0, 0, 0, 0.75);
  transition: 0.5s;
}
.sq_edit_post a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: #fff;
}
.sq_edit_post a svg {
  width: 20px;
  height: 20px;
}
.sq_edit_post:hover {
  border-color: #000;
}
.sq_edit_post:hover a {
  color: #ebebeb;
}
.sq_edit_post.sq_wp_link {
  bottom: 90px;
  left: 30px;
}
.sq_edit_post.sq_info_link {
  bottom: 150px;
  left: 30px;
}
.thm-section-gap {
  margin-block-start: 50px ;
  margin-block-end: 50px ;
}
.thm-sub-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-family: var(--tj-ff-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 1.4px;
  vertical-align: middle;
  text-transform: uppercase;
  color: var(--tj-color-verde) !important;
  border: none !important;
}
.thm-title {
  font-family: var(--tj-ff-body);
  font-weight: 400;
  font-size: 48px;
  line-height: 1.125;
  letter-spacing: -1.44px;
  text-align: center;
  vertical-align: middle;
  color: var(--tj-color-theme-dark);
}
.thm-title.thm-white {
  color: var(--tj-color-common-white);
}
.thm-title span {
  color: var(--tj-color-verde);
}
.is-layout-constrained > .section-gap-x {
  margin-inline-start: 15px !important;
  margin-inline-end: 15px !important;
}
/* Boton Normal */
.thm-btn {
  background-color: var(--tj-color-btn-azul) !important;
}
.thm-btn .btn-text {
  font-family: var(--tj-ff-body);
  font-weight: 400;
  font-size: 15.9px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: var(--tj-color-theme-dark) !important;
}
.thm-btn span.btn-icon {
  position: relative;
  background-color: var(--tj-color-common-white) !important;
}
.thm-btn span.btn-icon::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  background-image: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.1078 7.70522L8.49223 7.69141V1.61563L2.41645 1.61563L2.40264 2.10153e-05H10.1078V7.70522ZM-5.85636e-05 8.72705L8.27129 0.455705L9.65215 1.83656L1.3808 10.1079L-5.85636e-05 8.72705Z" fill="%230C1E21"/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
  transition: transform 400ms ease;
}
.thm-btn:hover {
  background-color: var(--tj-color-btn-azul);
}
.thm-btn:hover .btn-icon::before {
  transform: rotate(45deg);
}
/* Boton general fondo transparente */
.thm-btn-text {
  font-family: var(--tj-ff-body);
  font-weight: 200;
  font-size: 15.9px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: var(--tj-color-common-white);
  inset-inline-start: 30px !important;
}
.thm-btn-text .btn-text span {
  font-family: var(--tj-ff-body);
  font-weight: 200;
  font-size: 15.9px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: var(--tj-color-common-white);
}
.thm-btn-text span.btn-icon {
  position: relative;
  background-color: var(--tj-color-btn-azul) !important;
}
.thm-btn-text span.btn-icon::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  background-image: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.1078 7.7052L8.49223 7.69139V1.61561L2.41645 1.61561L2.40264 5.75651e-06H10.1078V7.7052ZM-5.85636e-05 8.72704L8.27129 0.455689L9.65215 1.83655L1.3808 10.1079L-5.85636e-05 8.72704Z" fill="white"/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 11px;
  transition: transform 400ms ease;
}
.thm-btn-text:hover .btn-icon::before {
  transform: rotate(45deg);
}
.thm-btn-text.btn-black .btn-text span {
  color: var(--tj-color-theme-dark);
}
.thm-btn-text.btn-black span.btn-icon {
  background-color: var(--tj-color-theme-dark) !important;
}