/* ============================================================
   SKLO — mobile layer (iOS-native feel)
   Loaded after style.css / products.css / blog.css
   ============================================================ */
@media (max-width:768px){
  :root{--pad:18px}

  /* ---- taps & buttons: full grid width, comfortable height ---- */
  .btn{min-height:50px;font-size:15px;padding:14px 22px}
  .ph-actions,.hero-actions,.sr-visit-acts,.lazur-actions,.mdl-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .ph-actions .btn,.hero-actions .btn,.sr-visit-acts .btn,.lazur-actions .btn,.mdl-actions .btn,.cb-card .btn,.pd-cta-card .btn{width:100%;justify-content:center}
  .ph-actions .phone{justify-content:center;min-height:48px}

  /* ---- horizontal snap rails (Apple-style) ---- */
  .m-rail,
  .sr-gal,
  .sr-cats,
  .team-grid,
  .mdl-gallery,
  .pd-more .pj-grid,
  .related .pj-grid,
  .rel-grid{
    display:flex!important;
    grid-template-columns:none!important;
    height:auto!important;
    overflow-x:auto;
    overflow-y:hidden;
    gap:12px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    padding:0 var(--pad) 4px;
    margin-left:calc(var(--pad) * -1);
    margin-right:calc(var(--pad) * -1);
    scroll-padding-left:var(--pad);
  }
  .m-rail::-webkit-scrollbar,
  .sr-gal::-webkit-scrollbar,
  .sr-cats::-webkit-scrollbar,
  .team-grid::-webkit-scrollbar,
  .mdl-gallery::-webkit-scrollbar,
  .pd-more .pj-grid::-webkit-scrollbar,
  .related .pj-grid::-webkit-scrollbar,
  .rel-grid::-webkit-scrollbar{display:none}

  .sr-gal > figure,
  .sr-cats > *,
  .team-grid > *,
  .mdl-gallery > figure,
  .pd-more .pj-grid > a,
  .related .pj-grid > a,
  .rel-grid > a{
    flex:0 0 84%;
    scroll-snap-align:start;
    min-width:0;
  }
  .team-grid > *{flex-basis:46%}
  .sr-gal > figure img{aspect-ratio:4/3}

  /* ---- project / product page rhythm ---- */
  .pjd-head-main h1{font-size:29px;line-height:1.08}
  .pjd-sub{font-size:15.5px}
  .pjd-body{gap:26px;grid-template-columns:minmax(0,1fr)}
  .pjd-body .prose,.pjd-body > *{min-width:0}
  .pjd-body .pd-aside{position:static}
  .prose table{width:100%}
  .prose .tbl-wrap table{min-width:0}
  .tbl-wrap table.data th,.tbl-wrap table.data td{padding:12px 14px;font-size:14.5px}
  .tbl-wrap table.data td:first-child,.tbl-wrap table.data th:first-child{width:44%}
  .prose h2{font-size:21px}
  .prose p,.prose li{font-size:15.5px;line-height:1.68}
  .tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .pjd-video .pv-play{width:64px;height:64px}
  .pjd-video .pv-play svg{width:24px;height:24px}
  .pjd-video .pv-label{font-size:11px;letter-spacing:.1em}

  /* ---- lightbox: full-bleed, swipeable, iOS chrome ---- */
  .lb-overlay{padding:0;background:#000}
  .lb-overlay img{max-width:100vw;max-height:100dvh;border-radius:0;box-shadow:none}
  .lb-overlay.lb-sheet img{max-width:94vw;max-height:80dvh;padding:16px;border-radius:10px}
  .lb-prev,.lb-next{display:none}
  .lb-close{top:max(14px,env(safe-area-inset-top));right:14px;width:40px;height:40px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px)}
  .lb-counter{bottom:calc(18px + env(safe-area-inset-bottom))}

  /* ---- section rhythm ---- */
  section{padding:44px 0}
  .sec-head h2,.sec-head .display{font-size:32px;line-height:1.06}
  .sec-head .lead,.lead{font-size:16px}

  /* ---- pillars: horizontal rail ---- */
  .pillar-strip{display:flex;grid-template-columns:none;gap:12px;margin:36px calc(-1 * var(--pad)) 0;padding:0 var(--pad) 6px;overflow-x:auto;scroll-padding-inline:var(--pad);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pillar-strip::-webkit-scrollbar{display:none}
  .pillar{flex:0 0 78%;scroll-snap-align:start;padding:30px 24px 26px;background:rgba(255,255,255,.04)}

  /* ---- consultation banner: flat on mobile (button + all specialists) ---- */
  .consult-banner.cb--flat{gap:18px;grid-template-areas:"text" "card" "team"}
  .cb--flat .cb-card{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;text-align:left!important}
  .cb--flat .cb-card>h3,.cb--flat .cb-card>p{display:none}
  .cb--flat .cb-card>.btn{margin-top:0!important;width:100%}
  .cb--flat .cb-card>div{display:flex;width:100%;justify-content:center;text-align:center}
  .cb--flat .consult-team{margin-top:0}
  .cb--flat .ct-avatars{width:100%;justify-content:flex-start}
  .cb--flat .ct-avatars .ct-av{display:block;flex:1 1 0;width:auto;height:auto;aspect-ratio:1;margin-left:-10px}
  .cb--flat .ct-avatars .ct-av:first-child{margin-left:0}

  /* ---- showroom: full-width action ---- */
  .showroom-actions{margin-top:26px;gap:10px}
  .showroom-actions .btn{width:100%;justify-content:center}

  /* ---- quiz: compact option cards so steps fit the sheet ---- */
  .quiz-options{margin-top:16px;gap:9px}
  .quiz-option{min-height:56px;padding:11px 14px;gap:11px;font-size:15px}
  .quiz-option .qo-ic{flex:0 0 34px;width:34px;height:34px;border-radius:9px}
  .quiz-option .qo-ic svg{width:18px;height:18px}
  .quiz-option .qo-check{width:19px;height:19px;flex:0 0 19px}
  .quiz-drop{margin-top:12px;padding:14px 16px}
  .quiz-drop .ic{width:36px;height:36px;margin-bottom:8px}

  /* ---- filter chips: single scrollable row ---- */
  .pf-toolbar{flex-wrap:nowrap;gap:8px;margin:0 calc(-1 * var(--pad)) 26px;padding:2px var(--pad) 8px;overflow-x:auto;scroll-padding-inline:var(--pad);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pf-toolbar::-webkit-scrollbar{display:none}
  .pf-chip{flex:0 0 auto}

  /* ---- comfortable tap targets (44px minimum) ---- */
  .foot-grid > div > a{min-height:44px;display:flex;align-items:center}
  .foot-deck{min-height:44px;padding:0 16px;align-items:center}
  .askgpt{min-height:44px}
}

/* ---- YouTube sheet (slides up from the bottom, Apple-like) ---- */
.vsheet{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;background:rgba(6,6,8,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .28s cubic-bezier(.22,1,.36,1)}
.vsheet.is-open{opacity:1;visibility:visible}
.vsheet-inner{position:relative;width:min(1040px,92vw);border-radius:18px;overflow:hidden;background:#000;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);transform:translateY(12px) scale(.98);transition:transform .32s cubic-bezier(.22,1,.36,1)}
.vsheet.is-open .vsheet-inner{transform:none}
.vsheet-inner iframe{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100svh - 64px);border:0}
.vsheet-inner{max-width:calc((100svh - 64px) * 1.7778)}
.vsheet-close{position:absolute;top:10px;right:10px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(20,20,22,.55);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.vsheet-close:hover{background:rgba(20,20,22,.8)}
.vsheet-close svg{width:16px;height:16px}
@media (max-width:768px){
  /* video plays in a full-screen player: black backdrop, centred 16:9, big close target */
  .vsheet{align-items:center;justify-content:center;padding:0;background:#000;backdrop-filter:none;-webkit-backdrop-filter:none}
  .vsheet-inner{width:100%;max-width:none;height:100svh;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;transform:scale(.97);transition:transform .28s cubic-bezier(.22,1,.36,1)}
  .vsheet-inner iframe{width:100%;aspect-ratio:16/9;max-height:100svh}
  .vsheet-close{top:calc(12px + env(safe-area-inset-top));right:14px;width:44px;height:44px;background:rgba(20,20,22,.72)}
  .vsheet-close svg{width:18px;height:18px}
  /* modals become bottom sheets */
  .modal{align-items:flex-end;padding:0}
  .modal .modal-inner,.modal .modal-card,.modal .modal-body{width:100%;max-width:none;border-radius:20px 20px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.vsheet,.vsheet-inner{transition:none}}

@media (max-width:768px){.sc-t .sc-alu{display:none}}

@media (max-width:768px){
  .feat-list{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 var(--pad) 4px;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);scroll-padding-left:var(--pad)}
  .feat-list::-webkit-scrollbar{display:none}
  .feat-list > .feat{flex:0 0 80%;scroll-snap-align:start}
}

/* ---- gallery: fixed mosaic container on mobile (no scroll, no ragged edges) ---- */
@media (max-width:768px){
  .pjd-gallery{
    display:grid!important;grid-template-columns:2fr 1fr!important;grid-template-rows:1fr 1fr!important;
    gap:8px!important;height:min(64vw,290px)!important;overflow:hidden!important;
    padding:0!important;margin:0!important;scroll-snap-type:none!important;
  }
  .pjd-gallery > figure{flex:none!important;aspect-ratio:auto!important;height:100%;min-height:0;min-width:0;scroll-snap-align:none!important;border-radius:12px;overflow:hidden}
  .pjd-gallery > figure.g-main{grid-column:1!important;grid-row:1 / span 2!important}
  .pjd-gallery:has(> figure:nth-child(4)){grid-template-rows:1fr 1fr 1fr!important}
  .pjd-gallery:has(> figure:nth-child(4)) > figure.g-main{grid-row:1 / span 3!important}
  .pjd-gallery:has(> figure:nth-child(5)){grid-template-rows:1fr 1fr 1fr 1fr!important}
  .pjd-gallery:has(> figure:nth-child(5)) > figure.g-main{grid-row:1 / span 4!important}
  .pjd-gallery > figure img{width:100%!important;height:100%!important;object-fit:cover!important}
  .pjd-count{right:8px;bottom:8px;font-size:11px;padding:6px 9px}
  /* profile cards: no reserved second title line */
  .sys-cards--profiles .sys-card2 .sc-b{min-height:0}
}
/* ---- lightbox: dots + swipe affordance on mobile ---- */
.lb-dots{display:none}
@media (max-width:768px){
  .lb-overlay .lb-prev,.lb-overlay .lb-next{display:none!important}
  .lb-dots{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));z-index:4;display:flex;align-items:center;justify-content:center;gap:7px;pointer-events:none}
  .lb-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.34);transition:transform .2s ease,background .2s ease}
  .lb-dots i.on{background:#fff;transform:scale(1.5)}
  .lb-dots i.sm{width:4px;height:4px}
  .lb-overlay img{touch-action:pan-y}
}

/* ---- offer cards: horizontal rail on mobile ---- */
@media (max-width:768px){
  .ab-offer{display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 var(--pad) 4px;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);scroll-padding-left:var(--pad)}
  .ab-offer::-webkit-scrollbar{display:none}
  .ab-offer > .ab-card{flex:0 0 80%;scroll-snap-align:start;min-width:0}
  .ab-offer .ab-shot{aspect-ratio:4/3}
}

/* ---- youtube cards: horizontal rail on mobile ---- */
@media (max-width:768px){
  .ytc-grid{display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 var(--pad) 4px;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);scroll-padding-left:var(--pad)}
  .ytc-grid::-webkit-scrollbar{display:none}
  .ytc-grid > *{flex:0 0 80%;scroll-snap-align:start;min-width:0}
}

