
#ad-world-dates-v1 { color:var(--foreground); }
#ad-world-dates-v1 .ad-controls { margin-block:18px 12px; }
#ad-world-dates-v1 .ad-legend { display:flex; flex-wrap:wrap; gap:8px 16px; margin-block:16px 8px; }
#ad-world-dates-v1 .ad-legend span { display:inline-flex; align-items:center; gap:7px; }
#ad-world-dates-v1 .ad-swatch { display:inline-block; width:22px; height:8px; flex-shrink:0; }
#ad-world-dates-v1 .ad-local { background:var(--ad-color-local); }
#ad-world-dates-v1 .ad-process { background:var(--ad-color-process); }
#ad-world-dates-v1 .ad-range { background:repeating-linear-gradient(45deg,var(--ad-color-range) 0 2px,transparent 2px 5px); }
#ad-world-dates-v1 .ad-event { width:9px;height:9px;border-radius:50%;background:var(--ad-color-event); }
#ad-world-dates-v1 .ad-approx { width:9px;height:9px;border-radius:50%;border:2px solid var(--ad-color-approx); }
#ad-world-dates-v1 .ad-detail { margin-block:20px; }
#ad-world-dates-v1 .ad-detail summary { margin-bottom:10px; }
#ad-world-dates-v1 .ad-plot { display:block; width:100%; overflow:visible; }
#ad-world-dates-v1 .ad-plot text { fill:var(--foreground); font-size:12px; }
#ad-world-dates-v1 .ad-plot .ad-date { fill:var(--muted-foreground); }
#ad-world-dates-v1 .ad-plot .ad-row-title { font-weight:500; }
#ad-world-dates-v1 .ad-plot .domain, #ad-world-dates-v1 .ad-plot .tick line { stroke:var(--border); }
#ad-world-dates-v1 .ad-plot .ad-grid { stroke:var(--border); stroke-width:1; opacity:.6; }
#ad-world-dates-v1 .ad-plot .ad-group-title { font-weight:500; }
#ad-world-dates-v1 #ad-selected a { overflow-wrap:anywhere; }
#ad-world-dates-v1 #ad-selected > div + div { margin-top:6px; }
#ad-world-dates-v1 table { margin-top:12px; }

/* Integración acotada al comparador y al tutorial en español. */
.ad-comparison-block{margin:56px 0 0;padding:42px 0 34px;border-top:2px solid #ae8852}
#ad-world-dates-v1{--foreground:#243f3c;--muted-foreground:#51645e;--background:#f7f5ee;--border:#c4d0c8;--viz-series-1:#1677c8;--viz-series-2:#d46816;--ad-color-local:#1677c8;--ad-color-process:#d46816;--ad-color-range:#8753b5;--ad-color-event:#16806a;--ad-color-approx:#c43f65;font:16px/1.7 "Segoe UI",Arial,sans-serif;min-width:0}
#ad-world-dates-v1 h3,.ad-comparison-tutorial h3{font:clamp(1.6rem,3vw,2.25rem)/1.25 Georgia,serif;color:#243f3c;margin:0 0 16px}
#ad-world-dates-v1 .text-small{font-size:.86rem;line-height:1.65}
#ad-world-dates-v1 .text-muted{color:var(--muted-foreground)}
#ad-world-dates-v1 .ad-comparison-intro{margin:20px 0}
#ad-world-dates-v1 .ad-comparison-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 32px;padding-left:22px;margin:24px 0}
#ad-world-dates-v1 .ad-comparison-steps li{padding-left:5px;font-size:.95rem}
#ad-world-dates-v1 .ad-comparison-steps strong{display:block}
#ad-world-dates-v1 .ad-comparison-note{padding:18px 22px;margin:26px 0;background:#edf0e8;border-left:3px solid #ae8852;font-size:.94rem;max-width:none}
#ad-world-dates-v1 .ad-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 20px}
#ad-world-dates-v1 .form-label{display:flex;flex-direction:column;gap:8px;min-width:0;font-weight:600}
#ad-world-dates-v1 .form-select{display:block;width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #9aad9e;border-radius:6px;background:#fffdf7;color:var(--foreground);font:400 16px/1.4 "Segoe UI",Arial,sans-serif}
#ad-world-dates-v1 #ad-selected{padding:22px 26px;border:1px solid #c4d0c8;border-left:4px solid #436757;border-radius:6px;background:#fffdf7;min-height:160px}
#ad-world-dates-v1 .ad-out-of-range{margin-bottom:0;font-weight:600}
#ad-world-dates-v1 .ad-plot text{font-family:"Segoe UI",Arial,sans-serif}
#ad-world-dates-v1 .ad-detail{border-top:1px solid #c4d0c8;padding:16px 0 0}
#ad-world-dates-v1 summary{cursor:pointer;min-height:44px;padding:10px 4px;font-weight:600;line-height:1.5}
#ad-world-dates-v1 .cursor-interaction{cursor:pointer}
#ad-world-dates-v1 [data-record]:focus-visible [data-chart-hit]{stroke:#ad7630;stroke-width:2}
#ad-world-dates-v1 .table-responsive{overflow-x:auto;max-width:100%}
#ad-world-dates-v1 .table{width:100%;border-collapse:collapse;font-size:.88rem;line-height:1.65}
#ad-world-dates-v1 th,#ad-world-dates-v1 td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #c4d0c8;overflow-wrap:anywhere}
#ad-world-dates-v1 th{font-weight:600;background:#edf0e8}
.ad-comparison-tutorial{padding:32px 0 42px;margin:0 0 36px;border-block:1px solid #c4d0c8}
.ad-comparison-tutorial figure{margin:24px 0 0;max-width:100%}
.ad-comparison-tutorial video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#183d38;border-radius:8px}
.ad-comparison-tutorial figcaption{font-size:.88rem;line-height:1.65;margin:12px 0;color:#51645e}
.ad-comparison-tutorial details{margin-top:20px}
.ad-comparison-tutorial summary{cursor:pointer;min-height:44px;line-height:1.5;padding:10px 0;font-weight:600}
.ad-comparison-tutorial .ad-video-transcript{max-width:80ch;padding-left:24px;font-size:.95rem}
.ad-comparison-tutorial .ad-video-transcript li{padding:8px 0 12px 4px}
@media(max-width:600px){#ad-world-dates-v1 .ad-controls,#ad-world-dates-v1 .ad-comparison-steps{grid-template-columns:1fr}#ad-world-dates-v1 #ad-selected{padding:18px}#ad-world-dates-v1 .ad-comparison-note{padding:16px}.ad-comparison-block{margin-top:36px;padding-top:30px}#ad-world-dates-v1 .table{min-width:560px}.ad-comparison-tutorial{padding:26px 0 32px}}
@media print{.ad-comparison-tutorial video{display:none}#ad-world-dates-v1 .ad-controls{display:none}.ad-comparison-block{break-before:page}}
