/* Car Trucks · digital business card. Isolated from other pages. */
.site-header .brand,.site-footer .brand{padding:0;display:inline-flex;max-width:210px;line-height:1;align-items:center;border-radius:3px;overflow:hidden;background:#050506}
.site-header .brand .brand-logo{display:block;width:208px;height:auto;aspect-ratio:2.88/1;object-fit:contain}
.site-footer .brand .brand-logo{display:block;width:198px;height:auto;aspect-ratio:2.88/1;object-fit:contain}
@media(max-width:740px){.site-header .brand{max-width:160px}.site-header .brand .brand-logo{width:158px}.site-footer .brand .brand-logo{width:184px}}
@media(max-width:370px){.site-header .brand .brand-logo{width:145px}}
.digital-card-page{background:#090a0c}
.digital-card-section{background:#0b0d10;color:#fff;padding:19px 0 15px}
.digital-card-inner{width:min(calc(100% - 40px),1400px);margin:0 auto;display:grid;grid-template-columns:minmax(0,53%) minmax(0,47%);background:linear-gradient(155deg,#060608 8%,#101014 65%,#090a0b 100%);border:1px solid #313338;box-shadow:0 14px 45px #0004;min-height:610px;overflow:hidden;isolation:isolate}
.dc-left{padding:21px clamp(24px,3.2vw,47px) 25px;min-width:0;display:flex;flex-direction:column;position:relative;z-index:1}
.dc-brandbox{width:100%;max-width:480px;min-height:0}
.dc-logo{display:block;width:100%;height:auto;object-fit:contain;object-position:left top;max-height:160px}
.dc-tagline{font:700 9px/1.5 'IBM Plex Sans',Arial,sans-serif;letter-spacing:.3em;color:#aaa;margin:2px 0 0;text-align:center}
.dc-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:21px 0 20px;padding-block:14px 10px;border-top:1px solid #3a2023;border-bottom:1px solid #4d2525}
.dc-service{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-width:0;color:#f5f4f4;padding:3px 6px;border-right:1px solid #555a60;transition:background .2s,transform .2s,color .2s;outline-offset:3px}
.dc-service:last-child{border-right:0}.dc-service:hover,.dc-service:focus-visible{background:#b9242424;color:#fff;transform:translateY(-3px)}
.dc-service-icon{color:#ef393d;display:flex;min-height:36px;align-items:center;justify-content:center}
.dc-service>span:nth-child(2){font:800 clamp(10px,1.12vw,13px)/1.1 'Archivo',Arial,sans-serif;white-space:normal;overflow-wrap:break-word}
.dc-service>small{font:500 9px 'IBM Plex Sans',Arial,sans-serif;color:#adb2b5;white-space:nowrap}
.dc-contact{display:flex;flex-direction:column;gap:12px;margin-top:1px}
.dc-owner,.dc-phone,.dc-location{display:flex;align-items:center;gap:13px;color:#fff;min-width:0}
.dc-contact-icon{display:flex;align-items:center;justify-content:center;color:#fff;flex:none;width:40px;height:40px;background:linear-gradient(145deg,#fc2a2e,#ad151a);border-radius:5px;box-shadow:inset 0 1px #ffaaa74d}
.dc-owner strong,.dc-phone strong{display:block;font:800 clamp(22px,2.65vw,35px)/1.1 'Archivo',Arial,sans-serif;letter-spacing:-.04em}
.dc-contact-label{font:600 9px/1.2 'IBM Plex Sans',Arial,sans-serif;letter-spacing:.2em;color:#aeb3b6}
.dc-phone,.dc-location{width:max-content;max-width:100%;text-decoration:none;transition:transform .2s}.dc-phone:hover,.dc-location:hover{transform:translateX(4px)}
.dc-phone strong{white-space:nowrap}.dc-arrow{color:#f34143;font-size:20px;align-self:center}
.dc-location{padding-top:11px;width:100%;border-top:1px solid #70272a;gap:11px}
.dc-location>span:nth-child(2){min-width:0}.dc-location strong{display:block;font:800 clamp(13px,1.3vw,16px)/1.2 'Archivo',Arial,sans-serif}.dc-location small{display:block;font:700 clamp(10px,1.04vw,13px)/1.4 'IBM Plex Sans',Arial,sans-serif;letter-spacing:.045em;color:#f73e42}
.dc-actions{display:flex;gap:9px;margin-top:auto;padding-top:21px;flex-wrap:wrap}
.dc-actions a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;border-radius:3px;min-height:45px;padding:11px 13px;font:750 11px/1.2 'Archivo',Arial,sans-serif;letter-spacing:.025em;transition:transform .2s,background .2s,border-color .2s}
.dc-actions a:hover{transform:translateY(-2px)}.dc-actions a span{font-size:17px}
.dc-action-primary{background:#da252b;color:#fff;flex:1.05}.dc-action-primary:hover{background:#f02d34}
.dc-action-secondary{color:#fff;border:1px solid #66696f;flex:1.1}.dc-action-secondary:hover{border-color:#ef4c4f;background:#242224}
.dc-vehicle{min-width:0;position:relative;overflow:hidden;background:#12161b}
.dc-vehicle>img{width:100%;height:100%;object-fit:cover;object-position:47% 50%;display:block;transition:transform .8s ease}
.dc-vehicle:hover>img{transform:scale(1.025)}
.dc-vehicle-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#07090c22 0%,transparent 25%),linear-gradient(0deg,#050607bd 0%,transparent 25%);pointer-events:none}
.dc-artnote{position:absolute;bottom:15px;left:16px;right:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:650 9px/1.5 'IBM Plex Sans',Arial,sans-serif;letter-spacing:.08em;color:#d1d5d8}
.dc-artnote a{font-weight:750;color:#fff;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.dc-under{background:#07090b;border-bottom:1px solid #1e2327}.dc-under-inner{width:min(calc(100% - 40px),1400px);margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:39px;color:#9fa8ad;font:700 9px 'IBM Plex Sans',Arial,sans-serif;letter-spacing:.15em}
.dc-under a{color:#f3f3f4;text-transform:uppercase}.dc-under a:hover{color:#ff4548}
@media(min-width:1500px){.digital-card-inner{min-height:675px}}
@media(max-width:1100px) and (min-width:741px){.digital-card-inner{grid-template-columns:54% 46%;min-height:550px}.dc-left{padding:18px 24px}.dc-logo{max-height:127px}.dc-tagline{font-size:8px}.dc-services{margin:12px 0}.dc-service>small{display:none}.dc-contact{gap:7px}.dc-contact-icon{width:35px;height:35px}.dc-owner strong,.dc-phone strong{font-size:23px}.dc-actions{padding-top:10px}.dc-actions a{font-size:10px;min-height:38px}}
@media(max-width:740px){
 .digital-card-section{padding:0}.digital-card-inner{width:100%;min-height:0;border:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'brand' 'vehicles' 'services' 'contact' 'actions';box-shadow:none;background:#08090c}
 .dc-left{display:contents}.dc-brandbox{grid-area:brand;padding:16px 22px 8px;max-width:none;display:grid;justify-items:center}
 .dc-logo{width:min(100%,310px);max-height:122px;object-position:center}
 .dc-tagline{font-size:8px;letter-spacing:.23em;margin:0 0 4px}
 .dc-vehicle{grid-area:vehicles;height:236px;margin:0 14px;overflow:hidden;border:1px solid #3a3134}
 .dc-vehicle>img{height:100%;width:100%;object-fit:cover;object-position:50% 52%}
 .dc-artnote{left:12px;right:12px;bottom:9px;font-size:8px;letter-spacing:0}
 .dc-services{grid-area:services;margin:12px 14px 11px;padding:8px 0;border-color:#4a2022;grid-template-columns:repeat(4,minmax(0,1fr))}
 .dc-service{min-height:87px;padding:5px 3px;gap:4px}.dc-service-icon{min-height:28px}.dc-service-icon svg{width:25px;height:25px}
 .dc-service>span:nth-child(2){font-size:9px;letter-spacing:-.035em}.dc-service>small{font-size:8px;white-space:normal}
 .dc-contact{grid-area:contact;padding:4px 22px 0;gap:10px}
 .dc-contact-icon{width:35px;height:35px}.dc-owner strong,.dc-phone strong{font-size:25px}.dc-location{padding-top:9px}.dc-location strong{font-size:14px}.dc-location small{font-size:11px}
 .dc-actions{grid-area:actions;display:grid;grid-template-columns:1fr 1fr;margin-top:0;padding:17px 22px 23px;gap:10px}
 .dc-actions a{font-size:10px;min-height:43px;padding:9px 10px}
 .dc-under-inner{min-height:42px;width:calc(100% - 30px)}.dc-under-inner span{font-size:8px;max-width:52%}.dc-under a{font-size:8px;text-align:right}
}
@media(max-width:370px){.dc-brandbox{padding-inline:16px}.dc-logo{width:min(100%,280px)}.dc-vehicle{height:205px;margin-inline:10px}.dc-services{margin-inline:10px}.dc-service>span:nth-child(2){font-size:8.5px}.dc-service>small{font-size:7.5px}.dc-contact{padding-inline:15px}.dc-phone strong{font-size:23px}.dc-actions{padding-inline:15px;gap:7px}.dc-actions a{font-size:9px;gap:4px}}
@media(prefers-reduced-motion:reduce){.dc-service,.dc-actions a,.dc-vehicle>img,.dc-phone,.dc-location{transition:none!important}.dc-service:hover,.dc-actions a:hover,.dc-vehicle:hover>img,.dc-phone:hover,.dc-location:hover{transform:none!important}}

/* Final QA: keep card within first desktop view; illustration must not dictate row height. */
@media(min-width:1101px) and (max-width:1499px){
 .digital-card-inner{height:690px;min-height:690px}
}
@media(min-width:1500px){.digital-card-inner{height:700px;min-height:700px}}
@media(min-width:741px) and (max-width:1100px){.digital-card-inner{height:565px;min-height:565px}}
@media(min-width:741px){.dc-vehicle{min-height:0}.dc-vehicle>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}}
body[class~="page-index.php"] .whatsapp-float{display:none}