/* ==========================================================================
   Ganados Pro Theme - Compiled Stylesheet
   Generated from SCSS partials (main.scss)
   ========================================================================== */

/* ==========================================================================
   1. KEYFRAME ANIMATIONS
   ========================================================================== */

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes fadeOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInUp {
  from {
    transform: translateY(100%);
    visibility: visible;
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  from {
    transform: translateY(-100%);
    visibility: visible;
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideInLeft {
  from {
    transform: translateX(-100%);
    visibility: visible;
  }
  to {
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    transform: translateX(100%);
    visibility: visible;
  }
  to {
    transform: translateX(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes scaleOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}

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

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
  20%, 40%, 60%, 80% { transform: translateX(4px); }
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes countUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes skeleton-loading {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Animation utility classes */
.animate-fade-in       { animation: fadeIn 300ms ease both; }
.animate-fade-in-up    { animation: fadeInUp 300ms ease both; }
.animate-fade-in-down  { animation: fadeInDown 300ms ease both; }
.animate-fade-in-left  { animation: fadeInLeft 300ms ease both; }
.animate-fade-in-right { animation: fadeInRight 300ms ease both; }
.animate-scale-in      { animation: scaleIn 300ms ease both; }
.animate-pulse         { animation: pulse 2s ease-in-out infinite; }
.animate-bounce        { animation: bounce 2s ease infinite; }
.animate-spin          { animation: spin 1s linear infinite; }

.skeleton {
  background: linear-gradient(90deg, #EEEEEE 25%, #F5F5F5 50%, #EEEEEE 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
  border-radius: 0.25rem;
}

[data-theme="dark"] .skeleton {
  background: linear-gradient(90deg, #2C2C2C 25%, #333333 50%, #2C2C2C 75%);
  background-size: 200% 100%;
}

.animate-delay-1  { animation-delay: 100ms; }
.animate-delay-2  { animation-delay: 200ms; }
.animate-delay-3  { animation-delay: 300ms; }
.animate-delay-4  { animation-delay: 400ms; }
.animate-delay-5  { animation-delay: 500ms; }
.animate-delay-6  { animation-delay: 600ms; }
.animate-delay-7  { animation-delay: 700ms; }
.animate-delay-8  { animation-delay: 800ms; }
.animate-delay-9  { animation-delay: 900ms; }
.animate-delay-10 { animation-delay: 1000ms; }

/* ==========================================================================
   2. CSS CUSTOM PROPERTIES
   ========================================================================== */

:root {
  /* Colors */
  --gp-color-primary-agro:    #2E7D32;
  --gp-color-primary-urban:   #1565C0;
  --gp-color-secondary-agro:  #81C784;
  --gp-color-secondary-urban: #64B5F6;
  --gp-color-accent:          #FF6F00;
  --gp-color-success:         #4CAF50;
  --gp-color-warning:         #FFC107;
  --gp-color-danger:          #F44336;
  --gp-color-info:            #2196F3;

  /* Backgrounds */
  --gp-color-bg:              #FFFFFF;
  --gp-color-bg-alt:          #FAFAFA;
  --gp-color-surface:         #FFFFFF;

  /* Text */
  --gp-color-text:            #212121;
  --gp-color-text-secondary:  #757575;
  --gp-color-text-muted:      #9E9E9E;

  /* Border */
  --gp-color-border:          #E0E0E0;

  /* Fonts */
  --gp-font-primary:   'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --gp-font-secondary: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Shadows */
  --gp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --gp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --gp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --gp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);

  /* Radius */
  --gp-radius: 0.5rem;

  /* Header */
  --gp-header-height: 80px;
}

/* ==========================================================================
   3. RESET
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  font-family: var(--gp-font-secondary);
  font-size: 1rem;
  color: var(--gp-color-text);
  background-color: var(--gp-color-bg);
  text-rendering: optimizeLegibility;
}

ul,
ol {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  text-wrap: balance;
}

a {
  text-decoration: none;
  color: inherit;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: var(--gp-color-primary-agro);
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

iframe,
embed,
object {
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

textarea {
  resize: vertical;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

legend {
  padding: 0;
}

p,
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

summary {
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

input[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:focus:not(:focus-visible) {
  outline: none;
}

[hidden] {
  display: none !important;
}

/* ==========================================================================
   4. TYPOGRAPHY
   ========================================================================== */

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: var(--gp-font-primary);
  font-weight: 700;
  color: var(--gp-color-text);
  margin-bottom: 1rem;
}

h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a,
h6 a, .h6 a {
  color: inherit;
  text-decoration: none;
}

h1 a:hover, .h1 a:hover,
h2 a:hover, .h2 a:hover,
h3 a:hover, .h3 a:hover,
h4 a:hover, .h4 a:hover,
h5 a:hover, .h5 a:hover,
h6 a:hover, .h6 a:hover {
  color: var(--gp-color-primary-agro);
}

h1, .h1 {
  font-size: 2.25rem;
  letter-spacing: -0.025em;
}

h2, .h2 {
  font-size: 1.875rem;
}

h3, .h3 {
  font-size: 1.5rem;
}

h4, .h4 {
  font-size: 1.25rem;
}

h5, .h5 {
  font-size: 1.125rem;
  font-weight: 600;
}

h6, .h6 {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

p {
  margin-bottom: 1rem;
  line-height: 1.625;
  color: var(--gp-color-text-secondary);
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.625;
  color: var(--gp-color-text-secondary);
}

small, .small {
  font-size: 0.875rem;
}

.text-xs {
  font-size: 0.75rem;
}

strong, b {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

mark {
  background-color: rgba(255, 193, 7, 0.3);
  padding: 0.125em 0.25em;
  border-radius: 0.25rem;
}

/* Links */
a {
  color: var(--gp-color-primary-agro);
  text-decoration: none;
  transition: color 300ms ease;
}

a:hover {
  color: #245f27;
}

a:focus-visible {
  outline: 2px solid var(--gp-color-primary-agro);
  outline-offset: 2px;
  border-radius: 0.25rem;
}

.link-urban {
  color: var(--gp-color-primary-urban);
}

.link-urban:hover {
  color: #0f4d94;
}

.link-accent {
  color: var(--gp-color-accent);
}

.link-accent:hover {
  color: #cc5900;
}

/* Blockquotes */
blockquote {
  position: relative;
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  border-left: 4px solid var(--gp-color-primary-agro);
  background-color: var(--gp-color-bg-alt);
  border-radius: 0 0.5rem 0.5rem 0;
  font-size: 1.125rem;
  font-style: italic;
  color: var(--gp-color-text-secondary);
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote cite {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  color: var(--gp-color-text);
}

blockquote cite::before {
  content: '\2014\00a0';
}

/* Code */
code {
  font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
  font-size: 0.875em;
  background-color: var(--gp-color-bg-alt);
  padding: 0.125em 0.375em;
  border-radius: 0.25rem;
  color: #F44336;
}

pre {
  font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
  font-size: 0.875rem;
  background-color: #212121;
  color: #F5F5F5;
  padding: 1.5rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  margin-bottom: 1.5rem;
  scrollbar-width: thin;
  scrollbar-color: #757575 #424242;
}

pre::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

pre::-webkit-scrollbar-track {
  background: #424242;
  border-radius: 9999px;
}

pre::-webkit-scrollbar-thumb {
  background: #757575;
  border-radius: 9999px;
}

pre code {
  background: none;
  padding: 0;
  color: inherit;
  font-size: inherit;
}

/* Lists */
.list-styled {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}

.list-styled li {
  margin-bottom: 0.5rem;
  line-height: 1.625;
  color: var(--gp-color-text-secondary);
}

ul.list-styled {
  list-style: disc;
}

ul.list-styled ul {
  list-style: circle;
  padding-left: 1.5rem;
  margin-top: 0.5rem;
}

ol.list-styled {
  list-style: decimal;
}

ol.list-styled ol {
  list-style: lower-alpha;
  padding-left: 1.5rem;
  margin-top: 0.5rem;
}

.list-check li {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
}

.list-check li::before {
  content: '\2713';
  position: absolute;
  left: 0;
  color: #4CAF50;
  font-weight: 700;
}

/* Horizontal Rule */
hr {
  border: none;
  border-top: 1px solid var(--gp-color-border);
  margin: 2rem 0;
}

/* Text utilities */
.text-left    { text-align: left; }
.text-center  { text-align: center; }
.text-right   { text-align: right; }
.text-justify { text-align: justify; }

.text-uppercase  { text-transform: uppercase; }
.text-lowercase  { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }
.text-normal     { text-transform: none; }

.text-primary-agro  { color: var(--gp-color-primary-agro); }
.text-primary-urban { color: var(--gp-color-primary-urban); }
.text-accent        { color: var(--gp-color-accent); }
.text-success       { color: var(--gp-color-success); }
.text-warning       { color: var(--gp-color-warning); }
.text-danger        { color: var(--gp-color-danger); }
.text-muted         { color: var(--gp-color-text-muted); }
.text-white         { color: #FFFFFF; }

.fw-light    { font-weight: 300; }
.fw-regular  { font-weight: 400; }
.fw-medium   { font-weight: 500; }
.fw-semibold { font-weight: 600; }
.fw-bold     { font-weight: 700; }

/* Section title */
.section-title {
  text-align: center;
  margin-bottom: 3rem;
}

.section-title h2 {
  font-size: 1.875rem;
  margin-bottom: 0.75rem;
}

.section-title p {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  color: var(--gp-color-text-muted);
}

.section-title::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: var(--gp-color-primary-agro);
  margin: 1rem auto 0;
  border-radius: 9999px;
}

.section-title--urban::after {
  background: var(--gp-color-primary-urban);
}

.section-title--left {
  text-align: left;
}

.section-title--left p {
  margin-left: 0;
}

.section-title--left::after {
  margin-left: 0;
}

/* ==========================================================================
   5. GLOBAL (Body, Containers, Sections, Utilities)
   ========================================================================== */

body {
  font-family: var(--gp-font-secondary);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--gp-color-text);
  background-color: var(--gp-color-bg);
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #BDBDBD #EEEEEE;
}

body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body::-webkit-scrollbar-track {
  background: #EEEEEE;
  border-radius: 9999px;
}

body::-webkit-scrollbar-thumb {
  background: #BDBDBD;
  border-radius: 9999px;
}

body::-webkit-scrollbar-thumb:hover {
  background: #9E9E9E;
}

body.no-scroll {
  overflow: hidden;
}

body.admin-bar .site-header--sticky {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .site-header--sticky {
    top: 46px;
  }
}

.site-content {
  min-height: calc(100vh - var(--gp-header-height) - 200px);
}

/* Containers */
.container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.container-fluid {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.container-narrow {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

.container-wide {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Section spacing */
.section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.section--sm {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section--gray {
  background-color: var(--gp-color-bg-alt);
}

.section--agro {
  background-color: #050d05;
  color: #FFFFFF;
}

.section--urban {
  background-color: #020a14;
  color: #FFFFFF;
}

/* Display utilities */
.d-none          { display: none !important; }
.d-block         { display: block !important; }
.d-inline        { display: inline !important; }
.d-inline-block  { display: inline-block !important; }
.d-flex          { display: flex !important; }
.d-inline-flex   { display: inline-flex !important; }
.d-grid          { display: grid !important; }

/* Screen reader */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:focus,
.sr-only-focusable:focus-within {
  position: static;
  width: auto;
  height: auto;
  padding: 0.5rem 1rem;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  background-color: var(--gp-color-bg);
  color: var(--gp-color-text);
  z-index: 1070;
}

.skip-to-content {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  background-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
  font-weight: 600;
  text-decoration: none;
  z-index: 1071;
}

.skip-to-content:focus {
  position: fixed;
  top: 0.5rem;
  left: 0.5rem;
  width: auto;
  height: auto;
  padding: 0.75rem 1.5rem;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  border-radius: 0.5rem;
}

/* Spacing utilities */
.mt-0  { margin-top: 0 !important; }
.mb-0  { margin-bottom: 0 !important; }
.ml-0  { margin-left: 0 !important; }
.mr-0  { margin-right: 0 !important; }
.mx-0  { margin-left: 0 !important; margin-right: 0 !important; }
.my-0  { margin-top: 0 !important; margin-bottom: 0 !important; }
.pt-0  { padding-top: 0 !important; }
.pb-0  { padding-bottom: 0 !important; }
.pl-0  { padding-left: 0 !important; }
.pr-0  { padding-right: 0 !important; }
.px-0  { padding-left: 0 !important; padding-right: 0 !important; }
.py-0  { padding-top: 0 !important; padding-bottom: 0 !important; }
.p-0   { padding: 0 !important; }

.mt-1  { margin-top: 0.25rem !important; }
.mb-1  { margin-bottom: 0.25rem !important; }
.ml-1  { margin-left: 0.25rem !important; }
.mr-1  { margin-right: 0.25rem !important; }
.mx-1  { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.my-1  { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.pt-1  { padding-top: 0.25rem !important; }
.pb-1  { padding-bottom: 0.25rem !important; }
.pl-1  { padding-left: 0.25rem !important; }
.pr-1  { padding-right: 0.25rem !important; }
.px-1  { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.py-1  { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.p-1   { padding: 0.25rem !important; }

.mt-2  { margin-top: 0.5rem !important; }
.mb-2  { margin-bottom: 0.5rem !important; }
.ml-2  { margin-left: 0.5rem !important; }
.mr-2  { margin-right: 0.5rem !important; }
.mx-2  { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.my-2  { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.pt-2  { padding-top: 0.5rem !important; }
.pb-2  { padding-bottom: 0.5rem !important; }
.pl-2  { padding-left: 0.5rem !important; }
.pr-2  { padding-right: 0.5rem !important; }
.px-2  { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.py-2  { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.p-2   { padding: 0.5rem !important; }

.mt-3  { margin-top: 0.75rem !important; }
.mb-3  { margin-bottom: 0.75rem !important; }
.ml-3  { margin-left: 0.75rem !important; }
.mr-3  { margin-right: 0.75rem !important; }
.mx-3  { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
.my-3  { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
.pt-3  { padding-top: 0.75rem !important; }
.pb-3  { padding-bottom: 0.75rem !important; }
.pl-3  { padding-left: 0.75rem !important; }
.pr-3  { padding-right: 0.75rem !important; }
.px-3  { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.py-3  { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.p-3   { padding: 0.75rem !important; }

.mt-4  { margin-top: 1rem !important; }
.mb-4  { margin-bottom: 1rem !important; }
.ml-4  { margin-left: 1rem !important; }
.mr-4  { margin-right: 1rem !important; }
.mx-4  { margin-left: 1rem !important; margin-right: 1rem !important; }
.my-4  { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.pt-4  { padding-top: 1rem !important; }
.pb-4  { padding-bottom: 1rem !important; }
.pl-4  { padding-left: 1rem !important; }
.pr-4  { padding-right: 1rem !important; }
.px-4  { padding-left: 1rem !important; padding-right: 1rem !important; }
.py-4  { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.p-4   { padding: 1rem !important; }

.mt-5  { margin-top: 1.25rem !important; }
.mb-5  { margin-bottom: 1.25rem !important; }
.ml-5  { margin-left: 1.25rem !important; }
.mr-5  { margin-right: 1.25rem !important; }
.mx-5  { margin-left: 1.25rem !important; margin-right: 1.25rem !important; }
.my-5  { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; }
.pt-5  { padding-top: 1.25rem !important; }
.pb-5  { padding-bottom: 1.25rem !important; }
.pl-5  { padding-left: 1.25rem !important; }
.pr-5  { padding-right: 1.25rem !important; }
.px-5  { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }
.py-5  { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; }
.p-5   { padding: 1.25rem !important; }

.mt-6  { margin-top: 1.5rem !important; }
.mb-6  { margin-bottom: 1.5rem !important; }
.ml-6  { margin-left: 1.5rem !important; }
.mr-6  { margin-right: 1.5rem !important; }
.mx-6  { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
.my-6  { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.pt-6  { padding-top: 1.5rem !important; }
.pb-6  { padding-bottom: 1.5rem !important; }
.pl-6  { padding-left: 1.5rem !important; }
.pr-6  { padding-right: 1.5rem !important; }
.px-6  { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.py-6  { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.p-6   { padding: 1.5rem !important; }

.mt-8  { margin-top: 2rem !important; }
.mb-8  { margin-bottom: 2rem !important; }
.ml-8  { margin-left: 2rem !important; }
.mr-8  { margin-right: 2rem !important; }
.mx-8  { margin-left: 2rem !important; margin-right: 2rem !important; }
.my-8  { margin-top: 2rem !important; margin-bottom: 2rem !important; }
.pt-8  { padding-top: 2rem !important; }
.pb-8  { padding-bottom: 2rem !important; }
.pl-8  { padding-left: 2rem !important; }
.pr-8  { padding-right: 2rem !important; }
.px-8  { padding-left: 2rem !important; padding-right: 2rem !important; }
.py-8  { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.p-8   { padding: 2rem !important; }

.mt-10 { margin-top: 2.5rem !important; }
.mb-10 { margin-bottom: 2.5rem !important; }
.ml-10 { margin-left: 2.5rem !important; }
.mr-10 { margin-right: 2.5rem !important; }
.mx-10 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
.my-10 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
.pt-10 { padding-top: 2.5rem !important; }
.pb-10 { padding-bottom: 2.5rem !important; }
.pl-10 { padding-left: 2.5rem !important; }
.pr-10 { padding-right: 2.5rem !important; }
.px-10 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
.py-10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.p-10  { padding: 2.5rem !important; }

.mt-12 { margin-top: 3rem !important; }
.mb-12 { margin-bottom: 3rem !important; }
.ml-12 { margin-left: 3rem !important; }
.mr-12 { margin-right: 3rem !important; }
.mx-12 { margin-left: 3rem !important; margin-right: 3rem !important; }
.my-12 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.pt-12 { padding-top: 3rem !important; }
.pb-12 { padding-bottom: 3rem !important; }
.pl-12 { padding-left: 3rem !important; }
.pr-12 { padding-right: 3rem !important; }
.px-12 { padding-left: 3rem !important; padding-right: 3rem !important; }
.py-12 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.p-12  { padding: 3rem !important; }

.mt-16 { margin-top: 4rem !important; }
.mb-16 { margin-bottom: 4rem !important; }
.pt-16 { padding-top: 4rem !important; }
.pb-16 { padding-bottom: 4rem !important; }

.mt-20 { margin-top: 5rem !important; }
.mb-20 { margin-bottom: 5rem !important; }
.pt-20 { padding-top: 5rem !important; }
.pb-20 { padding-bottom: 5rem !important; }

.mt-24 { margin-top: 6rem !important; }
.mb-24 { margin-bottom: 6rem !important; }
.pt-24 { padding-top: 6rem !important; }
.pb-24 { padding-bottom: 6rem !important; }

.mx-auto { margin-left: auto !important; margin-right: auto !important; }

/* Width/height utilities */
.w-full   { width: 100%; }
.w-auto   { width: auto; }
.h-full   { height: 100%; }
.h-auto   { height: auto; }
.h-screen { height: 100vh; }

/* Overflow */
.overflow-hidden  { overflow: hidden; }
.overflow-auto    { overflow: auto; }
.overflow-x-auto  { overflow-x: auto; }

/* Position */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed    { position: fixed; }
.sticky   { position: sticky; }

/* WordPress alignment */
.alignleft {
  float: left;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
}

.alignright {
  float: right;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.alignwide {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.wp-caption {
  max-width: 100%;
  margin-bottom: 1rem;
}

.wp-caption img {
  border-radius: 0.5rem;
}

.wp-caption-text {
  font-size: 0.875rem;
  color: var(--gp-color-text-muted);
  text-align: center;
  padding: 0.5rem;
}

/* ==========================================================================
   6. GRID SYSTEM
   ========================================================================== */

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

[class*="col-"] {
  position: relative;
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.col-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
.col-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
.col-3  { flex: 0 0 25%;        max-width: 25%; }
.col-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
.col-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
.col-6  { flex: 0 0 50%;        max-width: 50%; }
.col-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
.col-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-9  { flex: 0 0 75%;        max-width: 75%; }
.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.col-12 { flex: 0 0 100%;       max-width: 100%; }
.col-auto { flex: 0 0 auto; width: auto; max-width: none; }

.offset-0  { margin-left: 0; }
.offset-1  { margin-left: 8.333333%; }
.offset-2  { margin-left: 16.666667%; }
.offset-3  { margin-left: 25%; }
.offset-4  { margin-left: 33.333333%; }
.offset-5  { margin-left: 41.666667%; }
.offset-6  { margin-left: 50%; }
.offset-7  { margin-left: 58.333333%; }
.offset-8  { margin-left: 66.666667%; }
.offset-9  { margin-left: 75%; }
.offset-10 { margin-left: 83.333333%; }
.offset-11 { margin-left: 91.666667%; }

/* CSS Grid utility */
.grid {
  display: grid;
  gap: 1.5rem;
}

.grid--2 { grid-template-columns: repeat(2, 1fr); }
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--4 { grid-template-columns: repeat(4, 1fr); }
.grid--5 { grid-template-columns: repeat(5, 1fr); }
.grid--6 { grid-template-columns: repeat(6, 1fr); }
.grid--auto    { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.grid--auto-sm { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.grid--auto-lg { grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); }

.grid-responsive {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
}

/* Gap utilities */
.gap-0  { gap: 0; }
.gap-1  { gap: 0.25rem; }
.gap-2  { gap: 0.5rem; }
.gap-3  { gap: 0.75rem; }
.gap-4  { gap: 1rem; }
.gap-5  { gap: 1.25rem; }
.gap-6  { gap: 1.5rem; }
.gap-8  { gap: 2rem; }
.gap-10 { gap: 2.5rem; }
.gap-12 { gap: 3rem; }

.gap-x-4 { column-gap: 1rem; }
.gap-x-6 { column-gap: 1.5rem; }
.gap-x-8 { column-gap: 2rem; }
.gap-y-4 { row-gap: 1rem; }
.gap-y-6 { row-gap: 1.5rem; }
.gap-y-8 { row-gap: 2rem; }

/* Flexbox utilities */
.flex             { display: flex; }
.inline-flex      { display: inline-flex; }
.flex-row         { flex-direction: row; }
.flex-col         { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap        { flex-wrap: wrap; }
.flex-nowrap      { flex-wrap: nowrap; }
.justify-start    { justify-content: flex-start; }
.justify-center   { justify-content: center; }
.justify-end      { justify-content: flex-end; }
.justify-between  { justify-content: space-between; }
.justify-around   { justify-content: space-around; }
.justify-evenly   { justify-content: space-evenly; }
.items-start      { align-items: flex-start; }
.items-center     { align-items: center; }
.items-end        { align-items: flex-end; }
.items-stretch    { align-items: stretch; }
.items-baseline   { align-items: baseline; }
.self-start       { align-self: flex-start; }
.self-center      { align-self: center; }
.self-end         { align-self: flex-end; }
.self-stretch     { align-self: stretch; }
.flex-1           { flex: 1 1 0%; }
.flex-auto        { flex: 1 1 auto; }
.flex-none        { flex: none; }
.grow             { flex-grow: 1; }
.grow-0           { flex-grow: 0; }
.shrink           { flex-shrink: 1; }
.shrink-0         { flex-shrink: 0; }
.order-first      { order: -1; }
.order-last       { order: 999; }
.order-1          { order: 1; }
.order-2          { order: 2; }
.order-3          { order: 3; }
.order-4          { order: 4; }
.order-5          { order: 5; }
.order-6          { order: 6; }

/* ==========================================================================
   7. HEADER
   ========================================================================== */

/* Top Bar */
.top-bar {
  background-color: #212121;
  color: #E0E0E0;
  font-size: 0.875rem;
  padding: 0.5rem 0;
  display: none;
}

.top-bar__inner {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.top-bar__left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
}

.top-bar__right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.top-bar__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.top-bar__item i,
.top-bar__item svg {
  font-size: 0.75rem;
  color: var(--gp-color-primary-agro);
}

.top-bar__item a {
  color: #E0E0E0;
  transition: color 300ms ease;
}

.top-bar__item a:hover {
  color: #FFFFFF;
}

.top-bar__social {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}

.top-bar__social a {
  color: #BDBDBD;
  font-size: 1rem;
  transition: color 300ms ease;
}

.top-bar__social a:hover {
  color: #FFFFFF;
}

/* Site Header */
.site-header {
  background-color: var(--gp-color-bg);
  border-bottom: 1px solid var(--gp-color-border);
  position: relative;
  z-index: 1020;
}

.site-header__inner {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
}

.site-header__logo {
  flex-shrink: 0;
}

.site-header__logo a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.site-header__logo img {
  height: 40px;
  width: auto;
}

.site-header__logo .logo-text {
  font-family: var(--gp-font-primary);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--gp-color-text);
}

.site-header__logo .logo-text span {
  color: var(--gp-color-primary-agro);
}

.site-header__nav {
  display: none;
}

.site-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
}

/* Sticky header */
.site-header--sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  box-shadow: var(--gp-shadow-md);
  animation: slideInDown 300ms ease;
}

.site-header--sticky .site-header__inner {
  height: 64px;
}

.site-header--sticky .site-header__logo img {
  height: 36px;
}

/* Centered header */
.site-header--centered .site-header__inner {
  flex-direction: column;
  height: auto;
  padding-top: 1.5rem;
  padding-bottom: 0;
}

.site-header--centered .site-header__logo {
  margin-bottom: 1rem;
}

.site-header--centered .site-header__nav {
  width: 100%;
  justify-content: center;
  border-top: 1px solid var(--gp-color-border);
  padding: 0.75rem 0;
}

/* Transparent header */
.site-header--transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  border-bottom: none;
}

.site-header--transparent .site-header__inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.site-header--transparent .logo-text,
.site-header--transparent .main-nav__link {
  color: #FFFFFF;
}

.site-header--transparent.site-header--sticky {
  position: fixed;
  background-color: var(--gp-color-bg);
}

.site-header--transparent.site-header--sticky .logo-text,
.site-header--transparent.site-header--sticky .main-nav__link {
  color: var(--gp-color-text);
}

/* Main Navigation */
.main-nav__list {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main-nav__item {
  position: relative;
}

.main-nav__item:hover > .main-nav__dropdown,
.main-nav__item:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.main-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  font-family: var(--gp-font-primary);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gp-color-text);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  border-radius: 0.5rem;
  transition: color 300ms ease, background-color 300ms ease;
}

.main-nav__link:hover,
.main-nav__link--active {
  color: var(--gp-color-primary-agro);
  background-color: rgba(46, 125, 50, 0.05);
}

.has-children .main-nav__link::after {
  content: '';
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  padding: 2px;
  transform: rotate(45deg);
  margin-top: -2px;
  transition: transform 150ms ease;
}

/* Dropdown */
.main-nav__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background-color: var(--gp-color-bg);
  border: 1px solid var(--gp-color-border);
  border-radius: 0.5rem;
  box-shadow: var(--gp-shadow-lg);
  padding: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 150ms ease, visibility 150ms ease, transform 150ms ease;
  z-index: 1000;
}

.main-nav__dropdown .main-nav__item {
  width: 100%;
}

.main-nav__dropdown .main-nav__link {
  display: flex;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  text-transform: none;
  letter-spacing: normal;
  border-radius: 0.25rem;
}

.main-nav__dropdown .main-nav__dropdown {
  top: 0;
  left: 100%;
}

/* Mega Menu */
.mega-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  min-width: 800px;
  background-color: var(--gp-color-bg);
  border: 1px solid var(--gp-color-border);
  border-radius: 0.75rem;
  box-shadow: var(--gp-shadow-xl);
  padding: 2rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease, visibility 150ms ease, transform 150ms ease;
  z-index: 1000;
}

.main-nav__item:hover .mega-menu {
  transform: translateX(-50%) translateY(0);
}

.mega-menu__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

.mega-menu__column h4 {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--gp-color-text-muted);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--gp-color-primary-agro);
}

.mega-menu__column a {
  display: block;
  padding: 0.5rem 0;
  font-size: 0.875rem;
  color: var(--gp-color-text-secondary);
  transition: color 300ms ease;
}

.mega-menu__column a:hover {
  color: var(--gp-color-primary-agro);
}

/* Hamburger */
.hamburger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  z-index: 1041;
}

.hamburger span {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--gp-color-text);
  border-radius: 9999px;
  transition: transform 300ms ease, opacity 300ms ease;
}

.hamburger.is-active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.is-active span:nth-child(2) {
  opacity: 0;
}

.hamburger.is-active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

/* Mobile Navigation */
.mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--gp-color-bg);
  z-index: 1040;
  transform: translateX(-100%);
  transition: transform 300ms ease;
  overflow-y: auto;
  padding-top: 60px;
}

.mobile-nav.is-open {
  transform: translateX(0);
}

.mobile-nav__list {
  padding: 1rem;
}

.mobile-nav__item {
  border-bottom: 1px solid var(--gp-color-border);
}

.mobile-nav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  font-family: var(--gp-font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--gp-color-text);
}

.mobile-nav__submenu {
  display: none;
  padding-left: 1.5rem;
  background-color: var(--gp-color-bg-alt);
}

.mobile-nav__submenu.is-open {
  display: block;
}

.mobile-nav__submenu .mobile-nav__link {
  font-size: 0.875rem;
  font-weight: 400;
}

.mobile-nav__toggle {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gp-color-text-muted);
  transition: transform 300ms ease;
}

.mobile-nav__toggle.is-open {
  transform: rotate(180deg);
}

.mobile-nav__footer {
  padding: 1.5rem 1rem;
  border-top: 1px solid var(--gp-color-border);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.mobile-nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1039;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}

.mobile-nav-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}

/* Search Overlay */
.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}

.search-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.search-overlay__inner {
  width: 90%;
  max-width: 700px;
  animation: fadeInDown 300ms ease;
}

.search-overlay__form {
  position: relative;
}

.search-overlay__form input[type="search"] {
  width: 100%;
  padding: 1.25rem 1.5rem;
  padding-right: 3.5rem;
  background: transparent;
  border: none;
  border-bottom: 2px solid #757575;
  color: #FFFFFF;
  font-family: var(--gp-font-primary);
  font-size: 1.875rem;
  transition: border-color 300ms ease;
}

.search-overlay__form input[type="search"]::placeholder {
  color: #9E9E9E;
}

.search-overlay__form input[type="search"]:focus {
  outline: none;
  border-color: var(--gp-color-primary-agro);
}

.search-overlay__form button[type="submit"] {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #FFFFFF;
  font-size: 1.5rem;
}

.search-overlay__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  color: #FFFFFF;
  font-size: 1.875rem;
  transition: transform 300ms ease;
}

.search-overlay__close:hover {
  transform: rotate(90deg);
}

.search-overlay__suggestions {
  margin-top: 1.5rem;
  color: #BDBDBD;
  font-size: 0.875rem;
}

.search-overlay__suggestions a {
  color: #E0E0E0;
  transition: color 300ms ease;
}

.search-overlay__suggestions a:hover {
  color: #FFFFFF;
}

/* ==========================================================================
   8. FOOTER
   ========================================================================== */

.site-footer {
  background-color: #212121;
  color: #E0E0E0;
}

.site-footer a {
  color: #E0E0E0;
  transition: color 300ms ease;
}

.site-footer a:hover {
  color: #FFFFFF;
}

.footer-widgets {
  padding: 4rem 0;
}

.footer-widgets__grid {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
}

.footer-widget__title {
  font-family: var(--gp-font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  position: relative;
}

.footer-widget__title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 2px;
  background-color: var(--gp-color-primary-agro);
}

/* Footer About widget */
.footer-widget--about .footer-logo {
  margin-bottom: 1rem;
}

.footer-widget--about .footer-logo img {
  height: 45px;
  width: auto;
}

.footer-widget--about p {
  font-size: 0.875rem;
  color: #BDBDBD;
  line-height: 1.625;
}

.footer-widget--about .footer-social {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.footer-widget--about .footer-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #E0E0E0;
  font-size: 0.875rem;
  transition: background-color 300ms ease, color 300ms ease;
}

.footer-widget--about .footer-social a:hover {
  background-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
}

/* Footer Links widget */
.footer-widget--links ul li {
  margin-bottom: 0.5rem;
}

.footer-widget--links ul li a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  padding: 0.25rem 0;
}

.footer-widget--links ul li a::before {
  content: '\203A';
  font-size: 1.25rem;
  line-height: 1;
}

/* Footer Contact widget */
.footer-widget--contact .contact-item {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.footer-widget--contact .contact-item .icon {
  flex-shrink: 0;
  width: 20px;
  color: var(--gp-color-primary-agro);
  margin-top: 2px;
}

.footer-widget--contact .contact-item .text {
  font-size: 0.875rem;
  color: #BDBDBD;
  line-height: 1.625;
}

.footer-widget--contact .contact-item .text a {
  color: #E0E0E0;
}

/* Footer Newsletter widget */
.footer-widget--newsletter p {
  font-size: 0.875rem;
  color: #BDBDBD;
  margin-bottom: 1rem;
}

.footer-widget--newsletter .newsletter-form {
  display: flex;
  gap: 0.5rem;
}

.footer-widget--newsletter .newsletter-form input[type="email"] {
  flex: 1;
  padding: 0.75rem 1rem;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  color: #FFFFFF;
  font-size: 0.875rem;
}

.footer-widget--newsletter .newsletter-form input[type="email"]::placeholder {
  color: #9E9E9E;
}

.footer-widget--newsletter .newsletter-form input[type="email"]:focus {
  outline: none;
  border-color: var(--gp-color-primary-agro);
}

.footer-widget--newsletter .newsletter-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  background-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  transition: background-color 300ms ease;
}

.footer-widget--newsletter .newsletter-form button:hover {
  background-color: #245f27;
}

/* Footer Bottom */
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.5rem 0;
}

.footer-bottom__inner {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

.footer-bottom__copy {
  font-size: 0.875rem;
  color: #9E9E9E;
}

.footer-bottom__copy a {
  color: #BDBDBD;
}

.footer-bottom__copy a:hover {
  color: #FFFFFF;
}

.footer-bottom__links {
  display: flex;
  gap: 1.5rem;
}

.footer-bottom__links a {
  font-size: 0.875rem;
  color: #9E9E9E;
}

.footer-bottom__links a:hover {
  color: #FFFFFF;
}

/* Back to Top */
.back-to-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
  border-radius: 9999px;
  box-shadow: var(--gp-shadow-lg);
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: opacity 300ms ease, visibility 300ms ease, transform 300ms ease, background-color 150ms ease;
  z-index: 1030;
  cursor: pointer;
}

.back-to-top:hover {
  background-color: #245f27;
  transform: translateY(-2px);
}

.back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.has-whatsapp .back-to-top {
  bottom: calc(2rem + 56px + 1rem);
}

/* WhatsApp Floating */
.whatsapp-float {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 1030;
}

.whatsapp-float__button {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background-color: #25D366;
  color: #FFFFFF;
  padding: 0.75rem 1.25rem;
  border-radius: 50rem;
  box-shadow: var(--gp-shadow-lg);
  font-weight: 600;
  font-size: 0.875rem;
  transition: transform 300ms ease, box-shadow 300ms ease;
}

.whatsapp-float__button:hover {
  transform: scale(1.05);
  box-shadow: var(--gp-shadow-xl);
  color: #FFFFFF;
}

.whatsapp-float__button .icon {
  font-size: 1.5rem;
}

.whatsapp-float__button .text {
  display: none;
}

.whatsapp-float::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: #25D366;
  border-radius: 50rem;
  animation: pulse 2s ease-in-out infinite;
  z-index: -1;
  opacity: 0.4;
}

/* ==========================================================================
   9. SIDEBAR
   ========================================================================== */

.content-sidebar-wrap {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.content-area {
  flex: 1;
  min-width: 0;
}

.content-area--full {
  max-width: 100%;
}

.sidebar {
  width: 100%;
}

.sidebar-widget {
  background-color: var(--gp-color-surface);
  border: 1px solid var(--gp-color-border);
  border-radius: 0.75rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.sidebar-widget__title {
  font-family: var(--gp-font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--gp-color-text);
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--gp-color-border);
  position: relative;
}

.sidebar-widget__title::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 40px;
  height: 2px;
  background-color: var(--gp-color-primary-agro);
}

.sidebar-widget ul li {
  border-bottom: 1px solid var(--gp-color-border);
}

.sidebar-widget ul li:last-child {
  border-bottom: none;
}

.sidebar-widget ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 0;
  font-size: 0.875rem;
  color: var(--gp-color-text-secondary);
  transition: color 300ms ease;
}

.sidebar-widget ul li a:hover {
  color: var(--gp-color-primary-agro);
}

.sidebar-widget ul li a .count {
  background-color: var(--gp-color-bg-alt);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: var(--gp-color-text-muted);
}

/* Recent posts widget */
.sidebar-widget--recent-posts .recent-post-item {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--gp-color-border);
}

.sidebar-widget--recent-posts .recent-post-item:last-child {
  border-bottom: none;
}

.sidebar-widget--recent-posts .recent-post-item__image {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}

.sidebar-widget--recent-posts .recent-post-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sidebar-widget--recent-posts .recent-post-item__content {
  flex: 1;
  min-width: 0;
}

.sidebar-widget--recent-posts .recent-post-item__content h4 {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sidebar-widget--recent-posts .recent-post-item__content h4 a {
  color: var(--gp-color-text);
}

.sidebar-widget--recent-posts .recent-post-item__content h4 a:hover {
  color: var(--gp-color-primary-agro);
}

.sidebar-widget--recent-posts .recent-post-item__content .date {
  font-size: 0.75rem;
  color: var(--gp-color-text-muted);
}

/* Tag cloud widget */
.sidebar-widget--tags .tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sidebar-widget--tags .tag-cloud a {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: var(--gp-color-bg-alt);
  border: 1px solid var(--gp-color-border);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: var(--gp-color-text-secondary);
  transition: background-color 300ms ease, color 300ms ease, border-color 300ms ease;
}

.sidebar-widget--tags .tag-cloud a:hover {
  background-color: var(--gp-color-primary-agro);
  border-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
}

/* Sidebar toggle */
.sidebar-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background-color: var(--gp-color-bg-alt);
  border: 1px solid var(--gp-color-border);
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gp-color-text);
  margin-bottom: 1.5rem;
  width: 100%;
  justify-content: center;
}

.sidebar-toggle .icon {
  transition: transform 300ms ease;
}

.sidebar-toggle.is-active .icon {
  transform: rotate(180deg);
}

/* ==========================================================================
   10. COMPONENT STYLES (gp-* prefixed)
   All components used by header.php, footer.php, and homepage templates.
   ========================================================================== */

/* --------------------------------------------------------------------------
   10.1  GP CONTAINER
   -------------------------------------------------------------------------- */

.gp-container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* --------------------------------------------------------------------------
   10.2  TOP BAR
   -------------------------------------------------------------------------- */

.gp-topbar {
  background-color: #1a1a1a;
  color: #BDBDBD;
  font-size: 0.8125rem;
  line-height: 1;
}

.gp-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
}

.gp-topbar-left,
.gp-topbar-right {
  display: flex;
  align-items: center;
}

.gp-topbar-contact,
.gp-topbar-social,
.gp-nav-list,
.gp-mobile-nav-list,
.gp-footer-social-list,
.gp-mobile-social {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gp-topbar-contact {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.gp-topbar-contact li {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.gp-topbar-contact li i {
  font-size: 0.7rem;
  color: var(--gp-color-primary-agro);
}

.gp-topbar-contact li a {
  color: #BDBDBD;
  transition: color 250ms ease;
}

.gp-topbar-contact li a:hover {
  color: #FFFFFF;
}

.gp-topbar-social {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.gp-topbar-social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  color: #9E9E9E;
  font-size: 0.8125rem;
  border-radius: 50%;
  transition: color 250ms ease, background-color 250ms ease;
}

.gp-topbar-social li a:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 767px) {
  .gp-topbar {
    display: none;
  }
}

/* --------------------------------------------------------------------------
   10.3  HEADER
   -------------------------------------------------------------------------- */

.gp-header {
  background-color: var(--gp-color-bg);
  border-bottom: 1px solid var(--gp-color-border);
  position: sticky;
  top: 0;
  z-index: 1020;
  transition: box-shadow 300ms ease, background-color 300ms ease;
}

.gp-header.is-scrolled {
  box-shadow: var(--gp-shadow-md);
}

body.admin-bar .gp-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .gp-header {
    top: 46px;
  }
}

.gp-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--gp-header-height);
  gap: 1.5rem;
}

/* ---------- Brand / Logo ---------- */

.gp-header-brand {
  flex-shrink: 0;
}

.gp-header-brand .gp-logo a {
  display: flex;
  align-items: center;
}

.gp-header-brand .gp-logo img,
.gp-header-brand .custom-logo {
  height: 50px;
  width: auto;
  display: block;
}

.gp-site-identity {
  display: flex;
  flex-direction: column;
}

.gp-site-title {
  font-family: var(--gp-font-primary);
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 0;
}

.gp-site-title a {
  color: var(--gp-color-text);
  transition: color 250ms ease;
}

.gp-site-title a:hover {
  color: var(--gp-color-primary-agro);
}

.gp-site-description {
  font-size: 0.75rem;
  color: var(--gp-color-text-muted);
  margin-bottom: 0;
  line-height: 1.2;
}

/* ---------- Desktop Navigation ---------- */

.gp-main-nav {
  display: none;
  flex: 1;
  justify-content: center;
}

.gp-nav-list {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

.gp-nav-list li {
  position: relative;
}

.gp-nav-list > li > a {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.625rem 0.875rem;
  font-family: var(--gp-font-primary);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gp-color-text);
  letter-spacing: 0.01em;
  border-radius: var(--gp-radius);
  transition: color 250ms ease, background-color 250ms ease;
  white-space: nowrap;
}

.gp-nav-list > li > a:hover,
.gp-nav-list > li.current-menu-item > a,
.gp-nav-list > li.current-menu-ancestor > a {
  color: var(--gp-color-primary-agro);
  background-color: rgba(46, 125, 50, 0.06);
}

/* Dropdown indicator arrow */
.gp-nav-list > li.menu-item-has-children > a::after {
  content: '';
  display: inline-block;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  padding: 2.5px;
  transform: rotate(45deg);
  margin-top: -3px;
  margin-left: 2px;
  transition: transform 200ms ease;
}

/* Dropdown (sub-menu) */
.gp-nav-list .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  background-color: var(--gp-color-bg);
  border: 1px solid var(--gp-color-border);
  border-radius: var(--gp-radius);
  box-shadow: var(--gp-shadow-lg);
  padding: 0.375rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 200ms ease, visibility 200ms ease, transform 200ms ease;
  z-index: 1050;
}

.gp-nav-list li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.gp-nav-list .sub-menu li {
  width: 100%;
}

.gp-nav-list .sub-menu li a {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gp-color-text-secondary);
  border-radius: calc(var(--gp-radius) - 2px);
  transition: color 200ms ease, background-color 200ms ease;
}

.gp-nav-list .sub-menu li a:hover {
  color: var(--gp-color-primary-agro);
  background-color: rgba(46, 125, 50, 0.06);
}

/* Third-level dropdown */
.gp-nav-list .sub-menu .sub-menu {
  top: -0.375rem;
  left: 100%;
}

@media (min-width: 1025px) {
  .gp-main-nav {
    display: flex;
  }
}

/* ---------- Header Actions ---------- */

.gp-header-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
}

.gp-search-toggle,
.gp-dark-mode-toggle,
.gp-mobile-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--gp-radius);
  color: var(--gp-color-text);
  font-size: 1rem;
  transition: color 250ms ease, background-color 250ms ease;
}

.gp-search-toggle:hover,
.gp-dark-mode-toggle:hover,
.gp-mobile-toggle:hover {
  color: var(--gp-color-primary-agro);
  background-color: rgba(46, 125, 50, 0.06);
}

/* Dark mode icon toggle */
.gp-dark-mode-toggle .gp-icon-light {
  display: none;
}

[data-theme="dark"] .gp-dark-mode-toggle .gp-icon-dark {
  display: none;
}

[data-theme="dark"] .gp-dark-mode-toggle .gp-icon-light {
  display: inline;
}

/* Hide mobile toggle on desktop */
@media (min-width: 1025px) {
  .gp-mobile-toggle {
    display: none;
  }
}

/* ---------- Hamburger Icon ---------- */

.gp-hamburger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 22px;
  height: 22px;
}

.gp-hamburger-line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  border-radius: 2px;
  transition: transform 300ms ease, opacity 200ms ease;
  transform-origin: center;
}

.gp-mobile-toggle[aria-expanded="true"] .gp-hamburger-line:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.gp-mobile-toggle[aria-expanded="true"] .gp-hamburger-line:nth-child(2) {
  opacity: 0;
}

.gp-mobile-toggle[aria-expanded="true"] .gp-hamburger-line:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

/* --------------------------------------------------------------------------
   10.4  SEARCH OVERLAY
   -------------------------------------------------------------------------- */

.gp-search-overlay {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--gp-color-bg);
  border-bottom: 1px solid var(--gp-color-border);
  box-shadow: var(--gp-shadow-lg);
  padding: 1.25rem 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 250ms ease, visibility 250ms ease, transform 250ms ease;
  z-index: 1010;
}

.gp-search-overlay[aria-hidden="false"],
.gp-search-overlay.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.gp-search-overlay-form {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
}

.gp-search-overlay-input {
  flex: 1;
  padding: 0.875rem 1rem;
  font-family: var(--gp-font-primary);
  font-size: 1.125rem;
  border: 2px solid var(--gp-color-border);
  border-radius: var(--gp-radius);
  background-color: var(--gp-color-bg);
  color: var(--gp-color-text);
  transition: border-color 250ms ease;
}

.gp-search-overlay-input::placeholder {
  color: var(--gp-color-text-muted);
}

.gp-search-overlay-input:focus {
  outline: none;
  border-color: var(--gp-color-primary-agro);
}

.gp-search-overlay-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
  border-radius: var(--gp-radius);
  font-size: 1.125rem;
  flex-shrink: 0;
  transition: background-color 200ms ease;
}

.gp-search-overlay-submit:hover {
  background-color: #245f27;
}

.gp-search-overlay-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--gp-color-text-muted);
  font-size: 1.25rem;
  flex-shrink: 0;
  border-radius: var(--gp-radius);
  transition: color 200ms ease, background-color 200ms ease;
}