/* ============================================================
   MOBILE HERO: one height for every page (iPhone 16 baseline)
   ============================================================ */
@media (max-width:768px){
  :root{--m-hero-h:min(620px,calc(100svh - 74px))}
  .hero.hero-frame,.product-hero,.page-head,.article-hero,.blog-hero,.mdl-hero{
    height:var(--m-hero-h)!important;min-height:0!important;max-height:var(--m-hero-h)!important;
    overflow:hidden!important;position:relative;
    display:flex;flex-direction:column;justify-content:center;
    padding-top:0!important;padding-bottom:0!important;
  }
  .product-hero > .ph-crumbs,.page-head > .ph-crumbs{position:absolute;top:0;left:0;right:0;z-index:3}
  .hero.hero-frame > .container,.product-hero > .container,.page-head > .container,
  .article-hero > .container,.blog-hero > .container,.mdl-hero > .container{width:100%}
  /* type scale inside the hero */
  .hero.hero-frame h1,.product-hero h1,.page-head h1,.article-hero h1,.blog-hero h1,.mdl-hero h1{
    font-size:28px!important;line-height:1.12!important;letter-spacing:-.02em;margin-top:0;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
  .hero.hero-frame .lead,.product-hero .ph-sub,.page-head p,.article-hero .ah-sub,.blog-hero p,.mdl-hero .mh-copy p{
    font-size:14.5px!important;line-height:1.55!important;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  }
  .hero.hero-frame .hero-stats{gap:14px!important;font-size:13px!important;margin-top:14px!important}
  .mdl-hero .mh-copy p+p{display:none}
  /* split hero: copy on top, profile render fills what is left */
  .mdl-hero--split > .container{height:100%;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(250px,1fr);gap:28px;align-content:center;padding-top:10px;padding-bottom:10px}
  /* the profile render carries the page: give it room and equal breathing space */
  .mdl-hero--split .mh-copy p{display:none}
  .mdl-hero .mh-spin{padding:0;overflow:hidden;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1)}
  .mdl-hero .spin-stage img{transform:none;object-fit:contain}
  .mdl-hero--split .mh-spin,.mdl-hero .mh-spin{min-height:0;height:100%}
  .mdl-hero .spin-stage{height:100%;min-height:0}
  .mdl-hero .spin-stage img,.mdl-hero .mh-spin img{height:100%!important;width:100%!important;object-fit:contain}
  .mdl-hero .mh-eyebrow,.product-hero .ph-eyebrow,.page-head .ph-eyebrow{font-size:11px!important}
}

