/* Civiltek · Showreel de portada, visores 4D, recorridos 360, memorias y Plicas (2026-10-22) */
:root{--vd-bg:#101216;--vd-surface:#151b20;--vd-surface-2:#1a242b;--vd-line:#323d45;--vd-line-strong:#4b5a65;--vd-text:#f4f6f8;--vd-muted:#b6c2ca;--vd-accent:#14d5cf;--vd-accent-soft:#85e8e3}

/* ---------- Portada: showreel en el primer pantallazo ---------- */
.home-experience .home-origin.home-gateway.has-showreel{grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr);column-gap:clamp(32px,4vw,64px);row-gap:0;align-items:center}
.home-gateway.has-showreel .gateway-heading{grid-column:1;grid-row:1;min-height:0;padding:0 0 34px;align-self:center}
.home-gateway.has-showreel .gateway-heading h1{font-size:clamp(40px,3.9vw,60px);max-width:11em}
.home-gateway.has-showreel .gateway-heading .gateway-lead{font-size:17px;line-height:1.65;max-width:40ch;color:var(--vd-muted);margin:0}
.home-gateway.has-showreel .gateway-screens{grid-row:2}
.home-gateway.has-showreel .gateway-footer{grid-row:3}

.showreel-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;pointer-events:auto}
.showreel-cta{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 18px;border-radius:3px;border:1px solid var(--vd-accent);background:var(--vd-accent);color:#101216;font:inherit;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.showreel-cta:hover{background:var(--vd-accent-soft);border-color:var(--vd-accent-soft)}
.showreel-cta.is-ghost{background:transparent;color:var(--vd-text);border-color:#5c6c77}
.showreel-cta.is-ghost:hover{border-color:var(--vd-accent);color:var(--vd-accent);background:transparent}
.showreel-cta svg{width:18px;height:18px;flex-shrink:0}

.home-showreel{grid-column:2;grid-row:1;margin:0 0 34px;min-width:0;position:relative;z-index:2}
.showreel-frame{position:relative;aspect-ratio:16/9;background:#0b0e11 url("/assets/video/showreel-poster-960.webp") center/cover no-repeat;border:1px solid var(--vd-line-strong);border-radius:4px;overflow:hidden;box-shadow:0 24px 60px #00000073}
.showreel-frame::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(to top,#000000a6,transparent);pointer-events:none;opacity:.9;transition:opacity .3s}
.showreel-video{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
.showreel-controls{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:8px}
.showreel-controls[hidden]{display:none}
.showreel-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 12px;border:1px solid #ffffff4d;border-radius:3px;background:#0d1117c2;color:#f4f6f8;font:inherit;font-size:14px;font-weight:500;cursor:pointer;backdrop-filter:blur(6px);transition:border-color .2s,background .2s,color .2s}
.showreel-btn:hover{border-color:var(--vd-accent);color:var(--vd-accent)}
.showreel-btn svg{width:18px;height:18px;flex-shrink:0}
.showreel-sound{margin-left:auto}
.showreel-sound[aria-pressed="false"]{background:var(--vd-accent);border-color:var(--vd-accent);color:#101216}
.showreel-sound[aria-pressed="false"]:hover{background:var(--vd-accent-soft);color:#101216}
.showreel-play{position:absolute;inset:0;z-index:3;display:grid;place-items:center;width:100%;border:0;background:#0000002e;color:#fff;cursor:pointer;padding:0}
.showreel-play[hidden]{display:none}
.showreel-play span{display:inline-flex;align-items:center;gap:12px;padding:14px 22px 14px 16px;border-radius:999px;background:var(--vd-accent);color:#101216;font:inherit;font-size:16px;font-weight:600;box-shadow:0 10px 30px #0008;transition:transform .2s,background .2s}
.showreel-play:hover span{background:var(--vd-accent-soft);transform:scale(1.03)}
.showreel-play svg{width:26px;height:26px}
.home-showreel figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-top:12px;font-size:12px;line-height:1.5;color:var(--vd-muted)}
.home-showreel figcaption strong{font-weight:600;color:var(--vd-accent);letter-spacing:.08em;text-transform:uppercase;font-size:11px}
:is(.showreel-cta,.showreel-btn,.showreel-play,.vd-card,.vd-tour-card,.vd-doc,.vd-tour,.vd-inline-link):focus-visible{outline:2px solid var(--vd-accent);outline-offset:3px}
.showreel-play:focus-visible{outline-offset:-4px}

@media(max-width:1000px){
 .home-experience .home-origin.home-gateway.has-showreel{grid-template-columns:minmax(0,1fr)}
 .home-gateway.has-showreel .gateway-heading{padding-bottom:26px}
 .home-gateway.has-showreel .gateway-heading h1{max-width:none}
 .home-showreel{grid-column:1;grid-row:2;margin-bottom:30px}
 .home-gateway.has-showreel .gateway-screens{grid-row:3}
 .home-gateway.has-showreel .gateway-footer{grid-row:4}
}
@media(max-width:600px){
 .home-gateway.has-showreel .gateway-heading h1{font-size:clamp(34px,9.4vw,48px)}
 .home-gateway.has-showreel .gateway-heading .gateway-lead{font-size:15px}
 .showreel-actions{margin-top:20px;gap:10px}
 .showreel-cta{flex:1 1 100%;justify-content:center}
 .home-showreel{margin:0 -5.55% 26px}
 .showreel-frame{border-radius:0;border-left:0;border-right:0}
 .home-showreel figcaption{padding:0 5%}
 .showreel-controls{left:10px;right:10px;bottom:10px;gap:6px}
 .showreel-btn{height:40px;min-width:40px;padding:0 10px;font-size:13px}
 .showreel-play span{font-size:15px;padding:12px 18px 12px 14px}
}

/* ---------- Visores 4D ---------- */
.vd-section{position:relative;background:var(--vd-bg);border-top:1px solid var(--vd-accent);padding:72px 0 80px;scroll-margin-top:90px}
.vd-section.is-band{border-top:1px solid var(--vd-line)}
.vd-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 56px;align-items:end;margin-bottom:36px}
.vd-head .eyebrow{display:flex;gap:14px;align-items:center;margin:0 0 18px;font-size:12px;letter-spacing:.12em;color:var(--vd-accent)}
.vd-head h2{margin:0;font-size:clamp(30px,3.3vw,46px);line-height:1.08;letter-spacing:-.035em;font-weight:500;color:var(--vd-text);max-width:16em}
.vd-head>p{margin:0;font-size:17px;line-height:1.65;color:var(--vd-muted);max-width:52ch}
.vd-confidencial{display:inline-block;padding:1px 7px;border-radius:2px;background:#c8313f;color:#fff;font-size:.78em;font-weight:600;letter-spacing:.06em;vertical-align:.08em}


.vd-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vd-grid>li{min-width:0;display:flex}
.vd-card{display:flex;flex-direction:column;width:100%;border:1px solid var(--vd-line);border-top-color:var(--vd-line-strong);border-radius:4px;overflow:hidden;background:var(--vd-surface);color:var(--vd-text);text-decoration:none;transition:border-color .25s,background .25s,transform .25s}
.vd-card:hover{border-color:var(--vd-accent);background:var(--vd-surface-2);transform:translateY(-2px)}
.vd-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0b0e11}
.vd-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.vd-card:hover .vd-media img{transform:scale(1.04)}
.vd-badge{position:absolute;left:12px;top:12px;padding:5px 9px;border-radius:2px;background:#0d1117d9;color:var(--vd-accent);font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;border:1px solid #14d5cf55}
.vd-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:18px 18px 16px}
.vd-meta{font-size:12px;font-weight:500;line-height:1.3;letter-spacing:.04em;color:#9cabb5}
.vd-card h3{margin:0;font-size:18px;line-height:1.25;font-weight:500;letter-spacing:-.015em;color:var(--vd-text)}
.vd-org{font-size:14px;line-height:1.45;color:var(--vd-muted)}
.vd-open{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--vd-line);font-size:14px;font-weight:600;color:var(--vd-accent)}
.vd-open svg,.vd-cta svg,.vd-tour svg,.vd-inline-link svg{width:18px;height:18px;flex-shrink:0}

.vd-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:26px;padding-top:22px;border-top:1px solid var(--vd-line)}
.vd-foot>p{margin:0 6px 0 0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--vd-muted)}
.vd-tour{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid var(--vd-line-strong);border-radius:3px;color:var(--vd-text);text-decoration:none;font-size:14px;line-height:1.3;transition:border-color .2s,color .2s}
.vd-tour:hover{border-color:var(--vd-accent);color:var(--vd-accent)}
.vd-tour .vd-tour-tag{font-size:12px;font-weight:600;line-height:1;color:var(--vd-accent)}
.vd-foot small{flex-basis:100%;font-size:12px;line-height:1.5;color:#93a1ab}

.vd-card,.vd-tour-card,.vd-doc,.vd-tour,.vd-inline-link,.plicas-cta,.plicas-visual{position:relative}
/* Variante compacta para páginas interiores */
.vd-nw{white-space:nowrap}
.vd-compact .vd-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.vd-compact .vd-body{padding:12px 12px 12px;gap:6px}
.vd-compact .vd-card h3{font-size:14.5px}
.vd-compact .vd-org{font-size:12.5px}
.vd-compact .vd-open{font-size:13px;padding-top:8px}
.vd-compact .vd-badge{left:8px;top:8px;font-size:10px;padding:4px 7px}
.vd-inline{margin:8px 0 34px;padding:24px;border:1px solid var(--vd-line-strong);border-radius:4px;background:#11171c}
.vd-inline-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-bottom:18px}
.vd-inline-head p{margin:0;max-width:62ch;font-size:15px;line-height:1.6;color:var(--vd-muted)}
.vd-inline-head strong{color:var(--vd-text);font-weight:600}
.vd-inline-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 16px;border-radius:3px;background:var(--vd-accent);color:#101216;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.vd-inline-link:hover{background:var(--vd-accent-soft)}

@media(max-width:1180px){.vd-compact .vd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){
 .vd-section{padding:56px 0 64px}
 .vd-head{grid-template-columns:1fr;gap:16px;margin-bottom:28px}
 .vd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .vd-section{padding:46px 0 52px}
 .vd-head>p{font-size:15px}
 .vd-grid,.vd-compact .vd-grid{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:19px;margin-inline:-5.5%;padding:2px 5.5% 10px;scrollbar-width:thin;scrollbar-color:#4b5a65 transparent}
 .vd-grid>li{flex:0 0 78%;scroll-snap-align:start}
 .vd-compact .vd-card h3{font-size:16px}
 .vd-compact .vd-org{font-size:13px}
 .vd-foot{gap:10px}
 .vd-tour{flex:1 1 100%}
 .vd-tour svg{margin-left:auto}
 .vd-inline{padding:18px 16px}
 .vd-inline .vd-grid{margin-inline:0;padding-inline:0;scroll-padding-inline:0}
 .vd-inline .vd-grid>li{flex-basis:84%}
 .vd-inline-link{flex:1 1 100%;justify-content:center;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
 .vd-card,.vd-card:hover,.vd-media img,.vd-tour-media img,.showreel-play span{transition:none;transform:none!important}
}
.showreel-frame:has(.showreel-play:not([hidden])) .showreel-controls{visibility:hidden}

/* ---------- 20261022b: C en el cierre, funciones de los visores, programas y vídeos de obra ---------- */
.home-experience .home-finale.has-brand-c{position:relative;overflow:hidden}
.home-finale-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:32px 56px;align-items:center}
.home-finale-copy{min-width:0}
.home-finale-c{position:relative;width:100%;aspect-ratio:1;max-width:340px;justify-self:end;touch-action:pan-y}
.home-finale-c canvas{display:block;width:100%;height:100%}
.home-finale-c .brand-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.9}
.home-finale-c.loaded .brand-fallback{display:none}
.home-finale.has-brand-c .brand-tools{display:none!important}
.home-finale.has-brand-c .home-motion-control{top:auto;bottom:28px;right:4%;border-radius:4px}
@media(max-width:1000px){.home-finale-grid{grid-template-columns:minmax(0,1fr) 240px;gap:24px 32px}}
@media(max-width:600px){
 .home-finale-grid{grid-template-columns:1fr}
 .home-finale-c{max-width:200px;justify-self:start;order:-1;margin:-8px 0 0 -12px}
 .home-finale.has-brand-c .home-motion-control{bottom:auto;top:20px;right:5%}
}

.vd-features{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--vd-line);border-radius:4px;background:#12181d}
.vd-features li{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px;border-left:1px solid var(--vd-line)}
.vd-features li:first-child{border-left:0}
.vd-features strong{font-size:16px;font-weight:600;color:var(--vd-text);line-height:1.3}
.vd-features strong::before{content:"";display:block;width:22px;height:2px;margin-bottom:12px;background:var(--vd-accent)}
.vd-features span{font-size:14px;line-height:1.55;color:var(--vd-muted)}

.vd-figs-block,.vd-videos-block{margin-top:34px}
.vd-figs-block>.eyebrow,.vd-videos-block>.eyebrow{margin:0 0 14px;font-size:12px;letter-spacing:.12em;color:var(--vd-accent)}
.vd-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vd-figs figure,.vd-videos figure{margin:0;min-width:0}
.vd-figs a{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--vd-line-strong);border-radius:4px;background:#fff}
.vd-figs a:hover{border-color:var(--vd-accent)}
.vd-figs a:focus-visible{outline:2px solid var(--vd-accent);outline-offset:3px}
.vd-figs img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.vd-figs figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:var(--vd-muted)}
.vd-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vd-videos video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0b0e11;border:1px solid var(--vd-line-strong);border-radius:4px}
.vd-videos figcaption{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:13px;line-height:1.5;color:var(--vd-muted)}
.vd-videos figcaption strong{font-size:15px;font-weight:600;color:var(--vd-text)}
@media(max-width:1000px){.vd-features{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-features li:nth-child(3){border-left:0}.vd-features li:nth-child(n+3){border-top:1px solid var(--vd-line)}.vd-figs{grid-template-columns:repeat(2,minmax(0,1fr))}.vd-videos{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.vd-features{grid-template-columns:1fr}.vd-features li{border-left:0;border-top:1px solid var(--vd-line)}.vd-features li:first-child{border-top:0}.vd-figs{grid-template-columns:1fr 1fr;gap:12px}.vd-figs figcaption{font-size:12px}.vd-videos{grid-template-columns:1fr}}

/* ---------- 20261022c ---------- */
.vd-section ::selection,.plicas-section ::selection,.home-areas-strip ::selection{background:#14d5cf55;color:#fff}
.vd-figs-2{grid-template-columns:repeat(2,minmax(0,1fr))}
/* Cabecera de licitaciones */
.vdh{max-width:900px;margin:0 0 44px}
.vdh-eyebrow{margin:0;font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--vd-accent)}
.vdh-title{margin:18px 0 0;font-size:68px;line-height:71px;font-weight:700;letter-spacing:-.04em;color:var(--vd-text);text-wrap:balance}
.vdh-acc{color:var(--vd-accent)}
.vdh-cursor{color:var(--vd-accent);animation:vdh-blink 1.1s steps(1) infinite}
@keyframes vdh-blink{0%,100%{opacity:1}50%{opacity:.25}}
.vdh-lead{margin:22px 0 0;font-size:19px;line-height:30px;color:#c8d0d8;max-width:620px}
.vdh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.vdh-cta{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:3px;border:1px solid var(--vd-accent);background:var(--vd-accent);color:#101216;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.vdh-cta:hover{background:var(--vd-accent-soft);border-color:var(--vd-accent-soft)}
.vdh-cta.is-ghost{background:transparent;color:var(--vd-text);border-color:#5c6c77}
.vdh-cta.is-ghost:hover{color:var(--vd-accent);border-color:var(--vd-accent)}
.vdh-cta svg{width:18px;height:18px;flex-shrink:0}
.vdh-cta:focus-visible,.vd-tour-card:focus-visible,.vd-doc:focus-visible,.plicas-cta:focus-visible,.plicas-visual:focus-visible,.areas-grid a:focus-visible{outline:2px solid var(--vd-accent);outline-offset:3px}
.vd-teaser .vdh{margin-bottom:36px}
.vd-more{margin:28px 0 0}
.vd-sub{margin:0 0 16px;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--vd-text)}

/* Bloques de la sección de licitaciones */
.vd-block{padding-top:56px;margin-top:56px;border-top:1px solid var(--vd-line);scroll-margin-top:100px}
.vdh+.vd-block{padding-top:0;margin-top:0;border-top:0}
.vd-block-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px 48px;align-items:end;margin-bottom:28px}
.vd-block-head h3{margin:0;font-size:clamp(26px,2.6vw,36px);line-height:1.12;font-weight:500;letter-spacing:-.03em;color:var(--vd-text)}
.vd-block-head p{margin:0;font-size:16px;line-height:1.65;color:var(--vd-muted);max-width:60ch}
.vd-block .vd-features{margin-top:22px}

/* Recorridos 360 y memorias */
.vd-tours,.vd-docs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vd-tours>li,.vd-docs>li{display:flex;min-width:0}
.vd-tour-card,.vd-doc{display:flex;flex-direction:column;width:100%;border:1px solid var(--vd-line);border-radius:4px;overflow:hidden;background:var(--vd-surface);color:var(--vd-text);text-decoration:none;transition:border-color .25s,background .25s}
.vd-tour-card:hover,.vd-doc:hover{border-color:var(--vd-accent);background:var(--vd-surface-2)}
.vd-tour-media{position:relative;display:block;aspect-ratio:2/1;overflow:hidden;background:#0b0e11}
.vd-tour-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.vd-tour-card:hover .vd-tour-media img{transform:scale(1.04) translateX(-1%)}
.vd-tour-card h4,.vd-doc h4{margin:0;font-size:19px;line-height:1.25;font-weight:500;letter-spacing:-.015em}
.vd-tour-text{font-size:14px;line-height:1.55;color:var(--vd-muted)}
.vd-doc{flex-direction:row}
.vd-doc-cover{flex:0 0 38%;max-width:220px;background:#fff;border-right:1px solid var(--vd-line)}
.vd-doc-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.vd-doc .vd-body{padding:22px 22px 18px}

/* Plicas */
.plicas-section{position:relative;padding:96px 0;background:#0e1317;border-top:1px solid var(--vd-line);scroll-margin-top:120px}
.plicas-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:56px;align-items:center}
.plicas-brand{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:26px}
.plicas-logo{display:block;height:32px;width:auto}
.plicas-brand span{font-size:13px;color:var(--vd-muted);padding-left:16px;border-left:1px solid var(--vd-line-strong)}
.plicas-copy h2{margin:0;font-size:clamp(32px,3.4vw,48px);line-height:1.06;font-weight:500;letter-spacing:-.035em;color:var(--vd-text);text-wrap:balance}
.plicas-lead{margin:20px 0 0;font-size:18px;line-height:1.6;color:#c8d0d8;max-width:52ch}
.plicas-points{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.plicas-points li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--vd-muted)}
.plicas-points svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;color:#f2c14e}
.plicas-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:32px}
.plicas-actions p{margin:0;font-size:14px;line-height:1.5;color:#93a1ab;max-width:34ch}
.plicas-cta{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border-radius:3px;background:#f2c14e;color:#11161b;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s}
.plicas-cta:hover{background:#f6d27c}
.plicas-cta svg{width:18px;height:18px}
.plicas-visual{display:block;border:1px solid var(--vd-line-strong);border-radius:6px;overflow:hidden;background:#111820;box-shadow:0 24px 60px #00000073;transition:border-color .25s,transform .4s cubic-bezier(.2,.75,.2,1)}
.plicas-visual:hover{border-color:#f2c14e;transform:translateY(-3px)}
.plicas-browser{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#1a2129;border-bottom:1px solid var(--vd-line)}
.plicas-browser i{width:9px;height:9px;border-radius:50%;background:#3a4650}
.plicas-browser b{margin-left:10px;font-size:12px;font-weight:500;color:#93a1ab}
.plicas-visual img{display:block;width:100%;height:auto}

/* Franja de áreas */
.home-areas-strip{padding:80px 0 88px;background:var(--vd-bg);border-top:1px solid var(--vd-line);scroll-margin-top:120px}
.home-areas-strip h2{margin:0 0 34px;font-size:clamp(26px,2.6vw,36px);font-weight:500;letter-spacing:-.03em;color:var(--vd-text)}
.areas-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.areas-grid h3{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--vd-accent);font-size:16px;font-weight:600;color:var(--vd-text)}
.areas-grid ul{list-style:none;margin:0;padding:0}
.areas-grid a{display:block;padding:9px 0;border-bottom:1px solid var(--vd-line);font-size:15px;line-height:1.4;color:#c8d0d8;text-decoration:none;transition:color .2s}
.areas-grid a:hover{color:var(--vd-accent)}

/* Cabecera de portada sin tarjetas de acceso */
.home-gateway.has-showreel .gateway-footer{grid-row:2}

@media(max-width:1000px){
 .vdh-title{font-size:54px;line-height:58px}
 .vd-block-head{grid-template-columns:1fr}
 .plicas-grid{grid-template-columns:1fr;gap:40px}
 .areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-gateway.has-showreel .gateway-footer{grid-row:3}
}
@media(max-width:600px){
 .vdh-eyebrow{font-size:12px}
 .vdh-title{margin-top:14px;font-size:clamp(34px,9.6vw,54px);line-height:1.08}
 .vdh-lead{font-size:17px;line-height:27px;margin-top:16px}
 .vdh-cta{flex:1 1 100%;justify-content:center}
 .vd-block{padding-top:40px;margin-top:40px}
 .vd-tours,.vd-docs{grid-template-columns:1fr}
 .vd-doc-cover{flex-basis:34%}
 .vd-doc .vd-body{padding:16px}
 .vd-figs-2{grid-template-columns:1fr}
 .plicas-section{padding:64px 0}
 .plicas-lead{font-size:16px}
 .plicas-cta{flex:1 1 100%;justify-content:center}
 .areas-grid{grid-template-columns:1fr;gap:26px}
 .home-areas-strip{padding:56px 0 64px}
}
@media(prefers-reduced-motion:reduce){
 .vdh-cursor{animation:none}
 .vd-tour-media img,.vd-tour-card:hover .vd-tour-media img,.plicas-visual,.plicas-visual:hover{transition:none;transform:none}
}

/* Color de texto de los botones por encima de las reglas genéricas de enlaces */
html body .vdh-cta,html body .vd-inline-link{color:#101216}
html body .vdh-cta.is-ghost{color:var(--vd-text)}
html body .vdh-cta.is-ghost:hover{color:var(--vd-accent)}
html body .plicas-cta{color:#11161b}
.vd-confidencial,.mv-seal{background:#c8313f}
.vd-compact .vd-badge{font-size:11px}
.showreel-frame{box-shadow:0 18px 36px -12px #000c}
.plicas-visual{box-shadow:0 18px 36px -12px #000c}

/* licitaciones · cabecera única (20261022e): título del dossier + C + showreel */
.lic-hero{padding:64px 0 40px}
.lic-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center;margin-bottom:36px}
.lic-hero-grid .vdh{margin:0}
.lic-hero-c{position:relative;width:100%;aspect-ratio:1;max-width:300px;justify-self:end;touch-action:pan-y}
.lic-hero-c canvas{display:block;width:100%;height:100%}
.lic-hero-c .brand-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.9}
.lic-hero-c.loaded .brand-fallback{display:none}
.lic-hero .home-showreel{margin:0}
.lic-intro{padding-top:56px}
.lic-intro h2{max-width:900px}
.lic-intro p{max-width:820px}
@media (max-width:900px){.lic-hero{padding:40px 0 28px}.lic-hero-grid{grid-template-columns:1fr;gap:20px}.lic-hero-c{max-width:180px;justify-self:start;order:-1}}
.lic-hero{position:relative}
.lic-hero .brand-tools{display:none!important}
.lic-hero .home-motion-control{position:absolute;top:64px;right:max(16px,calc((100% - 1180px)/2));width:36px;height:36px;display:grid;place-items:center;border:1px solid #687581;border-radius:50%;background:#161a20;color:#b8c1ca;cursor:pointer;z-index:3;padding:0}
.lic-hero .home-motion-control svg{width:16px;height:16px}
@media (max-width:900px){.lic-hero .home-motion-control{top:40px}}