.gp-search-overlay-close:hover {
  color: var(--gp-color-danger);
  background-color: rgba(244, 67, 54, 0.06);
}

/* --------------------------------------------------------------------------
   10.5  MOBILE MENU
   -------------------------------------------------------------------------- */

.gp-mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  max-width: 85vw;
  height: 100%;
  background-color: var(--gp-color-bg);
  z-index: 1060;
  transform: translateX(100%);
  transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  box-shadow: var(--gp-shadow-xl);
  overflow: hidden;
}

.gp-mobile-menu[aria-hidden="false"],
.gp-mobile-menu.is-open {
  transform: translateX(0);
}

.gp-mobile-menu-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.gp-mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--gp-color-border);
  flex-shrink: 0;
}

.gp-mobile-menu-title {
  font-family: var(--gp-font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--gp-color-text);
}

.gp-mobile-menu-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--gp-color-text-muted);
  font-size: 1.25rem;
  border-radius: var(--gp-radius);
  transition: color 200ms ease, background-color 200ms ease;
}

.gp-mobile-menu-close:hover {
  color: var(--gp-color-danger);
  background-color: rgba(244, 67, 54, 0.06);
}

/* Mobile search */
.gp-mobile-menu-search {
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid var(--gp-color-border);
}

.gp-mobile-menu-search .search-form {
  display: flex;
  gap: 0.5rem;
}

