/*
 * Site skin of the native meeting scheduler dialog (TASK-2042 Slice 3). It dresses the dialog that the global
 * navigation's «Agenda tu diagnóstico» opens; a landing's own CTA dialog keeps its landing skin. The renderer appends
 * <dialog class="ghc-meeting-surface"> to <body>; the menu's host script marks the one it opens with
 * data-eo-meeting-skin="site", so this file never touches another dialog.
 * Every rule starts with :root so it outweighs a landing skin that dresses any dialog on its page
 * (`body:has(.gh-inbound) dialog.ghc-meeting-surface`): on a landing, the menu's dialog still looks like the menu's.
 *
 * Frame: the treatment the operator approved for Inbound on 2026-10-18 — no container and no repeated title, only the
 * scheduler floating over the blurred page and one round close button; the renderer keeps behaviour, focus, Escape,
 * full-screen switching and the accessible name (the title stays for screen readers, visually hidden).
 * Palette: the scheduler of /agenda/ (the same diagnosis, line Growth), so the menu and the page look like one thing.
 */

/* The launcher: one per page, invisible, out of the tab order and of the accessibility tree; it only opens the dialog. */
.eo-site-nav-scheduler{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);visibility:hidden;pointer-events:none}

:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"]{width:min(1080px,calc(100vw - 48px));height:fit-content; /* a modal dialog has top:0 + bottom:0: height:auto would stretch it */ max-height:calc(100dvh - 32px);background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"]::backdrop{background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(54,200,191,.14),rgba(54,200,191,0) 70%),rgba(0,14,30,.84);-webkit-backdrop-filter:blur(16px) saturate(.9);backdrop-filter:blur(16px) saturate(.9)}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"] .ghc-meeting-frame{display:block;height:auto}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"] .ghc-meeting-toolbar{position:absolute;top:0;right:0;z-index:3;min-height:0;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"] .ghc-meeting-toolbar>:not(.ghc-meeting-close){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"] .ghc-meeting-close{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;font-size:0;color:transparent;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.32);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s,border-color .2s,transform .3s cubic-bezier(.2,0,0,1)}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"] .ghc-meeting-close::before{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;background:#ffffff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/contain no-repeat}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"] .ghc-meeting-close:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.6);transform:rotate(90deg);box-shadow:none}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"] .ghc-meeting-close:focus-visible{outline:2px solid #36c8bf;outline-offset:3px}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"] .ghc-meeting-stage{display:grid;align-content:safe center;max-height:calc(100dvh - 32px);padding:60px 0 0;overflow:auto}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"] efeonce-meeting-scheduler{--gh-meeting-ink:#001a33;--gh-meeting-ink-soft:#0a3157;--gh-meeting-accent:#36c8bf;--gh-meeting-accent-strong:#0e8c82;--gh-meeting-accent-soft:#d9f4f1;--gh-meeting-focus:#0e8c82;--gh-meeting-surface:#f7f8f6;--gh-meeting-paper-alt:#eef1f2;--gh-meeting-font:'Poppins',system-ui,sans-serif;--gh-meeting-shadow:0 40px 120px rgba(0,8,20,.55),0 0 0 1px rgba(255,255,255,.06)}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"][data-full-screen]{width:100vw;height:100dvh;max-height:none;background:#001a33}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"][data-full-screen] .ghc-meeting-toolbar{top:calc(10px + env(safe-area-inset-top,0px));right:12px}
:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"][data-full-screen] .ghc-meeting-stage{max-height:100dvh;padding:calc(64px + env(safe-area-inset-top,0px)) 10px calc(14px + env(safe-area-inset-bottom,0px))}
@media (prefers-reduced-motion:reduce){:root dialog.ghc-meeting-surface[data-eo-meeting-skin="site"] .ghc-meeting-close{transition:none}}