/* WooCommerce single product integration: calendario visible desde el primer render */
.gn-fh-wc,
.gn-fh-wc * { box-sizing: border-box; }

.gn-fh-wc {
    width: 100%;
    margin: 1rem 0 0;
    scroll-margin-top: 90px;
}

.gn-fh-wc__title {
    margin: 0 0 5px;
    font-size: 1.18em;
    line-height: 1.3;
}

.gn-fh-wc__intro {
    margin: 0 0 12px;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
}

.gn-fh-wc__calendar {
    width: 100%;
    border: 1px solid #e4e7ec;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.gn-fh-wc__embed,
.gn-fh-wc__embed iframe {
    width: 100% !important;
    max-width: 100% !important;
}

.gn-fh-wc__embed iframe {
    display: block;
    border: 0 !important;
}


/* Shortcode estable de laboratorio */
.gn-fh-shortcode {
    display: grid;
    gap: 18px;
    margin: 1.5rem 0;
}

.gn-fh-shortcode__card {
    overflow: hidden;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .05);
}

.gn-fh-shortcode__summary { padding: 16px; }
.gn-fh-shortcode__summary > span {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}
.gn-fh-shortcode__summary h3 { margin: 8px 0; }
.gn-fh-shortcode__summary p { margin: 0 0 12px; color: #667085; }
.gn-fh-shortcode__summary > div { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid #e4e7ec; padding-top: 10px; }
.gn-fh-shortcode__toggle { width: calc(100% - 32px) !important; margin: 0 16px 16px !important; }
.gn-fh-shortcode__calendar { margin: 0 16px 16px; border: 1px solid #e4e7ec; border-radius: 10px; overflow: hidden; }
.gn-fh-shortcode__calendar--collapsed { display: none; }
.gn-fh-shortcode__calendar iframe { width: 100% !important; max-width: 100% !important; border: 0 !important; }

/* Herramientas de laboratorio */
.gn-fh-lab {
    margin: 1.5rem 0;
    padding: 16px;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #fff;
}
.gn-fh-lab--compact { max-width: 760px; }
.gn-fh-lab__header { display: flex; flex-direction: column; gap: 3px; margin-bottom: 12px; }
.gn-fh-lab__header strong { color: #182230; }
.gn-fh-lab__header span { color: #667085; font-size: 12px; }
.gn-fh-lab pre,
.gn-fh-shortcode pre { overflow: auto; margin: 12px 0 0; padding: 10px; border-radius: 8px; background: #f8f9fb; font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }

@media (max-width: 700px) {
    .gn-fh-wc { margin-top: .75rem; }
    .gn-fh-wc__calendar { border-radius: 9px; }
    .gn-fh-shortcode__calendar { margin-left: 8px; margin-right: 8px; }
}