/* CustomOBD Web + Tienda v1.9.3 · retoques estéticos, sin cambios de funcionamiento */
/* Cabecera visual única en las cuatro páginas principales y la tienda. */
.header.customobd-unified-header,
.home-page .header.customobd-unified-header,
.content-page .header.customobd-unified-header,
.about-page .header.customobd-unified-header,
.electronics-page .header.customobd-unified-header{
 position:relative!important;inset:auto!important;margin:10px clamp(12px,1.7vw,30px) 0!important;
 box-sizing:border-box;min-height:94px;padding:10px clamp(14px,1.7vw,28px)!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:space-between!important;flex-wrap:nowrap!important;gap:16px!important;
 border:1px solid rgba(233,229,223,.22)!important;border-radius:22px!important;
 background:rgba(10,10,10,.91)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 box-shadow:0 10px 32px #0004;z-index:60!important;
}
.customobd-unified-header .identity{display:flex!important;flex:0 1 auto;align-items:center!important;min-width:0!important;gap:18px!important;margin:0!important;}
.customobd-unified-header .brand{flex:0 0 auto;display:flex;align-items:center;}
.customobd-unified-header .brand img{display:block!important;object-fit:contain!important;object-position:center!important;width:76px!important;height:70px!important;max-width:76px!important;}
.customobd-unified-header .identity-copy{flex:0 1 auto;min-width:0;margin:0!important;padding:3px 0 3px 18px!important;border-left:1px solid #44403c!important;}
.customobd-unified-header .identity .customobd-brand-line{display:block!important;max-width:none!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important;color:#dfdbd5!important;font-size:clamp(10px,.78vw,13px)!important;font-weight:650!important;letter-spacing:.055em!important;line-height:1.35!important;text-transform:uppercase!important;}
.customobd-unified-header .identity .customobd-brand-line span{color:#f04450!important;padding:0 2px!important;margin:0 4px!important;}
.customobd-unified-header .customobd-partner{display:flex;align-items:center;gap:8px;min-height:17px;margin-top:7px;color:#ff6870;font:700 10px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
.customobd-unified-header .customobd-partner img{display:block;flex:0 0 auto;width:auto;height:14px;max-width:154px;object-fit:contain;}
.customobd-unified-header .main-nav{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;width:auto;gap:4px!important;margin:0!important;}
.customobd-unified-header .main-nav a{display:inline-flex!important;align-items:center;justify-content:center;min-height:52px;padding:12px clamp(10px,1vw,18px)!important;border-radius:14px!important;font-size:clamp(13px,.88vw,16px)!important;font-weight:500;white-space:nowrap!important;letter-spacing:0!important;color:#ece8e4!important;text-decoration:none!important;}
.customobd-unified-header .main-nav a[aria-current="page"]{background:#c90012!important;color:#fff!important;}
.customobd-unified-header .main-nav a:hover{background:#292323!important;}
.customobd-unified-header .main-nav a[aria-current="page"]:hover{background:#dd0015!important;}
.customobd-unified-header .menu-toggle{margin-left:auto!important;}
/* La versión deja de competir con la marca y queda en el pie. */
.site-footer .customobd-footer-version{display:inline-block;margin-left:12px;color:#817a76;font-size:10px;font-weight:500;letter-spacing:.04em;line-height:1.4;text-transform:none;white-space:nowrap;}
/* Portada: botón rojo y tarjetas de servicios de mejor proporción. */
.home-page .home-seo-section{grid-template-columns:minmax(280px,.81fr) minmax(0,1.62fr);gap:clamp(24px,3.8vw,68px);padding-inline:clamp(24px,3.2vw,64px);align-items:start;}
.home-page .home-seo-intro{min-width:0;}
.home-page .home-seo-link.customobd-red-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;min-height:53px;padding:12px 22px;border:1px solid #c90012;border-radius:13px;background:#c90012;color:#fff;text-decoration:none;font-size:15px;line-height:1.25;letter-spacing:0;transition:background .2s,transform .2s;}
.home-page .home-seo-link.customobd-red-cta:hover{background:#ec1024;transform:translateY(-1px);}
.home-page .home-service-grid{min-width:0;grid-template-columns:minmax(0,.93fr) minmax(0,1fr) minmax(0,1.25fr);}
.home-page .home-service-grid article{min-width:0;padding:clamp(24px,2.05vw,39px);}
.home-page .home-service-grid article>span{display:block;font-size:clamp(42px,4vw,69px)!important;font-weight:800;letter-spacing:-.06em;line-height:1.05;}
.home-page .home-service-grid h3{margin:29px 0 20px;font-size:clamp(23px,1.72vw,34px);line-height:1.08;letter-spacing:-.04em;overflow-wrap:break-word;hyphens:auto;}
.home-page .home-service-grid article:nth-child(3) h3{font-size:clamp(24px,1.77vw,36px);}
.home-page .home-service-grid p{font-size:clamp(15px,1.02vw,19px);line-height:1.6;overflow-wrap:break-word;}
/* KESS3 sobre el CTA profesional, con fondo transparente. */
.home-page .home-professional-section{align-items:center;}
.home-page .home-professional-section .customobd-pro-action{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;flex-direction:column;gap:10px;max-width:350px;}
.home-page .customobd-pro-action img{display:block;max-width:100%;width:310px;height:auto;max-height:265px;object-fit:contain;}
.home-page .customobd-pro-action .button{max-width:100%;text-align:center;}
@media(max-width:1200px){
 .home-page .home-seo-section{grid-template-columns:1fr;gap:36px;}
 .home-page .home-seo-intro{max-width:750px;}
 .home-page .home-service-grid{grid-template-columns:minmax(0,.93fr) minmax(0,1fr) minmax(0,1.25fr);}
 .home-page .home-service-grid h3{font-size:clamp(23px,2.6vw,33px);}
}
@media(max-width:900px){
 .header.customobd-unified-header,.home-page .header.customobd-unified-header,.content-page .header.customobd-unified-header,.about-page .header.customobd-unified-header,.electronics-page .header.customobd-unified-header{min-height:76px;gap:8px!important;padding:9px 12px!important;border-radius:17px!important;}
 .customobd-unified-header .identity{gap:10px!important;flex:1 1 auto;}
 .customobd-unified-header .brand img{width:57px!important;max-width:57px!important;height:54px!important;}
 .customobd-unified-header .identity-copy{padding-left:11px!important;}
 .customobd-unified-header .identity .customobd-brand-line{font-size:clamp(8px,1.7vw,12px)!important;letter-spacing:0!important;line-height:1.3!important;white-space:nowrap!important;}
 .customobd-unified-header .customobd-partner{font-size:9px;gap:6px;margin-top:5px;letter-spacing:0;}
 .customobd-unified-header .customobd-partner img{height:12px;max-width:123px;}
 .customobd-unified-header .menu-toggle:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;min-height:44px;padding:8px!important;margin-left:auto!important;}
 .customobd-unified-header .main-nav:not([hidden]){position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;width:min(320px,calc(100vw - 26px))!important;padding:10px!important;border:1px solid #48413c!important;border-radius:14px!important;background:#101010!important;box-shadow:0 17px 40px #000a!important;}
 .customobd-unified-header .main-nav[hidden]{display:none!important;}
 .customobd-unified-header .main-nav a{display:flex!important;justify-content:flex-start!important;min-height:48px;font-size:15px!important;padding:12px 16px!important;}
 .home-page .home-service-grid{grid-template-columns:1fr;}
 .home-page .home-service-grid article{min-height:0;padding:27px 28px;}
 .home-page .home-service-grid h3{font-size:30px;}
 .home-page .home-professional-section{align-items:flex-start;flex-direction:column;}
 .home-page .home-professional-section .customobd-pro-action{align-items:flex-start;max-width:100%;}
}
@media(max-width:600px){
 .header.customobd-unified-header,.home-page .header.customobd-unified-header,.content-page .header.customobd-unified-header,.about-page .header.customobd-unified-header,.electronics-page .header.customobd-unified-header{margin:8px 8px 0!important;padding:7px 8px!important;min-height:68px;border-radius:16px!important;}
 .customobd-unified-header .identity{gap:7px!important;}
 .customobd-unified-header .brand img{width:46px!important;max-width:46px!important;height:50px!important;}
 .customobd-unified-header .identity-copy{padding-left:8px!important;}
 .customobd-unified-header .identity .customobd-brand-line{font-size:clamp(7px,1.9vw,9px)!important;}
 .customobd-unified-header .customobd-partner{font-size:8px;margin-top:4px;gap:5px;min-height:10px;}
 .customobd-unified-header .customobd-partner img{height:10px;max-width:97px;}
 .customobd-unified-header .menu-toggle:not([hidden]){min-width:40px!important;min-height:40px!important;flex-basis:40px;padding:7px!important;}
 .home-page .home-seo-section{padding-inline:20px;gap:30px;}
 .home-page .home-service-grid article>span{font-size:51px!important;}
 .home-page .home-service-grid h3{font-size:28px;}
 .home-page .customobd-pro-action img{width:min(82vw,300px);max-height:260px;}
 .site-footer .customobd-footer-version{display:block;margin:4px 0 0;font-size:9px;}
}
@media(max-width:350px){
 .customobd-unified-header .brand img{width:39px!important;max-width:39px!important;}
 .customobd-unified-header .identity .customobd-brand-line{font-size:6.6px!important;}
 .customobd-unified-header .customobd-partner{font-size:7px;gap:4px;}
 .customobd-unified-header .customobd-partner img{height:9px;max-width:80px;}
}
@media(prefers-reduced-motion:reduce){.home-page .home-seo-link.customobd-red-cta{transition:none;}}