.gp-mobile-menu-search .search-field {
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--gp-color-border);
  border-radius: var(--gp-radius);
  font-size: 0.875rem;
  background-color: var(--gp-color-bg-alt);
  color: var(--gp-color-text);
}

.gp-mobile-menu-search .search-field:focus {
  outline: none;
  border-color: var(--gp-color-primary-agro);
}

.gp-mobile-menu-search .search-submit {
  padding: 0.5rem 0.875rem;
  background-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
  border-radius: var(--gp-radius);
  font-size: 0.875rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background-color 200ms ease;
}

.gp-mobile-menu-search .search-submit:hover {
  background-color: #245f27;
}

/* Mobile nav list */
.gp-mobile-nav-list {
  padding: 0.5rem 0;
}

.gp-mobile-nav-list li {
  border-bottom: 1px solid var(--gp-color-border);
}

.gp-mobile-nav-list li:last-child {
  border-bottom: none;
}

.gp-mobile-nav-list > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
  font-family: var(--gp-font-primary);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--gp-color-text);
  transition: color 200ms ease, background-color 200ms ease;
}

.gp-mobile-nav-list > li > a:hover,
.gp-mobile-nav-list > li.current-menu-item > a {
  color: var(--gp-color-primary-agro);
  background-color: rgba(46, 125, 50, 0.04);
}