/* ---- divisórias family cards: horizontal rail on mobile ---- */
@media (max-width:768px){
  .dvf-fams{display:flex!important;grid-template-columns:none!important;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 var(--pad) 4px;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);scroll-padding-left:var(--pad)}
  .dvf-fams::-webkit-scrollbar{display:none}
  .dvf-fams > .ic{flex:0 0 80%;scroll-snap-align:start;min-width:0}
  .dvf-fams > .ic .ic-img{aspect-ratio:4/3}
  .dvf-fams > .ic .ic-img img{width:100%;height:100%;object-fit:contain}
}

/* ---- filter tabs: one scrollable row on mobile ---- */
@media (max-width:768px){
  .dvf-tabs,.dp-toolbar{flex-wrap:nowrap!important;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px var(--pad) 8px;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);scroll-padding-inline:var(--pad)}
  .dvf-tabs::-webkit-scrollbar,.dp-toolbar::-webkit-scrollbar{display:none}
  .dvf-tabs > .dvf-tab{flex:0 0 auto;min-height:40px}
}

/* ---- spec rows: label above value on mobile (no ragged left edge) ---- */
@media (max-width:768px){
  .dp-opts .o{grid-template-columns:1fr!important;gap:3px!important;padding:11px 0!important}
  .dp-opts .o b{font-size:13px;letter-spacing:.01em}
  .dp-opts .o span{font-size:14.5px;line-height:1.5}
}

