/* Canil Gen Fratelli — estilos de árbol (CSS propio, sin CDN). Todo limitado a .gf-arbol para no tocar el tema de WordPress */
.gf-arbol {
            /* GK-014 paleta */ --gf-bg-main: #0a0a0a;
            /* GK-014 paleta */ --gf-bg-panel: #101713;
            /* GK-014 paleta */ --gf-bg-card: #0f2e1d;
            /* GK-014 paleta */ --gf-bg-card-hover: #1b5e36;
            --gf-emerald: #15803d;
            --gf-emerald-light: #22c55e;
            --gf-emerald-glow: rgba(34, 197, 94, 0.22);
            /* GK-014 paleta */ --gf-verde: #128A4A;
            /* GK-014 paleta */ --gf-verde-light: #4ade80;
            /* GK-014 paleta */ --gf-verde-glow: rgba(18, 138, 74, 0.28);
            /* GK-014 paleta */ --gf-azul: #e8f3ec;
            /* GK-014 paleta */ --gf-azul-bg: rgba(232, 243, 236, 0.14);
            /* GK-014 paleta */ --gf-rojo: #C0392B;
            /* GK-014 paleta */ --gf-rojo-bg: rgba(192, 57, 43, 0.15);
            /* GK-014 paleta */ --gf-text-white: #ffffff;
            /* GK-014 paleta */ --gf-text-Light: #e8f3ec;
            /* GK-014 paleta */ --gf-text-muted: rgba(232, 243, 236, 0.55);
            --gf-border: rgba(255, 255, 255, 0.1);
            --gf-radius-xl: 24px;
            --gf-radius-lg: 16px;
            --gf-radius-md: 12px;
        }
        .gf-arbol * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        .gf-arbol {
            background-color: var(--gf-bg-main);
            color: var(--gf-text-white);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            line-height: 1.5;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }
        .gf-arbol .gf-topbar {
            position: sticky;
            top: 0;
            z-index: 1000;
            /* GK-014 paleta */ background: rgba(10, 10, 10, 0.95);
            backdrop-filter: blur(12px);
            /* GK-014 paleta */ border-bottom: 1px solid rgba(18, 138, 74, 0.28);
            padding: 10px 16px;
        }
        .gf-arbol .gf-topbar-inner {
            max-width: 1540px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }
        .gf-arbol .gf-brand {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .gf-arbol .gf-brand-badge {
            width: 38px;
            height: 38px;
            border-radius: 10px;
            /* GK-014 paleta */ background: linear-gradient(135deg, var(--gf-verde), #0B5D2C);
            /* GK-014 paleta */ color: #0a0a0a;
            font-weight: 900;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            /* GK-014 paleta */ box-shadow: 0 4px 15px var(--gf-verde-glow);
        }
        .gf-arbol .gf-brand-text strong {
            display: block;
            font-size: 14px;
            letter-spacing: 0.08em;
            color: #ffffff;
        }
        .gf-arbol .gf-brand-text span {
            font-size: 11px;
            /* GK-014 paleta */ color: var(--gf-verde);
            font-weight: 600;
        }
        .gf-arbol .gf-toolbar-actions {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
        }
        .gf-arbol .gf-mode-switch {
            display: inline-flex;
            /* GK-014 paleta */ background: #0d120f;
            border: 1px solid rgba(34, 197, 94, 0.35);
            border-radius: 12px;
            padding: 3px;
        }
        .gf-arbol .gf-mode-btn {
            border: none;
            background: transparent;
            color: var(--gf-text-Light);
            font-size: 12px;
            font-weight: 700;
            padding: 7px 12px;
            border-radius: 9px;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .gf-arbol .gf-mode-btn.active {
            background: var(--gf-emerald);
            color: #ffffff;
            box-shadow: 0 2px 10px rgba(21, 128, 61, 0.5);
        }
        .gf-arbol .gf-lang-switch {
            display: inline-flex;
            /* GK-014 paleta */ background: #0d120f;
            border: 1px solid var(--gf-border);
            border-radius: 10px;
            padding: 3px;
        }
        .gf-arbol .gf-lang-btn {
            border: none;
            background: transparent;
            color: var(--gf-text-muted);
            font-size: 11px;
            font-weight: 800;
            padding: 6px 10px;
            border-radius: 7px;
            cursor: pointer;
        }
        .gf-arbol .gf-lang-btn.active {
            /* GK-014 paleta */ background: var(--gf-verde);
            /* GK-014 paleta */ color: #0a0a0a;
        }
        .gf-arbol .gf-copy-btn {
            /* GK-014 paleta */ background: #101713;
            /* GK-014 paleta */ color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.15);
            padding: 8px 13px;
            border-radius: 10px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .gf-arbol .gf-copy-btn:hover {
            /* GK-014 paleta */ border-color: var(--gf-verde);
            /* GK-014 paleta */ color: var(--gf-verde);
        }
        .gf-arbol .gf-main {
            max-width: 1540px;
            margin: 0 auto;
            padding: 20px 14px 70px 14px;
        }
        .gf-arbol .gf-dogs-selector-panel {
            background: var(--gf-bg-panel);
            border: 1px solid var(--gf-border);
            border-radius: var(--gf-radius-xl);
            padding: 20px;
            margin-bottom: 20px;
        }
        .gf-arbol .gf-roster-groups {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
        }
        @media (min-width: 980px) {
            .gf-arbol .gf-roster-groups {
                grid-template-columns: 3fr 2fr;
            }
        }
        .gf-arbol .gf-group-label {
            font-size: 11px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            /* GK-014 paleta */ color: var(--gf-verde);
            margin-bottom: 8px;
            display: block;
        }
        .gf-arbol .gf-dog-pills {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
            gap: 8px;
        }
        .gf-arbol .gf-dog-btn {
            background: var(--gf-bg-card);
            border: 1px solid var(--gf-border);
            border-radius: 14px;
            padding: 11px 13px;
            text-align: left;
            color: #ffffff;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 6px;
            min-height: 52px;
        }
        .gf-arbol .gf-dog-btn:hover {
            /* GK-014 paleta */ border-color: rgba(18, 138, 74, 0.5);
            transform: translateY(-1px);
        }
        /* GK-014 paleta */ .gf-arbol .gf-dog-btn.active-azul {
            /* GK-014 paleta */ background: linear-gradient(135deg, rgba(232, 243, 236, 0.12), #0d120f);
            /* GK-014 paleta */ border: 2px solid var(--gf-azul);
            /* GK-014 paleta */ box-shadow: 0 6px 20px rgba(232, 243, 236, 0.2);
        }
        /* GK-014 paleta */ .gf-arbol .gf-dog-btn.active-rojo {
            /* GK-014 paleta */ background: linear-gradient(135deg, rgba(192, 57, 43, 0.28), #101713);
            /* GK-014 paleta */ border: 2px solid var(--gf-rojo);
            /* GK-014 paleta */ box-shadow: 0 6px 20px rgba(192, 57, 43, 0.2);
        }
        .gf-arbol .gf-dog-btn-name {
            font-weight: 800;
            font-size: 14px;
            display: block;
        }
        .gf-arbol .gf-dog-btn-sub {
            font-size: 10.5px;
            color: var(--gf-text-muted);
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 120px;
        }
        .gf-arbol .gf-coat-dot {
            font-size: 10px;
            font-weight: 800;
            padding: 3px 7px;
            border-radius: 6px;
            text-transform: uppercase;
            flex-shrink: 0;
        }
        /* GK-014 paleta */ .gf-arbol .gf-coat-azul {
            /* GK-014 paleta */ background: var(--gf-azul-bg);
            /* GK-014 paleta */ color: var(--gf-azul);
            /* GK-014 paleta */ border: 1px solid rgba(232, 243, 236, 0.35);
        }
        /* GK-014 paleta */ .gf-arbol .gf-coat-rojo {
            /* GK-014 paleta */ background: var(--gf-rojo-bg);
            /* GK-014 paleta */ color: var(--gf-rojo);
            /* GK-014 paleta */ border: 1px solid rgba(192, 57, 43, 0.35);
        }
        .gf-arbol .gf-dog-hero {
            /* GK-014 paleta */ background: linear-gradient(145deg, #101713 0%, #0d120f 100%);
            /* GK-014 paleta */ border: 1px solid rgba(18, 138, 74, 0.25);
            border-radius: var(--gf-radius-xl);
            padding: 20px;
            margin-bottom: 22px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
        }
        .gf-arbol .gf-dog-hero-info {
            flex: 1;
            min-width: 280px;
        }
        .gf-arbol .gf-dog-hero-title {
            font-size: clamp(1.35rem, 2.5vw, 2rem);
            font-weight: 900;
            color: #ffffff;
            margin: 4px 0;
        }
        .gf-arbol .gf-meta-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 8px;
        }
        .gf-arbol .gf-meta-pill {
            background: rgba(0, 0, 0, 0.45);
            border: 1px solid var(--gf-border);
            padding: 5px 11px;
            border-radius: 8px;
            font-size: 12px;
            color: var(--gf-text-Light);
        }
        .gf-arbol .gf-linebreeding-btn {
            min-height: 44px;
            padding: 10px 16px;
            border-radius: 12px;
            /* GK-014 paleta */ border: 1px solid var(--gf-verde);
            /* GK-014 paleta */ background: rgba(18, 138, 74, 0.14);
            /* GK-014 paleta */ color: var(--gf-verde-light);
            font-size: 12.5px;
            font-weight: 800;
            cursor: pointer;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        .gf-arbol .gf-linebreeding-btn.active {
            /* GK-014 paleta */ background: var(--gf-verde);
            /* GK-014 paleta */ color: #0a0a0a;
            /* GK-014 paleta */ box-shadow: 0 0 20px var(--gf-verde-glow);
        }
        .gf-arbol .gf-mobile-engine-wrap {
            max-width: 540px;
            margin: 0 auto;
            /* GK-014 paleta */ background: #0d120f;
            border: 2px solid rgba(34, 197, 94, 0.35);
            border-radius: 28px;
            padding: 18px 14px 24px 14px;
            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.65);
        }
        .gf-arbol .gf-mobile-submode-bar {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 6px;
            /* GK-014 paleta */ background: #0a0a0a;
            padding: 5px;
            border-radius: 14px;
            border: 1px solid var(--gf-border);
            margin-bottom: 16px;
        }
        .gf-arbol .gf-submode-btn {
            min-height: 42px;
            border: none;
            border-radius: 10px;
            background: transparent;
            color: var(--gf-text-muted);
            font-size: 12px;
            font-weight: 800;
            cursor: pointer;
            padding: 6px 8px;
            transition: all 0.2s ease;
        }
        .gf-arbol .gf-submode-btn.active {
            /* GK-014 paleta */ background: linear-gradient(135deg, var(--gf-emerald), #0B5D2C);
            color: #ffffff;
            box-shadow: 0 4px 12px rgba(21, 128, 61, 0.4);
        }
        .gf-arbol .gf-gen-stepper {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
            gap: 6px;
            margin-bottom: 12px;
        }
        .gf-arbol .gf-step-btn {
            min-height: 54px;
            border-radius: 12px;
            border: 1px solid var(--gf-border);
            background: var(--gf-bg-card);
            color: var(--gf-text-Light);
            padding: 6px 4px;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
            position: relative;
        }
        .gf-arbol .gf-step-btn.active {
            /* GK-014 paleta */ background: linear-gradient(145deg, #1b5e36, #101713);
            /* GK-014 paleta */ border: 2px solid var(--gf-verde);
            color: #ffffff;
            /* GK-014 paleta */ box-shadow: 0 4px 15px var(--gf-verde-glow);
        }
        .gf-arbol .gf-step-num {
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
            /* GK-014 paleta */ color: var(--gf-verde);
        }
        .gf-arbol .gf-step-label {
            font-size: 12px;
            font-weight: 800;
            margin-top: 1px;
        }
        .gf-arbol .gf-step-count {
            font-size: 10px;
            color: var(--gf-text-muted);
        }
        .gf-arbol .gf-branch-filter {
            display: flex;
            gap: 6px;
            margin-bottom: 16px;
        }
        .gf-arbol .gf-branch-pill {
            flex: 1;
            min-height: 38px;
            border-radius: 10px;
            border: 1px solid var(--gf-border);
            /* GK-014 paleta */ background: #101713;
            color: var(--gf-text-muted);
            font-size: 11.5px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.18s ease;
        }
        .gf-arbol .gf-branch-pill.active {
            /* GK-014 paleta */ background: rgba(232, 243, 236, 0.16);
            /* GK-014 paleta */ border-color: var(--gf-azul);
            color: #ffffff;
        }
        .gf-arbol .gf-mobile-cards-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        .gf-arbol .gf-mob-card {
            background: var(--gf-bg-card);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 16px;
            padding: 15px;
            transition: all 0.25s ease;
            position: relative;
        }
        .gf-arbol .gf-mob-card.parent-focus-flash {
            /* GK-014 paleta */ border: 2px solid var(--gf-verde-light) !important;
            /* GK-014 paleta */ background: linear-gradient(135deg, rgba(18, 138, 74, 0.24), #0f2e1d) !important;
            /* GK-014 paleta */ box-shadow: 0 0 28px rgba(18, 138, 74, 0.45) !important;
        }
        .gf-arbol .gf-mob-card.linebreeding-glow {
            /* GK-014 paleta */ border: 2px solid var(--gf-verde) !important;
            /* GK-014 paleta */ background: linear-gradient(135deg, rgba(18, 138, 74, 0.25), #0f2e1d) !important;
        }
        .gf-arbol .gf-mob-card-top {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 6px;
            margin-bottom: 6px;
        }
        .gf-arbol .gf-relation-tag {
            font-size: 10.5px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            padding: 3px 8px;
            border-radius: 6px;
        }
        .gf-arbol .gf-rel-paternal {
            /* GK-014 paleta */ background: rgba(232, 243, 236, 0.15);
            /* GK-014 paleta */ color: #e8f3ec;
            /* GK-014 paleta */ border: 1px solid rgba(232, 243, 236, 0.3);
        }
        .gf-arbol .gf-rel-maternal {
            /* GK-014 paleta */ background: rgba(34, 197, 94, 0.15);
            /* GK-014 paleta */ color: #4ade80;
            /* GK-014 paleta */ border: 1px solid rgba(34, 197, 94, 0.3);
        }
        .gf-arbol .gf-mob-dog-name {
            font-size: 16px;
            font-weight: 800;
            color: #ffffff;
            line-height: 1.25;
        }
        .gf-arbol .gf-mob-child-ref {
            font-size: 12px;
            /* GK-014 paleta */ color: #4ade80;
            margin-top: 3px;
            font-weight: 600;
        }
        .gf-arbol .gf-mob-meta-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            font-size: 11.5px;
            color: var(--gf-text-muted);
        }
        .gf-arbol .gf-mob-card-actions {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px;
            margin-top: 12px;
        }
        .gf-arbol .gf-mob-btn-ficha {
            min-height: 42px;
            border-radius: 10px;
            /* GK-014 paleta */ border: 1px solid rgba(18, 138, 74, 0.45);
            /* GK-014 paleta */ background: rgba(18, 138, 74, 0.12);
            /* GK-014 paleta */ color: var(--gf-verde-light);
            font-size: 12px;
            font-weight: 800;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
        }
        .gf-arbol .gf-mob-btn-nextgen {
            min-height: 42px;
            border-radius: 10px;
            border: 1px solid rgba(34, 197, 94, 0.45);
            /* GK-014 paleta */ background: linear-gradient(135deg, #15803d, #0B5D2C);
            color: #ffffff;
            font-size: 12px;
            font-weight: 800;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
        }
        .gf-arbol .gf-consecutive-footer-nav {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-top: 18px;
            padding-top: 16px;
            border-top: 1px solid var(--gf-border);
        }
        .gf-arbol .gf-consec-nav-btn {
            min-height: 48px;
            border-radius: 12px;
            border: 1px solid rgba(255, 255, 255, 0.18);
            /* GK-014 paleta */ background: #1b5e36;
            color: #ffffff;
            font-size: 13px;
            font-weight: 800;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }
        .gf-arbol .gf-consec-nav-btn.primary {
            /* GK-014 paleta */ background: var(--gf-verde);
            /* GK-014 paleta */ color: #0a0a0a;
            /* GK-014 paleta */ border-color: var(--gf-verde);
        }
        .gf-arbol .gf-consec-nav-btn:disabled {
            opacity: 0.35;
            cursor: not-allowed;
        }
        .gf-arbol .gf-breadcrumb-bar {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 6px;
            /* GK-014 paleta */ background: #0a0a0a;
            padding: 10px 12px;
            border-radius: 12px;
            /* GK-014 paleta */ border: 1px solid rgba(18, 138, 74, 0.3);
            margin-bottom: 14px;
        }
        .gf-arbol .gf-crumb-btn {
            /* GK-014 paleta */ background: #0f2e1d;
            border: 1px solid rgba(255, 255, 255, 0.15);
            color: var(--gf-text-Light);
            padding: 5px 10px;
            border-radius: 8px;
            font-size: 11.5px;
            font-weight: 700;
            cursor: pointer;
        }
        .gf-arbol .gf-crumb-btn.current {
            /* GK-014 paleta */ background: var(--gf-verde);
            /* GK-014 paleta */ color: #0a0a0a;
            /* GK-014 paleta */ border-color: var(--gf-verde);
            font-weight: 900;
        }
        /* GK-014 R · grilla del árbol CONTENIDA: minmax(0,1fr) evita que las
           filas corran fuera de su columna con nombres largos (p. ej.
           REDDENBLU'S LET'S SMOKE'EM OUT) y max-width:100% ata la grilla al
           contenedor. */
        .gf-arbol .gf-desktop-tree-grid {
            display: grid;
            gap: 12px;
            align-items: stretch;
            max-width: 100%;
        }
        .gf-arbol .gf-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
        .gf-arbol .gf-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
        .gf-arbol .gf-col-header {
            /* GK-014 paleta */ background: #101713;
            border: 1px solid var(--gf-border);
            padding: 10px;
            text-align: center;
            border-radius: 10px;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
            /* GK-014 paleta */ color: var(--gf-verde);
            margin-bottom: 10px;
        }
        .gf-arbol .gf-col-stack {
            display: grid;
            gap: 10px;
            height: 100%;
            /* GK-014 R */ min-width: 0;
        }
        .gf-arbol .gf-pc-node {
            background: var(--gf-bg-card);
            border: 1px solid var(--gf-border);
            border-radius: 12px;
            padding: 10px 12px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            cursor: pointer;
            transition: all 0.2s ease;
            /* GK-014 R: el texto largo quiebra dentro de la casilla */
            min-width: 0;
            overflow-wrap: anywhere;
        }
        .gf-arbol .gf-pc-node:hover {
            /* GK-014 paleta */ border-color: var(--gf-verde);
            transform: translateY(-2px);
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.5);
        }
        .gf-arbol .gf-pc-node.linebreeding-glow {
            /* GK-014 paleta */ border: 2px solid var(--gf-verde) !important;
            /* GK-014 paleta */ background: linear-gradient(135deg, rgba(18, 138, 74, 0.28), #0f2e1d) !important;
            /* GK-014 paleta */ box-shadow: 0 0 22px var(--gf-verde-glow);
        }
        .gf-arbol .gf-badge {
            display: inline-block;
            font-size: 10px;
            font-weight: 800;
            padding: 2px 6px;
            border-radius: 5px;
            margin-right: 4px;
        }
        .gf-arbol .gf-badge-world {
            /* GK-014 paleta */ background: var(--gf-verde);
            /* GK-014 paleta */ color: #0a0a0a;
        }
        .gf-arbol .gf-badge-a6 {
            /* GK-014 paleta */ background: rgba(74, 222, 128, 0.2);
            /* GK-014 paleta */ border: 1px solid rgba(74, 222, 128, 0.5);
            /* GK-014 paleta */ color: #4ade80;
        }
        .gf-arbol .gf-badge-a1 {
            background: rgba(34, 197, 94, 0.2);
            border: 1px solid rgba(34, 197, 94, 0.5);
            /* GK-014 paleta */ color: #4ade80;
        }
        .gf-arbol .gf-modal-overlay {
            position: fixed;
            inset: 0;
            /* GK-014 paleta */ background: rgba(10, 10, 10, 0.88);
            backdrop-filter: blur(10px);
            z-index: 3000;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 16px;
        }
        .gf-arbol .gf-modal-overlay.open {
            display: flex;
        }
        .gf-arbol .gf-modal-card {
            /* GK-014 paleta */ background: #101713;
            /* GK-014 paleta */ border: 1px solid var(--gf-verde);
            border-radius: 24px;
            max-width: 720px;
            width: 100%;
            max-height: 90vh;
            overflow-y: auto;
            padding: 24px;
            box-shadow: 0 25px 70px rgba(0, 0, 0, 0.9);
        }
        .gf-arbol .hidden {
            display: none !important;
        }
        /* GK-014 C2-fix: márgenes simétricos del contenedor del árbol en móvil.
           El tema (Shoptimizer) envuelve el bloque en .col-full con padding
           horizontal propio (1em = 15px por lado hasta 992px, verificado en el
           navegador), lo que dejaba el árbol con distinto margen a cada lado
           del viewport. Se compensa con márgenes negativos IGUALES a ambos
           lados (los 15px exactos del tema), así el contenedor queda a ras de
           la página y su propio padding (.gf-main, 14px simétrico) es el único
           margen visible a izquierda y derecha. */
        @media (max-width: 992px) {
            .gf-arbol {
                margin-left: -15px;
                margin-right: -15px;
                width: calc(100% + 30px);
            }
        }