/* Accordion submenus */
.gp-mobile-nav-list .sub-menu {
  display: none;
  background-color: var(--gp-color-bg-alt);
  padding-left: 1rem;
}

.gp-mobile-nav-list .sub-menu.is-open {
  display: block;
}

.gp-mobile-nav-list .sub-menu li a {
  display: block;
  padding: 0.625rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--gp-color-text-secondary);
  transition: color 200ms ease;
}

.gp-mobile-nav-list .sub-menu li a:hover {
  color: var(--gp-color-primary-agro);
}

/* Mobile menu footer */
.gp-mobile-menu-footer {
  padding: 1.25rem;
  border-top: 1px solid var(--gp-color-border);
  margin-top: auto;
  flex-shrink: 0;
}

.gp-mobile-social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.gp-mobile-social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: var(--gp-color-bg-alt);
  border: 1px solid var(--gp-color-border);
  color: var(--gp-color-text-secondary);
  font-size: 0.9375rem;
  transition: color 250ms ease, background-color 250ms ease, border-color 250ms ease;
}

.gp-mobile-social li a:hover {
  color: #FFFFFF;
  background-color: var(--gp-color-primary-agro);
  border-color: var(--gp-color-primary-agro);
}

/* Overlay backdrop */
.gp-mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1059;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}

.gp-mobile-menu.is-open ~ .gp-mobile-menu-overlay,
.gp-mobile-menu[aria-hidden="false"] .gp-mobile-menu-overlay {
  opacity: 1;
  visibility: visible;
}

/* --------------------------------------------------------------------------
   10.6  HERO SECTION
   -------------------------------------------------------------------------- */

.gp-hero {
  position: relative;
  overflow: hidden;
}

.gp-hero-bg {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #1a1a1a;
}

.gp-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.6) 100%
  );
  z-index: 1;
}

.gp-hero-content {
  position: relative;
  z-index: 2;
  padding: 4rem 0;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.gp-hero-title {
  font-family: var(--gp-font-primary);
  font-size: 3rem;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.1;
  margin-bottom: 1rem;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.gp-hero-subtitle {
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 2rem;
  line-height: 1.5;
  font-weight: 300;
}

.gp-hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

/* Agro hero variant */
.gp-hero-agro .gp-hero-bg {
  min-height: 520px;
}

/* Urban hero variant */
.gp-hero-urbana .gp-hero-bg {
  min-height: 560px;
}

.gp-hero-urbana .gp-hero-overlay {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(0, 0, 0, 0.65) 100%
  );
}

/* ---------- Hero Search Form (Urban) ---------- */

.gp-hero-search-form {
  margin-top: 2rem;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  padding: 1.25rem;
}

.gp-hero-search-fields {
  display: flex;
  align-items: stretch;
  gap: 0.625rem;
  flex-wrap: wrap;
}

.gp-hero-search-field {
  flex: 1;
  min-width: 140px;
}

.gp-hero-search-field-range {
  display: flex;
  gap: 0.5rem;
  flex: 1.5;
}

.gp-hero-search-field-range .gp-hero-input {
  flex: 1;
  min-width: 0;
}

.gp-hero-select,
.gp-hero-input {
  width: 100%;
  padding: 0.75rem 1rem;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: var(--gp-radius);
  font-size: 0.875rem;
  color: var(--gp-color-text);
  transition: border-color 200ms ease, box-shadow 200ms ease;
  appearance: auto;
}

.gp-hero-select:focus,
.gp-hero-input:focus {
  outline: none;
  border-color: var(--gp-color-primary-urban);
  box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.15);
}

