/*
Theme Name: Yo Decido Cómo 2026
Theme URI: https://yodecidocomo.com/
Description: Yo Decido Cómo | WordPress theme 2026
Author: Digix Labs
Author URI: https://web.digix.co/
Version: 1.0.0
Text Domain: ydc2026
Requires at least: 6.0
Requires PHP: 8.0
*/

:root {
  --ydc-pink: #de006e;
  --ydc-pink-dark: #b20058;
  --ydc-blue: #1c4198;
  --ydc-blue-mid: #1c4199;
  --ydc-blue-dark: #1c2b62;
  --ydc-blue-legal: #111a3b;
  --ydc-light-blue: #e7f0ff;
  --ydc-light-pink: #ffebf4;
  --ydc-light-yellow: #fff3a9;
  --ydc-yellow: #f79b2c;
  --ydc-light-green: #e0ffdd;
  --ydc-green: #37a329;
  --ydc-tag-blue: #7ca7ff;
  --ydc-tag-lilac: #b2b3ff;
  --ydc-tag-cyan: #02b6ff;
  --ydc-neutral-0: #ffffff;
  --ydc-neutral-50: #d2d5d6;
  --ydc-neutral-75: #6a6b6e;
  --ydc-neutral-90: #394046;
  --ydc-neutral-100: #171717;
  --ydc-ux-01: #131537;
  --ydc-font: "Montserrat", sans-serif;
  --ydc-font-display: "DM Serif Display", "Avigea", serif;
  --ydc-radius-sm: 8px;
  --ydc-radius-md: 12px;
  --ydc-radius-pill: 100px;
  --ydc-space-1: 8px;
  --ydc-space-2: 16px;
  --ydc-space-3: 24px;
  --ydc-space-4: 32px;
  --ydc-space-5: 40px;
  --ydc-space-6: 48px;
  --ydc-container: 1100px;
}

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

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

body {
  margin: 0;
  font-family: var(--ydc-font);
  font-size: 16px;
  line-height: 1.4;
  color: var(--ydc-neutral-90);
  background: var(--ydc-neutral-0);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

a:hover {
  color: var(--ydc-pink);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 1.2;
}

/* Editor color palette → front */
.has-ydc-pink-color {
  color: var(--ydc-pink) !important;
}

.has-ydc-pink-background-color {
  background-color: var(--ydc-pink) !important;
}

.has-ydc-pink-dark-color {
  color: var(--ydc-pink-dark) !important;
}

.has-ydc-pink-dark-background-color {
  background-color: var(--ydc-pink-dark) !important;
}

.has-ydc-blue-color {
  color: var(--ydc-blue) !important;
}

.has-ydc-blue-background-color {
  background-color: var(--ydc-blue) !important;
}

.has-ydc-blue-mid-color {
  color: var(--ydc-blue-mid) !important;
}

.has-ydc-blue-mid-background-color {
  background-color: var(--ydc-blue-mid) !important;
}

.has-ydc-blue-dark-color {
  color: var(--ydc-blue-dark) !important;
}

.has-ydc-blue-dark-background-color {
  background-color: var(--ydc-blue-dark) !important;
}

.has-ydc-light-blue-color {
  color: var(--ydc-light-blue) !important;
}

.has-ydc-light-blue-background-color {
  background-color: var(--ydc-light-blue) !important;
}

.has-ydc-light-pink-color {
  color: var(--ydc-light-pink) !important;
}

.has-ydc-light-pink-background-color {
  background-color: var(--ydc-light-pink) !important;
}

.has-ydc-light-yellow-color {
  color: var(--ydc-light-yellow) !important;
}

.has-ydc-light-yellow-background-color {
  background-color: var(--ydc-light-yellow) !important;
}

.has-ydc-light-green-color {
  color: var(--ydc-light-green) !important;
}

.has-ydc-light-green-background-color {
  background-color: var(--ydc-light-green) !important;
}

.has-ydc-green-color {
  color: var(--ydc-green) !important;
}

.has-ydc-green-background-color {
  background-color: var(--ydc-green) !important;
}

.has-ydc-tag-blue-color {
  color: var(--ydc-tag-blue) !important;
}

.has-ydc-tag-blue-background-color {
  background-color: var(--ydc-tag-blue) !important;
}

.has-ydc-tag-lilac-color {
  color: var(--ydc-tag-lilac) !important;
}

.has-ydc-tag-lilac-background-color {
  background-color: var(--ydc-tag-lilac) !important;
}

.has-ydc-tag-cyan-color {
  color: var(--ydc-tag-cyan) !important;
}

.has-ydc-tag-cyan-background-color {
  background-color: var(--ydc-tag-cyan) !important;
}

.has-ydc-neutral-0-color {
  color: var(--ydc-neutral-0) !important;
}

.has-ydc-neutral-0-background-color {
  background-color: var(--ydc-neutral-0) !important;
}

.has-ydc-neutral-75-color {
  color: var(--ydc-neutral-75) !important;
}

.has-ydc-neutral-75-background-color {
  background-color: var(--ydc-neutral-75) !important;
}

.has-ydc-neutral-90-color {
  color: var(--ydc-neutral-90) !important;
}

.has-ydc-neutral-90-background-color {
  background-color: var(--ydc-neutral-90) !important;
}

.has-ydc-neutral-100-color {
  color: var(--ydc-neutral-100) !important;
}

.has-ydc-neutral-100-background-color {
  background-color: var(--ydc-neutral-100) !important;
}

/* Border colors (Column / Group border picker) */
.has-ydc-pink-border-color {
  border-color: var(--ydc-pink) !important;
}

.has-ydc-pink-dark-border-color {
  border-color: var(--ydc-pink-dark) !important;
}

.has-ydc-blue-border-color {
  border-color: var(--ydc-blue) !important;
}

.has-ydc-blue-mid-border-color {
  border-color: var(--ydc-blue-mid) !important;
}

.has-ydc-blue-dark-border-color {
  border-color: var(--ydc-blue-dark) !important;
}

.has-ydc-light-blue-border-color {
  border-color: var(--ydc-light-blue) !important;
}

.has-ydc-light-pink-border-color {
  border-color: var(--ydc-light-pink) !important;
}

.has-ydc-light-yellow-border-color {
  border-color: var(--ydc-light-yellow) !important;
}

.has-ydc-light-green-border-color {
  border-color: var(--ydc-light-green) !important;
}

.has-ydc-green-border-color {
  border-color: var(--ydc-green) !important;
}

.has-ydc-tag-blue-border-color {
  border-color: var(--ydc-tag-blue) !important;
}

.has-ydc-tag-lilac-border-color {
  border-color: var(--ydc-tag-lilac) !important;
}

.has-ydc-tag-cyan-border-color {
  border-color: var(--ydc-tag-cyan) !important;
}

.has-ydc-neutral-0-border-color {
  border-color: var(--ydc-neutral-0) !important;
}

.has-ydc-neutral-75-border-color {
  border-color: var(--ydc-neutral-75) !important;
}

.has-ydc-neutral-90-border-color {
  border-color: var(--ydc-neutral-90) !important;
}

.has-ydc-neutral-100-border-color {
  border-color: var(--ydc-neutral-100) !important;
}