/* ---- breadcrumbs on phones: hidden inside the hero image, comfortable in the flow bar ---- */
@media (max-width:768px){
  /* no breadcrumbs on phones anywhere — the schema markup stays in the HTML */
  .product-hero > .ph-crumbs,.page-head > .ph-crumbs,.crumb-bar{display:none!important}
}

/* ---- "Ver o canal SKLO" link: underline never wider than the text ---- */
@media (max-width:768px){
  .ab-yt-link{align-self:start;justify-self:start;width:auto!important;max-width:max-content}
}

/* ---- contact rows: one tidy card list on mobile ---- */
@media (max-width:768px){
  .sr-info{margin-top:22px!important;display:flex;flex-direction:column;gap:0!important;background:#F7F7F9;border:0;border-radius:16px;overflow:hidden}
  .sr-info .sr-row{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;margin:0!important;padding:14px 16px!important;min-height:56px;border-top:1px solid rgba(10,10,10,.06);border-bottom:0!important}
  .sr-info .sr-row:first-child{border-top:0}
  .sr-info .sr-row svg{width:19px;height:19px;margin-top:1px;color:#8c8c93;flex:none}
  .sr-info .sr-row span{font-size:14.5px;line-height:1.5;text-wrap:pretty}
}

/* ---- hero action stack on phones: quote button, phone, ChatGPT — one column, one width ---- */
@media (max-width:768px){
  .mh-actions,.ph-actions,.hero-actions,.pd-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:10px!important;margin-top:20px!important}
  .mh-actions > .btn,.pd-actions > .btn{width:100%!important;justify-content:center}
  .mh-actions .phone,.ph-actions .phone,.hero-actions .phone{width:100%;min-height:50px;justify-content:center;border:1px solid rgba(10,10,10,.14);border-radius:999px;padding:0 18px!important;background:#fff}
  .hero .hero-actions .phone,.product-hero .ph-actions .phone,.page-head .ph-actions .phone{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
  /* askgpt flat on phones: no drop shadow, no blur, never wider than the grid */
  .askgpt,.askgpt.inflow,.askgpt.in-grid,.askgpt.shifted{
    position:static!important;width:100%!important;max-width:100%!important;margin:10px 0 0!important;box-sizing:border-box;
    min-height:50px;justify-content:center!important;align-self:stretch!important;border-radius:999px;font-size:15px;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    background:#fff!important;border:1px solid rgba(10,10,10,.14)!important;color:#141418!important;
  }
  .askgpt.on-dark{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}
  /* the profile render is draggable: keep the hint visible until the first touch */
  .mdl-hero .spin-hint{display:inline-flex!important;bottom:6px;background:rgba(10,10,10,.6);color:#fff;font-size:11.5px;padding:7px 12px;border-radius:999px;opacity:1;transition:opacity .25s ease}
  .mdl-hero .mh-spin.is-touched .spin-hint{opacity:0}
  .mdl-hero .mh-spin{cursor:grab}
}

/* ---- profile drawings: horizontal rail on mobile ---- */
@media (max-width:768px){
  .dwg-grid.dwg-grid,.corte-tech--pair{
    display:flex!important;grid-template-columns:none!important;gap:12px;
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;
    padding:0 var(--pad) 4px;margin-left:calc(var(--pad) * -1);margin-right:calc(var(--pad) * -1);scroll-padding-left:var(--pad);max-width:none!important;
  }
  .dwg-grid.dwg-grid::-webkit-scrollbar,.corte-tech--pair::-webkit-scrollbar{display:none}
  .dwg-grid.dwg-grid > figure,.corte-tech--pair > figure{flex:0 0 80%;scroll-snap-align:start;min-width:0}
  .corte-tech--pair > figure{aspect-ratio:1}
}

/* ---- model subnav chips: one scrollable row on mobile ---- */
@media (max-width:768px){
  .mdl-subnav > .container{flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding-top:2px!important;padding-bottom:8px!important;scroll-padding-inline:var(--pad)}
  .mdl-subnav > .container::-webkit-scrollbar{display:none}
  .mdl-chip{flex:0 0 auto;white-space:nowrap;min-height:38px;display:inline-flex;align-items:center}
}

/* ---- hero media variants (static gallery with thumbs) fit the fixed hero box ---- */
@media (max-width:768px){
  .mdl-hero--split > .container{grid-template-rows:auto minmax(0,1fr)!important}
  .mdl-hero .mh-copy{min-height:0}
  .mdl-hero .hf-gallery{height:100%;min-height:0;display:grid!important;grid-template-rows:minmax(0,1fr) auto;gap:12px!important;margin-top:6px}
  .mdl-hero .hf-gallery .mh-spin{height:100%;min-height:0}
  .mdl-hero .hf-gallery .spin-stage{height:100%!important;min-height:0!important;aspect-ratio:auto!important}
  .mdl-hero .hf-gallery .spin-stage img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;transform:none!important}
  .mdl-hero .hf-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;max-width:none!important;margin:0!important;width:100%}
  .mdl-hero .hf-th{height:72px;padding:6px;width:100%}
  .mdl-hero .hf-th img{width:100%;height:100%;object-fit:contain}
}

/* single drawing: no rail, aligned to the grid's left edge */
@media (max-width:768px){
  .dwg-grid.dwg-grid:not(:has(> figure + figure)),
  .corte-tech--pair:not(:has(> figure + figure)){display:block!important;padding:0!important;margin-left:0!important;margin-right:0!important;overflow:visible!important}
  .dwg-grid.dwg-grid:not(:has(> figure + figure)) > figure,
  .corte-tech--pair:not(:has(> figure + figure)) > figure{flex:none!important;width:100%!important}
}

/* ---- "Ver sistema …" links: compact, full-width, aligned to the grid ---- */
@media (max-width:768px){
  .spec-links{display:flex!important;flex-direction:column;align-items:stretch;gap:10px;margin-top:14px}
  .btn.btn-quiet{width:100%!important;box-sizing:border-box;min-height:44px!important;padding:11px 16px!important;font-size:14px!important;font-weight:600;justify-content:center;gap:8px;border-radius:999px}
  .btn.btn-quiet svg{width:13px;height:13px}
}

/* ---- every manager avatar stays visible in the sidebar quote card ---- */
@media (max-width:768px){
  .pd-cta-card .pd-cta-team .ct-avatars .ct-av{display:block!important}
}