.gp-hero-input::placeholder {
  color: var(--gp-color-text-muted);
}

.gp-hero-search-submit {
  flex: 0 0 auto;
  min-width: auto;
}

.gp-hero-search-submit .gp-btn {
  height: 100%;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .gp-hero-title {
    font-size: 2rem;
  }

  .gp-hero-subtitle {
    font-size: 1rem;
  }

  .gp-hero-bg {
    min-height: 400px;
  }

  .gp-hero-agro .gp-hero-bg,
  .gp-hero-urbana .gp-hero-bg {
    min-height: 420px;
  }

  .gp-hero-content {
    padding: 2.5rem 0;
  }

  .gp-hero-search-fields {
    flex-direction: column;
  }

  .gp-hero-search-field {
    min-width: 100%;
  }

  .gp-hero-search-field-range {
    flex-direction: row;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .gp-hero-title {
    font-size: 2.5rem;
  }

  .gp-hero-search-fields {
    flex-wrap: wrap;
  }

  .gp-hero-search-field {
    min-width: calc(50% - 0.3125rem);
    flex: 0 0 calc(50% - 0.3125rem);
  }

  .gp-hero-search-submit {
    min-width: 100%;
  }
}

/* --------------------------------------------------------------------------
   10.7  BUTTONS
   -------------------------------------------------------------------------- */

.gp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1.5rem;
  font-family: var(--gp-font-primary);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  border-radius: var(--gp-radius);
  border: 2px solid transparent;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: color 250ms ease,
              background-color 250ms ease,
              border-color 250ms ease,
              box-shadow 250ms ease,
              transform 150ms ease;
}

.gp-btn:active {
  transform: translateY(1px);
}

/* Primary */
.gp-btn-primary {
  background-color: var(--gp-color-primary-agro);
  border-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
}

.gp-btn-primary:hover {
  background-color: #245f27;
  border-color: #245f27;
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(46, 125, 50, 0.35);
}

/* Urban primary variant */
.gp-home-urbana .gp-btn-primary,
.gp-hero-urbana .gp-btn-primary {
  background-color: var(--gp-color-primary-urban);
  border-color: var(--gp-color-primary-urban);
}

.gp-home-urbana .gp-btn-primary:hover,
.gp-hero-urbana .gp-btn-primary:hover {
  background-color: #0f4d94;
  border-color: #0f4d94;
  box-shadow: 0 4px 12px rgba(21, 101, 192, 0.35);
}

/* Outline */
.gp-btn-outline {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.gp-btn-outline:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: var(--gp-color-text);
}

/* Large */
.gp-btn-lg {
  padding: 0.8125rem 2rem;
  font-size: 1rem;
}

/* --------------------------------------------------------------------------
   10.8  SECTION LAYOUT
   -------------------------------------------------------------------------- */

.gp-section {
  padding: 5rem 0;
}

.gp-section:nth-child(even) {
  background-color: var(--gp-color-bg-alt);
}

.gp-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2rem;
}

.gp-section-title {
  font-family: var(--gp-font-primary);
  font-size: 1.625rem;
  font-weight: 700;
  color: var(--gp-color-text);
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0;
}

.gp-section-title i {
  color: var(--gp-color-primary-agro);
  font-size: 1.25rem;
}

.gp-section-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--gp-font-primary);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gp-color-primary-agro);
  transition: gap 250ms ease, color 250ms ease;
}

.gp-section-link:hover {
  color: #245f27;
  gap: 0.625rem;
}

.gp-section-link i {
  font-size: 0.75rem;
  transition: transform 250ms ease;
}

.gp-section-link:hover i {
  transform: translateX(3px);
}

@media (max-width: 767px) {
  .gp-section {
    padding: 3rem 0;
  }

  .gp-section-title {
    font-size: 1.375rem;
  }
}

/* --------------------------------------------------------------------------
   10.9  GRID
   -------------------------------------------------------------------------- */

.gp-grid {
  display: grid;
  gap: 1.5rem;
}

.gp-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gp-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gp-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1024px) {
  .gp-grid-3,
  .gp-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .gp-grid-2,
  .gp-grid-3,
  .gp-grid-4 {
    grid-template-columns: 1fr;
  }
}

/* --------------------------------------------------------------------------
   10.10  CARDS  (the most important component)
   -------------------------------------------------------------------------- */

.gp-card {
  background-color: var(--gp-color-surface);
  border-radius: 0.75rem;
  overflow: hidden;
  border: 1px solid var(--gp-color-border);
  box-shadow: var(--gp-shadow-sm);
  transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 350ms cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
}

.gp-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--gp-shadow-lg);
}

/* ----- Card Image ----- */

.gp-card-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background-color: var(--gp-color-bg-alt);
}

.gp-card-image a {
  display: block;
  width: 100%;
  height: 100%;
}

.gp-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}

.gp-card:hover .gp-card-image img {
  transform: scale(1.06);
}

/* ----- Card Badge (on image) ----- */

