/* ==========================================================================
   THE CRAZY GREENS — Sistema de diseño v1.0
   Destino: astra-child/assets/css/crazy-greens-tokens.css
   Requisito: definir antes los tokens en Personalizar → Global (ver manual)
   v1.2 — variantes de botón como estilos de bloque · breadcrumb · pie de página
   ========================================================================== */

:root {
  /* --- Color -------------------------------------------------------- */
  --cg-verde-profundo: #005E26;   /* marca / CTA primario */
  --cg-verde-oscuro:   #00461D;   /* hover, activo */
  --cg-verde-tinta:    #0E2A1A;   /* títulos, texto sobre claro */
  --cg-verde-humo:     #4A5B50;   /* texto largo */
  --cg-salvia-bruma:   #E6EDE9;   /* fondo base */
  --cg-nieve:          #F5F8F6;   /* fondo alterno */
  --cg-blanco:         #FFFFFF;   /* superficies */
  --cg-menta-suave:    #CCE1D5;   /* superficie de apoyo / CTA secundario */
  --cg-borde-salvia:   #C3D7CB;   /* líneas 1px */
  --cg-citrico:        #EFB03A;   /* acento — solo con texto verde tinta */
  --cg-citrico-oscuro: #D89823;
  --cg-citrico-bruma:  #FBEDD3;

  --cg-exito:  #2E7D4F;
  --cg-aviso:  #B87914;
  --cg-error:  #B3261E;
  --cg-info:   #35637F;

  /* --- Tipografía --------------------------------------------------- */
  --cg-font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --cg-track-display: -0.02em;
  --cg-track-heading: -0.015em;
  --cg-track-overline: 0.18em;
  --cg-track-button: 0.04em;
  --cg-leading-body: 1.7;
  --cg-leading-heading: 1.18;

  /* --- Espaciado (escala 8) ----------------------------------------- */
  --cg-space-2xs: 4px;
  --cg-space-xs:  8px;
  --cg-space-s:   12px;
  --cg-space-m:   16px;
  --cg-space-l:   24px;
  --cg-space-xl:  32px;
  --cg-space-2xl: 40px;
  --cg-space-3xl: 56px;
  --cg-space-4xl: clamp(3rem, 6vw, 4.5rem);
  --cg-space-5xl: clamp(3.5rem, 8vw, 6rem);
  --cg-space-6xl: clamp(4.5rem, 10vw, 8rem);

  /* --- Forma -------------------------------------------------------- */
  --cg-radius-sm: 8px;
  --cg-radius-md: 16px;
  --cg-radius-lg: 24px;
  --cg-radius-pill: 999px;
  --cg-hairline: 1px solid var(--cg-borde-salvia);

  --cg-shadow-hairline: 0 1px 2px rgba(0,45,20,.05);
  --cg-shadow-suave:    0 2px 8px -2px rgba(0,45,20,.08);
  --cg-shadow-elevada:  0 12px 32px -12px rgba(0,45,20,.16);

  /* --- Movimiento --------------------------------------------------- */
  --cg-ease: cubic-bezier(.22,.61,.36,1);
  --cg-transition: 220ms var(--cg-ease);

  /* --- Layout ------------------------------------------------------- */
  --cg-container: 1200px;
  --cg-content: 720px;
}

