/* Servicios con Grúa — editorial navy+teal · Sora + Inter. Cargado en sus páginas. */ :root{ --navy:#0E2A44; --navy-d:#0B1F30; --teal:#ED1C24; --teal-d:#C2121A; --bg:#F2F6F7; --bg2:#E6EEF0; --ink:#132A38; --ink-60:#51606B; --white:#fff; --line:rgba(19,42,56,.12); --ff-d:"Sora",system-ui,sans-serif; --ff-b:"Inter",system-ui,sans-serif; --ease:cubic-bezier(.16,1,.3,1); --mw:1340px; } body{background:var(--white);color:var(--ink);font-family:var(--ff-b);line-height:1.6} .e-con > .e-con-inner{max-width:var(--mw)} /* ---- tokens ---- */ .sg-eyebrow .elementor-heading-title{font-family:var(--ff-b);font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#E91C23} .sg-h1 .elementor-heading-title{font-family:var(--ff-d);font-weight:700;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1;letter-spacing:-.02em;color:var(--ink)} .sg-h2 .elementor-heading-title{font-family:var(--ff-d);font-weight:700;font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;letter-spacing:-.02em;color:var(--ink)} .sg-h3 .elementor-heading-title{font-family:var(--ff-d);font-weight:600;font-size:clamp(1.2rem,2vw,1.5rem);color:var(--ink)} .sg-h1 em,.sg-h2 em{font-style:normal;color:var(--teal)} .sg-lead .elementor-widget-container,.sg-lead p{font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.6;color:var(--ink);font-weight:500} .sg-sub .elementor-widget-container,.sg-sub p{font-size:clamp(1rem,1.2vw,1.12rem);color:var(--ink-60)} .sg-btn .elementor-button{font-family:var(--ff-b);font-weight:700;font-size:1rem;padding:15px 28px;border-radius:10px;background:#E91C23;color:#fff;box-shadow:0 10px 22px -10px rgba(237,28,36,.5);transition:transform .3s var(--ease),background .3s} .sg-btn .elementor-button:hover{background:var(--teal-d);transform:translateY(-2px)} .sg-btn.navy .elementor-button{background:var(--navy)}.sg-btn.navy .elementor-button:hover{background:var(--navy-d)} .sg-ghost .elementor-button{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);box-shadow:none} .sg-ghost .elementor-button:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)} /* ===== CABECERA (theme builder) ===== */ #sg-topbar{background:var(--navy)} #sg-topbar > .e-con-inner{padding-block:7px} .sg-topbar-txt .elementor-widget-container{color:#dbe7ee;font-size:.85rem;font-weight:600;text-align:center} .sg-topbar-txt a{color:#fff;text-decoration:none} #sg-nav{background:#E91C23;border-bottom:1px solid rgba(255,255,255,0.16)} #sg-nav > .e-con-inner{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding-block:12px} .sg-logo .elementor-heading-title{font-family:var(--ff-d);font-weight:700;font-size:1.3rem;color:#fff} .sg-logo .elementor-heading-title b{color:#fff} #sg-nav .elementor-nav-menu .elementor-item{font-family:var(--ff-b);font-weight:600;color:#fff!important;font-size:.98rem} #sg-nav .elementor-nav-menu .elementor-item:hover{color:rgba(255,255,255,0.72)!important} @media(max-width:1024px){#sg-nav > .e-con-inner{grid-template-columns:1fr auto}} /* ===== HERO (sin foto: degradado navy->teal) ===== */ #sg-hero{position:relative;overflow:hidden} #sg-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 400px at 80% -10%,rgba(5,14,24,0),transparent 60%)} #sg-hero > .e-con-inner{position:relative;padding-block:clamp(70px,11vw,140px);max-width:1340px} #sg-hero .sg-eyebrow .elementor-heading-title{color:#FF3B42} #sg-hero .sg-h1 .elementor-heading-title{color:#fff;max-width:16ch} #sg-hero .sg-h1 em{color:#FF3B42} #sg-hero .sg-sub p{color:rgba(255,255,255,.88);max-width:52ch;font-size:clamp(1.05rem,1.5vw,1.25rem)} #sg-hero-actions{flex-direction:row!important;flex-wrap:wrap;gap:12px;margin-top:8px;align-items:center} .sg-badge .elementor-heading-title{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;font-family:var(--ff-b);font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border-radius:999px} /* ===== TRUST ===== */ #sg-trust{background:var(--navy-d)} #sg-trust > .e-con-inner{padding-block:0} .sg-trust-row{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px 40px;padding:16px 0;color:#cfe0e8;font-weight:700;font-size:.95rem} .sg-trust-row span{display:inline-flex;align-items:center;gap:8px}.sg-trust-row b{color:#FF3B42} /* ===== SERVICIOS grid 6 ===== */ #sg-serv-h > .e-con-inner{padding-block:clamp(60px,8vw,96px) 18px;max-width:var(--mw)} #sg-serv-grid > .e-con-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:var(--mw);padding-bottom:clamp(60px,8vw,110px)} @media(max-width:860px){#sg-serv-grid > .e-con-inner{grid-template-columns:1fr}} [id^="sg-card"]{border-radius:18px;padding:26px!important;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s} [id^="sg-card"]:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgba(19,42,56,.45);border-color:var(--teal)} .sg-cardnum .elementor-heading-title{font-family:var(--ff-d);font-weight:700;font-size:1.1rem;color:#fff;background:#E91C23;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;margin-bottom:14px} [id^="sg-card"] .sg-sub p{margin-top:6px} /* ===== PROCESO ===== */ #sg-proc > .e-con-inner{padding-block:clamp(60px,8vw,96px) 18px;max-width:var(--mw)} #sg-proc-grid > .e-con-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:var(--mw);padding-bottom:clamp(60px,8vw,110px)} @media(max-width:860px){#sg-proc-grid > .e-con-inner{grid-template-columns:1fr}} [id^="sg-step"]{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px!important} .sg-stepnum .elementor-heading-title{font-family:var(--ff-d);font-weight:700;font-size:2.2rem;color:transparent;-webkit-text-stroke:1.4px var(--navy);line-height:1} /* ===== CTA ===== */ #sg-cta{background:linear-gradient(120deg,var(--teal) 0%,var(--navy) 100%)} #sg-cta > .e-con-inner{padding-block:clamp(60px,8vw,110px);text-align:center} #sg-cta .sg-h2 .elementor-heading-title{color:#fff} #sg-cta .sg-sub p{color:rgba(255,255,255,.92);max-width:600px;margin:14px auto 26px} #sg-cta-actions{flex-direction:row!important;gap:12px;justify-content:center;flex-wrap:wrap} #sg-cta .sg-btn .elementor-button{background:#fff;color:var(--navy)}#sg-cta .sg-btn .elementor-button:hover{background:var(--bg)} /* ===== FAQ ===== */ #sg-faq{background:var(--white)} #sg-faq > .e-con-inner{padding-block:clamp(56px,7vw,100px)} #sg-faq .elementor-accordion{max-width:820px;margin:0 auto} #sg-faq .elementor-accordion-item{border:0!important;border-top:1px solid var(--line)!important} #sg-faq .elementor-tab-title{font-family:var(--ff-d)!important;font-weight:600;font-size:1.15rem!important;color:var(--ink)!important;padding:20px 0!important} #sg-faq .elementor-tab-title.elementor-active{color:#E91C23!important} #sg-faq .elementor-tab-content{color:var(--ink-60)!important;line-height:1.7;padding:0 0 20px!important} /* ===== PIE ===== */ #sg-footer{background:var(--navy-d);color:#cfe0e8} #sg-footer > .e-con-inner{padding-block:48px 20px} #sg-footer-cols > .e-con-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;max-width:var(--mw)} @media(max-width:760px){#sg-footer-cols > .e-con-inner{grid-template-columns:1fr}} .sg-foot-brand .elementor-heading-title{font-family:var(--ff-d);font-weight:700;font-size:1.3rem;color:#fff} .sg-foot-h .elementor-heading-title{font-family:var(--ff-d);color:#fff;font-size:1.05rem;margin-bottom:8px} .sg-foot-txt .elementor-widget-container{color:#b6cdd8;font-size:.95rem;line-height:1.8} .sg-foot-txt a{color:#b6cdd8;text-decoration:none}.sg-foot-txt a:hover{color:#fff} #sg-footer-bottom > .e-con-inner{border-top:1px solid rgba(255,255,255,.14);margin-top:26px;padding-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8fa6b2;font-size:.82rem;max-width:var(--mw)} #sg-footer-bottom a{color:#cfe0e8} /* ===== WhatsApp flotante ===== */ #sg-wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:9999;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -6px rgba(37,211,102,.6);transition:transform .25s} #sg-wa:hover{transform:scale(1.08)} #sg-wa svg{width:30px;height:30px;fill:#fff} /* ===== reveals ===== */ .sg-rev{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)} .sg-rev.is-in{opacity:1;transform:none} .sg-rev.d1{transition-delay:.08s}.sg-rev.d2{transition-delay:.16s}.sg-rev.d3{transition-delay:.24s} @media(prefers-reduced-motion:reduce){.sg-rev{opacity:1!important;transform:none!important}} /* nav menu alineado a la derecha + hamburguesa */ #sg-nav .elementor-nav-menu{display:flex;justify-content:flex-end;gap:4px} #sg-nav .elementor-nav-menu .elementor-item{padding:8px 12px!important} #sg-nav .elementor-menu-toggle{color:#fff} /* ===================== INTERNAS ===================== */ [id^="sgp-phero"]{background:var(--navy);position:relative;overflow:hidden} [id^="sgp-phero"]::before{content:"";position:absolute;inset:0;background:radial-gradient(1000px 360px at 85% -10%,rgba(5,14,24,0),transparent 60%)} [id^="sgp-phero"] > .e-con-inner{position:relative;padding-block:clamp(56px,8vw,100px);max-width:var(--mw)} [id^="sgp-phero"] .sg-eyebrow .elementor-heading-title{color:#FF3B42} [id^="sgp-phero"] .sg-h1 .elementor-heading-title{color:#fff;max-width:18ch} [id^="sgp-phero"] .sg-sub p{color:rgba(255,255,255,.88);max-width:56ch} [id^="sgp-split"] > .e-con-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center;max-width:var(--mw);padding-block:clamp(60px,6.5vw,100px)} [id^="sgp-split"].rev > .e-con-inner{grid-template-columns:1.1fr .9fr} @media(max-width:820px){[id^="sgp-split"] > .e-con-inner,[id^="sgp-split"].rev > .e-con-inner{grid-template-columns:1fr}} .sgp-media{border-radius:18px;min-height:230px;background:linear-gradient(135deg,var(--navy),var(--teal));position:relative;overflow:hidden} .sgp-media::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 20% 10%,rgba(255,255,255,.18),transparent 60%)} .sgp-media.t2{background:linear-gradient(135deg,var(--teal-d),var(--navy))} .sgp-media .elementor-widget-container{height:100%} [id^="sgp-grid3"] > .e-con-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:var(--mw);padding-block:clamp(56px,6vw,92px)} [id^="sgp-grid2"] > .e-con-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:var(--mw);padding-block:clamp(56px,6vw,92px)} @media(max-width:820px){[id^="sgp-grid3"] > .e-con-inner,[id^="sgp-grid2"] > .e-con-inner{grid-template-columns:1fr}} [id^="sgp-band"] > .e-con-inner{max-width:900px;padding-block:clamp(60px,7vw,96px)} .sgp-checks ul{list-style:none;margin:10px 0 0;padding:0} .sgp-checks li{position:relative;padding:11px 0 11px 34px;border-top:1px solid var(--line);color:var(--ink);font-weight:500} .sgp-checks li::before{content:"";position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:6px;background:#EEF1F3; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ED1C24' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px} [id^="sgp-cta"]{background:linear-gradient(120deg,var(--teal) 0%,var(--navy) 100%)} [id^="sgp-cta"] > .e-con-inner{padding-block:clamp(50px,7vw,96px);text-align:center;max-width:var(--mw)} [id^="sgp-cta"] .sg-h2 .elementor-heading-title{color:#fff} [id^="sgp-cta"] .sg-sub p{color:rgba(255,255,255,.92);max-width:600px;margin:12px auto 24px} [id^="sgp-cta-actions"]{flex-direction:row!important;gap:12px;justify-content:center;flex-wrap:wrap} [id^="sgp-cta"] .sg-btn .elementor-button{background:#fff;color:var(--navy)} [id^="sgp-cta"] .sg-btn.sg-ghost .elementor-button{background:transparent;color:#fff} .sgp-info .elementor-widget-container{font-size:1.05rem;line-height:1.9;color:var(--ink)} .sgp-info a{color:#E91C23;text-decoration:none;font-weight:600} /* ---- detalle de servicio ---- */ [id^="sgp-pheroactions"]{flex-direction:row!important;gap:12px;margin-top:20px;flex-wrap:wrap} [id^="sgp-phero"] .sg-btn.sg-ghost .elementor-button{color:#fff;border:1.5px solid rgba(255,255,255,.6);background:transparent} [id^="sgp-stats"]{background:var(--navy-d)} [id^="sgp-stats"] > .e-con-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-block:clamp(52px,6vw,84px);max-width:var(--mw);text-align:center} @media(max-width:760px){[id^="sgp-stats"] > .e-con-inner{grid-template-columns:1fr}} [id^="sgp-stats"] .sg-h3 .elementor-heading-title{color:#FF3B42;font-size:1.7rem} [id^="sgp-stats"] .sg-sub p{color:#cfe0e8} [id^="sgp-incl"] > .e-con-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:start;max-width:var(--mw);padding-block:clamp(60px,6.5vw,100px)} @media(max-width:820px){[id^="sgp-incl"] > .e-con-inner{grid-template-columns:1fr}} /* submenú desplegable de Servicios */ #sg-nav .elementor-nav-menu ul.sub-menu{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 22px 44px -26px rgba(19,42,56,.55);padding:8px;min-width:230px} #sg-nav .elementor-nav-menu ul.sub-menu .elementor-sub-item{color:var(--ink)!important;padding:10px 14px!important;font-weight:600;border-radius:8px} #sg-nav .elementor-nav-menu ul.sub-menu .elementor-sub-item:hover,#sg-nav .elementor-nav-menu ul.sub-menu .elementor-item-active{color:#DE1A22!important;background:var(--bg)} /* hero vídeo: fondo a SANGRE (full-bleed) aunque el contenedor sea boxed */ #sg-hero{position:relative;overflow:hidden} #sg-hero > .e-con-inner{position:relative} #sg-hero .elementor-background-video-container{position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;height:100%!important;z-index:0;overflow:hidden;max-width:none!important} #sg-hero .elementor-background-video-hosted,#sg-hero .elementor-background-video-container video{object-fit:cover!important;width:100%!important;height:100%!important;left:0!important;top:0!important;transform:none!important} #sg-hero-in{position:relative;z-index:2} /* overlay degradado PROPIO (Elementor no renderiza su overlay) */ #sg-hero .elementor-background-video-container{z-index:0!important} #sg-hero > .e-con-inner::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100vw;height:100%;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,26,43,.88) 0%,rgba(9,26,43,.66) 30%,rgba(9,26,43,.32) 60%,rgba(9,26,43,.05) 100%)} #sg-hero-in{position:relative;z-index:2} /* ---- gutter lateral en móvil: contenido no pegado al borde (26-10-2026) ---- */ @media(max-width:860px){ .e-con > .e-con-inner{padding-inline:20px} } @media(max-width:400px){ .e-con > .e-con-inner{padding-inline:16px} } /* ---- HEADER MÓVIL v4: una fila (logo | CTA | burger) + desplegable full-width 26-10-2026 ---- */ @media(max-width:1024px){ #sg-nav > .e-con-inner{ display:flex!important;flex-direction:row!important;align-items:center; gap:12px;flex-wrap:nowrap;grid-template-columns:none!important; padding-block:10px;position:relative; } #sg-nav > .e-con-inner > .sg-logo{order:1;flex:0 0 auto;margin-right:auto;width:auto!important} #sg-nav > .e-con-inner > .sg-logo .elementor-heading-title{font-size:1.15rem!important;line-height:1.1;white-space:nowrap} #sg-nav > .e-con-inner > .e-con{order:2;flex:0 0 auto;width:auto!important} #sg-nav > .e-con-inner > .e-con > .e-con-inner{padding:0!important} #sg-nav .sg-btn .elementor-button{padding:10px 14px!important;font-size:.85rem!important;white-space:nowrap} /* widget menú = solo el burger; static para que el desplegable se ancle al header, no al widget */ #sg-nav > .e-con-inner > .elementor-widget-nav-menu{order:3;flex:0 0 auto;width:auto!important;position:static!important} #sg-nav .elementor-menu-toggle{position:static!important;display:flex!important} /* menú principal desplegado: a todo el ancho, bajo la cabecera */ #sg-nav nav.elementor-nav-menu--dropdown, #sg-nav .elementor-nav-menu__container.elementor-nav-menu--dropdown{ position:absolute!important;left:0!important;right:0!important;top:100%!important; width:100%!important;max-width:none!important;z-index:999; background:#fff;border-top:1px solid var(--line);box-shadow:0 20px 40px -24px rgba(19,42,56,.5); } #sg-nav nav.elementor-nav-menu--dropdown .elementor-item{padding:14px 20px!important;border-bottom:1px solid var(--line)} } @media(max-width:380px){ #sg-nav > .e-con-inner{gap:8px} #sg-nav > .e-con-inner > .sg-logo .elementor-heading-title{font-size:1rem!important} #sg-nav .sg-btn .elementor-button{padding:9px 12px!important;font-size:.8rem!important} } /* desplegable móvil: lista vertical (más táctil) */ @media(max-width:1024px){ #sg-nav nav.elementor-nav-menu--dropdown ul.elementor-nav-menu{display:block!important;width:100%} #sg-nav nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li{display:block;width:100%} #sg-nav nav.elementor-nav-menu--dropdown .elementor-item{justify-content:flex-start;display:flex;align-items:center} #sg-nav nav.elementor-nav-menu--dropdown .sub-menu{position:static!important;box-shadow:none;border:0;border-radius:0;padding:0;margin:0;background:#f7fafb} #sg-nav nav.elementor-nav-menu--dropdown .sub-menu .elementor-sub-item{padding:12px 34px!important} } /* ===== HOME v2: tipos de vehículo + zona cobertura (26-10-2026) ===== */ /* --- servicios por tipo de vehículo --- */ #sg-veh-h{background:#0A1A28} #sg-veh-h > .e-con-inner{padding-block:clamp(60px,8vw,96px) 18px;max-width:var(--mw)} #sg-veh-grid{background:#0A1A28} #sg-veh-grid > .e-con-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:var(--mw);padding-bottom:clamp(60px,8vw,110px)} [id^="sg-vcard"]{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px!important;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s} [id^="sg-vcard"]::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--teal),var(--navy))} [id^="sg-vcard"]:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgba(19,42,56,.45);border-color:var(--teal)} [id^="sg-vcard"] .sg-h3 .elementor-heading-title{margin-top:6px} @media(max-width:860px){#sg-veh-grid > .e-con-inner{grid-template-columns:1fr 1fr}} @media(max-width:520px){#sg-veh-grid > .e-con-inner{grid-template-columns:1fr}} /* --- zona de cobertura (banda navy) --- */ #sg-cov{background:var(--navy);position:relative;overflow:hidden} #sg-cov::before{content:"";position:absolute;inset:0;background:radial-gradient(1000px 360px at 85% -10%,rgba(237,28,36,.14),transparent 60%);pointer-events:none} #sg-cov > .e-con-inner{position:relative;padding-block:clamp(56px,7vw,100px);max-width:var(--mw)} #sg-cov .sg-eyebrow .elementor-heading-title{color:var(--teal)} #sg-cov .sg-h2 .elementor-heading-title{color:#fff} #sg-cov .sg-sub p{color:rgba(255,255,255,.85);max-width:60ch} #sg-cov .sg-sub strong{color:#ffd28a} ul.sg-cov-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:18px 0 0} ul.sg-cov-list li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;padding:9px 16px;border-radius:999px;font-weight:600;font-size:.92rem} /* === Fotos stock servicios (26-10-2026, Magnific free, sin personas) === */ #sgp-split-sv1-m .sgp-media,body.page-id-19 .sgp-media{background:url("/wp-content/uploads/2026/10/sg-grua.jpg") center/cover no-repeat} #sgp-split-sv2-m .sgp-media,body.page-id-20 .sgp-media{background:url("/wp-content/uploads/2026/10/sg-desguace.jpg") center/cover no-repeat} #sgp-split-sv3-m .sgp-media,body.page-id-21 .sgp-media{background:url("/wp-content/uploads/2026/10/sg-maquinaria.jpg") center/cover no-repeat} #sgp-split-sv4-m .sgp-media,body.page-id-22 .sgp-media{background:url("/wp-content/uploads/2026/10/sg-vehiculos.jpg") center/cover no-repeat} #sgp-split-sv5-m .sgp-media,body.page-id-23 .sgp-media{background:url("/wp-content/uploads/2026/10/sg-portes.jpg") center/cover no-repeat} #sgp-split-sv6-m .sgp-media,body.page-id-24 .sgp-media{background:url("/wp-content/uploads/2026/10/sg-motos.jpg") center/cover no-repeat} /* Header rojo: boton Pedir grua blanco */ #sg-nav .sg-btn .elementor-button{background:#fff!important;color:#E91C23!important;box-shadow:none!important} #sg-nav .sg-btn .elementor-button:hover{background:#0E2A44!important;color:#fff!important} /* header/topbar ancho = hero */ #sg-nav > .e-con-inner,#sg-topbar > .e-con-inner{max-width:1340px} /* z-index header sobre hero + desplegable */ #sg-nav{position:relative;z-index:100} #sg-nav .elementor-nav-menu ul.sub-menu{z-index:300} /* telefono header */ .sg-phone .elementor-button{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,0.6)!important;border-radius:10px;font-weight:700;padding:11px 18px;display:inline-flex;align-items:center;gap:8px} .sg-phone .elementor-button:hover{background:#fff!important;color:#E91C23!important;border-color:#fff!important} .sg-phone .elementor-button i,.sg-phone .elementor-button svg{color:inherit} .sg-phone{display:inline-flex!important;align-items:center} @media(max-width:1024px){.sg-phone{display:none!important}} /* Seccion por tipo de vehiculo: oscura */ #sg-veh-head .sg-h2 .elementor-heading-title{color:#ED1C24!important} #sg-veh-head .sg-eyebrow .elementor-heading-title{color:#EF3B42} #sg-veh-head .sg-sub p{color:rgba(255,255,255,0.78)!important} #sg-veh-grid [id^="sg-vcard"]{background:#13232E!important;border-color:rgba(255,255,255,0.09)!important} #sg-veh-grid [id^="sg-vcard"] .sg-h3 .elementor-heading-title{color:#fff!important} #sg-veh-grid [id^="sg-vcard"] .sg-sub p{color:rgba(255,255,255,0.68)!important} #sg-veh-grid [id^="sg-vcard"]:hover{border-color:#ED1C24!important} /* quitar caja gris en Como trabajamos */ #sg-proc > .e-con-inner,#sg-proc-grid,#sg-proc-grid > .e-con-inner,#sg-proc-head{background:transparent!important} /* FAQ rediseño (tarjetas + rojo) */ #sg-faq .elementor-accordion{max-width:900px;margin:0 auto} #sg-faq .elementor-accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;background:#F4F7F9;margin-bottom:12px;overflow:hidden;transition:border-color .3s,box-shadow .3s} #sg-faq .elementor-accordion-item:hover{border-color:rgba(237,28,36,.45)!important;box-shadow:0 14px 30px -22px rgba(19,42,56,.5)} #sg-faq .elementor-tab-title{color:#122A38!important;padding:20px 24px!important;font-size:1.12rem!important;font-weight:700!important;font-family:var(--ff-d)!important} #sg-faq .elementor-tab-title.elementor-active{color:#E91C23!important;background:#fff} #sg-faq .elementor-tab-title .elementor-accordion-icon i,#sg-faq .elementor-tab-title .elementor-accordion-icon svg{color:#ED1C24!important;fill:#ED1C24!important} #sg-faq .elementor-accordion-icon{color:#ED1C24!important} #sg-faq .elementor-tab-content{color:var(--ink-60)!important;padding:4px 24px 22px!important;background:#fff;line-height:1.7} #sg-faq .elementor-accordion-title{color:#122A38!important} #sg-faq .elementor-tab-title.elementor-active .elementor-accordion-title{color:#E91C23!important} #sg-faq .elementor-tab-title:hover .elementor-accordion-title{color:#E91C23!important} /* Footer pulido + barras Kit/Anubis */ #sg-footer .sg-foot-h .elementor-heading-title{position:relative;padding-bottom:13px;margin-bottom:6px} #sg-footer .sg-foot-h .elementor-heading-title::after{content:'';position:absolute;left:0;bottom:0;width:34px;height:3px;background:#ED1C24;border-radius:2px} #sg-footer a:hover{color:#ED1C24!important} #sg-kit-bar img{height:52px!important;width:auto!important;object-fit:contain} #sg-anubis-bar img{height:46px!important;width:auto!important} @media(max-width:640px){#sg-kit-bar > .e-con-inner{flex-direction:column!important;gap:18px!important}} /* quitar float WA custom (ahora lo pone plugin Click to Chat) */ #sg-wa{display:none!important} /* === Héroes internos con FOTO (26-10) === */ [id^="sgp-phero"]{background-color:#0E2A44} .int-hero-bg{} /* marcador */ body.page-id-19 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-grua3-1.jpg");background-size:cover;background-position:center} body.page-id-20 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-desguace3-1.jpg");background-size:cover;background-position:center} body.page-id-21 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-maquinaria3-1.jpg");background-size:cover;background-position:center} body.page-id-22 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-vehiculos3-1.jpg");background-size:cover;background-position:center} body.page-id-23 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-portes3-1.jpg");background-size:cover;background-position:center} body.page-id-24 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-motos3-1.jpg");background-size:cover;background-position:center} body.page-id-7 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-hero2-1.jpg");background-size:cover;background-position:center} body.page-id-8 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-hero2-1.jpg");background-size:cover;background-position:center} body.page-id-9 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-hero2-1.jpg");background-size:cover;background-position:center} body.page-id-10 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-hero2-1.jpg");background-size:cover;background-position:center} body.page-id-11 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-hero2-1.jpg");background-size:cover;background-position:center} body.page-id-12 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-hero2-1.jpg");background-size:cover;background-position:center} /* FAQ internas (sgp-faq) = mismo diseño que home */ [id^="sgp-faq"]{background:#fff} [id^="sgp-faq"] .elementor-accordion{max-width:900px;margin:0 auto} [id^="sgp-faq"] .elementor-accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;background:#F4F7F9;margin-bottom:12px;overflow:hidden;transition:border-color .3s,box-shadow .3s} [id^="sgp-faq"] .elementor-accordion-item:hover{border-color:rgba(237,28,36,.45)!important;box-shadow:0 14px 30px -22px rgba(19,42,56,.5)} [id^="sgp-faq"] .elementor-tab-title{padding:20px 24px!important;font-size:1.12rem!important;font-weight:700!important;font-family:var(--ff-d)!important} [id^="sgp-faq"] .elementor-tab-title.elementor-active{background:#fff} [id^="sgp-faq"] .elementor-accordion-title{color:#122A38!important} [id^="sgp-faq"] .elementor-tab-title.elementor-active .elementor-accordion-title,[id^="sgp-faq"] .elementor-tab-title:hover .elementor-accordion-title{color:#E91C23!important} [id^="sgp-faq"] .elementor-tab-title .elementor-accordion-icon i,[id^="sgp-faq"] .elementor-tab-title .elementor-accordion-icon svg,[id^="sgp-faq"] .elementor-accordion-icon{color:#ED1C24!important;fill:#ED1C24!important} [id^="sgp-faq"] .elementor-tab-content{color:var(--ink-60)!important;padding:4px 24px 22px!important;background:#fff;line-height:1.7} [id^="sgp-faq"] > .e-con-inner{padding-block:clamp(60px,7vw,100px);max-width:var(--mw)} /* Headers de seccion internos: aire arriba, pegado a su grid */ [id^="sgp-whenh"] > .e-con-inner,[id^="sgp-proch"] > .e-con-inner{padding-top:clamp(64px,7vw,96px)!important;padding-bottom:6px!important;max-width:var(--mw)} [id^="sgp-grid3"] > .e-con-inner,[id^="sgp-grid2"] > .e-con-inner{padding-top:clamp(18px,2.2vw,30px)!important;padding-bottom:clamp(60px,6.5vw,96px)!important} /* quitar franja de fondo en contenedores de botones (heredaban bg de la seccion por prefijo) */ [id^="sgp-cta-actions"],[id^="sgp-pheroactions"]{background:transparent!important;background-image:none!important} /* inner del hero interno transparente (no duplicar foto/caja) */ [id^="sgp-phero"][id$="-in"]{background:transparent!important;background-image:none!important} /* Menu movil desplegable: items oscuros sobre panel blanco */ @media(max-width:1024px){ #sg-nav nav.elementor-nav-menu--dropdown .elementor-item, #sg-nav nav.elementor-nav-menu--dropdown .elementor-sub-item{color:#122A38!important} #sg-nav nav.elementor-nav-menu--dropdown .elementor-item:hover, #sg-nav nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active{color:#E91C23!important} #sg-nav nav.elementor-nav-menu--dropdown .elementor-item .elementor-dropdown-icon, #sg-nav nav.elementor-nav-menu--dropdown .sub-arrow{color:#122A38!important} } body.page-id-63 [id^="sgp-phero"]{background-image:linear-gradient(90deg,rgba(9,26,43,.95) 0%,rgba(9,26,43,.82) 42%,rgba(9,26,43,.5) 72%,rgba(9,26,43,.22) 100%),url("/wp-content/uploads/2026/10/sg-hero2-1.jpg");background-size:cover;background-position:center} body.page-id-63 .sgp-media{background:url("/wp-content/uploads/2026/10/sg-grua3-1.jpg") center/cover no-repeat} #sg-nav .sg-logo img,#sg-nav a.sg-logo img{height:62px;width:auto;display:block}@media(max-width:1024px){#sg-nav .sg-logo img{height:50px}} #sg-footer .sg-foot-brand img{height:58px;width:auto;display:block;margin-bottom:14px} #sg-nav .elementor-nav-menu .sub-arrow,#sg-nav .elementor-nav-menu .sub-arrow i,#sg-nav .elementor-item .sub-arrow,#sg-nav nav .sub-arrow i,#sg-nav .menu-item-has-children>a .sub-arrow{color:#fff!important} #sg-nav .sub-arrow svg,#sg-nav .sub-arrow .e-font-icon-svg,#sg-nav .elementor-item .sub-arrow svg,#sg-nav .e-font-icon-svg.e-fas-caret-down{fill:#fff!important} /* a11y 2026-10-27: antetítulos rojos sobre fondos grises claros (>=4.5:1) */ [id^="sgp-incl"] .sg-eyebrow .elementor-heading-title,#sgp-band-preh2 .sg-eyebrow .elementor-heading-title,#sgp-band-eqh2 .sg-eyebrow .elementor-heading-title{color:#DE1A22} [id^="sgp-proch"] .sg-eyebrow .elementor-heading-title{color:#D41920} /* 2026-10-27 FAQ (/faq/) con el diseño de la home: el contenedor es #sgp-band-faq y no casaba con [id^=sgp-faq] */ #sgp-band-faq{background:#fff} #sgp-band-faq .elementor-accordion{max-width:900px;margin:0 auto} #sgp-band-faq .elementor-accordion-item{border:1px solid var(--line)!important;border-radius:14px!important;background:#F4F7F9;margin-bottom:12px;overflow:hidden;transition:border-color .3s,box-shadow .3s} #sgp-band-faq .elementor-accordion-item:hover{border-color:rgba(237,28,36,.45)!important;box-shadow:0 14px 30px -22px rgba(19,42,56,.5)} #sgp-band-faq .elementor-tab-title{padding:20px 24px!important;font-size:1.12rem!important;font-weight:700!important;font-family:var(--ff-d)!important} #sgp-band-faq .elementor-tab-title.elementor-active{background:#fff} #sgp-band-faq .elementor-accordion-title{color:#122A38!important} #sgp-band-faq .elementor-tab-title.elementor-active .elementor-accordion-title,#sgp-band-faq .elementor-tab-title:hover .elementor-accordion-title{color:#E91C23!important} #sgp-band-faq .elementor-tab-title .elementor-accordion-icon i,#sgp-band-faq .elementor-tab-title .elementor-accordion-icon svg,#sgp-band-faq .elementor-accordion-icon{color:#ED1C24!important;fill:#ED1C24!important} #sgp-band-faq .elementor-tab-content{color:var(--ink-60)!important;padding:4px 24px 22px!important;background:#fff;line-height:1.7} #sgp-band-faq > .e-con-inner{padding-block:clamp(60px,7vw,100px);max-width:var(--mw)} /* 2026-10-27 contraste AA: rótulo DÓNDE TRABAJAMOS sobre azul marino (#ED1C24 daba 3,34:1) */ #sg-cov .sg-eyebrow .elementor-heading-title{color:#F25C62!important}