.gp-card-badge {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: var(--gp-font-primary);
  line-height: 1.4;
  border-radius: 0.375rem;
  background-color: rgba(0, 0, 0, 0.65);
  color: #FFFFFF;
  z-index: 2;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.gp-badge-categoria {
  background-color: var(--gp-color-primary-agro);
}

.gp-badge-hectareas {
  background-color: rgba(0, 0, 0, 0.6);
  top: auto;
  bottom: 0.75rem;
  left: 0.75rem;
}

.gp-badge-condition {
  background-color: var(--gp-color-accent);
}

/* Price badge on image (used in urban property cards) */
.gp-card-price-badge {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  padding: 0.3rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 700;
  font-family: var(--gp-font-primary);
  background-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
  border-radius: 0.375rem;
  z-index: 2;
}

/* Operation badge for real estate */
.gp-badge-operacion {
  background-color: var(--gp-color-primary-urban);
}

.gp-badge-venta {
  background-color: var(--gp-color-primary-agro);
}

.gp-badge-alquiler {
  background-color: var(--gp-color-primary-urban);
}

/* ----- Card Body ----- */

.gp-card-body {
  padding: 1.125rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.gp-card-title {
  font-family: var(--gp-font-primary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.gp-card-title a {
  color: var(--gp-color-text);
  transition: color 250ms ease;
}

.gp-card-title a:hover {
  color: var(--gp-color-primary-agro);
}

/* Price */
.gp-card-price {
  font-family: var(--gp-font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--gp-color-primary-agro);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

/* Location */
.gp-card-location {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: var(--gp-color-text-muted);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

.gp-card-location i {
  font-size: 0.75rem;
  color: var(--gp-color-text-muted);
  flex-shrink: 0;
}

/* Breed (ganado) */
.gp-card-breed {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: var(--gp-color-text-secondary);
  margin-bottom: 0.375rem;
}

.gp-card-breed i {
  font-size: 0.75rem;
  color: var(--gp-color-primary-agro);
}

/* Brand (maquinaria) */
.gp-card-brand {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: var(--gp-color-text-secondary);
  margin-bottom: 0.375rem;
}

.gp-card-brand i {
  font-size: 0.75rem;
  color: var(--gp-color-accent);
}

/* Meta row */
.gp-card-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 0.5rem;
}

.gp-card-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8125rem;
  color: var(--gp-color-text-muted);
}

.gp-card-meta i {
  font-size: 0.75rem;
}

/* Excerpt */
.gp-card-excerpt {
  font-size: 0.875rem;
  color: var(--gp-color-text-secondary);
  line-height: 1.55;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.gp-card-excerpt p {
  margin-bottom: 0;
  font-size: inherit;
  color: inherit;
}

/* Date */
.gp-card-date {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: var(--gp-color-text-muted);
  margin-bottom: 0.375rem;
}

.gp-card-date i {
  font-size: 0.75rem;
}

/* Organizer */
.gp-card-organizer {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: var(--gp-color-text-secondary);
  margin-bottom: 0.25rem;
}

.gp-card-organizer i {
  font-size: 0.75rem;
  color: var(--gp-color-text-muted);
}

/* Features row (property cards) */
.gp-card-features {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  margin-top: auto;
  padding-top: 0.75rem;
  border-top: 1px solid var(--gp-color-border);
}

.gp-feature {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.8125rem;
  color: var(--gp-color-text-secondary);
  white-space: nowrap;
}

.gp-feature i {
  font-size: 0.75rem;
  color: var(--gp-color-primary-urban);
}

/* ---------- Card Variants ---------- */

/* Ganado card */
.gp-card-ganado .gp-card-price {
  color: var(--gp-color-primary-agro);
}

/* Campo card */
.gp-card-campo .gp-card-price {
  color: var(--gp-color-primary-agro);
}

/* Propiedad card */
.gp-card-propiedad .gp-card-title a:hover {
  color: var(--gp-color-primary-urban);
}

.gp-card-propiedad .gp-card-price {
  color: var(--gp-color-primary-urban);
}

/* Remate card — horizontal layout with date block */
.gp-card-remate {
  flex-direction: row;
  align-items: stretch;
}

.gp-card-remate .gp-card-body {
  padding: 1rem 1.25rem;
}

/* Noticia card */
.gp-card-noticia .gp-card-title {
  font-size: 0.9375rem;
}

/* Maquinaria card */
.gp-card-maquinaria .gp-card-price {
  color: var(--gp-color-accent);
}

/* Feria card */
.gp-card-feria .gp-card-date {
  color: var(--gp-color-primary-agro);
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   10.11  DATE BLOCK  (remate cards)
   -------------------------------------------------------------------------- */

.gp-card-date-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  padding: 1rem 0.75rem;
  background: linear-gradient(135deg, var(--gp-color-primary-agro), #1b5e20);
  color: #FFFFFF;
  text-align: center;
  flex-shrink: 0;
}

.gp-date-day {
  font-family: var(--gp-font-primary);
  font-size: 1.875rem;
  font-weight: 800;
  line-height: 1;
  display: block;
}

.gp-date-month {
  font-family: var(--gp-font-primary);
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  margin-top: 0.125rem;
}

.gp-date-year {
  font-size: 0.6875rem;
  opacity: 0.75;
  display: block;
  margin-top: 0.125rem;
}

@media (max-width: 767px) {
  .gp-card-remate {
    flex-direction: column;
  }

  .gp-card-date-block {
    flex-direction: row;
    min-width: auto;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
  }

  .gp-date-day {
    font-size: 1.5rem;
  }
}

/* --------------------------------------------------------------------------
   10.12  BADGES (standalone)
   -------------------------------------------------------------------------- */

.gp-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.625rem;
  font-size: 0.6875rem;
  font-weight: 600;
  font-family: var(--gp-font-primary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-radius: 0.3125rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.gp-badge-tipo {
  background-color: var(--gp-color-bg-alt);
  color: var(--gp-color-text-secondary);
  border: 1px solid var(--gp-color-border);
}

/* --------------------------------------------------------------------------
   10.13  CTA SECTION
   -------------------------------------------------------------------------- */

.gp-section-cta {
  position: relative;
  padding: 5rem 0;
  text-align: center;
  overflow: hidden;
}

.gp-section-cta-agro {
  background: linear-gradient(135deg, #1b5e20 0%, var(--gp-color-primary-agro) 50%, #388e3c 100%);
  color: #FFFFFF;
}

.gp-section-cta-agro .gp-cta-title,
.gp-section-cta-agro .gp-cta-text {
  color: #FFFFFF;
}

.gp-cta-content {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.gp-cta-title {
  font-family: var(--gp-font-primary);
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 1rem;
}

.gp-cta-text {
  font-size: 1.125rem;
  line-height: 1.6;
  margin-bottom: 2rem;
  opacity: 0.9;
}

.gp-section-cta .gp-btn-primary {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: var(--gp-color-primary-agro);
}

.gp-section-cta .gp-btn-primary:hover {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
  .gp-section-cta {
    padding: 3rem 0;
  }

  .gp-cta-title {
    font-size: 1.5rem;
  }

  .gp-cta-text {
    font-size: 1rem;
  }
}

/* --------------------------------------------------------------------------
   10.14  CAROUSEL
   -------------------------------------------------------------------------- */

.gp-carousel {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding-bottom: 1rem;
  scrollbar-width: thin;
  scrollbar-color: var(--gp-color-border) transparent;
}

.gp-carousel::-webkit-scrollbar {
  height: 6px;
}

.gp-carousel::-webkit-scrollbar-track {
  background: transparent;
}

.gp-carousel::-webkit-scrollbar-thumb {
  background: var(--gp-color-border);
  border-radius: 9999px;
}

.gp-carousel::-webkit-scrollbar-thumb:hover {
  background: var(--gp-color-text-muted);
}

.gp-carousel-item {
  scroll-snap-align: start;
  flex-shrink: 0;
}

/* Properties carousel: 3 visible items */
.gp-props-carousel .gp-carousel-item {
  width: calc(33.333% - 1rem);
}

/* Testimonials carousel: 3 visible items */
.gp-testimonials-carousel .gp-carousel-item,
.gp-testimonials-carousel .gp-testimonial-card {
  scroll-snap-align: start;
  flex-shrink: 0;
  width: calc(33.333% - 1rem);
}

@media (max-width: 1024px) {
  .gp-props-carousel .gp-carousel-item,
  .gp-testimonials-carousel .gp-carousel-item,
  .gp-testimonials-carousel .gp-testimonial-card {
    width: calc(50% - 0.75rem);
  }
}

@media (max-width: 767px) {
  .gp-props-carousel .gp-carousel-item,
  .gp-testimonials-carousel .gp-carousel-item,
  .gp-testimonials-carousel .gp-testimonial-card {
    width: 85%;
  }
}

/* --------------------------------------------------------------------------
   10.15  MAP PLACEHOLDER
   -------------------------------------------------------------------------- */

.gp-map-placeholder {
  background-color: var(--gp-color-bg-alt);
  border: 1px solid var(--gp-color-border);
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  overflow: hidden;
}

.gp-map-large {
  min-height: 450px;
}

.gp-map-placeholder-text {
  font-size: 1rem;
  color: var(--gp-color-text-muted);
  margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   10.16  COUNTDOWN
   -------------------------------------------------------------------------- */

.gp-countdown {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  color: var(--gp-color-text-secondary);
}

.gp-countdown-label {
  font-weight: 600;
  color: var(--gp-color-text-muted);
}

.gp-countdown-timer {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-family: var(--gp-font-primary);
  font-weight: 700;
  color: var(--gp-color-primary-agro);
}

/* --------------------------------------------------------------------------
   10.17  MARKET PRICES WIDGET
   -------------------------------------------------------------------------- */

.gp-market-prices-widget {
  background-color: var(--gp-color-surface);
  border: 1px solid var(--gp-color-border);
  border-radius: 0.75rem;
  padding: 1.5rem;
  min-height: 200px;
}

/* --------------------------------------------------------------------------
   10.18  FOOTER  (gp-footer)
   -------------------------------------------------------------------------- */

.gp-footer {
  background-color: #1a1a1a;
  color: #BDBDBD;
}

.gp-footer a {
  color: #BDBDBD;
  transition: color 250ms ease;
}

.gp-footer a:hover {
  color: #FFFFFF;
}

/* Footer widgets area */
.gp-footer-widgets {
  padding: 4rem 0 3rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.gp-footer-widgets-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

.gp-footer-col {
  min-width: 0;
}

/* Widget titles in footer */
.gp-footer-col .widget-title,
.gp-footer-col h3,
.gp-footer-col h4 {
  font-family: var(--gp-font-primary);
  font-size: 1.0625rem;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem;
  position: relative;
}

.gp-footer-col .widget-title::after,
.gp-footer-col h3::after,
.gp-footer-col h4::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 36px;
  height: 2px;
  background-color: var(--gp-color-primary-agro);
  border-radius: 2px;
}

/* Footer widget lists */
.gp-footer-col ul li {
  margin-bottom: 0.25rem;
}

.gp-footer-col ul li a {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.3rem 0;
  font-size: 0.875rem;
  color: #9E9E9E;
  transition: color 250ms ease, padding-left 250ms ease;
}

.gp-footer-col ul li a:hover {
  color: #FFFFFF;
  padding-left: 4px;
}

/* Footer widget text */
.gp-footer-col p {
  font-size: 0.875rem;
  color: #9E9E9E;
  line-height: 1.6;
}

/* Footer bottom bar */
.gp-footer-bottom {
  padding: 1.25rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.gp-footer-bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

.gp-footer-copyright {
  font-size: 0.8125rem;
  color: #757575;
}

.gp-footer-copyright p {
  margin-bottom: 0;
  color: #757575;
  font-size: 0.8125rem;
}

.gp-footer-copyright a {
  color: #9E9E9E;
  font-weight: 500;
}

.gp-footer-copyright a:hover {
  color: #FFFFFF;
}

/* Footer social */
.gp-footer-social-list {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.gp-footer-social-list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.08);
  color: #9E9E9E;
  font-size: 0.875rem;
  transition: color 250ms ease, background-color 250ms ease;
}

.gp-footer-social-list li a:hover {
  background-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
}

@media (max-width: 1024px) {
  .gp-footer-widgets-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .gp-footer-widgets-grid {
    grid-template-columns: 1fr;
  }

  .gp-footer-widgets {
    padding: 3rem 0 2rem;
  }

  .gp-footer-bottom-inner {
    flex-direction: column;
    text-align: center;
  }
}

/* --------------------------------------------------------------------------
   10.19  BACK TO TOP BUTTON (gp-)
   -------------------------------------------------------------------------- */

.gp-back-to-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
  border-radius: 50%;
  font-size: 1rem;
  box-shadow: var(--gp-shadow-md);
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: opacity 300ms ease, visibility 300ms ease, transform 300ms ease, background-color 200ms ease;
  z-index: 1030;
  cursor: pointer;
  border: none;
}

.gp-back-to-top:hover {
  background-color: #245f27;
  transform: translateY(-2px);
}

.gp-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* --------------------------------------------------------------------------
   10.20  WHATSAPP FLOATING BUTTON (gp-)
   -------------------------------------------------------------------------- */

.gp-whatsapp-float {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 1030;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: #25D366;
  color: #FFFFFF;
  border-radius: 50%;
  font-size: 1.75rem;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
  transition: transform 300ms ease, box-shadow 300ms ease;
}

.gp-whatsapp-float:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);
  color: #FFFFFF;
}

.gp-whatsapp-tooltip {
  position: absolute;
  right: calc(100% + 0.75rem);
  top: 50%;
  transform: translateY(-50%);
  background-color: #333;
  color: #FFFFFF;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 250ms ease, visibility 250ms ease;
  pointer-events: none;
}

.gp-whatsapp-tooltip::after {
  content: '';
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background-color: #333;
}

.gp-whatsapp-float:hover .gp-whatsapp-tooltip {
  opacity: 1;
  visibility: visible;
}

/* Adjust back-to-top when WhatsApp is present */
.gp-whatsapp-float ~ .gp-back-to-top,
body:has(.gp-whatsapp-float) .gp-back-to-top {
  bottom: calc(2rem + 56px + 1rem);
}

/* --------------------------------------------------------------------------
   10.21  TYPE TABS  (urban - search by type)
   -------------------------------------------------------------------------- */

.gp-type-tabs {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.gp-type-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 1.5rem 2rem;
  background-color: var(--gp-color-surface);
  border: 2px solid var(--gp-color-border);
  border-radius: 0.75rem;
  min-width: 140px;
  transition: border-color 250ms ease, box-shadow 250ms ease, transform 250ms ease;
}

.gp-type-tab i {
  font-size: 1.75rem;
  color: var(--gp-color-primary-urban);
  transition: transform 250ms ease;
}

.gp-type-tab-label {
  font-family: var(--gp-font-primary);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gp-color-text);
}

.gp-type-tab:hover {
  border-color: var(--gp-color-primary-urban);
  box-shadow: var(--gp-shadow-md);
  transform: translateY(-2px);
}

.gp-type-tab:hover i {
  transform: scale(1.1);
}

@media (max-width: 767px) {
  .gp-type-tab {
    min-width: calc(50% - 0.5rem);
    padding: 1rem;
  }
}

/* --------------------------------------------------------------------------
   10.22  TESTIMONIALS
   -------------------------------------------------------------------------- */

.gp-testimonial-card {
  background-color: var(--gp-color-surface);
  border: 1px solid var(--gp-color-border);
  border-radius: 0.75rem;
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.gp-testimonial-rating {
  display: flex;
  gap: 0.2rem;
  color: #FFC107;
  font-size: 0.875rem;
}

.gp-testimonial-content {
  font-size: 0.9375rem;
  color: var(--gp-color-text-secondary);
  line-height: 1.6;
  font-style: italic;
  flex: 1;
}

.gp-testimonial-content p {
  margin-bottom: 0;
  color: inherit;
}

.gp-testimonial-author {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--gp-color-border);
}

.gp-testimonial-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.gp-testimonial-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gp-testimonial-info {
  display: flex;
  flex-direction: column;
}

.gp-testimonial-name {
  font-family: var(--gp-font-primary);
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--gp-color-text);
}

.gp-testimonial-role {
  font-size: 0.75rem;
  color: var(--gp-color-text-muted);
}

/* --------------------------------------------------------------------------
   10.23  PARTNERS
   -------------------------------------------------------------------------- */

.gp-partners-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
}

.gp-partners-placeholder {
  text-align: center;
  color: var(--gp-color-text-muted);
  font-size: 0.9375rem;
  padding: 2rem 0;
}

/* --------------------------------------------------------------------------
   10.24  UTILITY CLASSES (gp- prefixed)
   -------------------------------------------------------------------------- */

.gp-mt-4 {
  margin-top: 1rem;
}

.gp-mt-8 {
  margin-top: 2rem;
}

.gp-mb-4 {
  margin-bottom: 1rem;
}

.gp-mb-8 {
  margin-bottom: 2rem;
}

/* Screen reader text (WordPress standard) */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: var(--gp-color-bg);
  border-radius: var(--gp-radius);
  box-shadow: var(--gp-shadow-lg);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: var(--gp-color-text);
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  height: auto;
  left: 0.25rem;
  line-height: normal;
  padding: 1rem 1.5rem;
  text-decoration: none;
  top: 0.25rem;
  width: auto;
  z-index: 100000;
}

/* Skip link */
.skip-link {
  z-index: 100000;
}

/* --------------------------------------------------------------------------
   10.25  DARK MODE OVERRIDES
   -------------------------------------------------------------------------- */

[data-theme="dark"] {
  --gp-color-bg: #121212;
  --gp-color-bg-alt: #1E1E1E;
  --gp-color-surface: #1E1E1E;
  --gp-color-text: #E0E0E0;
  --gp-color-text-secondary: #BDBDBD;
  --gp-color-text-muted: #757575;
  --gp-color-border: #333333;
  --gp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --gp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
  --gp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
  --gp-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .gp-topbar {
  background-color: #0a0a0a;
}

[data-theme="dark"] .gp-header {
  background-color: #121212;
  border-bottom-color: #2a2a2a;
}

[data-theme="dark"] .gp-footer {
  background-color: #0a0a0a;
}

[data-theme="dark"] .gp-card {
  background-color: #1E1E1E;
  border-color: #333;
}

[data-theme="dark"] .gp-card-title a {
  color: #E0E0E0;
}

[data-theme="dark"] .gp-search-overlay {
  background-color: #121212;
  border-bottom-color: #2a2a2a;
}

[data-theme="dark"] .gp-search-overlay-input {
  background-color: #1E1E1E;
  border-color: #333;
  color: #E0E0E0;
}

[data-theme="dark"] .gp-hero-select,
[data-theme="dark"] .gp-hero-input {
  background-color: rgba(30, 30, 30, 0.95);
  border-color: rgba(255, 255, 255, 0.15);
  color: #E0E0E0;
}

[data-theme="dark"] .gp-mobile-menu {
  background-color: #121212;
}

[data-theme="dark"] .gp-testimonial-card {
  background-color: #1E1E1E;
  border-color: #333;
}

[data-theme="dark"] .gp-type-tab {
  background-color: #1E1E1E;
  border-color: #333;
}

[data-theme="dark"] .gp-market-prices-widget {
  background-color: #1E1E1E;
  border-color: #333;
}

[data-theme="dark"] .gp-map-placeholder {
  background-color: #1E1E1E;
  border-color: #333;
}

[data-theme="dark"] .gp-badge-tipo {
  background-color: #2a2a2a;
  color: #BDBDBD;
  border-color: #444;
}

/* --------------------------------------------------------------------------
   10.26  RESPONSIVE MEDIA QUERIES  (consolidated)
   -------------------------------------------------------------------------- */

/* Tablet: hide top bar contact text overflow */
@media (min-width: 768px) and (max-width: 1024px) {
  .gp-topbar-contact {
    gap: 1rem;
  }

  .gp-topbar-email {
    display: none;
  }

  .gp-header-inner {
    height: 70px;
  }

  .gp-header-brand .gp-logo img,
  .gp-header-brand .custom-logo {
    height: 42px;
  }
}

/* Desktop: show top bar */
@media (min-width: 1025px) {
  .gp-topbar {
    display: block;
  }
}

/* Large desktop adjustments */
@media (min-width: 1280px) {
  .gp-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* Print styles */
@media print {
  .gp-topbar,
  .gp-header,
  .gp-mobile-menu,
  .gp-back-to-top,
  .gp-whatsapp-float,
  .gp-search-overlay {
    display: none !important;
  }

  .gp-card {
    box-shadow: none;
    border: 1px solid #ccc;
    break-inside: avoid;
  }

  .gp-hero {
    min-height: auto;
  }

  .gp-hero-overlay {
    display: none;
  }

  .gp-hero-title {
    color: #000;
    text-shadow: none;
  }
}

/* ==========================================================================
   ARCHIVE / FILTER / PAGINATION
   ========================================================================== */

/* --------------------------------------------------------------------------
   Archive Header
   -------------------------------------------------------------------------- */

.gp-archive-header {
  padding: 2rem 0 1.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--gp-color-border);
}

.gp-archive-header-inner {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.gp-archive-title {
  font-family: var(--gp-font-primary);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--gp-color-text);
  line-height: 1.2;
}

.gp-archive-count {
  font-family: var(--gp-font-secondary);
  font-size: 0.875rem;
  color: var(--gp-color-text-muted);
}

/* --------------------------------------------------------------------------
   Content Area with Sidebar (Grid Layout)
   -------------------------------------------------------------------------- */

.gp-content-area {
  padding: 0 0 3rem;
}

.gp-content-with-sidebar {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 30px;
  align-items: start;
}

@media (max-width: 1024px) {
  .gp-content-with-sidebar {
    grid-template-columns: 260px 1fr;
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .gp-content-with-sidebar {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* --------------------------------------------------------------------------
   Filter Sidebar
   -------------------------------------------------------------------------- */

.gp-filter-sidebar {
  position: sticky;
  top: calc(var(--gp-header-height) + 20px);
  background-color: var(--gp-color-surface);
  border-radius: 12px;
  box-shadow: var(--gp-shadow-md);
  padding: 24px;
}

@media (max-width: 767px) {
  .gp-filter-sidebar {
    position: static;
    border-radius: 10px;
  }
}

/* Filter form */
.ganados-filter-form {
  display: flex;
  flex-direction: column;
}

/* Filter title */
.gp-filter-title {
  font-family: var(--gp-font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--gp-color-text);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 14px;
  margin-bottom: 20px;
  border-bottom: 2px solid var(--gp-color-border);
}

.gp-filter-title i {
  color: var(--gp-color-primary-agro);
  font-size: 1.15em;
}

/* Filter group */
.gp-filter-group {
  margin-bottom: 20px;
}

.gp-filter-group:last-of-type {
  margin-bottom: 24px;
}

/* Filter label */
.gp-filter-label {
  display: block;
  font-family: var(--gp-font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--gp-color-text-secondary);
  margin-bottom: 6px;
}

/* Filter select */
.gp-filter-select {
  width: 100%;
  padding: 10px 38px 10px 14px;
  font-family: var(--gp-font-secondary);
  font-size: 0.875rem;
  color: var(--gp-color-text);
  background-color: var(--gp-color-bg);
  border: 1px solid var(--gp-color-border);
  border-radius: 8px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 7px;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}

.gp-filter-select:focus {
  border-color: var(--gp-color-primary-agro);
  box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.12);
}

.gp-filter-select:hover {
  border-color: var(--gp-color-text-muted);
}

/* Filter input */
.gp-filter-input {
  width: 100%;
  padding: 10px 14px;
  font-family: var(--gp-font-secondary);
  font-size: 0.875rem;
  color: var(--gp-color-text);
  background-color: var(--gp-color-bg);
  border: 1px solid var(--gp-color-border);
  border-radius: 8px;
  outline: none;
  transition: border-color 200ms ease, box-shadow 200ms ease;
}

.gp-filter-input:focus {
  border-color: var(--gp-color-primary-agro);
  box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.12);
}

.gp-filter-input:hover {
  border-color: var(--gp-color-text-muted);
}

.gp-filter-input::placeholder {
  color: var(--gp-color-text-muted);
}

/* Range filter */
.gp-filter-range .gp-filter-label {
  margin-bottom: 8px;
}

.gp-filter-range-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}

.gp-filter-range-inputs .gp-filter-input {
  flex: 1;
  min-width: 0;
}

.gp-filter-range-sep {
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--gp-color-text-muted);
  line-height: 1;
}

/* Filter actions */
.gp-filter-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.gp-filter-submit {
  width: 100%;
  padding: 10px 1.5rem;
  border-radius: 8px;
}

.gp-filter-reset {
  font-family: var(--gp-font-secondary);
  font-size: 0.8125rem;
  color: var(--gp-color-text-muted);
  cursor: pointer;
  text-decoration: none;
  transition: color 200ms ease;
}

.gp-filter-reset:hover {
  color: var(--gp-color-danger);
}

/* --------------------------------------------------------------------------
   Archive Content
   -------------------------------------------------------------------------- */

.gp-archive-content {
  min-width: 0;
}

/* --------------------------------------------------------------------------
   Pagination
   -------------------------------------------------------------------------- */

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
}

.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--gp-color-border);
  font-family: var(--gp-font-primary);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gp-color-text);
  text-decoration: none;
  background-color: var(--gp-color-surface);
  transition: background-color 200ms ease,
              color 200ms ease,
              border-color 200ms ease,
              box-shadow 200ms ease;
}

