/* Responsive content for catalogue and contact pages. */
@media (max-width:960px){
  .y .wrap{padding-left:24px;padding-right:24px}
  .y .lhero{height:460px!important}
  .y .lh-fade{background:linear-gradient(90deg,rgba(8,26,22,.82),rgba(8,26,22,.35))}
  .y .lh-txt{max-width:560px}
  .y .lh-txt h1{font-size:clamp(32px,5vw,44px)!important;line-height:1.12!important;text-wrap:balance}
  .y .lh-txt p{font-size:16px!important;line-height:1.6}
  .y .stack{gap:28px!important}
  .y .stack>*,.y .pd2>*,.y .cbox>*,.y .nav-in>*{min-width:0}
  .y section{padding-top:56px!important;padding-bottom:56px!important}
  .y section h2{font-size:32px!important;line-height:1.18!important;text-wrap:balance}
  .y .tools{margin-top:24px!important;top:0}
  .y .tools>.wrap{display:block!important}
  .y .tabs{gap:10px;padding:12px 0;scroll-padding-inline:24px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#B6C7BF transparent}
  .y .tab{padding:11px 17px;min-height:44px;font-size:14px;line-height:1.4;border:1px solid #DCE3DE;border-radius:999px;background:#fff}
  .y .tab.on{background:#D6F24A;border-color:#D6F24A;color:#13211E}
  .y .tab::after{display:none}
  .y .gtitle{margin:32px 0 18px!important;padding-top:28px!important}
  .y .gtitle:first-child{padding-top:0!important}
  .y .gtitle h3{font-size:25px!important}
  .y .pgrid{gap:20px}
  .y .pc{border-radius:16px}
  .y .pc>div{padding:20px!important}
  .y .pc .ph{aspect-ratio:4/3}
  .y .pbtns{gap:10px}
  .y .pbtns a{min-height:48px;font-size:15px}
  .y .pd2{gap:24px;align-items:start}
  .y .pd2 h1{font-size:34px!important;overflow-wrap:anywhere}
  .y .pd2 .ftab th{width:42%;padding-right:16px}
  .y .ftab th,.y .ftab td{vertical-align:top;font-size:14px;overflow-wrap:anywhere;line-height:1.5}
  .y .pd-feats{margin-top:40px;padding-top:28px;gap:16px}
  .y .pd-feats h2{font-size:26px!important}
  .y .feats3 li{font-size:15px;line-height:1.65}
  .y .other{border-radius:16px}
  .y .other>span:first-child{padding:30px!important}
  .y .other>span:first-child>span.hd{font-size:30px!important;line-height:1.2!important}
  .y .other>span:last-child{min-height:220px!important;max-height:260px}
  .y .finr{padding:20px;gap:14px}
  .y .finr>span:last-child{min-width:0}
  .y .in,.y .f2 input,.y .f2 textarea{font-size:16px;min-height:50px}
  .y .pill{max-width:100%;height:auto;min-height:44px;padding:10px 12px;line-height:1.5}
  .y .pill button{flex-shrink:0;width:36px;height:36px}
  .y .cbox{border-radius:20px}
  .y .cbox-l,.y .cbox-r{padding:32px}
  .y .ch-r{gap:12px}
  .y .ch-r>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
  .y .ch-i{flex-basis:40px;width:40px;height:40px}
  .y .ch-v{font-size:16px}
  .y .chip2{min-height:44px;padding:8px 14px;line-height:1.4}
  .y .cbox form{gap:18px!important}
  .y .cbox form>div:last-of-type .btn{width:100%}
  .y .faq-q{padding:20px;font-size:17px;min-height:56px}
  .y .faq-i{flex-shrink:0}
  .y .faq-a p{padding:0 20px 22px;font-size:15px}
  .y footer{padding-top:48px!important}
  .y footer .stack{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important}
  .y footer .stack>:first-child,.y footer .stack>:last-child{grid-column:1/-1!important}
  .y footer .stack>nav{grid-column:auto!important}
  .y footer .fl{display:inline-flex;align-items:center;min-height:40px;overflow-wrap:anywhere}
  .y footer nav ul{gap:0!important;margin-top:12px!important}
  .y .legal{margin-top:32px!important;padding-bottom:92px!important;gap:20px!important}
  .y .legal p{font-size:12px;gap:8px!important}
  .y .legal p a{font-size:12px!important}
  .y .float{right:16px;gap:8px;padding-bottom:env(safe-area-inset-bottom)}
  .y .wa{width:50px;height:50px}
  .y .wa svg{width:26px;height:26px}
  .y .up{width:44px;height:44px}
  .y .crumbs>.wrap{padding-top:14px;padding-bottom:14px;gap:12px!important;align-items:flex-start!important}
  .y .crumbs nav{min-width:0}
  .y .crumbs ol{gap:6px 8px;font-size:12px;line-height:1.8}
  .y .crumbs .back{flex-shrink:0;min-height:30px;font-size:13px}
  .y .crumbs ol li[aria-current=page]{overflow-wrap:anywhere}
  .y .crumbs svg{flex-shrink:0}
  .y .rv,.y .st,.y .open{animation:none!important;opacity:1;transform:none;clip-path:none}
}
@media (max-width:600px){
  .y .wrap{padding-left:20px;padding-right:20px}
  .y .nav-in .header-quote{display:none}
  .y .nav-in>a img{height:34px!important}
  .y .lhero{height:auto!important;min-height:420px}
  .y .lhero>.wrap{padding-top:116px!important;padding-bottom:40px;height:auto!important;min-height:420px}
  .y .lh-txt h1{font-size:36px!important}
  .y .lh-txt>div{margin-top:24px!important;gap:10px!important}
  .y .lh-txt .btn{font-size:13px;padding:0 16px}
  .y .pgrid{grid-template-columns:minmax(0,1fr);gap:20px}
  .y .pname{font-size:17px;min-height:0}
  .y .specs i{font-size:12px}
  .y .specs b{font-size:14px}
  .y .pd2>div:last-child>div:last-child{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px!important;margin-top:24px!important}
  .y .pd2 .btn{min-height:50px;width:100%;font-size:14px}
  .y .gal-count{top:0;left:0;font-size:12px}
  .y .gal-arr{width:44px;height:44px}
  .y #contacto form,.y .cbox form{grid-template-columns:minmax(0,1fr)!important}
  .y #contacto form>div,.y .cbox form>div{grid-column:1/-1!important}
  .y #contacto form label.sr{position:static;display:block;width:auto;height:auto;clip:auto;white-space:normal;margin:0 0 7px 3px;font-size:14px}
  .y .cbox-l,.y .cbox-r{padding:28px 20px}
  .y .cbox-r h2{font-size:28px!important}
  .y .ch-go{display:none}
  .y .finr{padding:18px}
  .y .finr strong{font-size:15px}
  .y .finr-t{font-size:14px}
  .y .stack>[style*="text-align: end"]{text-align:start!important}
  .y .mapc{min-height:300px}
}
@media (prefers-reduced-motion:reduce){
  .mobile-toggle-icon span{transition:none}
}