/* CentroMoto modernization: preserve every node, label, route and field.
   Brand sampled from original theme logo: RGB(0,167,134), #00a786.
   Large prices on white meet 3:1. Small green text uses AA shade #00745c.
   Surface radii: groups 12px, inner cards/photo tiles 8px, controls 6px. */
:root{--cmr-green:#00a786;--accent-color:#00a786;--accent-hover:#00a786;--cmr-green-text:#00745c;--cmr-group:#ededed;--cmr-field:#f4f4f4;--cmr-paper:#f4f4f4;--cmr-ink:#202020;--cmr-muted:#515151;--text-primary:#202020;--text-secondary:#515151;--text-muted:#626262;--bg-secondary:#f4f4f4;--bg-tertiary:#ededed;--border-color:#d5d5d5}
body,body .wp-site-blocks{color:var(--cmr-ink)!important}
body :is(h1,h2,h3,.spec-val,.quick-specs-list .spec-value,.centromoto-site-header .wp-block-navigation-item__content){color:var(--cmr-ink)}
body :is(.cmr-intro p,.cmr-section p,.cmr-page>p,.cmr-small,.section-subtitle,.moto-card-brand,.moto-card-finance,.moto-detail-subtitle,.moto-detail-desc-text,.specs-text-block,.spec-label,.quick-specs-list .spec-label){color:var(--cmr-muted)}
body .cmr-intro{border-top:0;border-radius:12px 12px 0 0;padding-top:40px!important}
body .cmr-services .container{border-radius:0 0 12px 12px}
body :is(.featured-section>.container,.cmr-page:not(.cmr-small),.cmr-section:not(.cmr-services)>.container,.detail-page-card,.catalog-main,.filters-sidebar){border-radius:12px}
body .cmr-footer{background:#e6e6e6}
body .cmr-four>a,body .cmr-four>a:nth-last-child(-n+2){border:1px solid #dedede;border-radius:8px;padding:25px;grid-template-columns:44px minmax(0,1fr) 30px;gap:8px 18px;background:#fff;box-shadow:0 2px 4px #20202003;transition:border-color .25s ease,box-shadow .25s ease}
body .cmr-four>a:is(:hover,:focus-visible){background:#fff;border-color:var(--cmr-green)!important;box-shadow:0 6px 18px #2020200a}
body .cmr-four i{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#f4f4f4;color:var(--cmr-green);font-size:27px;align-self:center}
body .cmr-four>a:after{font-size:20px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f4f4f4;color:var(--cmr-green-text);grid-row:1;align-self:center}
body .cmr-four>a:is(:hover,:focus-visible):after{transform:translate(2px,-2px);background:var(--cmr-green);color:#202020}
body :is(.moto-card,.cmr-workshop-grid article,.cmr-departments section,.cmr-related a,.sidebar-price-box,.modal-right-col,.details-tabs-content){border-radius:8px;box-shadow:0 2px 5px #20202004!important}
body .moto-card{border:1px solid #dedede}
body .moto-card:is(:hover,:focus-within){border-color:var(--cmr-green);box-shadow:0 8px 24px #2020200d!important}
body .cmr-related a:is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px var(--cmr-green),0 8px 24px #2020200d!important}
body .cmr-workshop-grid article:is(:hover,:focus-within){box-shadow:0 2px 5px #20202004!important}
body .cmr-form{border:1px solid #dedede;border-radius:8px}
body :is(.cmr-form input,.cmr-form select,.cmr-form textarea,.search-input,.sort-select,.filter-pill,.style-card,.details-tab-btn,.btn-back){border-radius:6px;border-color:#b5b5b5;color:#202020}
body :is(.cmr-form input,.cmr-form select,.cmr-form textarea)::placeholder,body .search-input::placeholder{color:#626262;opacity:1}
body :is(.moto-card-specs,.quick-specs-list,.bg-grey){background:var(--cmr-field);border-radius:6px}
body .moto-card .badge-status{background:#f4f4f4;color:#515151}
/* AA primary labels on the exact logo green, identical in every cascade state. */
body :is(.cmr-button,.btn-primary,.btn-details),body :is(.cmr-button,.btn-primary,.btn-details):is(:link,:visited,:hover,:focus,:focus-visible,:active),body .moto-card:hover .btn-details,body .moto-card:hover .btn-details:is(:hover,:focus-visible,:active){background:var(--cmr-green)!important;border-color:var(--cmr-green)!important;color:#202020!important;-webkit-text-fill-color:#202020;border-radius:6px;font-weight:500;box-shadow:none;transition:box-shadow .2s,transform .2s}
body :is(.cmr-button,.btn-primary,.btn-details):is(:hover,:focus-visible),body .moto-card:hover .btn-details:is(:hover,:focus-visible){box-shadow:inset 0 0 0 2px #202020,0 4px 12px #20202012!important}
body :is(.cmr-button,.btn-primary,.btn-details):active{transform:translateY(1px);box-shadow:inset 0 0 0 2px #202020!important}
body :is(.btn-whatsapp,.btn-action-test,.btn-action-promo,.btn-action-offer){color:var(--cmr-green-text)!important;background:#fff;border-color:var(--cmr-green);border-radius:6px}
body :is(.btn-whatsapp,.btn-action-test,.btn-action-promo,.btn-action-offer):is(:hover,:focus-visible,:active){color:#202020!important;background:var(--cmr-green);border-color:var(--cmr-green)!important}
body :is(.filter-pill.active,.filter-pill.active .pill-count,.style-card.active .style-card-title,.style-card.active .style-card-count,.details-tab-btn.active){color:#202020!important}
body .style-card.active i{color:#202020}
body :is(.style-card.active,.filter-pill.active,.details-tab-btn.active,.call-now-banner){background:var(--cmr-green)}
body .call-now-banner,body .call-now-banner :is(a,.banner-title,.banner-phone){color:#202020}
/* Only small copy gets the minimum darker brand shade needed for AA. */
body :is(.view-all-link,.cmr-departments a,.cmr-departments h3,.cmr-general a,.cmr-related span:not(.cmr-related-price),.cmr-page p>a:not(.cmr-button)){color:var(--cmr-green-text)}
body .centromoto-site-header .wp-block-navigation-item__content:is(:hover,:focus-visible),body .centromoto-site-header .current-menu-item>.wp-block-navigation-item__content{color:var(--cmr-green-text)}
body .centromoto-site-header .wp-block-navigation-item__content:after{display:none!important}
body .cmr-workshop-grid i{color:var(--cmr-green)}
body .cmr-footer .footer-socials a{border-color:#b5b5b5;color:#202020}
body .cmr-footer .footer-socials a:hover{background:var(--cmr-green);color:#202020}
body :is(a,button,input,select,textarea,[role=button]):focus-visible{outline:3px solid var(--cmr-green-text)!important;outline-offset:4px}
body .cmr-brand:focus-visible{outline-color:var(--cmr-green-text)!important}
body :is(a,button,input,select,textarea){-webkit-tap-highlight-color:#00a78626}
/* Enlarge the entire photographic window, NOT the image inside its crop.
   Tight fixed gaps keep the grid dense; the hovered tile lifts above its
   neighbors. Inverse logo scale keeps the mark optically stationary and
   source-space subject bounds never change. */
body .cmr-brands{gap:10px}
@media(max-width:639px){body .cmr-brands{gap:7px}}
body .centromoto-site-header .wp-block-navigation-item__content{font-weight:500}
body .cmr-brands .cmr-brand{border-radius:8px;animation:none;isolation:isolate;transform:none;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;transform-origin:center}
body .cmr-brands .cmr-brand-photo{filter:saturate(.92) contrast(1.04)}
body .cmr-brands .cmr-brand:after{background:radial-gradient(ellipse at center,#202020b3 0%,#20202080 65%,#20202066 100%);opacity:.45;transition:opacity .25s}
body .cmr-brands .cmr-brand-logo{opacity:1;transform:none;transition:transform .3s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 2px 8px #000a)}
body .cmr-brands .cmr-brand:before{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff38;z-index:3;pointer-events:none}
body .cmr-brands .cmr-brand:is(:focus-visible,:active){box-shadow:0 0 0 3px var(--cmr-green)}
@media(hover:hover) and (pointer:fine){
 body .cmr-brands .cmr-brand:hover{box-shadow:0 0 0 3px var(--cmr-green)}
 body .cmr-brands .cmr-brand:is(:hover,:focus-visible):after{opacity:1}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body .cmr-brands .cmr-brand:is(:hover,:focus-visible){transform:scale(1.05);z-index:4}
 body .cmr-brands .cmr-brand:is(:hover,:focus-visible) .cmr-brand-logo{transform:scale(.9523809524)}
}
@media(hover:none),(pointer:coarse){body .cmr-brands .cmr-brand:is(:hover,:focus-visible),body .cmr-brands .cmr-brand:is(:hover,:focus-visible) .cmr-brand-logo{transform:none}body .cmr-brands .cmr-brand:is(:hover,:focus-visible):after{opacity:.45}}
@media(max-width:1100px){body .cmr-four>a,body .cmr-four>a:nth-last-child(-n+2){padding:22px;gap:8px 14px}}
@media(max-width:781px){
 body .cmr-four>a,body .cmr-four>a:nth-last-child(-n+2){grid-template-columns:36px minmax(0,1fr);padding:20px 16px;gap:8px 14px}
 body .cmr-four>a:after{display:none;content:none}
 body .cmr-four i{width:36px;height:40px;font-size:25px;background:transparent}
 body .cmr-four h2,body .cmr-four p{grid-column:2;text-align:left}
 body .cmr-intro{padding-top:28px!important}
}
@media(prefers-reduced-motion:reduce){body .cmr-brands .cmr-brand-photo,body .cmr-brands .cmr-brand:is(:hover,:focus-visible) .cmr-brand-photo{transform:none!important;transition:none!important}body .cmr-four>a:is(:hover,:focus-visible):after{transform:none}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Reference: centered content shell; only the photographic home hero is wide. */
:root{--max-width:1280px;--cmr-content-width:80%;--cmr-gutter:24px;--cmr-group-inset:28px}
body{overflow-x:visible}
body .container,body .centromoto-header-inner,body .cmr-page,body .cmr-intro,body .entry-content:not(:has(.cmr-page,.cmr-brand-section,.catalog-section)){max-width:1280px;width:var(--cmr-content-width);padding-inline:var(--cmr-group-inset)!important;margin-inline:auto!important}
body .cmr-brand-section:has(.cmr-brands)>.container{max-width:none;width:100%;padding-inline:var(--cmr-gutter)!important}
body .cmr-four{grid-template-columns:repeat(3,minmax(0,1fr))}
body .cmr-four>a,body .cmr-four>a:nth-last-child(-n+2){grid-template-columns:36px minmax(0,1fr);padding:22px 18px;gap:8px 12px}
body .cmr-four>a:after{display:none;content:none}
body .cmr-four i{width:36px}
@media(max-width:781px){body .cmr-four{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1023px){:root{--cmr-content-width:calc(100% - var(--cmr-gutter)*2)}}
body :is(.cmr-intro,.cmr-services .container,.featured-section>.container,.cmr-page:not(.cmr-small),.cmr-section:not(.cmr-services)>.container){max-width:1280px;width:var(--cmr-content-width)}
body :is(.cmr-workshop-grid article,.cmr-departments section,.cmr-form label,.cmr-four>a,.modal-left-col,.modal-right-col){min-width:0;overflow-wrap:anywhere}
body .cmr-workshop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Prose stays readable inside the newly expanded groups. */
body .cmr-workshop-grid p{max-width:65ch}
body .cmr-form label{max-width:100%}
body .cmr-form :is(input,select,textarea):focus-visible{outline-width:3px!important}
body .details-tabs-nav{flex-wrap:wrap;overflow:visible;padding:5px}
body .details-tab-btn{min-width:0;max-width:100%;white-space:normal}
body .slider-thumbnails{flex-wrap:wrap;overflow:visible;padding:6px}
/* Bigger complete vehicles: responsive media windows, 8px safety margin,
   and no internal zoom that could crop wheels at the edge. */
body .moto-card-img-wrapper,body .catalog-section .moto-card-img-wrapper,body .featured-section .moto-card-img-wrapper{width:100%;min-width:0;max-width:100%;height:auto;min-height:240px;aspect-ratio:1.5;padding:0;position:relative}
body .moto-card-info{min-width:0}
@media(min-width:640px) and (max-width:781px){body .featured-section .moto-card{grid-template-columns:minmax(0,42%) minmax(0,1fr)}}
@media(min-width:782px){body .featured-section .moto-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body .catalog-section .moto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:782px) and (max-width:1100px){body .catalog-section .moto-grid{grid-template-columns:minmax(0,1fr)}}
body .moto-card .moto-card-img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);max-height:none;object-fit:contain;transform:none!important}
body .cmr-related img{height:auto;min-height:240px;aspect-ratio:1.5;object-fit:contain;padding:4px;background:#fff}
/* Controls share a green frame, without changing their dimensions.
   Keyboard retains a darker outer outline for contrast against gray groups.
   Persistent frames are reserved for actual selected/current controls. */
body :is(.filter-pill.active,.style-card.active,.details-tab-btn.active,.thumbnail-btn.active,[aria-current=page]){box-shadow:0 0 0 2px #fff,0 0 0 4px var(--cmr-green)!important}
body :is(a,button,input,select,textarea,[role=button]):is(:focus-visible,:active){outline:3px solid var(--cmr-green-text)!important;outline-offset:3px}
body :is(.moto-card,.cmr-related a,.cmr-four>a):focus-within{box-shadow:0 0 0 3px var(--cmr-green)!important}
@media(hover:hover) and (pointer:fine){
 body :is(.filter-pill,.style-card,.sort-select,.search-input,.details-tab-btn,.thumbnail-btn,.slider-nav-btn,.cmr-form input,.cmr-form select,.cmr-form textarea,.cmr-form button,.btn-back):hover{outline:3px solid var(--cmr-green);outline-offset:2px}
 /* A card is one hover target. Its text, price, image and inner links
    never acquire additional hover outlines; actual keyboard focus remains. */
 body :is(.moto-card,.cmr-related a,.cmr-four>a):hover{box-shadow:0 0 0 3px var(--cmr-green)!important}
 body :is(.moto-card,.cmr-related a,.cmr-four>a,.cmr-brand) :is(a,button,img,h2,h3,p,span,div):hover:not(:focus-visible){outline:none}
 body .cmr-brands .cmr-brand:hover{outline:none}
}
@media(min-width:1920px){:root{--cmr-gutter:32px;--cmr-group-inset:32px}}
@media(max-width:900px){body .cmr-workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:781px){:root{--cmr-gutter:20px;--cmr-group-inset:20px}}
@media(max-width:639px){:root{--cmr-gutter:16px;--cmr-group-inset:16px}}
@media(max-width:480px){body .cmr-workshop-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){body .cmr-brands .cmr-brand,body .cmr-brands .cmr-brand-logo,body .cmr-brands .cmr-brand:is(:hover,:focus-visible),body .cmr-brands .cmr-brand:is(:hover,:focus-visible) .cmr-brand-logo{transform:none!important}}
/* Subject-safe framing: preserve the original editorial photograph without cover cropping. */

/* Full-bleed brand grid: a consistent, subject-safe window at every breakpoint.
   Crop only side scenery for wide sources. Never zoom tight helmets/wheels on hover. */
body .cmr-brands .cmr-brand{aspect-ratio:1.65}
body .cmr-brands .cmr-brand-photo,
body .cmr-brands .cmr-brand:is(:hover,:focus-visible) .cmr-brand-photo{transform:none!important;object-position:50% 50%}
body .cmr-brands .cmr-brand[data-brand="Brixton"] .cmr-brand-photo{object-position:68% 50%}
body .cmr-brands .cmr-brand[data-brand="BSA"] .cmr-brand-photo{object-position:50% 60%}
body .cmr-brands .cmr-brand[data-brand="Motron"] .cmr-brand-photo{object-position:50% 65%}
/* MH's supplied close-up already ends at the rear wheel/mirror; do not compound that crop. */
body .cmr-brands .cmr-brand[data-brand="MH Motorhispania"] .cmr-brand-photo{object-position:0% 50%}
/* Gallery previews must show the same complete vehicle as the main contain-fitted slide. */
body .gallery-slider .slider-active-img{object-fit:contain}
body .thumbnail-img{object-fit:contain;background:var(--cmr-field)}


/* Menu pointer feedback: color only; keyboard focus stays visible. */
body .centromoto-site-header :is(.wp-block-navigation-item__content,.wp-block-navigation-submenu__toggle):is(:hover,:active){text-decoration:none!important;box-shadow:none!important;background:transparent!important}
body .centromoto-site-header :is(.wp-block-navigation-item__content,.wp-block-navigation-submenu__toggle):hover:not(:focus-visible){outline:none!important}

/* Current navigation location: underline without frame. */
body .centromoto-site-header .current-menu-item>.wp-block-navigation-item__content,body .centromoto-site-header .wp-block-navigation-item__content[aria-current="page"]{text-decoration:underline!important;text-decoration-color:var(--cmr-green)!important;text-decoration-thickness:2px!important;text-underline-offset:7px!important;box-shadow:none!important}
body .centromoto-site-header .current-menu-item>.wp-block-navigation-item__content:not(:focus-visible),body .centromoto-site-header .wp-block-navigation-item__content[aria-current="page"]:not(:focus-visible){outline:none!important}

/* Menu pointer feedback: color only; keyboard focus stays visible. */
body .centromoto-site-header :is(.wp-block-navigation-item__content,.wp-block-navigation-submenu__toggle):is(:hover,:active){text-decoration:none!important;box-shadow:none!important;background:transparent!important}
body .centromoto-site-header :is(.wp-block-navigation-item__content,.wp-block-navigation-submenu__toggle):hover:not(:focus-visible){outline:none!important}

body .centromoto-site-header .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content,body .centromoto-site-header .wp-block-navigation-item__content[aria-current="page"]:is(:hover,:active){text-decoration:underline!important}

/* Detail alignment: one inset, shared header, natural-flow content grid. */
body.single-centromoto_moto .catalog-section>.container{padding-inline:0!important}
body .detail-page-card{display:block;padding:var(--cmr-group-inset);box-sizing:border-box}
body .detail-page-card .cmr-detail-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 28px;margin-bottom:28px}
body .detail-page-card .moto-detail-header{flex:1 1 320px;min-width:0;margin:0}
body .detail-page-card .moto-detail-title{margin:0 0 8px;overflow-wrap:anywhere}
body .detail-page-card .detail-back-bar{padding:0;margin:0;width:auto;flex:0 0 auto}
body .detail-page-card .modal-grid-two-cols{padding:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:28px;align-items:start}
body .detail-page-card .gallery-slider{grid-column:1;grid-row:1;width:100%;min-width:0;max-width:100%;box-sizing:border-box;margin:0;align-self:start}
body .detail-page-card .cmr-detail-description{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:24px;min-width:0}
body .detail-page-card .modal-right-col{grid-column:2;grid-row:1 / span 2;position:static;align-self:start;min-width:0;width:100%;height:auto;min-height:0;gap:20px;padding:24px;box-sizing:border-box}
body .detail-page-card .modal-right-col>*{margin:0;min-width:0;max-width:100%;box-sizing:border-box}
body .detail-page-card .quick-specs-list{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:14px 16px;padding:20px}
body .detail-page-card .quick-specs-list :is(dt,dd){margin:0;min-width:0;overflow-wrap:anywhere}
body .detail-page-card .slider-main-viewport{width:100%;min-width:0;max-width:100%;min-height:0;height:auto;aspect-ratio:auto}
body .detail-page-card .gallery-slider .slider-active-img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;transform:none}
@media(max-width:900px){
 body .detail-page-card .modal-grid-two-cols{grid-template-columns:minmax(0,1fr);gap:24px}
 body .detail-page-card .modal-right-col{grid-column:1;grid-row:2}
 body .detail-page-card .cmr-detail-description{grid-column:1;grid-row:3}
}
@media(max-width:639px){
 body .detail-page-card .cmr-detail-heading{gap:16px;margin-bottom:24px}
 body .detail-page-card .moto-detail-header{flex-basis:100%}
 body .detail-page-card .modal-right-col{padding:16px;gap:16px}
 body .detail-page-card .quick-specs-list{padding:14px;column-gap:12px}
}

/* Smooth existing outer interaction frames; no layout or menu changes. */
body :is(.moto-card,.cmr-related a){transition:border-color .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){
 body :is(.filter-pill,.style-card,.sort-select,.search-input,.details-tab-btn,.thumbnail-btn,.slider-nav-btn,.cmr-form input,.cmr-form select,.cmr-form textarea,.cmr-form button,.btn-back){outline:3px solid transparent;outline-offset:2px;transition:outline-color .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease,transform .25s ease}
 body :is(.filter-pill,.style-card,.sort-select,.search-input,.details-tab-btn,.thumbnail-btn,.slider-nav-btn,.cmr-form input,.cmr-form select,.cmr-form textarea,.cmr-form button,.btn-back):hover{outline-color:var(--cmr-green)}
}
/* Keyboard feedback must be fully visible immediately, never fade in. */
body :is(a,button,input,select,textarea,[role=button]):focus-visible,
body :is(.moto-card,.cmr-related a,.cmr-four>a):has(:focus-visible){transition:none!important}
/* Touch does not retain pointer-only card feedback after a tap. */
@media(hover:none),(pointer:coarse){
 body .moto-card:hover:not(:focus-within){border-color:#dedede!important;box-shadow:0 2px 5px #20202004!important}
 body .cmr-related a:hover:not(:focus-visible):not(:active){box-shadow:0 2px 5px #20202004!important}
 body .cmr-four>a:hover:not(:focus-visible):not(:active){border-color:#dedede!important;box-shadow:0 2px 4px #20202003}
}
/* Existing global reduced-motion transition:none!important remains authoritative. */

/* Technical groups: neutral surface, readable headings, green non-text cue. */
body .detail-page-card .specs-group{background:#ededed;border-left:3px solid #00a786}
body .detail-page-card .specs-group h4{color:#202020}
body .detail-page-card .specs-group .specs-text-block{background:#fff;color:#202020}
body .cmr-form:has(input[value="recambios"]){margin-bottom:28px}