.pagination .page-numbers:hover {
  background-color: rgba(46, 125, 50, 0.08);
  border-color: var(--gp-color-primary-agro);
  color: var(--gp-color-primary-agro);
}

.pagination .page-numbers.current {
  background-color: var(--gp-color-primary-agro);
  border-color: var(--gp-color-primary-agro);
  color: #FFFFFF;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(46, 125, 50, 0.3);
  pointer-events: none;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  font-size: 1rem;
  font-weight: 600;
  width: auto;
  padding: 0 14px;
  border-radius: 20px;
  gap: 4px;
}

.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover {
  background-color: rgba(46, 125, 50, 0.08);
  border-color: var(--gp-color-primary-agro);
  color: var(--gp-color-primary-agro);
}

.pagination .page-numbers.dots {
  border: none;
  background: transparent;
  pointer-events: none;
  color: var(--gp-color-text-muted);
  letter-spacing: 2px;
}

@media (max-width: 767px) {
  .pagination {
    gap: 3px;
  }

  .pagination .page-numbers {
    width: 36px;
    height: 36px;
    font-size: 0.8125rem;
  }

  .pagination .page-numbers.prev,
  .pagination .page-numbers.next {
    padding: 0 10px;
    font-size: 0.875rem;
  }
}

/* --------------------------------------------------------------------------
   No Results
   -------------------------------------------------------------------------- */

.gp-no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 20px;
  color: var(--gp-color-text-muted);
}

.gp-no-results::before {
  content: "\f002";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
  font-weight: 900;
  font-size: 2.5rem;
  display: block;
  margin-bottom: 1rem;
  opacity: 0.4;
}

.gp-no-results p {
  font-family: var(--gp-font-secondary);
  font-size: 1rem;
  max-width: 400px;
  line-height: 1.6;
}

.gp-elementor-content:empty {
  display: none;
}

/* ==========================================================================
   SINGLE LISTING / DETAIL PAGES
   ========================================================================== */

.gp-single-listing {
  margin-bottom: 3rem;
}

/* 12-column grid for listing layout */
.gp-grid-12 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 1025px) {
  .gp-grid-12 {
    grid-template-columns: 2fr 1fr;
  }
}

/* Breadcrumbs */
.gp-breadcrumbs {
  padding: 1rem 0;
  margin-bottom: 1.5rem;
}

.gp-breadcrumbs-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: 0.875rem;
  color: var(--gp-color-text-secondary);
}

.gp-breadcrumb-item a {
  color: var(--gp-color-text-secondary);
  text-decoration: none;
  transition: color 200ms ease;
}

.gp-breadcrumb-item a:hover {
  color: var(--gp-color-primary-agro);
}

.gp-breadcrumb-sep {
  color: var(--gp-color-text-muted);
  user-select: none;
}

.gp-breadcrumb-current {
  color: var(--gp-color-text);
  font-weight: 500;
}

/* Gallery */
.gp-gallery {
  margin-bottom: 1.5rem;
}

.gp-gallery-main {
  border-radius: var(--gp-radius);
  overflow: hidden;
  margin-bottom: 0.75rem;
}

.gp-gallery-main img,
.gp-gallery-main-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-height: 500px;
}

.gp-gallery-thumbs {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.5rem;
}

.gp-gallery-thumb {
  flex: 0 0 auto;
  width: 80px;
  height: 60px;
  border-radius: 6px;
  overflow: hidden;
  border: 2px solid transparent;
  transition: border-color 200ms ease;
}

.gp-gallery-thumb:hover {
  border-color: var(--gp-color-primary-agro);
}

.gp-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Listing Header */
.gp-listing-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.gp-listing-title {
  font-family: var(--gp-font-primary);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--gp-color-text);
  margin: 0;
  line-height: 1.3;
}

.gp-badge-estado {
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.gp-badge-disponible {
  background: #e8f5e9;
  color: #2e7d32;
}

.gp-badge-vendido {
  background: #fbe9e7;
  color: #d32f2f;
}

.gp-badge-reservado {
  background: #fff3e0;
  color: #e65100;
}

/* Listing Price */
.gp-listing-price {
  margin-bottom: 1.5rem;
}

.gp-listing-price-amount {
  font-family: var(--gp-font-primary);
  font-size: 2rem;
  font-weight: 700;
  color: var(--gp-color-primary-agro);
}

/* Section Titles inside listing */
.gp-listing-section-title {
  font-family: var(--gp-font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--gp-color-text);
  margin: 0 0 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--gp-color-border);
}

.gp-listing-section-title i {
  margin-right: 0.5rem;
  color: var(--gp-color-primary-agro);
}

/* Details Table */
.gp-listing-details {
  margin-bottom: 2rem;
}

.gp-details-table {
  width: 100%;
  border-collapse: collapse;
}

.gp-details-table th,
.gp-details-table td {
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.9375rem;
  border-bottom: 1px solid var(--gp-color-border);
}

.gp-details-table th {
  width: 40%;
  font-weight: 600;
  color: var(--gp-color-text-secondary);
  background: var(--gp-color-bg-alt);
}

.gp-details-table td {
  color: var(--gp-color-text);
}

.gp-details-table tr:last-child th,
.gp-details-table tr:last-child td {
  border-bottom: none;
}

/* Description */
.gp-listing-description {
  margin-bottom: 2rem;
  line-height: 1.8;
  color: var(--gp-color-text);
  font-size: 0.9375rem;
}

/* Contact Box (Sidebar) */
.gp-contact-box {
  background: var(--gp-color-surface);
  border: 1px solid var(--gp-color-border);
  border-radius: 12px;
  padding: 1.5rem;
  position: sticky;
  top: calc(var(--gp-header-height) + 1.5rem);
}

.gp-contact-box-title {
  font-family: var(--gp-font-primary);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--gp-color-text);
  margin: 0 0 1.25rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--gp-color-border);
}

.gp-contact-box-title i {
  margin-right: 0.5rem;
  color: var(--gp-color-primary-agro);
}

.gp-contact-name,
.gp-contact-phone {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  font-size: 0.9375rem;
  color: var(--gp-color-text);
}

.gp-contact-name i,
.gp-contact-phone i {
  color: var(--gp-color-text-muted);
  width: 16px;
  text-align: center;
}

.gp-contact-phone a {
  color: var(--gp-color-text);
  text-decoration: none;
}

.gp-contact-phone a:hover {
  color: var(--gp-color-primary-agro);
}

.gp-btn-whatsapp {
  background: #25d366;
  color: #fff;
  border: none;
  margin-bottom: 0.5rem;
}

.gp-btn-whatsapp:hover {
  background: #1da851;
  color: #fff;
}

.gp-btn-block {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.9375rem;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 200ms ease, color 200ms ease;
  text-align: center;
  margin-bottom: 0.5rem;
}

.gp-contact-form-note {
  font-size: 0.8125rem;
  color: var(--gp-color-text-muted);
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
}

/* Location Section */
.gp-listing-location {
  margin: 2rem 0;
}

.gp-location-text {
  font-size: 1rem;
  color: var(--gp-color-text);
  margin-bottom: 1rem;
}

.gp-location-text i {
  margin-right: 0.5rem;
  color: var(--gp-color-primary-agro);
}

/* Social Share */
.gp-social-share {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 0;
  border-top: 1px solid var(--gp-color-border);
  margin-top: 1rem;
}

.gp-social-share-label {
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--gp-color-text-secondary);
}

.gp-social-share-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.5rem;
}

.gp-social-share-list a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--gp-color-border);
  color: var(--gp-color-text-secondary);
  text-decoration: none;
  transition: all 200ms ease;
  font-size: 0.875rem;
}

