.live-work-section{position:relative;margin-top:-20px;padding:34px 0 12px;background:#fff;border-radius:24px 24px 0 0;z-index:1}
.live-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.section-icon .icon{width:40px;height:40px;stroke-width:2;color:#0c2e4e}
.live-heading h2{font-size:27px;letter-spacing:-.6px;margin:0;display:flex;align-items:center;gap:10px}
.live-heading p{color:#566d82;font-size:15px;margin-top:5px}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ec1834}
.live-work-section[data-mode="neutral"] .live-dot{background:#8da3b7}
.live-work-grid{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:2px 0 14px;scrollbar-width:thin;scrollbar-color:#9ab7d8 #edf3fa;-webkit-overflow-scrolling:touch}
.live-work-grid:focus-visible{outline:3px solid #0779eb;outline-offset:5px;border-radius:20px}
.live-card{flex:0 0 100%;position:relative;isolation:isolate;min-width:0;border:1px solid #dce6f1;border-radius:23px;overflow:hidden;background:linear-gradient(125deg,#fff 15%,#f5f8fd 70%,#eaf2fd);box-shadow:0 8px 24px #123e6b08;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:'title image' 'body image';scroll-snap-align:start;scroll-snap-stop:always}
.live-card:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,transparent 35%,#e4effa45 35%,#e4effa45 39%,transparent 39%,transparent 49%,#e4effa45 49%,#e4effa45 57%,transparent 57%);pointer-events:none}
.live-card>h3{grid-area:title;padding:28px 12px 0 28px;margin:0;font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.18;letter-spacing:-.035em;color:#102a43;overflow-wrap:anywhere;align-self:end}
.live-card-body{grid-area:body;padding:16px 20px 28px 28px;min-width:0}
.live-card figure{grid-area:image;margin:0;min-width:0;align-self:center}
.live-card img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;aspect-ratio:3/2}
.live-image-label{font-size:12px;color:#526b80;text-align:center;line-height:1.4;padding:0 16px 18px}
.live-status{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:100px;font-size:14px;font-weight:700;line-height:1.3;background:#e6edf6;color:#173b5c}
.live-status::before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#1573c9}
.live-status.pausado{background:#fff3d6;color:#775000}.live-status.pausado::before{background:#b77a00}
.live-status.completado{background:#e4f3ec;color:#226341}.live-status.completado::before{background:#2b8c5c}
.live-service{font-size:17px;font-weight:600;color:#29485f;line-height:1.5;margin:16px 0 0;overflow-wrap:anywhere}
.live-card time{display:block;margin-top:16px;color:#526b80;font-size:13px;font-weight:500;line-height:1.5}
.live-work-neutral{display:flex;align-items:center;gap:22px;padding:30px;border:1px solid #dce6f1;border-radius:23px;background:linear-gradient(115deg,#f8fbff,#edf5ff)}
.live-neutral-icon{display:grid;place-items:center;width:68px;height:68px;flex:none;background:#fff;border-radius:20px;color:#24679f}
.live-neutral-icon .icon{width:40px;height:40px}.live-work-neutral h3{font-size:23px;line-height:1.25;letter-spacing:-.5px}.live-work-neutral p{color:#526b80;margin-top:8px;font-size:16px;line-height:1.5}
.live-controls{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;margin-top:0;color:#526b80;font-size:13px}
.live-dots{display:flex;align-items:center;gap:2px}.live-dots button{appearance:none;border:0;padding:0;display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;cursor:pointer;border-radius:50%}.live-dots button:before{content:'';width:9px;height:9px;border-radius:50%;background:#b3c4d5;transition:width .18s ease,background .18s ease}.live-dots button[aria-current="true"]:before{width:24px;border-radius:20px;background:#176fbd}
.live-position{font-variant-numeric:tabular-nums}.live-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Two and three cards fit together on wide screens; a single card keeps the existing split layout. */
@media(min-width:1000px){
.live-work-grid[data-count="2"] .live-card{flex-basis:calc((100% - 18px)/2)}
.live-work-grid[data-count="3"] .live-card{flex-basis:calc((100% - 36px)/3)}
.live-work-grid:not([data-count="1"]) .live-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:'image' 'title' 'body'}
.live-work-grid:not([data-count="1"]) .live-card>h3{font-size:25px;padding:6px 24px 0;align-self:start}
.live-work-grid:not([data-count="1"]) .live-card-body{padding:16px 24px 24px}
.live-work-grid:not([data-count="1"]) .live-card figure{align-self:start}
.live-controls{display:none}
}
@media(min-width:701px) and (max-width:999px){.live-work-grid:not([data-count="1"]) .live-card{flex-basis:88%}}
@media(max-width:700px){
.live-work-section{padding:26px 0 4px;margin-top:-18px;border-radius:20px 20px 0 0}
.live-heading{gap:11px;margin-bottom:20px}.section-icon .icon{width:32px;height:32px}.live-heading h2{font-size:23px}.live-heading p{font-size:14px;line-height:1.4;margin-top:4px}.live-dot{width:6px;height:6px}
.live-work-grid{gap:12px}.live-card{border-radius:18px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:'image' 'title' 'body'}
.live-work-grid:not([data-count="1"]) .live-card{flex-basis:90%}
.live-card figure{align-self:start}.live-card>h3{padding:4px 20px 0;font-size:25px;line-height:1.2;letter-spacing:-.6px;align-self:start}
.live-card-body{padding:14px 20px 24px}.live-image-label{padding-bottom:14px;font-size:12px}
.live-status{font-size:14px}.live-service{font-size:16px;margin-top:14px}.live-card time{font-size:13px;margin-top:14px}
.live-controls{gap:4px;justify-content:space-between}.live-swipe-hint{font-size:12px}
.live-work-neutral{padding:24px 20px;gap:16px;align-items:flex-start;border-radius:18px}.live-neutral-icon{width:44px;height:44px;border-radius:14px}.live-neutral-icon .icon{width:28px;height:28px}.live-work-neutral h3{font-size:20px}.live-work-neutral p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.live-dots button:before{transition:none}.live-work-grid{scroll-behavior:auto}}
@media print{.live-controls{display:none}.live-work-grid{overflow:visible;display:block}.live-card{break-inside:avoid;margin-bottom:16px}}