/* --- Base ----------------------------------------------------------- */
body {
  background-color: var(--cg-salvia-bruma);
  color: var(--cg-verde-humo);
  font-family: var(--cg-font);
  line-height: var(--cg-leading-body);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .entry-title {
  color: var(--cg-verde-tinta);
  font-weight: 600;
  line-height: var(--cg-leading-heading);
  letter-spacing: var(--cg-track-heading);
}
h1 { letter-spacing: var(--cg-track-display); line-height: 1.1; }

/* Antetítulo / eyebrow — recoge el trazado ancho del logotipo */
.cg-overline {
  display: inline-block;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: var(--cg-track-overline);
  text-transform: uppercase;
  color: var(--cg-verde-profundo);
  margin-bottom: var(--cg-space-s);
}

/* Claim ligero para héroes editoriales */
.cg-display-light {
  font-weight: 300;
  letter-spacing: var(--cg-track-display);
  line-height: 1.06;
  color: var(--cg-verde-tinta);
}

.cg-lead {
  font-size: 1.1875rem;
  line-height: 1.6;
  color: var(--cg-verde-humo);
  max-width: 60ch;
}

/* --- Foco visible (accesibilidad) ------------------------------------ */
:where(a, button, input, select, textarea, .wp-block-button__link, .ast-button):focus-visible {
  outline: 2px solid var(--cg-verde-profundo);
  outline-offset: 3px;
  border-radius: var(--cg-radius-sm);
}

/* --- Botones --------------------------------------------------------- */
.wp-block-button__link,
.ast-button,
.ast-custom-button,
button.button,
input[type="submit"] {
  font-family: var(--cg-font);
  font-size: .9375rem;
  font-weight: 600;
  letter-spacing: var(--cg-track--cg-verde-profundo);
  background-color: var(--cg-verde-profundo);
  color: var(--cg-blanco);
  text-decoration: none;
  transition: background-color var(--cg-transition), border-color var(--cg-transition), transform var(--cg-transition);
}
.wp-block-button__link:not(.cg-hover-off):hover,
.ast-button:hover,
.ast-custom-button:hover,
button.button:hover,
input[type="submit"]:hover {
  background-color: var(--cg-verde-oscuro);
  border-color: var(--cg-verde-oscuro);
  color: var(--cg-blanco);
  transform: translateY(-1px);
}

/* Variantes de botón — estilos de bloque registrados en functions.php.
   Se eligen en el editor: bloque Botón → pestaña Estilos.
   WordPress pone la clase en el contenedor, así que apuntamos al enlace hijo.
   Los selectores a.ast-button.cg-btn-* sirven para enlaces de menú y HTML propio. */

.wp-block-button.is-style-outline,
.wp-block-button.is-style-cg-menta,
.wp-block-button.is-style-cg-citrico {
  background: transparent;
}

/* Contorno — estilo nativo de WordPress */
.wp-block-button.is-style-outline .wp-block-button__link,
a.ast-button.cg-btn-outline,
.cg-btn-outline {
  background-color: transparent;
  color: var(--cg-verde-profundo);
  border: 1px solid var(--cg-verde-profundo);
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.cg-hover-off):hover,
a.ast-button.cg-btn-outline:hover,
.cg-btn-outline:hover {
  background-color: var(--cg-verde-profundo);
  border-color: var(--cg-verde-profundo);
  color: var(--cg-blanco);
}

/* Menta — para zonas de bajo contraste */
.wp-block-button.is-style-cg-menta .wp-block-button__link,
a.ast-button.cg-btn-menta,
.cg-btn-menta {
  background-color: var(--cg-menta-suave);
  border-color: var(--cg-menta-suave);
  color: var(--cg-verde-profundo);
}
.wp-block-button.is-style-cg-menta .wp-block-button__link:not(.cg-hover-off):hover,
a.ast-button.cg-btn-menta:hover,
.cg-btn-menta:hover {
  background-color: var(--cg-borde-salvia);
  border-color: var(--cg-borde-salvia);
  color: var(--cg-verde-oscuro);
}

/* Cítrico — un CTA por pantalla, nunca con texto blanco */
.wp-block-button.is-style-cg-citrico .wp-block-button__link,
a.ast-button.cg-btn-citrico,
.cg-btn-citrico {
  background-color: var(--cg-citrico);
  border-color: var(--cg-citrico);
  color: var(--cg-verde-tinta);
}
.wp-block-button.is-style-cg-citrico .wp-block-button__link:not(.cg-hover-off):hover,
a.ast-button.cg-btn-citrico:hover,
.cg-btn-citrico:hover {
  background-color: var(--cg-citrico-oscuro);
  border-color: var(--cg-citrico-oscuro);
  color: var(--cg-verde-tinta);
}

/* Enlace con flecha */
.cg-link-arrow {
  display: inline-flex;
  align-items: center;
  gap: var(--cg-space-xs);
  font-weight: 600;
  font-size: .9375rem;
  letter-spacing: var(--cg-track-button);
  color: var(--cg-verde-profundo);
  text-decoration: none;
  border-bottom: 1px solid var(--cg-borde-salvia);
  padding-bottom: 4px;
  transition: border-color var(--cg-transition), gap var(--cg-transition);
}
.cg-link-arrow:hover,
.cg-link-arrow:focus { border-color: var(--cg-verde-profundo); gap: 14px; }
.entry-content a.cg-link-arrow,
.entry-content a.cg-link-arrow:hover,
.entry-content a.cg-link-arrow:focus,
.cg-link-arrow { text-decoration: none; }

/* --- Tarjetas -------------------------------------------------------- */
.cg-card {
  background: var(--cg-blanco);
  border: var(--cg-hairline);
  border-radius: var(--cg-radius-md);
  padding: var(--cg-space-xl);
  box-shadow: var(--cg-shadow-hairline);
  transition: box-shadow var(--cg-transition), transform var(--cg-transition), border-color var(--cg-transition);
}
.cg-card:hover {
  box-shadow: var(--cg-shadow-elevada);
  border-color: var(--cg-menta-suave);
  transform: translateY(-2px);
}
.cg-card--menta { background: var(--cg-menta-suave); border-color: transparent; }
.cg-card--verde { background: var(--cg-verde-profundo); border-color: transparent; color: var(--cg-menta-suave); }
.cg-card--verde h2, .cg-card--verde h3, .cg-card--verde h4 { color: var(--cg-blanco); }

/* --- Etiquetas ------------------------------------------------------- */
.cg-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: var(--cg-radius-pill);
  background: var(--cg-menta-suave);
  color: var(--cg-verde-profundo);
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.cg-tag--citrico { background: var(--cg-citrico-bruma); color: #8A5A08; }

/* --- Iconografía ----------------------------------------------------- */
.cg-icon {
  width: 24px;
  height: 24px;
  flex: none;
  color: var(--cg-verde-profundo);
  vertical-align: -.15em;
}
.cg-icon--sm { width: 20px; height: 20px; }
.cg-icon--lg { width: 32px; height: 32px; }
.cg-icon--xl { width: 40px; height: 40px; }

/* Icono dentro de un botón: sigue el color del texto del botón,
   no el verde profundo fijo de arriba. */
.cg-icon.cg-btn-icon {
  color: inherit;
}

/* Icono en disco — cita el sello circular del logotipo */
.cg-icon-disc {
  display: inline-grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 1px solid var(--cg-borde-salvia);
  background: var(--cg-blanco);
  color: var(--cg-verde-profundo);
}

/* --- Formularios ----------------------------------------------------- */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
input[type="password"], input[type="search"], select, textarea {
  font-family: var(--cg-font);
  font-size: 1rem;
  color: var(--cg-verde-tinta);
  background: var(--cg-blanco);
  border: 1px solid var(--cg-borde-salvia);
  border-radius: var(--cg-radius-sm);
  padding: 13px 16px;
  transition: border-color var(--cg-transition), box-shadow var(--cg-transition);
}
input:focus, select:focus, textarea:focus {
  border-color: var(--cg-verde-profundo);
  box-shadow: 0 0 0 3px rgba(0,94,38,.12);
  outline: none;
}
::placeholder { color: #8CA096; }

/* --- Ritmo de secciones ---------------------------------------------- */
.cg-section { padding-block: var(--cg-space-5xl); }
.cg-section--compacta { padding-block: var(--cg-space-4xl); }
.cg-section--nieve { background: var(--cg-nieve); }
.cg-section--menta { background: var(--cg-menta-suave); }
.cg-section--verde { background: var(--cg-verde-profundo); color: var(--cg-menta-suave); }
.cg-section--verde h1, .cg-section--verde h2, .cg-section--verde h3 { color: var(--cg-blanco); }
.cg-section--verde .cg-overline { color: var(--cg-citrico); }

/* Filete divisorio */
.cg-rule { height: 1px; background: var(--cg-borde-salvia); border: 0; margin-block: var(--cg-space-3xl); }

/* --- Imágenes -------------------------------------------------------- */
.wp-block-image img, .cg-media { border-radius: var(--cg-radius-md); }
.cg-media--circulo { border-radius: 50%; }

/* --- Movimiento reducido --------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* =========================================================================
   BREADCRUMB
   Astra no expone estos ajustes en la versión libre: se resuelven aquí.
   ========================================================================= */

.ast-breadcrumbs,
.ast-breadcrumbs-inner,
.trail-items,
.breadcrumbs {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: .02em;
  color: var(--cg-verde-humo);
}

/* Enlaces: verde de marca, sin subrayado */
.ast-breadcrumbs a,
.trail-items a,
.breadcrumbs a {
  color: var(--cg-verde-profundo);
  text-decoration: none;
  border-bottom: 0;
  transition: color var(--cg-transition);
}
.ast-breadcrumbs a:hover,
.trail-items a:hover,
.breadcrumbs a:hover {
  color: var(--cg-verde-oscuro);
  text-decoration: none;
}

/* Página actual: sin énfasis, es donde ya estás */
.ast-breadcrumbs .trail-end,
.trail-items .trail-end,
.ast-breadcrumbs li:last-child {
  color: var(--cg-verde-humo);
  font-weight: 400;
}

/* Lista limpia y alineada */
.ast-breadcrumbs ul,
.trail-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.ast-breadcrumbs li,
.trail-items li {
  margin: 0;
  display: inline-flex;
  align-items: center;
}

/* Separador · con más contraste y menos aire */
.ast-breadcrumbs .trail-items li::after,
.trail-items li::after {
  content: ">";
  padding: 0 5px;
  color: var(--cg-verde-humo);
  opacity: .55;
}
.ast-breadcrumbs .trail-items li:last-child::after,
.trail-items li:last-child::after {
  content: none;
}

/* =========================================================================
   PIE DE PÁGINA
   Fondo verde profundo: títulos en cítrico, enlaces en menta.
   ========================================================================= */

.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer .widget-title {
  color: var(--cg-citrico);
}

.site-footer,
.site-footer p,
.site-footer li {
  color: var(--cg-menta-suave);
}
.site-footer a {
  color: var(--cg-menta-suave);
  text-decoration: none;
  transition: color var(--cg-transition);
}
.site-footer a:hover,
.site-footer a:focus {
  color: var(--cg-citrico);
}

.site-footer .menu,
.site-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer .menu li,
.site-footer ul li {
  margin-bottom: 12px;
  border: 0;
}

.ast-small-footer,
.site-below-footer-wrap {
  border-top: 1px solid rgba(255,255,255,.18);
  font-size: 13px;
}

.site-footer .custom-logo,
.site-footer img.footer-logo {
  filter: brightness(0) invert(1);
}

.site-footer a:focus-visible {
  outline: 2px solid var(--cg-citrico);
  outline-offset: 3px;
}

/* =========================================================================
   ENLACE TOTAL EN BLOQUE GRUPO
   Posición para que sea clicable
   ========================================================================= */
.cg-stretch-link{position:absolute;inset:0;z-index:5}

/* =========================================================================
   ICONO EN BOTÓN 
   Estilos para ubicar el icono dentro del botón
   ========================================================================= */
.wp-block-button__link:has(.cg-btn-icon) {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* =========================================================================
   HOVER DESACTIVADO EN BOTÓN
   Astra tiene sus propias reglas de hover para el botón (variables
   --ast-global-color-*), que no saben nada de nuestra clase cg-hover-off.
   El :not(.cg-hover-off) de las reglas de arriba solo evita que NUESTRA
   regla dispare — no evita que la de Astra siga cambiando el color.
   Por eso aquí forzamos explícitamente los mismos colores del estado
   normal en :hover, con !important, para ganar siempre.
   ========================================================================= */

/* Relleno */
.wp-block-button__link.cg-hover-off:hover {
  background-color: var(--cg-verde-profundo) !important;
  border-color: var(--cg-verde-profundo) !important;
  color: var(--cg-blanco) !important;
  transform: none !important;
}

/* Contorno */
.wp-block-button.is-style-outline .wp-block-button__link.cg-hover-off:hover {
  background-color: transparent !important;
  border-color: var(--cg-verde-profundo) !important;
  color: var(--cg-verde-profundo) !important;
}

/* Menta */
.wp-block-button.is-style-cg-menta .wp-block-button__link.cg-hover-off:hover {
  background-color: var(--cg-menta-suave) !important;
  border-color: var(--cg-menta-suave) !important;
  color: var(--cg-verde-profundo) !important;
}

/* Cítrico */
.wp-block-button.is-style-cg-citrico .wp-block-button__link.cg-hover-off:hover {
  background-color: var(--cg-citrico) !important;
  border-color: var(--cg-citrico) !important;
  color: var(--cg-verde-tinta) !important;
}

/* Botones Habla con tu Coach */

.cg-no-shrink {
  flex-shrink: 0;
}
.cg-no-shrink .wp-block-button__link {
  white-space: nowrap;
}
.label-icon-button svg {
width: 16px !important;
height: 16px !important;
margin-right: -6px !important;
}

.cg-no-pointer a {
  cursor: default !important;
}


/* ===================================================================
   HERO CRAZY GREENS — clases listas para WordPress
   -------------------------------------------------------------------
   CÓMO USARLO (una sola vez):
   1) Pega TODO este CSS en Apariencia → Personalizar → CSS adicional
      (o en tu plugin de snippets / style.css del tema hijo).
   2) En cualquier página, añade un bloque "Grupo".
   3) Panel derecho → Avanzado → "Clases CSS adicionales" → escribe
      una de estas: hero-v1 · hero-v2 · hero-v3
   4) Mete dentro tus bloques normales (Título, Párrafo, Botones…) y
      escribe el contenido. El color de texto ya viene heredado en
      blanco (v1/v2) o verde oscuro (v3) — no hace falta tocar nada,
      aunque puedes sobrescribirlo por bloque si quieres.

   No hace falta ningún bloque de código ni SVG suelto: las hojas van
   incrustadas como imagen de fondo dentro de la propia clase.
   =================================================================== */

.hero-v1, .hero-v2, .hero-v3{
  position:relative;
  overflow:hidden;
  padding:84px 24px 68px;
  text-align:center;
}
.hero-v1 p.claimhero, .hero-v2 p.claimhero, .hero-v3 p.claimhero {
   max-width: 60ch !important;
 }
.hero-v1::before, .hero-v2::before, .hero-v3::before{
  content:'';
  position:absolute; top:0; right:0; bottom:0; left:0;
  z-index:-1;
  background-repeat:no-repeat;
  background-position:center;
}

/* ===================================================================
   PROPUESTA 1 — Verde Tinta Profundo (oscuro, sobrio, editorial)
   =================================================================== */
.hero-v1{ color:#fff; }
.hero-v1{
  background-size:100% 100%, auto, auto, auto;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='380' viewBox='0 0 1200 380'%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(-40,-40) rotate(15 12 12) scale(11)' fill='%23CCE1D5' fill-opacity='0.10'/%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(950,150) rotate(200 12 12) scale(12.5)' fill='%23CCE1D5' fill-opacity='0.10'/%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(880,-60) rotate(-25 12 12) scale(7.5)' fill='%23CCE1D5' fill-opacity='0.10'/%3E%3C/svg%3E"),
    radial-gradient(120% 90% at 50% -15%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 32%),
    linear-gradient(180deg, rgba(14,42,26,0) 55%, rgba(6,20,13,.38) 100%),
    radial-gradient(135% 115% at 50% -10%, #0F5B2C 0%, #0A4A24 32%, #073A1D 62%, #0E2A1A 100%);
}

/* ===================================================================
   PROPUESTA 2 — Verde con calidez cítrica
   =================================================================== */
.hero-v2{ color:#fff; }
.hero-v2{
  background-size:100% 100%, auto, auto;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='380' viewBox='0 0 1200 380'%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(-40,-40) rotate(15 12 12) scale(11)' fill='%23E6EDE9' fill-opacity='0.10'/%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(950,150) rotate(200 12 12) scale(12.5)' fill='%23E6EDE9' fill-opacity='0.10'/%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(880,-60) rotate(-25 12 12) scale(7.5)' fill='%23E6EDE9' fill-opacity='0.10'/%3E%3C/svg%3E"),
    radial-gradient(60% 55% at 82% 8%, rgba(239,176,58,.18) 0%, rgba(239,176,58,0) 60%),
    linear-gradient(160deg, #0B3D21 0%, #073520 42%, #06301B 68%, #0E2A1A 100%);
}

/* ===================================================================
   PROPUESTA 3 — Salvia claro editorial (alternativa luminosa)
   =================================================================== */
.hero-v3{ color:#0E2A1A; }
.hero-v3{
  background-size:100% 100%, auto;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='380' viewBox='0 0 1200 380'%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(-40,-40) rotate(15 12 12) scale(11)' fill='none' stroke='%23005E26' stroke-width='0.15'/%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(950,150) rotate(200 12 12) scale(12.5)' fill='none' stroke='%23005E26' stroke-width='0.15'/%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(880,-60) rotate(-25 12 12) scale(7.5)' fill='none' stroke='%23005E26' stroke-width='0.15'/%3E%3C/svg%3E"),
    linear-gradient(165deg, #F5F8F6 0%, #E6EDE9 55%, #CCE1D5 100%);
}

@media(max-width:640px){
  .hero-v1, .hero-v2, .hero-v3{ padding:56px 20px 46px; }
}




/* ===================================================================
   ETIQUETAS ESTADO PROGRESO FORMACIÓN
   =================================================================== */

.crazylab-estado {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 100px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.crazylab-estado--pendiente {
	background: #E1EFE1;
	color: #1F5C33;
}

.crazylab-estado--en_curso {
	background: #FFF3D6;
	color: #8A5A00;
}

.crazylab-estado--finalizado {
	background: #1F5C33;
	color: #FFFFFF;
}

.crazylab-pct {
	font-weight: 500;
	text-transform: none;
	opacity: 0.75;
}

.crazylab-continua-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 46px;
	padding: 29px 38px;
	border-radius: 999px;
	background: #CCE1D5;
	color: #005E26;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0.04em;
	text-decoration: none !important;
	transition: transform 0.2s ease;
}

.crazylab-continua-btn:hover {
	text-decoration: none !important;
	transform: translateY(-1px);
}

.crazylab-todo-completo {
	display: inline-flex;
	align-items: center;
	height: 46px;
	padding: 0 32px;
	color: #005E26;
	font-weight: 600;
	font-size: 15px;
}

.crazylab-continua-btn .cg-btn-icon {
	width: 20px;
	height: 20px;
	fill: currentColor;
	transition: transform 0.2s ease;
}

.crazylab-continua-btn:hover .cg-btn-icon {
	transform: translateX(3px);
}

/* Cabecera del Hub */
.cg-hub-header{max-width:1080px;margin:0 auto;padding:40px 28px 0}
.cg-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a86;margin-bottom:12px}
.cg-lede{font-size:15px;color:#4a4a48;max-width:64ch;margin-top:14px;line-height:1.6}

/* Menú interno de categorías */
.cg-catnav{
  position:sticky;
  top:0;
  z-index:20;
  background:#fff;
  border-bottom:1px solid #e2e2e0;
  display:flex;
  gap:16px;
  overflow-x:auto;
  padding:0 28px;
  margin-top:32px !important;
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}
.cg-catnav a{
  flex-shrink:0;
  font-size:13px !important;
  color:#8a8a86 !important;
  text-decoration:none !important;
  padding:16px 0 !important;
  border-bottom:2px solid transparent !important;
  white-space:nowrap;
  display:inline-block;
  background:none !important;
  border-radius:0 !important;
}
.cg-catnav a.active{
  color:#141414 !important;
  font-weight:600 !important;
  border-bottom-color:#005E26 !important;
}

/* Secciones de categoría */
.cg-cat{max-width:1080px;margin:52px auto 0;padding:0 28px;scroll-margin-top:64px}
.cg-cat-head span{font-size:20px;font-weight:600;letter-spacing:-.01em}
.cg-row-head{display:flex;justify-content:space-between;align-items:flex-end;margin:22px 0 13px}
.cg-row-head span{font-size:15px;font-weight:600}
.cg-row-head a{font-size:12.5px;color:#141414;text-decoration:none;border:1px solid #c9c9c6;border-radius:8px;padding:7px 13px}

/* Carrusel de tarjetas */
.track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.card{flex:0 0 220px;width:220px;scroll-snap-align:start;cursor:pointer}
.card .thumb{aspect-ratio:16/10;background:#f4f4f3;border:1px solid #e2e2e0;border-radius:10px;margin-bottom:9px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.card .thumb img{width:100%;height:100%;object-fit:cover}
.card h3{font-size:13.5px;font-weight:600;margin:0}
.card .by{font-size:11px;color:#8a8a86;margin-top:4px}
.cg-video-single{max-width:1080px;margin:0 auto;padding:40px 28px 80px}
.cg-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:24px}
.cg-crumbs a{color:#005E26;text-decoration:underline;text-underline-offset:2px}
.cg-crumbs a:hover{color:#00461D}
.cg-crumbs span{color:#8A9A91}
.cg-crumbs .current{color:#8A9A91;font-weight:400;text-decoration:none}
.cg-player{aspect-ratio:16/9;background:#f4f4f3;border:1px solid #e2e2e0;border-radius:12px;overflow:hidden;margin-bottom:26px}
.cg-player iframe{width:100%;height:100%;border:0}
.cg-video-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:6px}
.cg-video-head h1{font-size:clamp(24px,4vw,34px);font-weight:600;margin:0}
.cg-tag{font-size:12px;color:#4a4a48;border:1px solid #c9c9c6;border-radius:100px;padding:7px 15px;white-space:nowrap}
.cg-meta{font-size:13px;color:#8a8a86;margin-bottom:18px}
.cg-desc{font-size:14.5px;color:#4a4a48;line-height:1.7;max-width:62ch;margin:0 0 36px}
.cg-divider{height:1px;background:#e2e2e0;margin-bottom:28px}
.cg-related-head{font-size:15px;font-weight:600;margin-bottom:16px}

/* ESTILOS PARA PÁGINA VER TODOS - TAXONOMIA FORMACIÓN */
.cg-archive{max-width:1080px;margin:0 auto;padding:40px 28px 80px}
.cg-filterbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px;padding-bottom:18px;border-bottom:1px solid #e2e2e0}
.cg-tabs{display:flex;gap:6px}
.cg-tab{
	font-size:13px;
	font-weight:400;
	color:#005E26;
	background:transparent;
	border:1px solid #C3D7CB;
	border-radius:100px;
	padding:8px 16px;
	text-decoration:none;
	white-space:nowrap;
	transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.cg-tab:hover{background:#E6EDE9;border-color:#005E26}
.cg-tab.active{background:#005E26;border-color:#005E26;color:#fff;font-weight:600}
.cg-count{font-size:12.5px;color:#8a8a86}
.cg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 16px;margin-top:28px}
.cg-pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}
.cg-pagination a,.cg-pagination span{font-size:13px;padding:8px 14px;border:1px solid #e2e2e0;border-radius:8px;text-decoration:none;color:#141414}
.cg-pagination .current{background:#141414;color:#fff;border-color:#141414}
@media (max-width:640px){.cg-grid{grid-template-columns:repeat(2,1fr)}}


/* ============================================= */
/* NEGOCIO — Hub de Formación de negocio          */
/* ============================================= */

/* NEGOCIO — Menú interno de categorías */
.cg-neg-catnav{
  position:sticky;
  top:0;
  z-index:20;
  background:#fff;
  border-bottom:1px solid #C3D7CB;
  display:flex;
  gap:16px;
  overflow-x:auto;
  padding:0 28px;
  margin-top:32px !important;
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}
.cg-neg-catnav a{
  flex-shrink:0;
  font-size:13px !important;
  color:#4A5B50 !important;
  text-decoration:none !important;
  padding:16px 0 !important;
  border-bottom:2px solid transparent !important;
  white-space:nowrap;
  display:inline-block;
}
.cg-neg-catnav a.active{
  color:#0E2A1A !important;
  font-weight:600 !important;
  border-bottom-color:#005E26 !important;
}

/* NEGOCIO — Secciones de categoría */
.cg-neg-cat{max-width:1080px;margin:52px auto 0;padding:0 28px;scroll-margin-top:64px}
.cg-neg-cat h2{color:#0E2A1A;font-size:20px;font-weight:600;letter-spacing:-.01em}
.cg-neg-row-head{display:flex;justify-content:space-between;align-items:flex-end;margin:22px 0 13px}
.cg-neg-row-head p{font-size:13px;color:#4A5B50}
.cg-neg-row-head a{font-size:12.5px;color:#005E26;text-decoration:none;border:1px solid #C3D7CB;border-radius:8px;padding:7px 13px}
.cg-neg-row-head a:hover{background:#E6EDE9}

/* NEGOCIO — Tarjetas (reutiliza .track/.card, solo ajusta el fondo de thumb a menta) */
.cg-neg-cat .card .thumb{background:#CCE1D5}


/* Forzar mismo ancho de contenedor en todas las plantillas de Formación */
body.single-formacion_producto .ast-container,
body.single-formacion_negocio .ast-container,
body.tax-categoria-producto .ast-container,
body.tax-categoria-negocio .ast-container{
	max-width:1200px !important;
	padding-left:20px !important;
	padding-right:20px !important;
}

/* Ocultar sidebar si Astra lo forzase en alguna plantilla de Formación */
body.single-formacion_producto #secondary,
body.single-formacion_negocio #secondary,
body.tax-categoria-producto #secondary,
body.tax-categoria-negocio #secondary{
	display:none !important;
}
body.single-formacion_producto #primary,
body.single-formacion_negocio #primary,
body.tax-categoria-producto #primary,
body.tax-categoria-negocio #primary{
	width:100% !important;
	float:none !important;
}

/* Evitar que el contenido empuje el ancho del contenedor flex de Astra */
body.single-formacion_producto .ast-container > *,
body.single-formacion_negocio .ast-container > *,
body.tax-categoria-producto .ast-container > *,
body.tax-categoria-negocio .ast-container > *{
	min-width:0;
	width:100%;
}

/* Pieza única (categorías con 1 solo vídeo) */
.cg-pieza-unica{
	display:grid;
	grid-template-columns:220px 1fr;
	gap:20px;
	align-items:center;
	cursor:pointer;
	max-width:600px;
}
.cg-pieza-unica .thumb{
	aspect-ratio:16/10;
	background:#f4f4f3;
	border:1px solid #e2e2e0;
	border-radius:10px;
	display:flex;align-items:center;justify-content:center;
	overflow:hidden;
}
.cg-pieza-unica .info h3{font-size:15px;font-weight:600;margin:0}
.cg-pieza-unica .info .by{font-size:12px;color:#8a8a86;margin-top:4px}

/* ============================================= */
/* CHARLAS — Hub de Charlas motivacionales        */
/* ============================================= */

.cg-cha-catnav{
  position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #C3D7CB;
  display:flex;gap:16px;overflow-x:auto;padding:0 28px;margin-top:32px !important;
  max-width:1080px;margin-left:auto;margin-right:auto;
}
.cg-cha-catnav a{
  flex-shrink:0;font-size:13px !important;color:#4A5B50 !important;text-decoration:none !important;
  padding:16px 0 !important;border-bottom:2px solid transparent !important;white-space:nowrap;display:inline-block;
}
.cg-cha-catnav a.active{color:#0E2A1A !important;font-weight:600 !important;border-bottom-color:#005E26 !important}

.cg-cha-cat{max-width:1080px;margin:52px auto 0;padding:0 28px;scroll-margin-top:64px}
.cg-cha-cat h2{color:#0E2A1A;font-size:20px;font-weight:600;letter-spacing:-.01em}
.cg-cha-row-head{display:flex;justify-content:space-between;align-items:flex-end;margin:22px 0 13px}
.cg-cha-row-head a{font-size:12.5px;color:#005E26;text-decoration:none;border:1px solid #C3D7CB;border-radius:8px;padding:7px 13px}

/* Chip de nivel de meta (Testimonios de éxito) */
.card .thumb{position:relative}
.cg-chip{
	position:absolute;
	top:8px;left:8px;
	z-index:2;
	font-size:9px;
	letter-spacing:.04em;
	text-transform:uppercase;
	background:#CCE1D5;
	border:1px solid #C3D7CB;
	color:#0E2A1A;
	padding:3px 9px;
	border-radius:100px;
}

/* ============================================= */
/* GREEN BUILDING — Listado de sesiones           */
/* ============================================= */

body.post-type-archive-sesion_gb #content .ast-container,
body.single-sesion_gb #content .ast-container{
	max-width:100% !important;
	padding-left:0 !important;
	padding-right:0 !important;
	flex-wrap: wrap !important;
}

.cg-gb-wrap{
	max-width:1100px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
}
body.post-type-archive-sesion_gb .ast-container > *,
body.single-sesion_gb .ast-container > *{
	min-width:0;
	width:100%;
}

.cg-gb-wrap{max-width:1080px;margin:0 auto;padding:16px 0 80px}

.cg-gb-header .cg-overline{margin-bottom:12px}
.cg-gb-header h1{font-size:clamp(30px,5vw,46px);font-weight:600;letter-spacing:-.02em;margin:0}
.cg-gb-header .cg-lede{margin-top:14px}
.cg-gb-live{
	display:inline-flex !important;
	width:auto;
	align-items:center;gap:7px;font-size:12px;font-weight:600;
	color:#005E26 !important;margin-top:18px;
	border:1px solid #005E26 !important;
	border-radius:100px;padding:6px 15px;
	background:transparent !important;
}
.cg-gb-live:hover{
	background:transparent !important;
	color:#005E26 !important;
	border-color:#005E26 !important;
}
.cg-gb-live .dot{width:7px;height:7px;border-radius:50%;background:#005E26}

.cg-gb-section-label{display:flex;align-items:center;gap:14px;margin:44px 0 18px}
.cg-gb-section-label .txt{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#4A5B50;white-space:nowrap}
.cg-gb-section-label .rule{flex:1;height:1px;background:#C3D7CB}
.cg-gb-section-label .aside{font-size:11px;color:#8A9A91;white-space:nowrap}
.cg-gb-hero-block{display:grid;grid-template-columns:1.9fr .9fr;gap:22px;align-items:stretch}
.cg-gb-hero-outer{
	width:100%;
	border-radius:0;
	padding:56px 24px 68px;
}
.cg-gb-hero{
	max-width:720px;
	margin:0 auto;
	display:block;
}
.cg-gb-hero > *{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.cg-gb-hero .cg-lede{max-width:60ch}
.cg-gb-hero-video{
	position:relative;aspect-ratio:16/9;background:#E6EDE9;border:1px solid #C3D7CB;border-radius:16px;
	display:flex;align-items:center;justify-content:center;overflow:hidden;color:#4A5B50;
}
.cg-gb-hero-video img{width:100%;height:100%;object-fit:cover}
.cg-gb-badge{
	position:absolute;top:14px;left:14px;font-size:11px;background:#fff;border:1px solid #C3D7CB;
	color:#4A5B50;padding:4px 11px;border-radius:100px;
}
.cg-gb-hero-info{display:flex;flex-direction:column;justify-content:center}
.cg-gb-hero-info h2{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:#0E2A1A;margin:0}
.cg-gb-hero-info .by{font-size:12px;color:#8A9A91;margin-top:5px}
.cg-gb-hero-info .summary{font-size:14px;color:#4A5B50;line-height:1.6;margin-top:14px}

.cg-gb-btn{
	align-self:flex-start;margin-top:18px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;
	color:#FFFFFF;background:#005E26;border:1px solid #005E26;border-radius:100px;
	padding:9px 20px;display:inline-flex;align-items:center;gap:8px;text-decoration:none !important;
	transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.cg-gb-btn:hover{background:#00461D;border-color:#00461D;color:#FFFFFF;transform:translateY(-1px)}

.cg-gb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cg-gb-card{cursor:pointer}
.cg-gb-card .thumb{
	position:relative;aspect-ratio:16/9;background:#E6EDE9;border:1px solid #C3D7CB;border-radius:12px;
	display:flex;align-items:center;justify-content:center;margin-bottom:11px;color:#4A5B50;overflow:hidden;
}
.cg-gb-card .thumb img{width:100%;height:100%;object-fit:cover}
.cg-gb-card .date{
	position:absolute;bottom:9px;left:9px;font-size:10px;background:#fff;border:1px solid #C3D7CB;
	color:#4A5B50;padding:2px 9px;border-radius:100px;
}
.cg-gb-card h3{font-size:15px;font-weight:600;line-height:1.3;color:#0E2A1A;margin:0}
.cg-gb-card .by{font-size:11px;color:#8A9A91;margin-top:4px}
.cg-gb-card .desc{font-size:12.5px;color:#4A5B50;line-height:1.5;margin-top:7px}

.cg-gb-more{text-align:center;margin-top:30px}

@media (max-width:820px){
	.cg-gb-hero{grid-template-columns:1fr}
	.cg-gb-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
	.cg-gb-grid{grid-template-columns:1fr}
}

/*ESTILOS PARA GREEN BUILDING FICHA INDIVIDUAL VIDEO */
.cg-gb-single{max-width:1080px;margin:0 auto;padding:40px 28px 80px}
.cg-gb-single-player{aspect-ratio:16/9;background:#E6EDE9;border:1px solid #C3D7CB;border-radius:12px;overflow:hidden;margin-bottom:26px}
.cg-gb-single-player iframe{width:100%;height:100%;border:0}
.cg-gb-single-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:6px}
.cg-gb-single-head h1{font-size:clamp(24px,4vw,34px);font-weight:600;color:#0E2A1A;margin:0}

.cg-gb-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cg-gb-nav-item{
	display:flex;flex-direction:column;gap:4px;padding:16px 18px;
	border:1px solid #C3D7CB;border-radius:12px;text-decoration:none !important;
	transition:background .15s ease;
}
.cg-gb-nav-item:hover{background:#E6EDE9}
.cg-gb-nav-next{text-align:right;align-items:flex-end}
.cg-gb-nav .label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#8A9A91}
.cg-gb-nav .title{font-size:14px;font-weight:600;color:#0E2A1A}
.cg-gb-nav-empty{border-color:transparent}

@media (max-width:640px){.cg-gb-nav{grid-template-columns:1fr}}

/*Reducir separación vertical columnas en mobile*/
@media (max-width: 544px) {
   
    :root :where(.wp-block-columns-is-layout-flex) {
    gap: 0px !important;
    }
    .crazylab-estado {font-size:10px;}
}

/*Color cítrico para botones de Continuar donde lo dejaste*/
:root{
	--citrico:#EFB03A;
	--citrico-oscuro:#D89823;
	--verde-tinta:#0E2A1A;
}
.crazylab-continua-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:11px 22px;
	border-radius:999px;
	font-weight:600;
	font-size:.9375rem;
	background:var(--citrico);
	border:1px solid var(--citrico);
	color:var(--verde-tinta);
	text-decoration:none;
	transition:background .2s ease;
}
.crazylab-continua-btn:hover{
	background:var(--citrico-oscuro);
	border-color:var(--citrico-oscuro);
}

/*QUITAR BORDE LATERAL DE PUNTITOS CUANDO HAGO CLICK EN UN ENLACE*/
.cg-catnav a:focus,
.cg-neg-catnav a:focus,
.cg-cha-catnav a:focus{
	outline: none;
}
.cg-catnav a:focus-visible,
.cg-neg-catnav a:focus-visible,
.cg-cha-catnav a:focus-visible{
	outline: 2px solid #005E26 !important;
	outline-offset: 3px;
	border-radius: 6px;
}

/*AÑADIR PUNTO ENTRE ITEMS EN MENU DE ENLACE INTERNO */
.cg-catnav a:not(:last-child)::after,
.cg-neg-catnav a:not(:last-child)::after,
.cg-cha-catnav a:not(:last-child)::after{
	content:"";
	display:inline-block;
	width:3px;
	height:3px;
	border-radius:50%;
	background:#C3D7CB;
	margin-left:16px;
	vertical-align:middle;
}

/*RETOQUE ESTILO PÁGINA VER TODOS FORMACIÓN*/
.cg-archive h1,
.cg-video-head h1,
.cg-gb-header h1,
.cg-gb-single-head h1{
	color:#005E26 !important;
}

/* Cabecera hero de Green Building */
.cg-gb-hero{
	display:block !important;
	border-radius:16px;
	margin-bottom:0;
}
.cg-gb-hero > *{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.cg-gb-hero .cg-lede{max-width:60ch}

.cg-gb-eyebrow{
	display:inline-flex !important;
	width:auto;
	align-items:center;gap:8px;
	font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
	color:#005E26;margin-bottom:16px;
}
.cg-gb-live{
	display:inline-flex !important;
	width:auto;
	align-items:center;gap:7px;font-size:12px;color:#4A5B50;margin-top:18px;
	border:1px solid #C3D7CB;border-radius:100px;padding:5px 13px;
}
.cg-gb-hero-outer,
.cg-gb-wrap{
	display:block !important;
	flex:0 0 100%;
	box-sizing:border-box;
}
body.post-type-archive-sesion_gb .ast-container{
	flex-wrap: wrap !important;
}

/* ================= AGENDA ================= */
.cg-agenda-hero{position:relative;overflow:hidden;padding:88px 24px 76px;text-align:center;color:#fff;
  background:radial-gradient(135% 115% at 50% -10%,#0F5B2C 0%,#0A4A24 32%,#073A1D 62%,#0E2A1A 100%)}
.cg-agenda-hero-in{position:relative;max-width:640px;margin:0 auto}
.cg-agenda-hero .cg-eyebrow{display:inline-flex;align-items:center;gap:8px;color:rgba(230,237,233,.85)}
.cg-agenda-hero .cg-eyebrow .cg-icon{color:inherit}
.cg-agenda-hero h1{color:#fff;font-size:clamp(2rem,4.2vw,2.9rem);margin:16px 0 14px}
.cg-agenda-hero p{color:rgba(255,255,255,.88);max-width:46ch;margin:0 auto}

.cg-agenda-toolbar{position:sticky;top:0;z-index:5;background:var(--cg-salvia-bruma);padding:22px 0;border-bottom:var(--cg-hairline)}
.cg-filter-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cg-filter-label{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cg-verde-profundo);margin-right:4px}
.cg-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--cg-radius-pill);border:1px solid var(--cg-borde-salvia);
  background:#fff;color:var(--cg-verde-humo);font-size:.8125rem;font-weight:600;cursor:pointer;transition:.18s var(--cg-ease)}
.cg-pill:hover{border-color:var(--cg-verde-profundo)}
.cg-pill.is-active{background:var(--cg-verde-profundo);border-color:var(--cg-verde-profundo);color:#fff}

.cg-agenda-section{padding:48px 0 100px}
.cg-agenda-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:980px){.cg-agenda-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cg-agenda-grid{grid-template-columns:1fr}.cg-agenda-toolbar{position:static}}

.cg-evt-card{background:#fff;border:var(--cg-hairline);border-radius:var(--cg-radius-md);overflow:hidden;display:flex;flex-direction:column;
  transition:.24s var(--cg-ease);box-shadow:0 1px 2px rgba(0,45,20,.05)}
.cg-evt-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -16px rgba(0,45,20,.22)}
.cg-evt-media{position:relative;height:172px;overflow:hidden;flex:none;background-size:cover;background-position:center}
.cg-evt-media--hojas{background-color:#0A6B2E;background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 220'%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(-30,-40) rotate(8) scale(5.5)' fill='%23CCE1D5' fill-opacity='0.35'/%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(300,180) rotate(190) scale(6.2)' fill='%23CCE1D5' fill-opacity='0.35'/%3E%3Cpath d='M4 20C4 10 11 4 20 4c0 9-6 16-16 16z' transform='translate(320,-40) rotate(-25) scale(3.6)' fill='%23CCE1D5' fill-opacity='0.35'/%3E%3C/svg%3E"),
  linear-gradient(155deg,#0A6B2E 0%,#00461D 100%)}
.cg-evt-media--puntos{background-color:#0E2A1A;background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 220'%3E%3Ccircle cx='40' cy='30' r='5' fill='%23EFB03A' fill-opacity='.65'/%3E%3Ccircle cx='70' cy='55' r='9' fill='%23EFB03A' fill-opacity='.65'/%3E%3Ccircle cx='20' cy='80' r='3' fill='%23EFB03A' fill-opacity='.65'/%3E%3Ccircle cx='340' cy='40' r='14' fill='%23EFB03A' fill-opacity='.65'/%3E%3Ccircle cx='300' cy='90' r='4' fill='%23EFB03A' fill-opacity='.65'/%3E%3Ccircle cx='365' cy='120' r='7' fill='%23EFB03A' fill-opacity='.65'/%3E%3Ccircle cx='150' cy='20' r='3' fill='%23EFB03A' fill-opacity='.65'/%3E%3Ccircle cx='200' cy='180' r='10' fill='%23EFB03A' fill-opacity='.65'/%3E%3Ccircle cx='260' cy='170' r='4' fill='%23EFB03A' fill-opacity='.65'/%3E%3Ccircle cx='60' cy='160' r='16' fill='none' stroke='%23EFB03A' stroke-width='1.4' stroke-opacity='.65'/%3E%3C/svg%3E")}
.cg-evt-media--ondas{background-color:var(--cg-citrico-bruma);background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 220'%3E%3Cpath d='M-20 60 C 60 20, 100 100, 180 60 S 300 20, 420 60' fill='none' stroke='%23005E26' stroke-width='2' stroke-opacity='.3'/%3E%3Cpath d='M-20 120 C 60 80, 100 160, 180 120 S 300 80, 420 120' fill='none' stroke='%23005E26' stroke-width='2' stroke-opacity='.3'/%3E%3Cpath d='M-20 180 C 60 140, 100 220, 180 180 S 300 140, 420 180' fill='none' stroke='%23005E26' stroke-width='2' stroke-opacity='.3'/%3E%3C/svg%3E")}
.cg-evt-media--foto{background-color:#14100d}
.cg-evt-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.cg-evt-date{position:absolute;top:16px;left:16px;background:#fff;border-radius:12px;padding:9px 16px;text-align:center;line-height:1.1;
  box-shadow:0 4px 12px -2px rgba(0,45,20,.28)}
.cg-evt-date .mo{display:block;font-size:.68rem;font-weight:700;letter-spacing:.12em;color:var(--cg-verde-profundo)}
.cg-evt-date .dd{display:block;font-size:1.5rem;font-weight:700;color:var(--cg-verde-tinta)}
.cg-evt-badge{position:absolute;top:14px;right:14px;padding:6px 12px;border-radius:var(--cg-radius-pill);background:var(--cg-citrico);
  color:var(--cg-verde-tinta);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}

.cg-evt-body{padding:20px 20px 0;display:flex;flex-direction:column;gap:8px;flex:1}
.cg-evt-overline{font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cg-verde-profundo)}
.cg-evt-title{font-size:1.15rem;color:var(--cg-verde-tinta)}
.cg-evt-desc{font-size:.84rem;color:var(--cg-verde-humo);line-height:1.55}
.cg-evt-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:2px;font-size:.78rem;color:var(--cg-verde-humo)}
.cg-evt-meta span{display:inline-flex;align-items:center;gap:6px}
.cg-evt-meta .cg-icon{width:16px;height:16px;color:var(--cg-verde-profundo)}

.cg-evt-footer{padding:16px 20px 20px;margin-top:auto}
.cg-evt-access{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.cg-evt-access .cg-chip{
  display:inline-flex;align-items:center;gap:7px;background:var(--cg-nieve);border:var(--cg-hairline);border-radius:var(--cg-radius-sm);
  padding:7px 10px;font-size:.72rem;color:var(--cg-verde-humo);position:static;text-transform:none;letter-spacing:normal;
}
.cg-evt-access .cg-chip b{color:var(--cg-verde-tinta);font-family:ui-monospace,Menlo,monospace;font-weight:600}
.cg-evt-access .cg-chip .cg-icon{width:15px;height:15px}
.cg-evt-access .cg-copy-btn .cg-icon{width:17px;height:17px}
.cg-copy-btn{border:0;background:none;padding:2px;cursor:pointer;color:var(--cg-verde-profundo);display:flex}
.cg-copy-btn:hover{color:var(--cg-verde-oscuro)}

.cg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;font-family:inherit;font-size:.85rem;font-weight:600;
  padding:12px 20px;border-radius:var(--cg-radius-pill);border:1px solid var(--cg-verde-profundo);background:var(--cg-verde-profundo);color:#fff;
  text-decoration:none !important;cursor:pointer;transition:.2s var(--cg-ease)}
.cg-btn:hover{background:var(--cg-verde-oscuro);border-color:var(--cg-verde-oscuro);color:#fff}
.cg-btn--outline{
  background:transparent;color:var(--cg-verde-profundo);border-color:var(--cg-verde-profundo);
}
.cg-btn--outline:hover{
  background:var(--cg-verde-profundo) !important;color:#fff !important;
}
.cg-btn--citrico{background:var(--cg-citrico);border-color:var(--cg-citrico);color:var(--cg-verde-tinta)}
.cg-btn--citrico:hover{background:var(--cg-citrico-oscuro);border-color:var(--cg-citrico-oscuro)}
.cg-agenda-empty{text-align:center;color:var(--cg-verde-humo);padding:40px 0}

body.post-type-archive-evento_agenda #content .ast-container{
  max-width:100% !important;padding-left:0 !important;padding-right:0 !important;flex-wrap:wrap !important;
}
body.post-type-archive-evento_agenda #content .ast-container > *{ min-width:0; width:100%; }
.cg-wrap{max-width:1240px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.cg-btn .cg-icon{color:inherit !important}
.cg-copy-btn,
.cg-copy-btn:hover,
.cg-copy-btn:focus{
  background:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
}
.cg-agenda-hero-leaves{position:absolute;inset:0;color:var(--cg-menta-suave);opacity:.14;pointer-events:none;overflow:hidden}