.gp-share-facebook:hover { background: #1877f2; color: #fff; border-color: #1877f2; }
.gp-share-twitter:hover  { background: #000; color: #fff; border-color: #000; }
.gp-share-whatsapp:hover { background: #25d366; color: #fff; border-color: #25d366; }
.gp-share-email:hover    { background: var(--gp-color-primary-agro); color: #fff; border-color: var(--gp-color-primary-agro); }

/* Related Posts */
.gp-related-posts {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--gp-color-border);
}

.gp-related-posts-title {
  font-family: var(--gp-font-primary);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--gp-color-text);
  margin: 0 0 1.5rem;
}

/* Single page container spacing */
.gp-single-ganado .gp-container,
.gp-single-propiedad .gp-container,
.gp-single-campo .gp-container,
.gp-single-maquinaria .gp-container,
.gp-single-remate .gp-container,
.gp-single-alquiler .gp-container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* Mobile adjustments for single pages */
@media (max-width: 767px) {
  .gp-listing-title {
    font-size: 1.375rem;
  }

  .gp-listing-price-amount {
    font-size: 1.5rem;
  }

  .gp-details-table th {
    width: 45%;
    padding: 0.5rem 0.75rem;
  }

  .gp-details-table td {
    padding: 0.5rem 0.75rem;
  }

  .gp-gallery-main-img {
    max-height: 300px;
  }

  .gp-gallery-thumb {
    width: 60px;
    height: 45px;
  }

  .gp-contact-box {
    position: static;
  }

  .gp-social-share {
    flex-wrap: wrap;
  }

  .gp-listing-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Video Embed */
.gp-listing-video {
  margin-bottom: 2rem;
}

.gp-video-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: var(--gp-radius);
}

.gp-video-embed iframe,
.gp-video-embed video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: var(--gp-radius);
}

/* Gallery thumb click pointer */
.gp-gallery-thumb {
  cursor: pointer;
}

.gp-gallery-thumb:hover img {
  opacity: 0.8;
}

/* Card meta items spacing */
.gp-card-meta {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: var(--gp-color-text-secondary);
}

.gp-card-meta-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.gp-card-meta-item i {
  font-size: 0.75rem;
}

/* Gallery thumb active state */
.gp-gallery-thumb.is-active {
  border-color: var(--gp-color-primary-agro);
  box-shadow: 0 0 0 2px var(--gp-color-primary-agro);
}

.gp-gallery-main-img {
  transition: opacity 0.3s ease;
}

/* Features / Características list */
.gp-listing-features {
  margin-bottom: 2rem;
}

.gp-features-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.75rem;
}

.gp-features-list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  color: var(--gp-color-text);
  padding: 0.5rem 0.75rem;
  background: var(--gp-color-bg-alt);
  border-radius: 6px;
}

.gp-features-list li i {
  color: var(--gp-color-primary-agro);
  font-size: 0.8rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .gp-features-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .gp-features-list {
    grid-template-columns: 1fr;
  }
}

/* ===== Agent card & contact logo (contact box) ===== */
.gp-agent-card { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.25rem; }
.gp-agent-photo { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.gp-agent-photo img { width: 100%; height: 100%; object-fit: cover; }
.gp-agent-name { display: block; font-size: 1rem; font-weight: 700; }
.gp-agent-cargo { font-size: 0.8125rem; color: var(--gp-color-text-muted); }
.gp-contact-logo { margin-bottom: 1.25rem; text-align: center; }
.gp-contact-logo img { max-height: 50px; width: auto; }

/* ==========================================================================
   FORMS
   ========================================================================== */

.gp-form {
  max-width: 720px;
}

.gp-form-group {
  margin-bottom: 1.25rem;
}

.gp-form-label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  color: var(--gp-color-text);
}

.gp-form-label .required {
  color: #e53e3e;
  margin-left: 2px;
}

.gp-form-input,
.gp-form-select,
.gp-form-textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--gp-color-border);
  border-radius: 8px;
  font-size: 0.9375rem;
  font-family: var(--gp-font-secondary);
  color: var(--gp-color-text);
  background: var(--gp-color-surface);
  transition: border-color 200ms ease, box-shadow 200ms ease;
}

.gp-form-input:focus,
.gp-form-select:focus,
.gp-form-textarea:focus {
  outline: none;
  border-color: var(--gp-color-primary-agro);
  box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.15);
}

.gp-form-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555' d='M6 8.825L0.375 3.2l0.85-0.85L6 7.125l4.775-4.775 0.85 0.85z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

.gp-form-textarea {
  min-height: 120px;
  resize: vertical;
}

.gp-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

@media (max-width: 600px) {
  .gp-form-row {
    grid-template-columns: 1fr;
  }
}

.gp-form-submit {
  width: 100%;
  padding: 0.875rem 1.5rem;
  font-size: 1rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.gp-form-message {
  padding: 1rem 1.25rem;
  border-radius: 8px;
  margin-bottom: 1.5rem;
  font-size: 0.9375rem;
  line-height: 1.5;
}

.gp-form-message--success {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #c8e6c9;
}

.gp-form-message--error {
  background: #fbe9e7;
  color: #d32f2f;
  border: 1px solid #ffcdd2;
}

.gp-form-honeypot {
  display: none !important;
  position: absolute;
  left: -9999px;
}

/* ==========================================================================
   Dark Mode - Additional overrides
   ========================================================================== */

[data-theme="dark"] body,
[data-theme="dark"] .site-main {
  background-color: var(--gp-color-bg);
  color: var(--gp-color-text);
}

[data-theme="dark"] .gp-section:nth-child(even) {
  background-color: var(--gp-color-bg-alt);
}

[data-theme="dark"] .gp-section:nth-child(odd) {
  background-color: var(--gp-color-bg);
}

[data-theme="dark"] .gp-listing-details,
[data-theme="dark"] .gp-details-table th {
  background: var(--gp-color-bg-alt);
}

[data-theme="dark"] .gp-details-table td,
[data-theme="dark"] .gp-details-table th {
  border-color: var(--gp-color-border);
  color: var(--gp-color-text);
}

[data-theme="dark"] .gp-contact-box {
  background: var(--gp-color-surface);
  border-color: var(--gp-color-border);
}

[data-theme="dark"] .gp-filter-sidebar {
  background: var(--gp-color-surface);
  border-color: var(--gp-color-border);
}

[data-theme="dark"] .gp-filter-input,
[data-theme="dark"] .gp-filter-select {
  background: var(--gp-color-bg);
  border-color: var(--gp-color-border);
  color: var(--gp-color-text);
}

[data-theme="dark"] .gp-breadcrumbs,
[data-theme="dark"] .gp-breadcrumb-item a {
  color: var(--gp-color-text-secondary);
}

[data-theme="dark"] .gp-listing-title,
[data-theme="dark"] .gp-listing-section-title,
[data-theme="dark"] .gp-contact-box-title {
  color: var(--gp-color-text);
}

[data-theme="dark"] .gp-listing-description {
  color: var(--gp-color-text);
}

[data-theme="dark"] .gp-social-share {
  border-color: var(--gp-color-border);
}

[data-theme="dark"] .gp-social-share-list a {
  border-color: var(--gp-color-border);
  color: var(--gp-color-text-secondary);
}

[data-theme="dark"] .gp-related-posts {
  border-color: var(--gp-color-border);
}

[data-theme="dark"] .gp-features-list li {
  background: var(--gp-color-bg-alt);
  color: var(--gp-color-text);
}

[data-theme="dark"] .gp-card-location,
[data-theme="dark"] .gp-card-meta {
  color: var(--gp-color-text-secondary);
}

[data-theme="dark"] .gp-form-input,
[data-theme="dark"] .gp-form-select,
[data-theme="dark"] .gp-form-textarea {
  background: var(--gp-color-bg);
  border-color: var(--gp-color-border);
  color: var(--gp-color-text);
}

[data-theme="dark"] .gp-archive-header {
  border-color: var(--gp-color-border);
}

[data-theme="dark"] .page-numbers {
  border-color: var(--gp-color-border);
  color: var(--gp-color-text);
}

[data-theme="dark"] .gp-gallery-thumb {
  border-color: var(--gp-color-border);
}

[data-theme="dark"] .gp-gallery-thumb.is-active {
  border-color: var(--gp-color-primary-agro);
}

[data-theme="dark"] .gp-agent-card {
  color: var(--gp-color-text);
}

/* ==========================================================================
   Dark Mode - Global & Elementor overrides
   ========================================================================== */

[data-theme="dark"] {
  background-color: #121212 !important;
}

[data-theme="dark"] body {
  background-color: #121212 !important;
  color: #E0E0E0;
}

[data-theme="dark"] .site-main,
[data-theme="dark"] #primary,
[data-theme="dark"] .gp-container,
[data-theme="dark"] .gp-content-area,
[data-theme="dark"] .gp-main-content,
[data-theme="dark"] .gp-page-article {
  background-color: transparent;
  color: #E0E0E0;
}

/* Elementor sections */
[data-theme="dark"] .elementor-section,
[data-theme="dark"] .elementor-top-section {
  background-color: #121212;
}

[data-theme="dark"] .elementor-section[data-settings*="background_color"] {
  background-color: #1E1E1E !important;
}

[data-theme="dark"] .elementor-column-wrap,
[data-theme="dark"] .elementor-widget-wrap {
  background-color: transparent;
}

[data-theme="dark"] .elementor-heading-title,
[data-theme="dark"] .elementor-widget-text-editor {
  color: #E0E0E0;
}

[data-theme="dark"] .elementor-icon-box-title,
[data-theme="dark"] .elementor-icon-box-description {
  color: #E0E0E0;
}

[data-theme="dark"] .elementor-counter-title,
[data-theme="dark"] .elementor-counter-number-wrapper {
  color: #E0E0E0;
}

/* Sidebar / widgets area */
[data-theme="dark"] .widget,
[data-theme="dark"] #secondary {
  background-color: #1E1E1E;
  color: #E0E0E0;
}

/* WP default elements */
[data-theme="dark"] .wp-block-group,
[data-theme="dark"] .entry-content {
  color: #E0E0E0;
}

[data-theme="dark"] a {
  color: #81C784;
}

[data-theme="dark"] a:hover {
  color: #A5D6A7;
}

/* Page title and headers */
[data-theme="dark"] .gp-page-title,
[data-theme="dark"] .gp-page-header h1,
[data-theme="dark"] h1, [data-theme="dark"] h2,
[data-theme="dark"] h3, [data-theme="dark"] h4 {
  color: #E0E0E0;
}

/* Archive pages header sections with inline colors */
[data-theme="dark"] .gp-section[style*="background"] {
  border-bottom: 1px solid #333;
}

/* ==========================================================================
   Dark Mode - Force override Elementor inline backgrounds
   ========================================================================== */

[data-theme="dark"] .elementor-element:not(.elementor-motion-effects-element-type-background)[style*="background"],
[data-theme="dark"] .elementor-element:not(.elementor-motion-effects-element-type-background) {
  /* Let the dark override work */
}

/* Override ALL Elementor section backgrounds that are white/light */
[data-theme="dark"] .elementor-section:not([data-settings*="background_image"]) > .elementor-container,
[data-theme="dark"] .elementor-top-section:not([data-settings*="background_image"]) {
  background-color: transparent !important;
}

/* Force dark on sections with white/light bg colors from Elementor's generated CSS */
[data-theme="dark"] .elementor .elementor-element[class*="elementor-element-"]:not(.elementor-motion-effects-element-type-background) {
  background-color: #121212 !important;
}

/* But keep colored sections (green CTA, dark green counters, hero with images) */
[data-theme="dark"] .elementor .elementor-element[class*="elementor-element-"].elementor-motion-effects-element-type-background {
  background-color: unset !important;
}

/* Alternate section bg */
[data-theme="dark"] .elementor-top-section:nth-child(even):not(.elementor-motion-effects-element-type-background) {
  background-color: #1E1E1E !important;
}

/* Keep sections with deliberate dark backgrounds (CTA green, counter green) */
[data-theme="dark"] .elementor .elementor-element[style*="background-color: #2E7D32"],
[data-theme="dark"] .elementor .elementor-element[style*="background-color: #1B5E20"],
[data-theme="dark"] .elementor .elementor-element[style*="background-color:#2E7D32"],
[data-theme="dark"] .elementor .elementor-element[style*="background-color:#1B5E20"] {
  background-color: inherit !important;
}

/* Logo light/dark switching */
.gp-logo-img {
  max-height: 60px;
  width: auto;
  display: block;
}

html:not([data-theme="dark"]) .gp-logo-dark {
  display: none !important;
}

html[data-theme="dark"] .gp-logo-light {
  display: none !important;
}

html[data-theme="dark"] .gp-logo-dark {
  display: block !important;
}

/* Feria card - vertical in grid, horizontal in list */
.gp-card-feria {
  flex-direction: column;
}

.gp-card-feria .gp-card-date-block {
  border-radius: var(--gp-radius) var(--gp-radius) 0 0;
}

.gp-card-feria .gp-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.gp-card-feria .gp-card-date,
.gp-card-feria .gp-card-location,
.gp-card-feria .gp-card-breed {
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

/* List mode - horizontal */
.gp-feria-list .gp-card-feria {
  flex-direction: row;
}

.gp-feria-list .gp-card-feria .gp-card-date-block {
  border-radius: var(--gp-radius) 0 0 var(--gp-radius);
  flex: 0 0 80px;
}