Aliauto Group \u2014 Soluciones para avanzar<\/title>\r\n<meta name=\"description\" content=\"Aliauto Group es un grupo empresarial andaluz integrado por Aliauto, MACSS-it Tecnolog\u00edas de la Informaci\u00f3n y Thunder Brand & Global Consulting. Soluciones para avanzar.\"\/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;1,9..40,300;1,9..40,400&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n:root {\r\n --ag-red:#bc1142; --ag-burgundy:#941b48;\r\n --ali-red:#e6000d; --macss-orange:#f66a09; --thu-yellow:#f2ff00; --pms1505:#F4620C;\r\n --white:#ffffff; --dark:#0d0d0d; --ink:#111111;\r\n --font:'DM Sans',Arial,Helvetica,sans-serif;\r\n --ease:cubic-bezier(.2,.8,.2,1); --t:260ms;\r\n}\r\nhtml { scroll-behavior:smooth; }\r\nbody { font-family:var(--font); background:var(--white); color:var(--ink); overflow-x:hidden; position:relative; }\r\nimg { display:block; }\r\na { text-decoration:none; color:inherit; }\r\nsection,header,footer,nav { width:100%; }\r\n.ag-wrap { width:100%; max-width:1400px; margin:0 auto; padding:0 3rem; }\r\n.ag-label { font-size:.72rem; font-weight:800; letter-spacing:.28em; text-transform:uppercase; display:flex; align-items:center; gap:.8rem; margin-bottom:3rem; }\r\n.ag-label::before { content:''; width:28px; height:2px; flex-shrink:0; }\r\n.ag-label--dark { color:var(--ag-red); }\r\n.ag-label--dark::before { background:var(--ag-red); }\r\n.ag-label--light { color:rgba(255,255,255,.85); }\r\n.ag-label--light::before { background:rgba(255,255,255,.85); }\r\n.rv { opacity:0; transform:translateY(24px); transition:opacity .7s var(--ease),transform .7s var(--ease); }\r\n.rv.in { opacity:1; transform:none; }\r\n.rv:nth-child(2){transition-delay:.1s} .rv:nth-child(3){transition-delay:.18s} .rv:nth-child(4){transition-delay:.26s}\r\n\r\n\/* \u2550\u2550 NAVBAR \u2550\u2550 *\/\r\n.nav { position:fixed; top:0; left:0; right:0; width:100%!important; z-index:999; border-bottom:1px solid transparent; padding:0; transition:background var(--t) var(--ease),backdrop-filter var(--t) var(--ease),border-color var(--t) var(--ease); }\r\n.nav.scrolled { background:rgba(255,255,255,.97); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom-color:rgba(0,0,0,.08); }\r\n.nav__inner { display:flex; align-items:center; justify-content:space-between; height:88px; max-width:1400px; margin:0 auto; padding:0 3rem; width:100%; gap:2rem; }\r\n.nav__brand { display:flex; align-items:center; gap:1rem; flex-shrink:0; }\r\n.nav__logo { height:44px!important; width:auto!important; max-height:44px!important; max-width:220px!important; object-fit:contain!important; filter:brightness(0) invert(1); transition:filter var(--t) var(--ease); }\r\n.nav.scrolled .nav__logo { filter:brightness(0)!important; }\r\n.nav__claim-sep { width:1px; height:30px; background:rgba(255,255,255,.35); flex-shrink:0; transition:background var(--t) var(--ease); }\r\n.nav.scrolled .nav__claim-sep { background:rgba(0,0,0,.15); }\r\n.nav__claim-text span { font-size:.68rem; font-weight:600; letter-spacing:.06em; color:rgba(255,255,255,.75); text-transform:lowercase; transition:color var(--t) var(--ease); white-space:nowrap; }\r\n.nav.scrolled .nav__claim-text span { color:rgba(0,0,0,.5); }\r\n.nav__links { display:flex; align-items:center; gap:3rem; }\r\n.nav__link { font-size:.8rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.85); position:relative; transition:color var(--t) var(--ease); }\r\n.nav.scrolled .nav__link { color:rgba(0,0,0,.65); }\r\n.nav__link::after { content:''; position:absolute; bottom:-4px; left:0; width:0; height:2px; background:rgba(255,255,255,.9); transition:width .25s var(--ease); }\r\n.nav.scrolled .nav__link::after { background:var(--ag-red); }\r\n.nav__link:hover { color:#fff; }\r\n.nav.scrolled .nav__link:hover { color:var(--ink); }\r\n.nav__link:hover::after { width:100%; }\r\n.nav__burger { display:none; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:40px; height:40px; background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.3); border-radius:3px; cursor:pointer; padding:0; flex-shrink:0; transition:background var(--t) var(--ease),border-color var(--t) var(--ease); }\r\n.nav.scrolled .nav__burger { background:rgba(0,0,0,.06); border-color:rgba(0,0,0,.18); }\r\n.nav__burger span { display:block; width:20px; height:2px; background:#fff; border-radius:2px; transition:transform .28s,opacity .28s,background var(--t) var(--ease); }\r\n.nav.scrolled .nav__burger span { background:var(--ink); }\r\n.nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}\r\n.nav__burger.open span:nth-child(2){opacity:0}\r\n.nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\r\n\r\n\/* \u2550\u2550 BOTONES HERO \u2550\u2550 *\/\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 48px;\r\n padding: 0 1.35rem;\r\n border-radius: 4px;\r\n font-size: .72rem;\r\n font-weight: 900;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n text-decoration: none !important;\r\n transition: transform var(--t) var(--ease), opacity var(--t) var(--ease), background var(--t) var(--ease);\r\n}\r\n\r\n.btn:hover {\r\n transform: translateY(-2px);\r\n opacity: .9;\r\n}\r\n\r\n\/* Conoce las empresas *\/\r\n.btn--solid {\r\n background: #0d0d0d;\r\n color: #ffffff !important;\r\n border: 1px solid #0d0d0d;\r\n}\r\n\r\n\/* El Grupo *\/\r\n.btn--ghost {\r\n background: #e9363f;\r\n color: #ffffff !important;\r\n border: 1px solid #e9363f;\r\n}\r\n\r\n\/* \u2550\u2550 HERO \u2550\u2550 *\/\r\n.hero {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n padding: 140px 3rem 80px;\r\n position: relative;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(ellipse 80% 70% at 100% 0%, #e6000d 0%, transparent 50%),\r\n radial-gradient(ellipse 60% 60% at 0% 100%, #f2c000 0%, transparent 50%),\r\n radial-gradient(ellipse 70% 60% at 50% 0%, #cc0010 0%, transparent 55%),\r\n radial-gradient(ellipse 55% 55% at 100% 80%, #bc1142 0%, transparent 55%),\r\n radial-gradient(ellipse 50% 50% at 30% 60%, #f66a09 0%, transparent 55%),\r\n #c20000;\r\n}\r\n\r\n.hero::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n opacity: .045;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n background-size: 200px;\r\n pointer-events: none;\r\n}\r\n\r\n.hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 18%;\r\n bottom: 18%;\r\n left: 3rem;\r\n width: 2px;\r\n background: linear-gradient(\r\n 180deg,\r\n transparent,\r\n rgba(255,255,255,.35) 30%,\r\n rgba(255,255,255,.2) 70%,\r\n transparent\r\n );\r\n opacity: .6;\r\n z-index: 1;\r\n}\r\n\r\n.hero__inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n padding-left: 3rem;\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n}\r\n\r\n.hero__eyebrow {\r\n font-size: .72rem;\r\n font-weight: 800;\r\n letter-spacing: .3em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.7);\r\n margin-bottom: 1.4rem;\r\n}\r\n\r\n.hero__h1 {\r\n font-size: clamp(3.2rem, 6.5vw, 7rem);\r\n font-weight: 900;\r\n line-height: .93;\r\n letter-spacing: -.02em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.hero__h1 em {\r\n font-style: normal;\r\n color: rgba(255,255,255,.5);\r\n}\r\n\r\n.hero__claim {\r\n font-size: clamp(.85rem, 1.3vw, 1.1rem);\r\n font-weight: 700;\r\n letter-spacing: .2em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.6);\r\n margin-bottom: 1.7rem;\r\n}\r\n\r\n.hero__desc {\r\n font-size: 1.02rem;\r\n font-weight: 500;\r\n line-height: 1.75;\r\n color: rgba(255,255,255,.9);\r\n max-width: 520px;\r\n margin-bottom: 2.5rem;\r\n}\r\n\r\n.hero__ctas {\r\n display: flex;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n}\r\n\r\n\/* Parte derecha del hero *\/\r\n.hero__visual {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 2rem;\r\n}\r\n\r\n\/* Contenedor que oculta SOLO la parte inferior del logo *\/\r\n.hero__logo-crop {\r\n width: 680px;\r\n height: 560px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n margin-right: -260px;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* Logo AG decorativo *\/\r\n.hero__logo-deco {\r\n width: 680px !important;\r\n max-width: none !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n filter: brightness(0) !important;\r\n opacity: .18;\r\n margin-right: 0;\r\n transform: translateY(0);\r\n}\r\n\r\n.hero__brand-names {\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n letter-spacing: .28em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.75);\r\n white-space: nowrap;\r\n text-align: center;\r\n margin-top: -90px;\r\n}\r\n\r\n.hero__brand-names span {\r\n color: rgba(255,255,255,.35);\r\n margin: 0 .4em;\r\n vertical-align: middle;\r\n}\r\n\r\n.hero__scroll {\r\n position: absolute;\r\n bottom: 2.5rem;\r\n right: 3rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: .5rem;\r\n z-index: 2;\r\n}\r\n\r\n.hero__scroll span {\r\n display: block;\r\n width: 1px;\r\n height: 48px;\r\n background: linear-gradient(180deg, transparent, rgba(255,255,255,.4));\r\n animation: scrollAnim 1.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes scrollAnim {\r\n 0% {\r\n transform: scaleY(0);\r\n transform-origin: top;\r\n }\r\n\r\n 50% {\r\n transform: scaleY(1);\r\n transform-origin: top;\r\n }\r\n\r\n 51% {\r\n transform-origin: bottom;\r\n }\r\n\r\n 100% {\r\n transform: scaleY(0);\r\n transform-origin: bottom;\r\n }\r\n}\r\n\r\n.hero__scroll p {\r\n font-size: .58rem;\r\n font-weight: 700;\r\n letter-spacing: .2em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.3);\r\n writing-mode: vertical-rl;\r\n}\r\n\r\n\/* Responsive hero *\/\r\n@media(max-width: 1100px) {\r\n .hero__inner {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero__visual {\r\n display: none;\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .hero {\r\n padding: 110px 1.5rem 65px;\r\n }\r\n\r\n .hero::before {\r\n display: none;\r\n }\r\n\r\n .hero__inner {\r\n padding-left: 0;\r\n }\r\n\r\n .hero__h1 {\r\n font-size: clamp(2.8rem, 13vw, 4.2rem);\r\n }\r\n\r\n .hero__scroll {\r\n display: none;\r\n }\r\n}\r\n\r\n@media(max-width: 480px) {\r\n .hero__ctas {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n}\r\n\r\n\/* \u2550\u2550 EL GRUPO \u2550\u2550 *\/\r\n.grupo { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:100px 0; background:#fff; }\r\n.grupo__title { font-size:clamp(2.4rem,4vw,4.2rem); font-weight:900; line-height:.93; text-transform:uppercase; letter-spacing:-.015em; color:var(--ink); margin-bottom:2rem; }\r\n.grupo__title em { font-style:normal; color:var(--ali-red); }\r\n.grupo__lead { font-size:1.06rem; font-weight:600; line-height:1.7; color:rgba(0,0,0,.8); margin-bottom:1.3rem; }\r\n.grupo__body { font-size:.96rem; font-weight:400; line-height:1.8; color:rgba(0,0,0,.6); margin-bottom:1rem; }\r\n.grupo__grid { display:grid; grid-template-columns:1.1fr 1fr; gap:6rem; align-items:start; }\r\n.stats { display:grid; grid-template-columns:1fr 1fr; gap:2px; border:1px solid rgba(0,0,0,.1); border-radius:4px; overflow:hidden; background:rgba(0,0,0,.12); }\r\n.stat { padding:2rem 1.8rem; background:#7E1C1C; display:flex; flex-direction:column; gap:.4rem; transition:background var(--t) var(--ease); }\r\n.stat:hover { background:#e6000d; }\r\n.stat--accent { background:#7E1C1C; }\r\n.stat--accent:hover { background:#e6000d; }\r\n.stat--accent .stat__num,.stat--accent .stat__label { color:#fff; }\r\n.stat__num { font-size:2.2rem; font-weight:900; line-height:1; letter-spacing:-.02em; color:#fff; }\r\n.stat__label { font-size:.78rem; font-weight:600; color:rgba(255,255,255,.7); line-height:1.4; }\r\n.grad-bar { grid-column:1\/-1; height:4px; background:linear-gradient(90deg,var(--ali-red),var(--macss-orange),var(--thu-yellow)); }\r\n\r\n\/* \u2550\u2550 NUESTRAS EMPRESAS \u2550\u2550 *\/\r\n.empresas { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:100px 0; background:#fff; }\r\n.empresas__header { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:end; margin-bottom:4rem; }\r\n.empresas__title { font-size:clamp(2.4rem,4vw,4.2rem); font-weight:900; line-height:.93; text-transform:uppercase; letter-spacing:-.015em; color:var(--ink); }\r\n.empresas__title em { font-style:normal; color:var(--ali-red); }\r\n.empresas__intro { font-size:1rem; font-weight:400; line-height:1.75; color:rgba(0,0,0,.55); max-width:400px; align-self:end; }\r\n.cards-outer { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\r\n.card-col { display:flex; flex-direction:column; }\r\n.card__logo-above { object-fit:contain!important; object-position:center; display:block; }\r\n.card__logo-wrap { height: 220px; display:flex; align-items:center; justify-content:center; padding:0 18px; margin-bottom:.5rem; width:100%; box-sizing:border-box; }\r\n.card__sector-label { font-size:.62rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; padding:0 0 .8rem; text-align:center; }\r\n.card-col--ali .card__sector-label { color:var(--ali-red); }\r\n.card-col--mac .card__sector-label { color:var(--macss-orange); }\r\n\/* \u25bc Thunder sector label en amarillo corporativo *\/\r\n.card-col--thu .card__sector-label { color:var(--thu-yellow); }\r\n.card { display:flex; flex-direction:column; position:relative; flex:1; border-radius:16px; overflow:hidden; transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease); }\r\n.card--ali { background:var(--ali-red); }\r\n.card--mac { background:var(--macss-orange); }\r\n.card--thu { background:var(--thu-yellow); }\r\n.card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(0,0,0,.12); }\r\n.card__body { padding:2rem; display:flex; flex-direction:column; gap:.9rem; flex:1; }\r\n.card__desc { font-size:.88rem; font-weight:400; line-height:1.7; color:rgba(255,255,255,.88); flex:1; }\r\n.card--thu .card__desc { color:rgba(0,0,0,.7); }\r\n.card__tags { list-style:none; display:flex; flex-wrap:wrap; gap:.3rem; }\r\n.card__tags li { font-size:.6rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:.18rem .6rem; border-radius:2px; background:rgba(255,255,255,.18); color:rgba(255,255,255,.9); border:1px solid rgba(255,255,255,.28); }\r\n.card--thu .card__tags li { background:rgba(0,0,0,.1); color:rgba(0,0,0,.7); border-color:rgba(0,0,0,.15); }\r\n.card .card__cta { display:none; }\r\n\r\n\/* tama\u00f1os logos empresa *\/\r\n.card__logo-wrap {\r\n height: 185px;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n padding: 0 18px;\r\n margin-bottom: -6px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n}\r\n\r\n.card-col--ali .card__logo-above {\r\n height: 315px !important;\r\n width: auto !important;\r\n max-width: 105% !important;\r\n object-fit: contain !important;\r\n transform: translateY(74px);\r\n}\r\n\r\n.card-col--mac .card__logo-above {\r\n height: 250px !important;\r\n width: auto !important;\r\n max-width: 90% !important;\r\n object-fit: contain !important;\r\n transform: translateY(58px);\r\n}\r\n\r\n.card-col--thu .card__logo-above {\r\n height: 220px !important;\r\n width: auto !important;\r\n max-width: 95% !important;\r\n object-fit: contain !important;\r\n transform: translateY(28px);\r\n filter: brightness(0) invert(1) sepia(1) saturate(20) hue-rotate(3deg) brightness(1.5) !important;\r\n}\r\n\r\n.card__sector-label {\r\n font-size: .62rem;\r\n font-weight: 800;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n padding: 0 0 .8rem;\r\n text-align: center;\r\n margin-top: 0;\r\n}\r\n\r\n\/* CTA debajo de la card *\/\r\n.card__cta-below { display:flex; align-items:center; justify-content:space-between; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; padding:.7rem 0; border-top:1px solid rgba(0,0,0,.1); margin-top:.4rem; transition:opacity .2s; }\r\n.card__cta-below:hover { opacity:.7; }\r\n.card__cta-below::before { display:none!important; content:none!important; }\r\n.card__cta-below::after {\r\n content: '\\2197' !important;\r\n display: inline-block !important;\r\n font-size: 1rem !important;\r\n line-height: 1 !important;\r\n background: none !important;\r\n background-image: none !important;\r\n width: auto !important;\r\n height: auto !important;\r\n margin-left: .3em;\r\n flex-shrink: 0;\r\n}\r\n.card__cta-below svg,\r\n.card__cta-below img { display:none!important; }\r\n.card__cta-below--ali { color:#e6000d!important; }\r\n.card__cta-below--ali::after { color:#e6000d!important; }\r\n.card__cta-below--mac { color:#f66a09!important; }\r\n.card__cta-below--mac::after { color:#f66a09!important; }\r\n\/* \u25bc Thunder CTA amarillo *\/\r\n.card__cta-below--thu { color:var(--thu-yellow)!important; }\r\n.card__cta-below--thu::after { color:var(--thu-yellow)!important; }\r\n\r\n\/* \u2550\u2550 VISI\u00d3N ESTRAT\u00c9GICA \u2550\u2550 *\/\r\n.vision { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:100px 0; position:relative; background:radial-gradient(ellipse 80% 70% at 100% 0%,#e6000d 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 0% 100%,#f2c000 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 50% 0%,#cc0010 0%,transparent 55%),radial-gradient(ellipse 55% 55% at 100% 80%,#bc1142 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 30% 60%,#f66a09 0%,transparent 55%),#c20000; }\r\n.vision::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:.045; background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); background-size:200px; }\r\n.vision > .ag-wrap { position:relative; z-index:1; }\r\n.vision__grid { display:grid; grid-template-columns:1fr 1.4fr; gap:7rem; align-items:start; }\r\n.vision__hl { font-size:clamp(2.8rem,5vw,5.2rem); font-weight:900; line-height:.9; letter-spacing:-.02em; text-transform:uppercase; color:#fff; position:sticky; top:110px; }\r\n.vision__hl em { font-style:normal; color:rgba(255,255,255,.45); }\r\n.pillars { display:flex; flex-direction:column; }\r\n.pillar { display:flex; gap:1.4rem; padding:1.8rem 0; border-bottom:1px solid rgba(255,255,255,.12); align-items:flex-start; transition:padding-left var(--t) var(--ease); }\r\n.pillar:first-child { border-top:1px solid rgba(255,255,255,.12); }\r\n.pillar:hover { padding-left:.5rem; }\r\n.pillar__icon { flex-shrink:0; width:44px; height:44px; border-radius:3px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.85); transition:background var(--t) var(--ease); }\r\n.pillar:hover .pillar__icon { background:rgba(255,255,255,.2); }\r\n.pillar__title { font-size:.95rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#fff; margin-bottom:.45rem; }\r\n.pillar__text { font-size:.88rem; font-weight:400; line-height:1.75; color:rgba(255,255,255,.85); }\r\n\r\n\/* \u2550\u2550 CONTACTO \u2550\u2550 *\/\r\n.contacto { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:100px 0; background:#fff; }\r\n.contacto__eyebrow { font-size:.7rem; font-weight:800; letter-spacing:.28em; text-transform:uppercase; color:var(--ink); margin-bottom:1.4rem; display:flex; align-items:center; gap:.8rem; }\r\n.contacto__eyebrow::before { content:''; width:28px; height:2px; background:var(--ink); }\r\n.contacto__title { font-size:clamp(2.2rem,3.8vw,3.8rem); font-weight:900; line-height:.93; text-transform:uppercase; letter-spacing:-.015em; color:var(--ali-red); margin-bottom:1.4rem; }\r\n.contacto__title em { font-style:normal; color:var(--ali-red); }\r\n.contacto__desc { font-size:.98rem; font-weight:500; line-height:1.75; color:rgba(0,0,0,.6); max-width:440px; margin-bottom:2.5rem; }\r\n\r\n#contacto { overflow:hidden; }\r\n#contacto .ag-wrap { position:relative; }\r\n\r\n\/* Layout dos columnas: contenido izquierda | logo derecha *\/\r\n#contacto .ag-contact-inner {\r\n display: flex;\r\n align-items: stretch;\r\n gap: 0;\r\n}\r\n#contacto .ag-contact-left {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n#contacto .ag-contact-head { max-width:500px; }\r\n\r\n\/* Logo Aliauto Group \u2014 columna derecha, rojo s\u00f3lido, sangra al borde *\/\r\n#contacto .ag-contact-watermark {\r\n flex-shrink: 0;\r\n width: 320px;\r\n margin-right: -3rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n pointer-events: none;\r\n}\r\n#contacto .ag-contact-watermark img {\r\n display: block;\r\n height: 520px !important;\r\n width: auto !important;\r\n max-width: none !important;\r\n object-fit: contain !important;\r\n filter: brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(301deg);\r\n}\r\n\r\n#contacto .ag-contact-block { width:100%; margin-top:3.5rem; }\r\n#contacto .ag-contact-logos,\r\n#contacto .ag-contact-cards { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; width:100%; align-items:start; }\r\n#contacto .ag-contact-logo-item,\r\n#contacto .ag-contact-card { width:100%; display:flex; flex-direction:column; align-items:center; }\r\n#contacto .ag-contact-separator { width:100%; height:2px; margin:28px 0; background:linear-gradient(90deg,var(--ali-red),var(--macss-orange),var(--thu-yellow)); border-radius:2px; }\r\n#contacto .ag-contact-card .ccard { width:100%; }\r\n#contacto .ag-contact-card .ccard-col__link { width:100%; display:flex; align-items:center; justify-content:center; }\r\n\r\n\/* logos contacto *\/\r\n.ccard-col__logo-wrap { height: 220px; display:flex; align-items:center; justify-content:center; padding:0 18px; }\r\n.ccard-col__logo { object-fit:contain!important; object-position:center; display:block; }\r\n.ccard-col__sector { font-size:.58rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; text-align:center; }\r\n.ccard-col--ali .ccard-col__sector { color:var(--ali-red); }\r\n.ccard-col--mac .ccard-col__sector { color:var(--macss-orange); }\r\n\/* \u25bc Thunder sector contacto en amarillo *\/\r\n.ccard-col--thu .ccard-col__sector { color:var(--thu-yellow)!important; }\r\n.ag-contact-logo-item.ccard-col--ali .ccard-col__logo { height:280px!important; width:auto!important; max-width:95%!important; object-fit:contain!important; }\r\n.ag-contact-logo-item.ccard-col--mac .ccard-col__logo { height:68px!important; width:auto!important; max-width:90%!important; object-fit:contain!important; }\r\n.ag-contact-logo-item.ccard-col--thu .ccard-col__logo { height:220px!important; width:auto!important; max-width:95%!important; object-fit:contain!important; filter:brightness(0) invert(1) sepia(1) saturate(20) hue-rotate(3deg) brightness(1.5)!important; }\r\n.ag-thunder-black { filter:brightness(0) invert(1) sepia(1) saturate(20) hue-rotate(3deg) brightness(1.5)!important; }\r\n\r\n\/* Link \"Contactar\" *\/\r\n.ccard-col__link { display:flex; align-items:center; justify-content:center; margin-top:.6rem; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; padding:.55rem 0; gap:.5rem; transition:opacity .2s; }\r\n.ccard-col__link:hover { opacity:.65; }\r\n.ccard-col__link::before,\r\n.ccard-col__link::after { display:none!important; content:none!important; }\r\n.ccard-col__link svg,\r\n.ccard-col__link img { display:none!important; }\r\n\r\n\/* tarjetas ccard *\/\r\n.ccard { background:#fff; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; border:2px solid transparent; transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease); }\r\n.ccard:hover { box-shadow:0 8px 28px rgba(0,0,0,.12); }\r\n.ccard--ali { border-color:var(--ali-red); }\r\n.ccard--ali:hover { box-shadow:0 4px 20px rgba(230,0,13,.15); }\r\n.ccard--mac { border-color:var(--macss-orange); }\r\n.ccard--mac:hover { box-shadow:0 4px 20px rgba(246,106,9,.15); }\r\n\/* \u25bc Thunder card borde amarillo *\/\r\n.ccard--thu { border-color:var(--thu-yellow); }\r\n.ccard--thu:hover { box-shadow:0 4px 20px rgba(242,255,0,.25); }\r\n.ccard__header { display:none; }\r\n.ccard__info { padding:.9rem 1.1rem; display:flex; flex-direction:column; gap:.6rem; flex:1; }\r\n\r\n\/* l\u00edneas de contacto *\/\r\n.ccard__line { display:flex; align-items:center; gap:.5rem; font-size:.8rem; font-weight:500; color:rgba(0,0,0,.65); text-decoration:none; transition:color var(--t) var(--ease); }\r\n.ccard__line svg { flex-shrink:0; }\r\n\r\n\/* ALI \u2014 rojo *\/\r\n.ccard--ali .ccard__line { color:rgba(0,0,0,.65); }\r\n.ccard--ali .ccard__line svg { color:var(--ali-red); opacity:1; }\r\na.ccard--ali .ccard__line:hover,\r\n.ccard--ali a.ccard__line:hover { color:var(--ali-red); }\r\n\r\n\/* MAC \u2014 naranja *\/\r\n.ccard--mac .ccard__line { color:rgba(0,0,0,.65); }\r\n.ccard--mac .ccard__line svg { color:var(--macss-orange); opacity:1; }\r\na.ccard__line.mac-link,\r\n.ccard--mac a.ccard__line { color:var(--macss-orange)!important; }\r\n.ccard--mac a.ccard__line:hover { color:#d45a06!important; }\r\n.ccard--mac .ccard__line--addr { color:rgba(0,0,0,.4); cursor:default; }\r\n.ccard--mac .ccard__line--addr svg { color:var(--macss-orange); opacity:.7; }\r\n\r\n\/* THU \u2014 amarillo en iconos y links, texto addr oscuro *\/\r\n.ccard--thu .ccard__line { color:rgba(0,0,0,.65); }\r\n.ccard--thu .ccard__line svg { color:var(--thu-yellow); opacity:1; }\r\n.ccard--thu a.ccard__line { color:var(--thu-yellow)!important; }\r\n.ccard--thu a.ccard__line:hover { color:#c8d400!important; }\r\n.ccard__line--addr { cursor:default; color:rgba(0,0,0,.45); }\r\n.ccard--thu .ccard__line--addr { color:rgba(0,0,0,.4)!important; cursor:default; }\r\n.ccard--thu .ccard__line--addr svg { color:var(--thu-yellow); opacity:.7; }\r\n\r\n\/* \u2550\u2550 FOOTER \u2550\u2550 *\/\r\n.footer { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); color:#fff; position:relative; background:radial-gradient(ellipse 80% 70% at 100% 0%,#e6000d 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 0% 100%,#f2c000 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 50% 0%,#cc0010 0%,transparent 55%),radial-gradient(ellipse 55% 55% at 100% 80%,#bc1142 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 30% 60%,#f66a09 0%,transparent 55%),#c20000; }\r\n.footer::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:.045; background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); background-size:200px; }\r\n.footer__inner { position:relative; z-index:1; max-width:1400px; margin:0 auto; padding:56px 3rem 44px; }\r\n.footer__top { display:grid; grid-template-columns:1.4fr 1.2fr 0.8fr 0.8fr; gap:3rem; align-items:start; padding-bottom:40px; }\r\n.footer__brand { display:flex; flex-direction:column; gap:0; }\r\n.footer__brand-head { display:flex; align-items:center; gap:.9rem; margin-bottom:1rem; }\r\n.footer__logo { height:46px!important; width:auto!important; max-width:160px!important; object-fit:contain!important; filter:brightness(0) invert(1); opacity:.95; flex-shrink:0; }\r\n.footer__brand-sep { width:1px; height:38px; background:rgba(255,255,255,.3); flex-shrink:0; }\r\n.footer__brand-right { display:flex; flex-direction:column; gap:.2rem; }\r\n.footer__tagline { font-size:.92rem; font-weight:700; color:#fff; line-height:1.2; white-space:nowrap; }\r\n.footer__sub-brands { font-size:.6rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55); white-space:nowrap; }\r\n.footer__about { font-size:.84rem; font-weight:400; line-height:1.75; color:rgba(255,255,255,.7); max-width:280px; }\r\n\/* \u25bc T\u00edtulos columna footer \u2192 mismo naranja que los logos (#f66a09) *\/\r\n.footer__col-title { font-size:.62rem; font-weight:800; letter-spacing:.22em; text-transform:uppercase; color:#f66a09; margin-bottom:1.1rem; }\r\n.footer__list { list-style:none; display:flex; flex-direction:column; gap:.6rem; }\r\n.footer__flink { font-size:.84rem; font-weight:500; color:rgba(255,255,255,.8); display:flex; align-items:center; gap:.5rem; transition:color var(--t) var(--ease); }\r\n.footer__flink:hover { color:#fff; }\r\n.footer__address { font-style:normal; font-size:.84rem; line-height:1.85; color:rgba(255,255,255,.75); }\r\n.footer__bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1.2rem; padding-top:28px; }\r\n.footer__copy { font-size:.76rem; font-weight:400; color:rgba(255,255,255,.45); }\r\n.footer__brand-logos { display:flex; align-items:center; gap:2rem; flex-wrap:wrap; }\r\n\/* \u25bc Los 3 logos footer \u2192 Pantone 1505C \u00b7 hue-rotate(324deg) = H\u224824\u00b0 naranja *\/\r\n.footer__brand-logo {\r\n height:52px!important; width:auto!important; max-width:160px!important; object-fit:contain!important;\r\n filter:brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(324deg) brightness(.85) contrast(1.1);\r\n transition:opacity var(--t) var(--ease); opacity:1;\r\n}\r\n.footer__brand-logo:hover { opacity:.7; }\r\n.footer__brand-logo--mac { height:22px!important; max-width:80px!important; }\r\n.footer__brand-logo--thu {\r\n height:52px!important;\r\n filter:brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(324deg) brightness(.85) contrast(1.1)!important;\r\n}\r\n.footer__credits-line { border-top:1px solid rgba(255,255,255,.1); margin-top:1.2rem; padding-top:1rem; text-align:center; }\r\n.footer__credits-line p { font-size:.73rem; font-weight:400; color:rgba(255,255,255,.35); }\r\n.footer__credits-line a { color:rgba(255,255,255,.55); font-weight:600; transition:color var(--t) var(--ease); }\r\n.footer__credits-line a:hover { color:#fff; }\r\n#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle,.pojo-a11y-toolbar-toggle,.one-click-accessibility-toolbar,#wpa11y-icon,.accessibility-icon,[class*=\"a11y\"] .toggle-btn,[id*=\"accessibility-icon\"] { background-color:#e6000d!important; border-color:#bc1142!important; }\r\n[class*=\"a11y\"] .toggle-btn svg,.pojo-a11y-toolbar-toggle svg { color:#fff!important; fill:#fff!important; }\r\n.whatsapp-chat-button,.wc-crm-btn,.click-to-chat,#click-to-chat,.ctc-btn,.wp-whatsapp,[id*=\"whatsapp\"],[class*=\"whatsapp\"]:not([class*=\"card\"]):not([class*=\"wrap\"]):not([class*=\"info\"]):not([class*=\"post\"]),.wati-widget-button,.tidio-chat-button { display:none!important; }\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1100px){\r\n .hero__inner{grid-template-columns:1fr} .hero__visual{display:none}\r\n .grupo__grid,.vision__grid{grid-template-columns:1fr;gap:3rem}\r\n .vision__hl{position:static} .cards-outer{grid-template-columns:1fr;gap:2.5rem}\r\n .empresas__header{grid-template-columns:1fr} .footer__top{grid-template-columns:1fr 1fr}\r\n #contacto .ag-contact-logos,#contacto .ag-contact-cards{grid-template-columns:1fr}\r\n #contacto .ag-contact-watermark{right:-260px;opacity:.06}\r\n}\r\n@media(max-width:768px){\r\n .ag-wrap{padding:0 1.5rem}\r\n .nav__inner{height:78px;padding:0 1.2rem;gap:.8rem}\r\n .nav__logo{height:50px!important;max-height:50px!important}\r\n .nav__claim-sep,.nav__claim-text{display:none}\r\n .nav__burger{display:flex}\r\n .nav__links{position:fixed;top:78px;left:0;right:0;width:100%;flex-direction:column;align-items:stretch;gap:0;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);padding:.5rem 1.2rem 1.2rem;border-bottom:1px solid rgba(0,0,0,.1);transform:translateY(-115%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s var(--ease),opacity .3s var(--ease),visibility .3s var(--ease);z-index:998}\r\n .nav__links.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}\r\n .nav__link{width:100%;padding:.9rem 0;font-size:.78rem;color:var(--ink);border-bottom:1px solid rgba(0,0,0,.07)}\r\n .nav__link:last-child{border-bottom:none} .nav__link::after{display:none} .nav__link:hover{color:var(--ag-red)}\r\n .hero{padding:110px 1.5rem 65px} .hero::before{display:none} .hero__inner{padding-left:0}\r\n .hero__h1{font-size:clamp(2.8rem,13vw,4.2rem)} .hero__scroll{display:none}\r\n .grupo,.empresas,.vision,.contacto{padding:68px 0} .stats{grid-template-columns:1fr}\r\n .footer__inner{padding:44px 1.5rem 32px} .footer__top{grid-template-columns:1fr;gap:2rem}\r\n .footer__bottom{flex-direction:column;align-items:flex-start}\r\n #contacto .ag-contact-watermark{display:none}\r\n}\r\n@media(max-width:480px){\r\n .hero__ctas{flex-direction:column} .btn{width:100%;text-align:center}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header class=\"nav\" id=\"nav\">\r\n <div class=\"nav__inner\">\r\n <a href=\"#hero\" class=\"nav__brand\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_horizontal_negativo_monocroma-1-scaled.png\" alt=\"Aliauto Group\" class=\"nav__logo\"\/>\r\n <\/a>\r\n <nav class=\"nav__links\" id=\"navLinks\" aria-label=\"Men\u00fa principal\">\r\n <a href=\"#grupo\" class=\"nav__link\">El Grupo<\/a>\r\n <a href=\"#empresas\" class=\"nav__link\">Empresas<\/a>\r\n <a href=\"#vision\" class=\"nav__link\">Visi\u00f3n<\/a>\r\n <a href=\"#contacto\" class=\"nav__link\">Contacto<\/a>\r\n <\/nav>\r\n <button class=\"nav__burger\" id=\"burger\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" aria-controls=\"navLinks\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n\r\n<section class=\"hero\" id=\"hero\">\r\n <div class=\"hero__inner\">\r\n <div class=\"hero__text\">\r\n <p class=\"hero__eyebrow\">Grupo Empresarial \u00b7 Andaluc\u00eda<\/p>\r\n\r\n <h1 class=\"hero__h1\">\r\n Tres empresas.<br\/>\r\n Una <em>visi\u00f3n<\/em><br\/>\r\n compartida.\r\n <\/h1>\r\n\r\n <p class=\"hero__claim\">Soluciones para avanzar<\/p>\r\n\r\n <p class=\"hero__desc\">\r\n Aliauto Group integra tres compa\u00f1\u00edas andaluzas independientes unidas por una misma estrategia:\r\n crear sinergias que impulsen el crecimiento, la innovaci\u00f3n y el desarrollo econ\u00f3mico de Andaluc\u00eda.\r\n <\/p>\r\n\r\n <div class=\"hero__ctas\">\r\n <a href=\"#empresas\" class=\"btn btn--solid\">Conoce las empresas<\/a>\r\n <a href=\"#grupo\" class=\"btn btn--ghost\">El Grupo<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__visual\">\r\n <div class=\"hero__logo-crop\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\" \r\n alt=\"\" \r\n aria-hidden=\"true\" \r\n class=\"hero__logo-deco\"\r\n \/>\r\n <\/div>\r\n\r\n <p class=\"hero__brand-names\">\r\n ALIAUTO <span>\u00b7<\/span> MACSS <span>\u00b7<\/span> THUNDER\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__scroll\">\r\n <span><\/span>\r\n <p>Scroll<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"grupo\" id=\"grupo\">\r\n <div class=\"ag-wrap\">\r\n <div class=\"ag-label ag-label--dark rv\">El Grupo<\/div>\r\n <div class=\"grupo__grid\">\r\n <div>\r\n <h2 class=\"grupo__title rv\"><em>Juntos<\/em><br\/><em>somos<\/em><br\/><em>m\u00e1s<span style=\"color:inherit\">.<\/span><\/em><\/h2>\r\n <p class=\"grupo__lead rv\">Aliauto Group nace de la voluntad de tres empresas andaluzas de crecer juntas, combinando d\u00e9cadas de experiencia sectorial con capacidad tecnol\u00f3gica y creatividad estrat\u00e9gica.<\/p>\r\n <p class=\"grupo__body rv\">Independientes en su operativa, pero alineadas en su visi\u00f3n: cada empresa aporta su especializaci\u00f3n y fortaleza para generar sinergias reales que beneficien a todos sus integrantes y a los clientes que conf\u00edan en ellas.<\/p>\r\n <p class=\"grupo__body rv\">Un grupo que apuesta por Andaluc\u00eda como base de un proyecto s\u00f3lido, con proyecci\u00f3n nacional e internacional, comprometido con el empleo, la innovaci\u00f3n y el desarrollo econ\u00f3mico de su territorio.<\/p>\r\n <\/div>\r\n <div class=\"stats rv\">\r\n <div class=\"stat\"><span class=\"stat__num\">3<\/span><span class=\"stat__label\">Empresas especializadas<\/span><\/div>\r\n <div class=\"stat stat--accent\"><span class=\"stat__num\">+50<\/span><span class=\"stat__label\">A\u00f1os de experiencia acumulada<\/span><\/div>\r\n <div class=\"stat stat--accent\"><span class=\"stat__num\">+30.000<\/span><span class=\"stat__label\">m\u00b2 de instalaciones en Andaluc\u00eda<\/span><\/div>\r\n <div class=\"stat\"><span class=\"stat__num\">1<\/span><span class=\"stat__label\">Visi\u00f3n estrat\u00e9gica compartida<\/span><\/div>\r\n <div class=\"grad-bar\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"empresas\" id=\"empresas\">\r\n <style>\r\n \/* \u2550\u2550 NUESTRAS EMPRESAS \u2550\u2550 *\/\r\n .empresas {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n padding: 100px 0;\r\n background: #fff;\r\n }\r\n\r\n .empresas__header {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n align-items: end;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .empresas__title {\r\n font-size: clamp(2.4rem, 4vw, 4.2rem);\r\n font-weight: 900;\r\n line-height: .93;\r\n text-transform: uppercase;\r\n letter-spacing: -.015em;\r\n color: var(--ali-red);\r\n }\r\n\r\n .empresas__title em {\r\n font-style: normal;\r\n color: var(--ali-red);\r\n }\r\n\r\n .empresas__intro {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.75;\r\n color: rgba(0,0,0,.55);\r\n max-width: 400px;\r\n align-self: end;\r\n }\r\n\r\n .cards-outer {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .card-col {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .card__logo-wrap {\r\n height: 185px;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n padding: 0 18px;\r\n margin-bottom: -6px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .card__logo-above {\r\n object-fit: contain !important;\r\n object-position: center;\r\n display: block;\r\n }\r\n\r\n .card-col--ali .card__logo-above {\r\n height: 315px !important;\r\n width: auto !important;\r\n max-width: 105% !important;\r\n object-fit: contain !important;\r\n transform: translateY(74px);\r\n }\r\n\r\n .card-col--mac .card__logo-above {\r\n height: 250px !important;\r\n width: auto !important;\r\n max-width: 90% !important;\r\n object-fit: contain !important;\r\n transform: translateY(58px);\r\n }\r\n\r\n \/* Thunder: logo negro real *\/\r\n .card-col--thu .card__logo-above {\r\n height: 220px !important;\r\n width: auto !important;\r\n max-width: 95% !important;\r\n object-fit: contain !important;\r\n transform: translateY(28px);\r\n filter: brightness(0) saturate(100%) contrast(200%) !important;\r\n }\r\n\r\n .card__sector-label {\r\n font-size: .62rem;\r\n font-weight: 800;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n padding: 0 0 .8rem;\r\n text-align: center;\r\n margin-top: 0;\r\n }\r\n\r\n .card-col--ali .card__sector-label {\r\n color: var(--ali-red);\r\n }\r\n\r\n .card-col--mac .card__sector-label {\r\n color: var(--macss-orange);\r\n }\r\n\r\n \/* Thunder: Brand & Global Consulting en negro *\/\r\n .card-col--thu .card__sector-label {\r\n color: #111 !important;\r\n }\r\n\r\n .card {\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n flex: 1;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n transition: transform var(--t) var(--ease), box-shadow var(--t) var(--ease);\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 40px rgba(0,0,0,.12);\r\n }\r\n\r\n .card--ali {\r\n background: var(--ali-red);\r\n }\r\n\r\n .card--mac {\r\n background: var(--macss-orange);\r\n }\r\n\r\n .card--thu {\r\n background: var(--thu-yellow);\r\n }\r\n\r\n .card__body {\r\n padding: 2rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: .9rem;\r\n flex: 1;\r\n }\r\n\r\n .card__desc {\r\n font-size: .88rem;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n color: rgba(255,255,255,.88);\r\n flex: 1;\r\n }\r\n\r\n .card--thu .card__desc {\r\n color: rgba(0,0,0,.75);\r\n }\r\n\r\n .card__tags {\r\n list-style: none;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .3rem;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .card__tags li {\r\n font-size: .6rem;\r\n font-weight: 700;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n padding: .18rem .6rem;\r\n border-radius: 2px;\r\n background: rgba(255,255,255,.18);\r\n color: rgba(255,255,255,.9);\r\n border: 1px solid rgba(255,255,255,.28);\r\n }\r\n\r\n .card--thu .card__tags li {\r\n background: rgba(0,0,0,.1);\r\n color: rgba(0,0,0,.75);\r\n border-color: rgba(0,0,0,.15);\r\n }\r\n\r\n .card .card__cta {\r\n display: none;\r\n }\r\n\r\n \/* CTA debajo de la card *\/\r\n .card__cta-below {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n font-size: .68rem;\r\n font-weight: 800;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n padding: .7rem 0;\r\n border-top: 1px solid rgba(0,0,0,.1);\r\n margin-top: .4rem;\r\n transition: opacity .2s;\r\n }\r\n\r\n .card__cta-below:hover {\r\n opacity: .7;\r\n }\r\n\r\n .card__cta-below::before {\r\n display: none !important;\r\n content: none !important;\r\n }\r\n\r\n .card__cta-below::after {\r\n content: '\\2197' !important;\r\n display: inline-block !important;\r\n font-size: 1rem !important;\r\n line-height: 1 !important;\r\n background: none !important;\r\n background-image: none !important;\r\n width: auto !important;\r\n height: auto !important;\r\n margin-left: .3em;\r\n flex-shrink: 0;\r\n }\r\n\r\n .card__cta-below svg,\r\n .card__cta-below img {\r\n display: none !important;\r\n }\r\n\r\n .card__cta-below--ali {\r\n color: var(--ali-red) !important;\r\n }\r\n\r\n .card__cta-below--ali::after {\r\n color: var(--ali-red) !important;\r\n }\r\n\r\n .card__cta-below--mac {\r\n color: var(--macss-orange) !important;\r\n }\r\n\r\n .card__cta-below--mac::after {\r\n color: var(--macss-orange) !important;\r\n }\r\n\r\n \/* Thunder: visitar web en negro *\/\r\n .card__cta-below--thu {\r\n color: #111 !important;\r\n }\r\n\r\n .card__cta-below--thu::after {\r\n color: #111 !important;\r\n }\r\n\r\n @media(max-width: 1100px) {\r\n .cards-outer {\r\n grid-template-columns: 1fr;\r\n gap: 2.5rem;\r\n }\r\n\r\n .empresas__header {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media(max-width: 768px) {\r\n .empresas {\r\n padding: 68px 0;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"ag-wrap\">\r\n <div class=\"ag-label ag-label--dark rv\">Nuestras Empresas<\/div>\r\n\r\n <div class=\"empresas__header\">\r\n <h2 class=\"empresas__title rv\">\r\n <em>Tres<\/em><br\/>\r\n <em>Compa\u00f1\u00edas,<\/em><br\/>\r\n Un grupo.\r\n <\/h2>\r\n\r\n <p class=\"empresas__intro rv\">\r\n Cada empresa mantiene su identidad propia, su autonom\u00eda y su marca. Aliauto Group las une bajo un mismo prop\u00f3sito corporativo.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-outer\">\r\n\r\n \r\n <div class=\"card-col card-col--ali\">\r\n <div class=\"card__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/05\/RED-LOGO-EXT.png\" alt=\"Aliauto\" class=\"card__logo-above\"\/>\r\n <\/div>\r\n\r\n <p class=\"card__sector-label\">Automoci\u00f3n \u00b7 Hidr\u00e1ulica<\/p>\r\n\r\n <article class=\"card card--ali\">\r\n <div class=\"card__body\">\r\n <p class=\"card__desc\">\r\n Referente nacional en recambios para veh\u00edculos industriales y soluciones hidr\u00e1ulicas. Con m\u00e1s de 50 a\u00f1os de historia, m\u00e1s de 30.000 m\u00b2 de instalaciones en Andaluc\u00eda y Marruecos, y una red de delegaciones que garantiza rapidez, disponibilidad y asesoramiento t\u00e9cnico de primer nivel. Certificada ISO 9001.\r\n <\/p>\r\n\r\n <ul class=\"card__tags\">\r\n <li>Automoci\u00f3n Industrial<\/li>\r\n <li>Hidr\u00e1ulica<\/li>\r\n <li>Log\u00edstica avanzada<\/li>\r\n <li>ISO 9001<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/article>\r\n\r\n <a href=\"https:\/\/aliauto.com\" target=\"_blank\" rel=\"noopener\"\r\n class=\"card__cta-below card__cta-below--ali\">\r\n Visitar aliauto.com\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-col card-col--mac\">\r\n <div class=\"card__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/05\/MACSS-IT-logo.pdf-1.png\" alt=\"MACSS-it\" class=\"card__logo-above\"\/>\r\n <\/div>\r\n\r\n <p class=\"card__sector-label\">Tecnolog\u00edas de la Informaci\u00f3n<\/p>\r\n\r\n <article class=\"card card--mac\">\r\n <div class=\"card__body\">\r\n <p class=\"card__desc\">\r\n Especialistas en transformaci\u00f3n digital de empresas. MACSS-it ofrece soluciones de movilidad, an\u00e1lisis de datos, cloud computing, social business y ciberseguridad, con un equipo con m\u00e1s de 25 a\u00f1os de experiencia en el sector TIC para generar cambios reales en los resultados de las organizaciones.\r\n <\/p>\r\n\r\n <ul class=\"card__tags\">\r\n <li>Cloud Computing<\/li>\r\n <li>Desarrollo Software<\/li>\r\n <li>Transformaci\u00f3n Digital<\/li>\r\n <li>Ciberseguridad<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/article>\r\n\r\n <a href=\"https:\/\/www.macss-it.es\" target=\"_blank\" rel=\"noopener\"\r\n class=\"card__cta-below card__cta-below--mac\">\r\n Visitar macss-it.es\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-col card-col--thu\">\r\n <div class=\"card__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/2-sin-fondo-HQ-scaled.png\" alt=\"Thunder Brand & Global Consulting\" class=\"card__logo-above\"\/>\r\n <\/div>\r\n\r\n <p class=\"card__sector-label\">Brand & Global Consulting<\/p>\r\n\r\n <article class=\"card card--thu\">\r\n <div class=\"card__body\">\r\n <p class=\"card__desc\">\r\n Agencia de branding y consultor\u00eda de marca con sede en Algeciras, Campo de Gibraltar. Thunder Brand & Global Consulting acompa\u00f1a a las empresas en la construcci\u00f3n de marcas con identidad propia, desarrolla estrategia de comunicaci\u00f3n y presencia digital para que cada organizaci\u00f3n conecte de forma aut\u00e9ntica con su p\u00fablico.\r\n <\/p>\r\n\r\n <ul class=\"card__tags\">\r\n <li>Branding<\/li>\r\n <li>Web & Digital<\/li>\r\n <li>Consultor\u00eda Estrat\u00e9gica<\/li>\r\n <li>Comunicaci\u00f3n<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/article>\r\n\r\n <a href=\"https:\/\/thunderglobal.es\" target=\"_blank\" rel=\"noopener\"\r\n class=\"card__cta-below card__cta-below--thu\">\r\n Visitar thunderglobal.es\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"vision\" id=\"vision\">\r\n <div class=\"ag-wrap\">\r\n <div class=\"ag-label ag-label--light rv\">Visi\u00f3n Estrat\u00e9gica<\/div>\r\n <div class=\"vision__grid\">\r\n <div>\r\n <h2 class=\"vision__hl rv\">Sinergias<br\/>que mueven<br\/><em>Andaluc\u00eda.<\/em><\/h2>\r\n <\/div>\r\n <div class=\"pillars\">\r\n <div class=\"pillar rv\">\r\n <div class=\"pillar__icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div>\r\n <div><h3 class=\"pillar__title\">Tres especialidades, una sola llamada<\/h3><p class=\"pillar__text\">Automoci\u00f3n industrial, tecnolog\u00eda empresarial y comunicaci\u00f3n de marca bajo un mismo paraguas. Aliauto Group conecta a sus clientes con la empresa del grupo m\u00e1s adecuada a sus necesidades.<\/p><\/div>\r\n <\/div>\r\n <div class=\"pillar rv\">\r\n <div class=\"pillar__icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2\"\/><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg><\/div>\r\n <div><h3 class=\"pillar__title\">Innovaci\u00f3n en cada sector<\/h3><p class=\"pillar__text\">Desde la automatizaci\u00f3n log\u00edstica de \u00faltima generaci\u00f3n hasta las soluciones cloud m\u00e1s avanzadas y las estrategias de marca m\u00e1s efectivas, el grupo avanza siempre un paso por delante.<\/p><\/div>\r\n <\/div>\r\n <div class=\"pillar rv\">\r\n <div class=\"pillar__icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n <div><h3 class=\"pillar__title\">Arraigo andaluz, visi\u00f3n global<\/h3><p class=\"pillar__text\">Nacidas en Andaluc\u00eda, con presencia en toda Espa\u00f1a y Marruecos. Las empresas del grupo combinan el conocimiento del territorio con capacidad de operar a escala nacional e internacional.<\/p><\/div>\r\n <\/div>\r\n <div class=\"pillar rv\">\r\n <div class=\"pillar__icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\r\n <div><h3 class=\"pillar__title\">Experiencia que respalda<\/h3><p class=\"pillar__text\">M\u00e1s de 50 a\u00f1os de trayectoria acumulada, equipos altamente cualificados y una red de referencias probadas en diferentes sectores avalan la solidez de cada empresa del grupo.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"contacto\" id=\"contacto\">\r\n <style>\r\n \/* \u2550\u2550 CONTACTO \u2550\u2550 *\/\r\n .contacto {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n padding: 100px 0;\r\n background: #fff;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n #contacto .ag-wrap {\r\n position: relative;\r\n }\r\n\r\n #contacto .ag-contact-inner {\r\n display: grid;\r\n grid-template-columns: minmax(0, 760px) minmax(320px, 1fr);\r\n align-items: center;\r\n gap: clamp(48px, 7vw, 120px);\r\n }\r\n\r\n #contacto .ag-contact-left {\r\n width: 100%;\r\n min-width: 0;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n #contacto .ag-contact-head {\r\n max-width: 500px;\r\n }\r\n\r\n .contacto__eyebrow {\r\n font-size: .7rem;\r\n font-weight: 800;\r\n letter-spacing: .28em;\r\n text-transform: uppercase;\r\n color: var(--ink);\r\n margin-bottom: 1.4rem;\r\n display: flex;\r\n align-items: center;\r\n gap: .8rem;\r\n }\r\n\r\n .contacto__eyebrow::before {\r\n content: '';\r\n width: 28px;\r\n height: 2px;\r\n background: var(--ink);\r\n flex-shrink: 0;\r\n }\r\n\r\n .contacto__title {\r\n font-size: clamp(2.2rem, 3.8vw, 3.8rem);\r\n font-weight: 900;\r\n line-height: .93;\r\n text-transform: uppercase;\r\n letter-spacing: -.015em;\r\n color: var(--ali-red);\r\n margin-bottom: 1.4rem;\r\n }\r\n\r\n .contacto__title em {\r\n font-style: normal;\r\n color: var(--ali-red);\r\n }\r\n\r\n .contacto__desc {\r\n font-size: .98rem;\r\n font-weight: 500;\r\n line-height: 1.75;\r\n color: rgba(0,0,0,.72);\r\n max-width: 440px;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n #contacto .ag-contact-block {\r\n width: 100%;\r\n margin-top: 3.5rem;\r\n }\r\n\r\n #contacto .ag-contact-logos,\r\n #contacto .ag-contact-sectors,\r\n #contacto .ag-contact-cards {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 28px;\r\n width: 100%;\r\n align-items: start;\r\n }\r\n\r\n #contacto .ag-contact-logo-item,\r\n #contacto .ag-contact-sector-item,\r\n #contacto .ag-contact-card {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n min-width: 0;\r\n }\r\n\r\n \/* Barra justo debajo de los logos *\/\r\n #contacto .ag-contact-separator {\r\n width: 100%;\r\n height: 2px;\r\n margin: 8px 0 12px;\r\n background: linear-gradient(90deg, var(--ali-red), var(--macss-orange), var(--thu-yellow));\r\n border-radius: 2px;\r\n }\r\n\r\n \/* Textos de sector debajo de la barra *\/\r\n #contacto .ag-contact-sectors {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .ccard-col__sector {\r\n font-size: .68rem;\r\n font-weight: 800;\r\n letter-spacing: .15em;\r\n text-transform: uppercase;\r\n text-align: center;\r\n margin: 0;\r\n white-space: nowrap;\r\n }\r\n\r\n .ccard-col--ali .ccard-col__sector {\r\n color: var(--ali-red);\r\n }\r\n\r\n .ccard-col--mac .ccard-col__sector {\r\n color: var(--macss-orange);\r\n }\r\n\r\n \/* Thunder: Brand & Global Consulting en negro *\/\r\n .ccard-col--thu .ccard-col__sector {\r\n color: #111 !important;\r\n }\r\n\r\n \/* Logo grande derecha *\/\r\n #contacto .ag-contact-watermark {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n pointer-events: none;\r\n position: relative;\r\n z-index: 1;\r\n overflow: visible;\r\n }\r\n\r\n #contacto .ag-contact-watermark-crop {\r\n width: 680px;\r\n height: 560px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transform: translateX(300px);\r\n }\r\n\r\n #contacto .ag-contact-watermark img {\r\n display: block;\r\n width: 680px !important;\r\n max-width: none !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n transform: translateY(0);\r\n filter: brightness(0) saturate(100%) invert(14%) sepia(98%) saturate(6884%) hue-rotate(356deg) brightness(94%) contrast(116%) !important;\r\n }\r\n\r\n \/* Logos contacto *\/\r\n .ccard-col__logo-wrap {\r\n height: 128px;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n padding: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n overflow: visible;\r\n }\r\n\r\n .ccard-col__logo {\r\n object-fit: contain !important;\r\n object-position: center bottom;\r\n display: block;\r\n }\r\n\r\n .ag-contact-logo-item.ccard-col--ali .ccard-col__logo {\r\n width: 140% !important;\r\n height: auto !important;\r\n max-width: 150% !important;\r\n object-fit: contain !important;\r\n transform: translateY(46px);\r\n }\r\n\r\n .ag-contact-logo-item.ccard-col--mac .ccard-col__logo {\r\n width: 120% !important;\r\n height: auto !important;\r\n max-width: 120% !important;\r\n object-fit: contain !important;\r\n transform: translateY(67px);\r\n }\r\n\r\n \/* Thunder: logo negro real *\/\r\n .ag-contact-logo-item.ccard-col--thu .ccard-col__logo {\r\n width: 90% !important;\r\n height: auto !important;\r\n max-width: 100% !important;\r\n object-fit: contain !important;\r\n transform: translateY(43px);\r\n filter: brightness(0) saturate(100%) contrast(200%) !important;\r\n }\r\n\r\n .ag-thunder-black {\r\n filter: brightness(0) saturate(100%) contrast(200%) !important;\r\n }\r\n\r\n \/* Tarjetas *\/\r\n .ccard {\r\n width: 100%;\r\n min-height: 168px;\r\n background: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n border: 1px solid rgba(0,0,0,.12);\r\n transition: box-shadow var(--t) var(--ease), transform var(--t) var(--ease);\r\n }\r\n\r\n .ccard:hover {\r\n box-shadow: 0 8px 28px rgba(0,0,0,.10);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Solo bordes de tarjetas en color *\/\r\n .ccard--ali {\r\n border-color: var(--ali-red);\r\n }\r\n\r\n .ccard--mac {\r\n border-color: var(--macss-orange);\r\n }\r\n\r\n .ccard--thu {\r\n border-color: var(--thu-yellow);\r\n }\r\n\r\n .ccard__header {\r\n display: none;\r\n }\r\n\r\n .ccard__info {\r\n padding: 1.05rem 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: .78rem;\r\n flex: 1;\r\n }\r\n\r\n .ccard__line,\r\n .ccard__line:link,\r\n .ccard__line:visited,\r\n .ccard__line:hover,\r\n .ccard__line:active {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: .55rem;\r\n font-size: .78rem;\r\n font-weight: 600;\r\n line-height: 1.45;\r\n color: #111 !important;\r\n text-decoration: none !important;\r\n transition: opacity var(--t) var(--ease);\r\n }\r\n\r\n .ccard__line:hover {\r\n opacity: .7;\r\n }\r\n\r\n .ccard__line svg {\r\n flex-shrink: 0;\r\n margin-top: .1rem;\r\n }\r\n\r\n \/* Iconos en color corporativo *\/\r\n .ccard--ali .ccard__line svg,\r\n .ccard--ali .ccard__line svg * {\r\n color: var(--ali-red) !important;\r\n stroke: var(--ali-red) !important;\r\n }\r\n\r\n .ccard--mac .ccard__line svg,\r\n .ccard--mac .ccard__line svg * {\r\n color: var(--macss-orange) !important;\r\n stroke: var(--macss-orange) !important;\r\n }\r\n\r\n .ccard--thu .ccard__line svg,\r\n .ccard--thu .ccard__line svg * {\r\n color: var(--thu-yellow) !important;\r\n stroke: var(--thu-yellow) !important;\r\n }\r\n\r\n .ccard__line--addr,\r\n .ccard__line--addr:hover {\r\n color: #111 !important;\r\n opacity: 1;\r\n cursor: default;\r\n }\r\n\r\n \/* Link contactar *\/\r\n .ccard-col__link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: .8rem;\r\n font-size: .72rem;\r\n font-weight: 800;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n padding: .55rem 0;\r\n gap: .5rem;\r\n transition: opacity .2s;\r\n }\r\n\r\n .ccard-col__link:hover {\r\n opacity: .65;\r\n }\r\n\r\n .ccard-col--ali .ccard-col__link {\r\n color: var(--ali-red) !important;\r\n }\r\n\r\n .ccard-col--mac .ccard-col__link {\r\n color: var(--macss-orange) !important;\r\n }\r\n\r\n \/* Thunder: Contactar en negro *\/\r\n .ccard-col--thu .ccard-col__link {\r\n color: #111 !important;\r\n }\r\n\r\n \/* Override final: texto negro dentro de tarjetas *\/\r\n #contacto .ag-contact-card .ccard .ccard__info a,\r\n #contacto .ag-contact-card .ccard .ccard__info span,\r\n #contacto .ag-contact-card .ccard .ccard__info .ccard__line,\r\n #contacto .ag-contact-card .ccard .ccard__info .ccard__line:link,\r\n #contacto .ag-contact-card .ccard .ccard__info .ccard__line:visited,\r\n #contacto .ag-contact-card .ccard .ccard__info .ccard__line:hover,\r\n #contacto .ag-contact-card .ccard .ccard__info .ccard__line:active {\r\n color: #111 !important;\r\n }\r\n\r\n #contacto .ag-contact-card .ccard .ccard__info a:hover {\r\n color: #111 !important;\r\n }\r\n\r\n \/* Reaplicar color solo en iconos *\/\r\n #contacto .ccard--ali .ccard__line svg,\r\n #contacto .ccard--ali .ccard__line svg * {\r\n color: var(--ali-red) !important;\r\n stroke: var(--ali-red) !important;\r\n }\r\n\r\n #contacto .ccard--mac .ccard__line svg,\r\n #contacto .ccard--mac .ccard__line svg * {\r\n color: var(--macss-orange) !important;\r\n stroke: var(--macss-orange) !important;\r\n }\r\n\r\n #contacto .ccard--thu .ccard__line svg,\r\n #contacto .ccard--thu .ccard__line svg * {\r\n color: var(--thu-yellow) !important;\r\n stroke: var(--thu-yellow) !important;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media(max-width: 1100px) {\r\n #contacto .ag-contact-inner {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n #contacto .ag-contact-watermark {\r\n display: none;\r\n }\r\n }\r\n\r\n @media(max-width: 768px) {\r\n .contacto {\r\n padding: 68px 0;\r\n }\r\n\r\n #contacto .ag-contact-logos,\r\n #contacto .ag-contact-sectors,\r\n #contacto .ag-contact-cards {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n #contacto .ag-contact-separator {\r\n margin: 14px 0 18px;\r\n }\r\n\r\n #contacto .ag-contact-sectors {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .ccard-col__sector {\r\n white-space: normal;\r\n }\r\n\r\n .ccard-col__logo-wrap {\r\n height: 140px;\r\n }\r\n\r\n .ag-contact-logo-item.ccard-col--ali .ccard-col__logo {\r\n width: 100% !important;\r\n }\r\n\r\n .ag-contact-logo-item.ccard-col--mac .ccard-col__logo {\r\n width: 82% !important;\r\n }\r\n\r\n .ag-contact-logo-item.ccard-col--thu .ccard-col__logo {\r\n width: 75% !important;\r\n filter: brightness(0) saturate(100%) contrast(200%) !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"ag-wrap\">\r\n <div class=\"ag-contact-inner\">\r\n\r\n \r\n <div class=\"ag-contact-left\">\r\n\r\n <div class=\"ag-contact-head rv\">\r\n <p class=\"contacto__eyebrow\">Contacto<\/p>\r\n <h2 class=\"contacto__title\">\u00bfHablamos de<br\/><em>crecer juntos?<\/em><\/h2>\r\n <p class=\"contacto__desc\">\r\n Contacta directamente con la empresa del grupo que mejor se adapte a tus necesidades.\r\n Estaremos encantados de atenderte.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"ag-contact-block rv\">\r\n\r\n \r\n <div class=\"ag-contact-logos\">\r\n <div class=\"ag-contact-logo-item ccard-col--ali\">\r\n <div class=\"ccard-col__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/05\/RED-LOGO-EXT.png\" alt=\"Aliauto\" class=\"ccard-col__logo\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ag-contact-logo-item ccard-col--mac\">\r\n <div class=\"ccard-col__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/05\/MACSS-IT-logo.pdf-1.png\" alt=\"MACSS-it\" class=\"ccard-col__logo\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ag-contact-logo-item ccard-col--thu\">\r\n <div class=\"ccard-col__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/2-sin-fondo-HQ-scaled.png\" alt=\"Thunder Brand & Global Consulting\" class=\"ccard-col__logo ag-thunder-black\"\/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ag-contact-separator\"><\/div>\r\n\r\n \r\n <div class=\"ag-contact-sectors\">\r\n <div class=\"ag-contact-sector-item ccard-col--ali\">\r\n <p class=\"ccard-col__sector\">Automoci\u00f3n \u00b7 Hidr\u00e1ulica<\/p>\r\n <\/div>\r\n\r\n <div class=\"ag-contact-sector-item ccard-col--mac\">\r\n <p class=\"ccard-col__sector\">Tecnolog\u00edas de la Informaci\u00f3n<\/p>\r\n <\/div>\r\n\r\n <div class=\"ag-contact-sector-item ccard-col--thu\">\r\n <p class=\"ccard-col__sector\">Brand & Global Consulting<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ag-contact-cards\">\r\n\r\n \r\n <div class=\"ag-contact-card ccard-col--ali\">\r\n <div class=\"ccard ccard--ali\">\r\n <div class=\"ccard__info\">\r\n <a href=\"tel:+34955634732\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13 19.79 19.79 0 0 1 1.61 4.35 2 2 0 0 1 3.59 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.16 6.16l1.27-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n 955 634 732\r\n <\/a>\r\n\r\n <a href=\"mailto:aliauto@aliauto.com\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n aliauto@aliauto.com\r\n <\/a>\r\n\r\n <span class=\"ccard__line ccard__line--addr\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n Alcal\u00e1 de Guada\u00edra, Sevilla\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/aliauto.com\/contacto\/\" target=\"_blank\" rel=\"noopener\" class=\"ccard-col__link\">\r\n Contactar <span>\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"ag-contact-card ccard-col--mac\">\r\n <div class=\"ccard ccard--mac\">\r\n <div class=\"ccard__info\">\r\n <a href=\"tel:+34854992746\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13 19.79 19.79 0 0 1 1.61 4.35 2 2 0 0 1 3.59 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.16 6.16l1.27-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n 854 99 27 46\r\n <\/a>\r\n\r\n <a href=\"mailto:info@macss-it.es\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n info@macss-it.es\r\n <\/a>\r\n\r\n <span class=\"ccard__line ccard__line--addr\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n Sevilla\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.macss-it.es\/contacto\/\" target=\"_blank\" rel=\"noopener\" class=\"ccard-col__link\">\r\n Contactar <span>\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"ag-contact-card ccard-col--thu\">\r\n <div class=\"ccard ccard--thu\">\r\n <div class=\"ccard__info\">\r\n <a href=\"tel:+34640961862\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.91a16 16 0 0 0 6 6l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16.92z\"\/>\r\n <\/svg>\r\n 640 96 18 62\r\n <\/a>\r\n\r\n <a href=\"mailto:thunder@thunderglobal.es\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n thunder@thunderglobal.es\r\n <\/a>\r\n\r\n <span class=\"ccard__line ccard__line--addr\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n Algeciras, C\u00e1diz\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/thunderglobal.es\" target=\"_blank\" rel=\"noopener\" class=\"ccard-col__link\">\r\n Contactar <span>\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ag-contact-watermark\" aria-hidden=\"true\">\r\n <div class=\"ag-contact-watermark-crop\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\" alt=\"\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer class=\"footer\">\r\n <style>\r\n \/* \u2550\u2550 FOOTER \u2550\u2550 *\/\r\n .footer {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n color: #fff;\r\n position: relative;\r\n background:\r\n radial-gradient(ellipse 80% 70% at 100% 0%, #e6000d 0%, transparent 50%),\r\n radial-gradient(ellipse 60% 60% at 0% 100%, #f2c000 0%, transparent 50%),\r\n radial-gradient(ellipse 70% 60% at 50% 0%, #cc0010 0%, transparent 55%),\r\n radial-gradient(ellipse 55% 55% at 100% 80%, #bc1142 0%, transparent 55%),\r\n radial-gradient(ellipse 50% 50% at 30% 60%, #f66a09 0%, transparent 55%),\r\n #c20000;\r\n overflow: hidden;\r\n }\r\n\r\n .footer::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n opacity: .045;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n background-size: 200px;\r\n }\r\n\r\n .footer__inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 56px 3rem 44px;\r\n }\r\n\r\n .footer__top {\r\n display: grid;\r\n grid-template-columns: 1.4fr 1.2fr .8fr .8fr;\r\n gap: 3rem;\r\n align-items: start;\r\n padding-bottom: 40px;\r\n }\r\n\r\n .footer__brand {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .footer__brand-head {\r\n display: flex;\r\n align-items: center;\r\n gap: .9rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .footer__logo {\r\n height: 46px !important;\r\n width: auto !important;\r\n max-width: 160px !important;\r\n object-fit: contain !important;\r\n filter: brightness(0) invert(1);\r\n opacity: .95;\r\n flex-shrink: 0;\r\n }\r\n\r\n .footer__brand-sep {\r\n width: 1px;\r\n height: 38px;\r\n background: rgba(255,255,255,.3);\r\n flex-shrink: 0;\r\n }\r\n\r\n .footer__brand-right {\r\n display: flex;\r\n flex-direction: column;\r\n gap: .2rem;\r\n }\r\n\r\n .footer__tagline {\r\n font-size: .92rem;\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1.2;\r\n white-space: nowrap;\r\n }\r\n\r\n .footer__sub-brands {\r\n font-size: .6rem;\r\n font-weight: 700;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.55);\r\n white-space: nowrap;\r\n }\r\n\r\n .footer__about {\r\n font-size: .84rem;\r\n font-weight: 400;\r\n line-height: 1.75;\r\n color: rgba(255,255,255,.7);\r\n max-width: 280px;\r\n }\r\n\r\n .footer__col-title {\r\n font-size: .62rem;\r\n font-weight: 800;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n color: #f6bd2b;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n .footer__list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: .6rem;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .footer__flink {\r\n font-size: .84rem;\r\n font-weight: 500;\r\n color: rgba(255,255,255,.8);\r\n display: flex;\r\n align-items: center;\r\n gap: .5rem;\r\n text-decoration: none;\r\n transition: color var(--t) var(--ease), opacity var(--t) var(--ease);\r\n }\r\n\r\n .footer__flink:hover {\r\n color: #fff;\r\n opacity: .85;\r\n }\r\n\r\n .footer__address {\r\n font-style: normal;\r\n font-size: .84rem;\r\n line-height: 1.85;\r\n color: rgba(255,255,255,.75);\r\n }\r\n\r\n .footer__address p {\r\n margin: 0;\r\n }\r\n\r\n .footer__bottom {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 1.2rem;\r\n padding-top: 28px;\r\n }\r\n\r\n .footer__copy {\r\n font-size: .76rem;\r\n font-weight: 400;\r\n color: rgba(255,255,255,.45);\r\n margin: 0;\r\n }\r\n\r\n .footer__brand-logos {\r\n display: flex;\r\n align-items: center;\r\n gap: 2rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Logos footer en naranja corporativo *\/\r\n .footer__brand-logo {\r\n height: 52px !important;\r\n width: auto !important;\r\n max-width: 160px !important;\r\n object-fit: contain !important;\r\n filter: brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(324deg) brightness(.85) contrast(1.1);\r\n transition: opacity var(--t) var(--ease);\r\n opacity: 1;\r\n }\r\n\r\n .footer__brand-logo:hover {\r\n opacity: .7;\r\n }\r\n\r\n .footer__brand-logo--mac {\r\n height: 22px !important;\r\n max-width: 80px !important;\r\n }\r\n\r\n .footer__brand-logo--thu {\r\n height: 52px !important;\r\n filter: brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(324deg) brightness(.85) contrast(1.1) !important;\r\n }\r\n\r\n .footer__credits-line {\r\n border-top: 1px solid rgba(255,255,255,.1);\r\n margin-top: 1.2rem;\r\n padding-top: 1rem;\r\n text-align: center;\r\n }\r\n\r\n .footer__credits-line p {\r\n font-size: .73rem;\r\n font-weight: 400;\r\n color: rgba(255,255,255,.35);\r\n margin: 0;\r\n }\r\n\r\n .footer__credits-line a {\r\n color: rgba(255,255,255,.55);\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: color var(--t) var(--ease);\r\n }\r\n\r\n .footer__credits-line a:hover {\r\n color: #fff;\r\n }\r\n\r\n @media(max-width: 1100px) {\r\n .footer__top {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n @media(max-width: 768px) {\r\n .footer__inner {\r\n padding: 44px 1.5rem 32px;\r\n }\r\n\r\n .footer__top {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .footer__brand-head {\r\n align-items: flex-start;\r\n }\r\n\r\n .footer__tagline,\r\n .footer__sub-brands {\r\n white-space: normal;\r\n }\r\n\r\n .footer__bottom {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .footer__brand-logos {\r\n gap: 1.4rem;\r\n }\r\n }\r\n\r\n @media(max-width: 480px) {\r\n .footer__brand-head {\r\n flex-direction: column;\r\n gap: .8rem;\r\n }\r\n\r\n .footer__brand-sep {\r\n display: none;\r\n }\r\n\r\n .footer__brand-logo {\r\n height: 44px !important;\r\n max-width: 130px !important;\r\n }\r\n\r\n .footer__brand-logo--mac {\r\n height: 20px !important;\r\n max-width: 76px !important;\r\n }\r\n\r\n .footer__brand-logo--thu {\r\n height: 44px !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"footer__inner\">\r\n <div class=\"footer__top\">\r\n\r\n <div class=\"footer__brand\">\r\n <div class=\"footer__brand-head\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_horizontal_negativo_monocroma-1-scaled.png\" alt=\"Aliauto Group\" class=\"footer__logo\"\/>\r\n\r\n <div class=\"footer__brand-sep\"><\/div>\r\n\r\n <div class=\"footer__brand-right\">\r\n <span class=\"footer__tagline\">Soluciones para avanzar<\/span>\r\n <span class=\"footer__sub-brands\">Aliauto \u00b7 MACSS \u00b7 Thunder<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"footer__about\">\r\n Grupo empresarial andaluz integrado por Aliauto, MACSS-it Tecnolog\u00edas de la Informaci\u00f3n y Thunder Brand & Global Consulting.\r\n <\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"footer__col-title\">Nuestras Empresas<\/h4>\r\n <ul class=\"footer__list\">\r\n <li>\r\n <a href=\"https:\/\/aliauto.com\" target=\"_blank\" rel=\"noopener\" class=\"footer__flink\">\r\n Aliauto \u2014 Automoci\u00f3n e Hidr\u00e1ulica\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"https:\/\/www.macss-it.es\" target=\"_blank\" rel=\"noopener\" class=\"footer__flink\">\r\n MACSS-it \u2014 Tecnolog\u00edas de la Informaci\u00f3n\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"https:\/\/thunderglobal.es\" target=\"_blank\" rel=\"noopener\" class=\"footer__flink\">\r\n Thunder \u2014 Brand & Global Consulting\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"footer__col-title\">Navegaci\u00f3n<\/h4>\r\n <ul class=\"footer__list\">\r\n <li><a href=\"#hero\" class=\"footer__flink\">Inicio<\/a><\/li>\r\n <li><a href=\"#grupo\" class=\"footer__flink\">El Grupo<\/a><\/li>\r\n <li><a href=\"#empresas\" class=\"footer__flink\">Nuestras Empresas<\/a><\/li>\r\n <li><a href=\"#vision\" class=\"footer__flink\">Visi\u00f3n Estrat\u00e9gica<\/a><\/li>\r\n <li><a href=\"#contacto\" class=\"footer__flink\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"footer__col-title\">Sede Corporativa<\/h4>\r\n <address class=\"footer__address\">\r\n <p>Alcal\u00e1 de Guada\u00edra, Sevilla<\/p>\r\n <p>Andaluc\u00eda, Espa\u00f1a<\/p>\r\n <\/address>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer__bottom\">\r\n <p class=\"footer__copy\">\u00a9 <span id=\"yr\"><\/span> Aliauto Group. Todos los derechos reservados.<\/p>\r\n\r\n <div class=\"footer__brand-logos\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/05\/RED-LOGO-EXT.png\" alt=\"Aliauto\" class=\"footer__brand-logo\"\/>\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/MACSS-IT-logo-scaled.png\" alt=\"MACSS-it\" class=\"footer__brand-logo footer__brand-logo--mac\"\/>\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/2-sin-fondo-HQ-scaled.png\" alt=\"Thunder Brand & Global Consulting\" class=\"footer__brand-logo footer__brand-logo--thu\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer__credits-line\">\r\n <p>\r\n Web dise\u00f1ada y desarrollada por\r\n <a href=\"https:\/\/thunderglobal.es\" target=\"_blank\" rel=\"noopener\">Thunder Brand & Global Consulting<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\ndocument.getElementById('yr').textContent = new Date().getFullYear();\r\nconst nav = document.getElementById('nav');\r\nwindow.addEventListener('scroll', () => { nav.classList.toggle('scrolled', window.scrollY > 60); }, { passive: true });\r\nconst burger = document.getElementById('burger');\r\nconst navLinks = document.getElementById('navLinks');\r\nburger.addEventListener('click', () => {\r\n const open = navLinks.classList.toggle('open');\r\n burger.classList.toggle('open', open);\r\n burger.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n burger.setAttribute('aria-label', open ? 'Cerrar men\u00fa' : 'Abrir men\u00fa');\r\n});\r\nnavLinks.querySelectorAll('a').forEach(a => {\r\n a.addEventListener('click', () => {\r\n navLinks.classList.remove('open'); burger.classList.remove('open');\r\n burger.setAttribute('aria-expanded', 'false'); burger.setAttribute('aria-label', 'Abrir men\u00fa');\r\n });\r\n});\r\nconst items = document.querySelectorAll('.rv');\r\nconst io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n}, { threshold: .1, rootMargin: '0px 0px -28px 0px' });\r\nitems.forEach(el => io.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aliauto Group es el grupo empresarial andaluz que integra tres compa\u00f1\u00edas especializadas: Aliauto, referente en automoci\u00f3n industrial e hidr\u00e1ulica; MACSS Tecnolog\u00edas de la Informaci\u00f3n, expertos en transformaci\u00f3n digital; y Thunder Brand & Global Consulting, consultora de marca. Tres empresas independientes unidas bajo una misma visi\u00f3n estrat\u00e9gica: soluciones para avanzar.<\/p>\n","protected":false},"author":3,"featured_media":27,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Aliauto Group | Soluciones para avanzar<\/title>\n<meta name=\"description\" content=\"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aliautogroup.es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Aliauto Group | Soluciones para avanzar\" \/>\n<meta property=\"og:description\" content=\"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aliautogroup.es\/\" \/>\n<meta property=\"og:site_name\" content=\"Aliauto Group\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T11:20:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1781\" \/>\n\t<meta property=\"og:image:height\" content=\"1664\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"17 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/\",\"url\":\"https:\\\/\\\/aliautogroup.es\\\/\",\"name\":\"Aliauto Group | Soluciones para avanzar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/aliautogroup.es\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\",\"datePublished\":\"2026-04-21T10:36:30+00:00\",\"dateModified\":\"2026-05-11T11:20:22+00:00\",\"description\":\"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/aliautogroup.es\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#primaryimage\",\"url\":\"https:\\\/\\\/aliautogroup.es\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\",\"contentUrl\":\"https:\\\/\\\/aliautogroup.es\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\",\"width\":1781,\"height\":1664},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/aliautogroup.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aliauto Group | Soluciones para avanzar \u2014 Grupo Empresarial Andaluz\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#website\",\"url\":\"https:\\\/\\\/aliautogroup.es\\\/\",\"name\":\"Aliauto Group\",\"description\":\"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.\",\"publisher\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aliautogroup.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#organization\",\"name\":\"Aliauto Group\",\"url\":\"https:\\\/\\\/aliautogroup.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/aliautogroup.es\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\",\"contentUrl\":\"https:\\\/\\\/aliautogroup.es\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\",\"width\":1780,\"height\":1662,\"caption\":\"Aliauto Group\"},\"image\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/aliauto-group\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Aliauto Group | Soluciones para avanzar","description":"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aliautogroup.es\/","og_locale":"es_ES","og_type":"article","og_title":"Aliauto Group | Soluciones para avanzar","og_description":"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.","og_url":"https:\/\/aliautogroup.es\/","og_site_name":"Aliauto Group","article_modified_time":"2026-05-11T11:20:22+00:00","og_image":[{"width":1781,"height":1664,"url":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"17 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aliautogroup.es\/","url":"https:\/\/aliautogroup.es\/","name":"Aliauto Group | Soluciones para avanzar","isPartOf":{"@id":"https:\/\/aliautogroup.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aliautogroup.es\/#primaryimage"},"image":{"@id":"https:\/\/aliautogroup.es\/#primaryimage"},"thumbnailUrl":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","datePublished":"2026-04-21T10:36:30+00:00","dateModified":"2026-05-11T11:20:22+00:00","description":"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.","breadcrumb":{"@id":"https:\/\/aliautogroup.es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aliautogroup.es\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/aliautogroup.es\/#primaryimage","url":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","contentUrl":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","width":1781,"height":1664},{"@type":"BreadcrumbList","@id":"https:\/\/aliautogroup.es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/aliautogroup.es\/"},{"@type":"ListItem","position":2,"name":"Aliauto Group | Soluciones para avanzar \u2014 Grupo Empresarial Andaluz"}]},{"@type":"WebSite","@id":"https:\/\/aliautogroup.es\/#website","url":"https:\/\/aliautogroup.es\/","name":"Aliauto Group","description":"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.","publisher":{"@id":"https:\/\/aliautogroup.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aliautogroup.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/aliautogroup.es\/#organization","name":"Aliauto Group","url":"https:\/\/aliautogroup.es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/aliautogroup.es\/#\/schema\/logo\/image\/","url":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","contentUrl":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","width":1780,"height":1662,"caption":"Aliauto Group"},"image":{"@id":"https:\/\/aliautogroup.es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/aliauto-group\/"]}]}},"_links":{"self":[{"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/aliautogroup.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":89,"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":149,"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/media\/27"}],"wp:attachment":[{"href":"https:\/\/aliautogroup.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nAliauto Group \u2014 Soluciones para avanzar<\/title>\r\n<meta name=\"description\" content=\"Aliauto Group es un grupo empresarial andaluz integrado por Aliauto, MACSS-it Tecnolog\u00edas de la Informaci\u00f3n y Thunder Brand & Global Consulting. Soluciones para avanzar.\"\/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;1,9..40,300;1,9..40,400&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n:root {\r\n --ag-red:#bc1142; --ag-burgundy:#941b48;\r\n --ali-red:#e6000d; --macss-orange:#f66a09; --thu-yellow:#f2ff00; --pms1505:#F4620C;\r\n --white:#ffffff; --dark:#0d0d0d; --ink:#111111;\r\n --font:'DM Sans',Arial,Helvetica,sans-serif;\r\n --ease:cubic-bezier(.2,.8,.2,1); --t:260ms;\r\n}\r\nhtml { scroll-behavior:smooth; }\r\nbody { font-family:var(--font); background:var(--white); color:var(--ink); overflow-x:hidden; position:relative; }\r\nimg { display:block; }\r\na { text-decoration:none; color:inherit; }\r\nsection,header,footer,nav { width:100%; }\r\n.ag-wrap { width:100%; max-width:1400px; margin:0 auto; padding:0 3rem; }\r\n.ag-label { font-size:.72rem; font-weight:800; letter-spacing:.28em; text-transform:uppercase; display:flex; align-items:center; gap:.8rem; margin-bottom:3rem; }\r\n.ag-label::before { content:''; width:28px; height:2px; flex-shrink:0; }\r\n.ag-label--dark { color:var(--ag-red); }\r\n.ag-label--dark::before { background:var(--ag-red); }\r\n.ag-label--light { color:rgba(255,255,255,.85); }\r\n.ag-label--light::before { background:rgba(255,255,255,.85); }\r\n.rv { opacity:0; transform:translateY(24px); transition:opacity .7s var(--ease),transform .7s var(--ease); }\r\n.rv.in { opacity:1; transform:none; }\r\n.rv:nth-child(2){transition-delay:.1s} .rv:nth-child(3){transition-delay:.18s} .rv:nth-child(4){transition-delay:.26s}\r\n\r\n\/* \u2550\u2550 NAVBAR \u2550\u2550 *\/\r\n.nav { position:fixed; top:0; left:0; right:0; width:100%!important; z-index:999; border-bottom:1px solid transparent; padding:0; transition:background var(--t) var(--ease),backdrop-filter var(--t) var(--ease),border-color var(--t) var(--ease); }\r\n.nav.scrolled { background:rgba(255,255,255,.97); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom-color:rgba(0,0,0,.08); }\r\n.nav__inner { display:flex; align-items:center; justify-content:space-between; height:88px; max-width:1400px; margin:0 auto; padding:0 3rem; width:100%; gap:2rem; }\r\n.nav__brand { display:flex; align-items:center; gap:1rem; flex-shrink:0; }\r\n.nav__logo { height:44px!important; width:auto!important; max-height:44px!important; max-width:220px!important; object-fit:contain!important; filter:brightness(0) invert(1); transition:filter var(--t) var(--ease); }\r\n.nav.scrolled .nav__logo { filter:brightness(0)!important; }\r\n.nav__claim-sep { width:1px; height:30px; background:rgba(255,255,255,.35); flex-shrink:0; transition:background var(--t) var(--ease); }\r\n.nav.scrolled .nav__claim-sep { background:rgba(0,0,0,.15); }\r\n.nav__claim-text span { font-size:.68rem; font-weight:600; letter-spacing:.06em; color:rgba(255,255,255,.75); text-transform:lowercase; transition:color var(--t) var(--ease); white-space:nowrap; }\r\n.nav.scrolled .nav__claim-text span { color:rgba(0,0,0,.5); }\r\n.nav__links { display:flex; align-items:center; gap:3rem; }\r\n.nav__link { font-size:.8rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.85); position:relative; transition:color var(--t) var(--ease); }\r\n.nav.scrolled .nav__link { color:rgba(0,0,0,.65); }\r\n.nav__link::after { content:''; position:absolute; bottom:-4px; left:0; width:0; height:2px; background:rgba(255,255,255,.9); transition:width .25s var(--ease); }\r\n.nav.scrolled .nav__link::after { background:var(--ag-red); }\r\n.nav__link:hover { color:#fff; }\r\n.nav.scrolled .nav__link:hover { color:var(--ink); }\r\n.nav__link:hover::after { width:100%; }\r\n.nav__burger { display:none; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:40px; height:40px; background:rgba(0,0,0,.28); border:1px solid rgba(255,255,255,.3); border-radius:3px; cursor:pointer; padding:0; flex-shrink:0; transition:background var(--t) var(--ease),border-color var(--t) var(--ease); }\r\n.nav.scrolled .nav__burger { background:rgba(0,0,0,.06); border-color:rgba(0,0,0,.18); }\r\n.nav__burger span { display:block; width:20px; height:2px; background:#fff; border-radius:2px; transition:transform .28s,opacity .28s,background var(--t) var(--ease); }\r\n.nav.scrolled .nav__burger span { background:var(--ink); }\r\n.nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}\r\n.nav__burger.open span:nth-child(2){opacity:0}\r\n.nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\r\n\r\n\/* \u2550\u2550 BOTONES HERO \u2550\u2550 *\/\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 48px;\r\n padding: 0 1.35rem;\r\n border-radius: 4px;\r\n font-size: .72rem;\r\n font-weight: 900;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n text-decoration: none !important;\r\n transition: transform var(--t) var(--ease), opacity var(--t) var(--ease), background var(--t) var(--ease);\r\n}\r\n\r\n.btn:hover {\r\n transform: translateY(-2px);\r\n opacity: .9;\r\n}\r\n\r\n\/* Conoce las empresas *\/\r\n.btn--solid {\r\n background: #0d0d0d;\r\n color: #ffffff !important;\r\n border: 1px solid #0d0d0d;\r\n}\r\n\r\n\/* El Grupo *\/\r\n.btn--ghost {\r\n background: #e9363f;\r\n color: #ffffff !important;\r\n border: 1px solid #e9363f;\r\n}\r\n\r\n\/* \u2550\u2550 HERO \u2550\u2550 *\/\r\n.hero {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n min-height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n padding: 140px 3rem 80px;\r\n position: relative;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(ellipse 80% 70% at 100% 0%, #e6000d 0%, transparent 50%),\r\n radial-gradient(ellipse 60% 60% at 0% 100%, #f2c000 0%, transparent 50%),\r\n radial-gradient(ellipse 70% 60% at 50% 0%, #cc0010 0%, transparent 55%),\r\n radial-gradient(ellipse 55% 55% at 100% 80%, #bc1142 0%, transparent 55%),\r\n radial-gradient(ellipse 50% 50% at 30% 60%, #f66a09 0%, transparent 55%),\r\n #c20000;\r\n}\r\n\r\n.hero::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n opacity: .045;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n background-size: 200px;\r\n pointer-events: none;\r\n}\r\n\r\n.hero::before {\r\n content: '';\r\n position: absolute;\r\n top: 18%;\r\n bottom: 18%;\r\n left: 3rem;\r\n width: 2px;\r\n background: linear-gradient(\r\n 180deg,\r\n transparent,\r\n rgba(255,255,255,.35) 30%,\r\n rgba(255,255,255,.2) 70%,\r\n transparent\r\n );\r\n opacity: .6;\r\n z-index: 1;\r\n}\r\n\r\n.hero__inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n width: 100%;\r\n padding-left: 3rem;\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: 4rem;\r\n align-items: center;\r\n}\r\n\r\n.hero__eyebrow {\r\n font-size: .72rem;\r\n font-weight: 800;\r\n letter-spacing: .3em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.7);\r\n margin-bottom: 1.4rem;\r\n}\r\n\r\n.hero__h1 {\r\n font-size: clamp(3.2rem, 6.5vw, 7rem);\r\n font-weight: 900;\r\n line-height: .93;\r\n letter-spacing: -.02em;\r\n text-transform: uppercase;\r\n color: #fff;\r\n margin-bottom: 1.5rem;\r\n}\r\n\r\n.hero__h1 em {\r\n font-style: normal;\r\n color: rgba(255,255,255,.5);\r\n}\r\n\r\n.hero__claim {\r\n font-size: clamp(.85rem, 1.3vw, 1.1rem);\r\n font-weight: 700;\r\n letter-spacing: .2em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.6);\r\n margin-bottom: 1.7rem;\r\n}\r\n\r\n.hero__desc {\r\n font-size: 1.02rem;\r\n font-weight: 500;\r\n line-height: 1.75;\r\n color: rgba(255,255,255,.9);\r\n max-width: 520px;\r\n margin-bottom: 2.5rem;\r\n}\r\n\r\n.hero__ctas {\r\n display: flex;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n}\r\n\r\n\/* Parte derecha del hero *\/\r\n.hero__visual {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 2rem;\r\n}\r\n\r\n\/* Contenedor que oculta SOLO la parte inferior del logo *\/\r\n.hero__logo-crop {\r\n width: 680px;\r\n height: 560px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n margin-right: -260px;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* Logo AG decorativo *\/\r\n.hero__logo-deco {\r\n width: 680px !important;\r\n max-width: none !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n filter: brightness(0) !important;\r\n opacity: .18;\r\n margin-right: 0;\r\n transform: translateY(0);\r\n}\r\n\r\n.hero__brand-names {\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n letter-spacing: .28em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.75);\r\n white-space: nowrap;\r\n text-align: center;\r\n margin-top: -90px;\r\n}\r\n\r\n.hero__brand-names span {\r\n color: rgba(255,255,255,.35);\r\n margin: 0 .4em;\r\n vertical-align: middle;\r\n}\r\n\r\n.hero__scroll {\r\n position: absolute;\r\n bottom: 2.5rem;\r\n right: 3rem;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: .5rem;\r\n z-index: 2;\r\n}\r\n\r\n.hero__scroll span {\r\n display: block;\r\n width: 1px;\r\n height: 48px;\r\n background: linear-gradient(180deg, transparent, rgba(255,255,255,.4));\r\n animation: scrollAnim 1.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes scrollAnim {\r\n 0% {\r\n transform: scaleY(0);\r\n transform-origin: top;\r\n }\r\n\r\n 50% {\r\n transform: scaleY(1);\r\n transform-origin: top;\r\n }\r\n\r\n 51% {\r\n transform-origin: bottom;\r\n }\r\n\r\n 100% {\r\n transform: scaleY(0);\r\n transform-origin: bottom;\r\n }\r\n}\r\n\r\n.hero__scroll p {\r\n font-size: .58rem;\r\n font-weight: 700;\r\n letter-spacing: .2em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.3);\r\n writing-mode: vertical-rl;\r\n}\r\n\r\n\/* Responsive hero *\/\r\n@media(max-width: 1100px) {\r\n .hero__inner {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero__visual {\r\n display: none;\r\n }\r\n}\r\n\r\n@media(max-width: 768px) {\r\n .hero {\r\n padding: 110px 1.5rem 65px;\r\n }\r\n\r\n .hero::before {\r\n display: none;\r\n }\r\n\r\n .hero__inner {\r\n padding-left: 0;\r\n }\r\n\r\n .hero__h1 {\r\n font-size: clamp(2.8rem, 13vw, 4.2rem);\r\n }\r\n\r\n .hero__scroll {\r\n display: none;\r\n }\r\n}\r\n\r\n@media(max-width: 480px) {\r\n .hero__ctas {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n}\r\n\r\n\/* \u2550\u2550 EL GRUPO \u2550\u2550 *\/\r\n.grupo { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:100px 0; background:#fff; }\r\n.grupo__title { font-size:clamp(2.4rem,4vw,4.2rem); font-weight:900; line-height:.93; text-transform:uppercase; letter-spacing:-.015em; color:var(--ink); margin-bottom:2rem; }\r\n.grupo__title em { font-style:normal; color:var(--ali-red); }\r\n.grupo__lead { font-size:1.06rem; font-weight:600; line-height:1.7; color:rgba(0,0,0,.8); margin-bottom:1.3rem; }\r\n.grupo__body { font-size:.96rem; font-weight:400; line-height:1.8; color:rgba(0,0,0,.6); margin-bottom:1rem; }\r\n.grupo__grid { display:grid; grid-template-columns:1.1fr 1fr; gap:6rem; align-items:start; }\r\n.stats { display:grid; grid-template-columns:1fr 1fr; gap:2px; border:1px solid rgba(0,0,0,.1); border-radius:4px; overflow:hidden; background:rgba(0,0,0,.12); }\r\n.stat { padding:2rem 1.8rem; background:#7E1C1C; display:flex; flex-direction:column; gap:.4rem; transition:background var(--t) var(--ease); }\r\n.stat:hover { background:#e6000d; }\r\n.stat--accent { background:#7E1C1C; }\r\n.stat--accent:hover { background:#e6000d; }\r\n.stat--accent .stat__num,.stat--accent .stat__label { color:#fff; }\r\n.stat__num { font-size:2.2rem; font-weight:900; line-height:1; letter-spacing:-.02em; color:#fff; }\r\n.stat__label { font-size:.78rem; font-weight:600; color:rgba(255,255,255,.7); line-height:1.4; }\r\n.grad-bar { grid-column:1\/-1; height:4px; background:linear-gradient(90deg,var(--ali-red),var(--macss-orange),var(--thu-yellow)); }\r\n\r\n\/* \u2550\u2550 NUESTRAS EMPRESAS \u2550\u2550 *\/\r\n.empresas { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:100px 0; background:#fff; }\r\n.empresas__header { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:end; margin-bottom:4rem; }\r\n.empresas__title { font-size:clamp(2.4rem,4vw,4.2rem); font-weight:900; line-height:.93; text-transform:uppercase; letter-spacing:-.015em; color:var(--ink); }\r\n.empresas__title em { font-style:normal; color:var(--ali-red); }\r\n.empresas__intro { font-size:1rem; font-weight:400; line-height:1.75; color:rgba(0,0,0,.55); max-width:400px; align-self:end; }\r\n.cards-outer { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }\r\n.card-col { display:flex; flex-direction:column; }\r\n.card__logo-above { object-fit:contain!important; object-position:center; display:block; }\r\n.card__logo-wrap { height: 220px; display:flex; align-items:center; justify-content:center; padding:0 18px; margin-bottom:.5rem; width:100%; box-sizing:border-box; }\r\n.card__sector-label { font-size:.62rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; padding:0 0 .8rem; text-align:center; }\r\n.card-col--ali .card__sector-label { color:var(--ali-red); }\r\n.card-col--mac .card__sector-label { color:var(--macss-orange); }\r\n\/* \u25bc Thunder sector label en amarillo corporativo *\/\r\n.card-col--thu .card__sector-label { color:var(--thu-yellow); }\r\n.card { display:flex; flex-direction:column; position:relative; flex:1; border-radius:16px; overflow:hidden; transition:transform var(--t) var(--ease),box-shadow var(--t) var(--ease); }\r\n.card--ali { background:var(--ali-red); }\r\n.card--mac { background:var(--macss-orange); }\r\n.card--thu { background:var(--thu-yellow); }\r\n.card:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(0,0,0,.12); }\r\n.card__body { padding:2rem; display:flex; flex-direction:column; gap:.9rem; flex:1; }\r\n.card__desc { font-size:.88rem; font-weight:400; line-height:1.7; color:rgba(255,255,255,.88); flex:1; }\r\n.card--thu .card__desc { color:rgba(0,0,0,.7); }\r\n.card__tags { list-style:none; display:flex; flex-wrap:wrap; gap:.3rem; }\r\n.card__tags li { font-size:.6rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; padding:.18rem .6rem; border-radius:2px; background:rgba(255,255,255,.18); color:rgba(255,255,255,.9); border:1px solid rgba(255,255,255,.28); }\r\n.card--thu .card__tags li { background:rgba(0,0,0,.1); color:rgba(0,0,0,.7); border-color:rgba(0,0,0,.15); }\r\n.card .card__cta { display:none; }\r\n\r\n\/* tama\u00f1os logos empresa *\/\r\n.card__logo-wrap {\r\n height: 185px;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n padding: 0 18px;\r\n margin-bottom: -6px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n}\r\n\r\n.card-col--ali .card__logo-above {\r\n height: 315px !important;\r\n width: auto !important;\r\n max-width: 105% !important;\r\n object-fit: contain !important;\r\n transform: translateY(74px);\r\n}\r\n\r\n.card-col--mac .card__logo-above {\r\n height: 250px !important;\r\n width: auto !important;\r\n max-width: 90% !important;\r\n object-fit: contain !important;\r\n transform: translateY(58px);\r\n}\r\n\r\n.card-col--thu .card__logo-above {\r\n height: 220px !important;\r\n width: auto !important;\r\n max-width: 95% !important;\r\n object-fit: contain !important;\r\n transform: translateY(28px);\r\n filter: brightness(0) invert(1) sepia(1) saturate(20) hue-rotate(3deg) brightness(1.5) !important;\r\n}\r\n\r\n.card__sector-label {\r\n font-size: .62rem;\r\n font-weight: 800;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n padding: 0 0 .8rem;\r\n text-align: center;\r\n margin-top: 0;\r\n}\r\n\r\n\/* CTA debajo de la card *\/\r\n.card__cta-below { display:flex; align-items:center; justify-content:space-between; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; padding:.7rem 0; border-top:1px solid rgba(0,0,0,.1); margin-top:.4rem; transition:opacity .2s; }\r\n.card__cta-below:hover { opacity:.7; }\r\n.card__cta-below::before { display:none!important; content:none!important; }\r\n.card__cta-below::after {\r\n content: '\\2197' !important;\r\n display: inline-block !important;\r\n font-size: 1rem !important;\r\n line-height: 1 !important;\r\n background: none !important;\r\n background-image: none !important;\r\n width: auto !important;\r\n height: auto !important;\r\n margin-left: .3em;\r\n flex-shrink: 0;\r\n}\r\n.card__cta-below svg,\r\n.card__cta-below img { display:none!important; }\r\n.card__cta-below--ali { color:#e6000d!important; }\r\n.card__cta-below--ali::after { color:#e6000d!important; }\r\n.card__cta-below--mac { color:#f66a09!important; }\r\n.card__cta-below--mac::after { color:#f66a09!important; }\r\n\/* \u25bc Thunder CTA amarillo *\/\r\n.card__cta-below--thu { color:var(--thu-yellow)!important; }\r\n.card__cta-below--thu::after { color:var(--thu-yellow)!important; }\r\n\r\n\/* \u2550\u2550 VISI\u00d3N ESTRAT\u00c9GICA \u2550\u2550 *\/\r\n.vision { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:100px 0; position:relative; background:radial-gradient(ellipse 80% 70% at 100% 0%,#e6000d 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 0% 100%,#f2c000 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 50% 0%,#cc0010 0%,transparent 55%),radial-gradient(ellipse 55% 55% at 100% 80%,#bc1142 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 30% 60%,#f66a09 0%,transparent 55%),#c20000; }\r\n.vision::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:.045; background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); background-size:200px; }\r\n.vision > .ag-wrap { position:relative; z-index:1; }\r\n.vision__grid { display:grid; grid-template-columns:1fr 1.4fr; gap:7rem; align-items:start; }\r\n.vision__hl { font-size:clamp(2.8rem,5vw,5.2rem); font-weight:900; line-height:.9; letter-spacing:-.02em; text-transform:uppercase; color:#fff; position:sticky; top:110px; }\r\n.vision__hl em { font-style:normal; color:rgba(255,255,255,.45); }\r\n.pillars { display:flex; flex-direction:column; }\r\n.pillar { display:flex; gap:1.4rem; padding:1.8rem 0; border-bottom:1px solid rgba(255,255,255,.12); align-items:flex-start; transition:padding-left var(--t) var(--ease); }\r\n.pillar:first-child { border-top:1px solid rgba(255,255,255,.12); }\r\n.pillar:hover { padding-left:.5rem; }\r\n.pillar__icon { flex-shrink:0; width:44px; height:44px; border-radius:3px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.85); transition:background var(--t) var(--ease); }\r\n.pillar:hover .pillar__icon { background:rgba(255,255,255,.2); }\r\n.pillar__title { font-size:.95rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#fff; margin-bottom:.45rem; }\r\n.pillar__text { font-size:.88rem; font-weight:400; line-height:1.75; color:rgba(255,255,255,.85); }\r\n\r\n\/* \u2550\u2550 CONTACTO \u2550\u2550 *\/\r\n.contacto { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:100px 0; background:#fff; }\r\n.contacto__eyebrow { font-size:.7rem; font-weight:800; letter-spacing:.28em; text-transform:uppercase; color:var(--ink); margin-bottom:1.4rem; display:flex; align-items:center; gap:.8rem; }\r\n.contacto__eyebrow::before { content:''; width:28px; height:2px; background:var(--ink); }\r\n.contacto__title { font-size:clamp(2.2rem,3.8vw,3.8rem); font-weight:900; line-height:.93; text-transform:uppercase; letter-spacing:-.015em; color:var(--ali-red); margin-bottom:1.4rem; }\r\n.contacto__title em { font-style:normal; color:var(--ali-red); }\r\n.contacto__desc { font-size:.98rem; font-weight:500; line-height:1.75; color:rgba(0,0,0,.6); max-width:440px; margin-bottom:2.5rem; }\r\n\r\n#contacto { overflow:hidden; }\r\n#contacto .ag-wrap { position:relative; }\r\n\r\n\/* Layout dos columnas: contenido izquierda | logo derecha *\/\r\n#contacto .ag-contact-inner {\r\n display: flex;\r\n align-items: stretch;\r\n gap: 0;\r\n}\r\n#contacto .ag-contact-left {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n#contacto .ag-contact-head { max-width:500px; }\r\n\r\n\/* Logo Aliauto Group \u2014 columna derecha, rojo s\u00f3lido, sangra al borde *\/\r\n#contacto .ag-contact-watermark {\r\n flex-shrink: 0;\r\n width: 320px;\r\n margin-right: -3rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n pointer-events: none;\r\n}\r\n#contacto .ag-contact-watermark img {\r\n display: block;\r\n height: 520px !important;\r\n width: auto !important;\r\n max-width: none !important;\r\n object-fit: contain !important;\r\n filter: brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(301deg);\r\n}\r\n\r\n#contacto .ag-contact-block { width:100%; margin-top:3.5rem; }\r\n#contacto .ag-contact-logos,\r\n#contacto .ag-contact-cards { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; width:100%; align-items:start; }\r\n#contacto .ag-contact-logo-item,\r\n#contacto .ag-contact-card { width:100%; display:flex; flex-direction:column; align-items:center; }\r\n#contacto .ag-contact-separator { width:100%; height:2px; margin:28px 0; background:linear-gradient(90deg,var(--ali-red),var(--macss-orange),var(--thu-yellow)); border-radius:2px; }\r\n#contacto .ag-contact-card .ccard { width:100%; }\r\n#contacto .ag-contact-card .ccard-col__link { width:100%; display:flex; align-items:center; justify-content:center; }\r\n\r\n\/* logos contacto *\/\r\n.ccard-col__logo-wrap { height: 220px; display:flex; align-items:center; justify-content:center; padding:0 18px; }\r\n.ccard-col__logo { object-fit:contain!important; object-position:center; display:block; }\r\n.ccard-col__sector { font-size:.58rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; text-align:center; }\r\n.ccard-col--ali .ccard-col__sector { color:var(--ali-red); }\r\n.ccard-col--mac .ccard-col__sector { color:var(--macss-orange); }\r\n\/* \u25bc Thunder sector contacto en amarillo *\/\r\n.ccard-col--thu .ccard-col__sector { color:var(--thu-yellow)!important; }\r\n.ag-contact-logo-item.ccard-col--ali .ccard-col__logo { height:280px!important; width:auto!important; max-width:95%!important; object-fit:contain!important; }\r\n.ag-contact-logo-item.ccard-col--mac .ccard-col__logo { height:68px!important; width:auto!important; max-width:90%!important; object-fit:contain!important; }\r\n.ag-contact-logo-item.ccard-col--thu .ccard-col__logo { height:220px!important; width:auto!important; max-width:95%!important; object-fit:contain!important; filter:brightness(0) invert(1) sepia(1) saturate(20) hue-rotate(3deg) brightness(1.5)!important; }\r\n.ag-thunder-black { filter:brightness(0) invert(1) sepia(1) saturate(20) hue-rotate(3deg) brightness(1.5)!important; }\r\n\r\n\/* Link \"Contactar\" *\/\r\n.ccard-col__link { display:flex; align-items:center; justify-content:center; margin-top:.6rem; font-size:.72rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; padding:.55rem 0; gap:.5rem; transition:opacity .2s; }\r\n.ccard-col__link:hover { opacity:.65; }\r\n.ccard-col__link::before,\r\n.ccard-col__link::after { display:none!important; content:none!important; }\r\n.ccard-col__link svg,\r\n.ccard-col__link img { display:none!important; }\r\n\r\n\/* tarjetas ccard *\/\r\n.ccard { background:#fff; border-radius:12px; overflow:hidden; display:flex; flex-direction:column; border:2px solid transparent; transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease); }\r\n.ccard:hover { box-shadow:0 8px 28px rgba(0,0,0,.12); }\r\n.ccard--ali { border-color:var(--ali-red); }\r\n.ccard--ali:hover { box-shadow:0 4px 20px rgba(230,0,13,.15); }\r\n.ccard--mac { border-color:var(--macss-orange); }\r\n.ccard--mac:hover { box-shadow:0 4px 20px rgba(246,106,9,.15); }\r\n\/* \u25bc Thunder card borde amarillo *\/\r\n.ccard--thu { border-color:var(--thu-yellow); }\r\n.ccard--thu:hover { box-shadow:0 4px 20px rgba(242,255,0,.25); }\r\n.ccard__header { display:none; }\r\n.ccard__info { padding:.9rem 1.1rem; display:flex; flex-direction:column; gap:.6rem; flex:1; }\r\n\r\n\/* l\u00edneas de contacto *\/\r\n.ccard__line { display:flex; align-items:center; gap:.5rem; font-size:.8rem; font-weight:500; color:rgba(0,0,0,.65); text-decoration:none; transition:color var(--t) var(--ease); }\r\n.ccard__line svg { flex-shrink:0; }\r\n\r\n\/* ALI \u2014 rojo *\/\r\n.ccard--ali .ccard__line { color:rgba(0,0,0,.65); }\r\n.ccard--ali .ccard__line svg { color:var(--ali-red); opacity:1; }\r\na.ccard--ali .ccard__line:hover,\r\n.ccard--ali a.ccard__line:hover { color:var(--ali-red); }\r\n\r\n\/* MAC \u2014 naranja *\/\r\n.ccard--mac .ccard__line { color:rgba(0,0,0,.65); }\r\n.ccard--mac .ccard__line svg { color:var(--macss-orange); opacity:1; }\r\na.ccard__line.mac-link,\r\n.ccard--mac a.ccard__line { color:var(--macss-orange)!important; }\r\n.ccard--mac a.ccard__line:hover { color:#d45a06!important; }\r\n.ccard--mac .ccard__line--addr { color:rgba(0,0,0,.4); cursor:default; }\r\n.ccard--mac .ccard__line--addr svg { color:var(--macss-orange); opacity:.7; }\r\n\r\n\/* THU \u2014 amarillo en iconos y links, texto addr oscuro *\/\r\n.ccard--thu .ccard__line { color:rgba(0,0,0,.65); }\r\n.ccard--thu .ccard__line svg { color:var(--thu-yellow); opacity:1; }\r\n.ccard--thu a.ccard__line { color:var(--thu-yellow)!important; }\r\n.ccard--thu a.ccard__line:hover { color:#c8d400!important; }\r\n.ccard__line--addr { cursor:default; color:rgba(0,0,0,.45); }\r\n.ccard--thu .ccard__line--addr { color:rgba(0,0,0,.4)!important; cursor:default; }\r\n.ccard--thu .ccard__line--addr svg { color:var(--thu-yellow); opacity:.7; }\r\n\r\n\/* \u2550\u2550 FOOTER \u2550\u2550 *\/\r\n.footer { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); color:#fff; position:relative; background:radial-gradient(ellipse 80% 70% at 100% 0%,#e6000d 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 0% 100%,#f2c000 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 50% 0%,#cc0010 0%,transparent 55%),radial-gradient(ellipse 55% 55% at 100% 80%,#bc1142 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 30% 60%,#f66a09 0%,transparent 55%),#c20000; }\r\n.footer::before { content:''; position:absolute; inset:0; pointer-events:none; opacity:.045; background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); background-size:200px; }\r\n.footer__inner { position:relative; z-index:1; max-width:1400px; margin:0 auto; padding:56px 3rem 44px; }\r\n.footer__top { display:grid; grid-template-columns:1.4fr 1.2fr 0.8fr 0.8fr; gap:3rem; align-items:start; padding-bottom:40px; }\r\n.footer__brand { display:flex; flex-direction:column; gap:0; }\r\n.footer__brand-head { display:flex; align-items:center; gap:.9rem; margin-bottom:1rem; }\r\n.footer__logo { height:46px!important; width:auto!important; max-width:160px!important; object-fit:contain!important; filter:brightness(0) invert(1); opacity:.95; flex-shrink:0; }\r\n.footer__brand-sep { width:1px; height:38px; background:rgba(255,255,255,.3); flex-shrink:0; }\r\n.footer__brand-right { display:flex; flex-direction:column; gap:.2rem; }\r\n.footer__tagline { font-size:.92rem; font-weight:700; color:#fff; line-height:1.2; white-space:nowrap; }\r\n.footer__sub-brands { font-size:.6rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55); white-space:nowrap; }\r\n.footer__about { font-size:.84rem; font-weight:400; line-height:1.75; color:rgba(255,255,255,.7); max-width:280px; }\r\n\/* \u25bc T\u00edtulos columna footer \u2192 mismo naranja que los logos (#f66a09) *\/\r\n.footer__col-title { font-size:.62rem; font-weight:800; letter-spacing:.22em; text-transform:uppercase; color:#f66a09; margin-bottom:1.1rem; }\r\n.footer__list { list-style:none; display:flex; flex-direction:column; gap:.6rem; }\r\n.footer__flink { font-size:.84rem; font-weight:500; color:rgba(255,255,255,.8); display:flex; align-items:center; gap:.5rem; transition:color var(--t) var(--ease); }\r\n.footer__flink:hover { color:#fff; }\r\n.footer__address { font-style:normal; font-size:.84rem; line-height:1.85; color:rgba(255,255,255,.75); }\r\n.footer__bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1.2rem; padding-top:28px; }\r\n.footer__copy { font-size:.76rem; font-weight:400; color:rgba(255,255,255,.45); }\r\n.footer__brand-logos { display:flex; align-items:center; gap:2rem; flex-wrap:wrap; }\r\n\/* \u25bc Los 3 logos footer \u2192 Pantone 1505C \u00b7 hue-rotate(324deg) = H\u224824\u00b0 naranja *\/\r\n.footer__brand-logo {\r\n height:52px!important; width:auto!important; max-width:160px!important; object-fit:contain!important;\r\n filter:brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(324deg) brightness(.85) contrast(1.1);\r\n transition:opacity var(--t) var(--ease); opacity:1;\r\n}\r\n.footer__brand-logo:hover { opacity:.7; }\r\n.footer__brand-logo--mac { height:22px!important; max-width:80px!important; }\r\n.footer__brand-logo--thu {\r\n height:52px!important;\r\n filter:brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(324deg) brightness(.85) contrast(1.1)!important;\r\n}\r\n.footer__credits-line { border-top:1px solid rgba(255,255,255,.1); margin-top:1.2rem; padding-top:1rem; text-align:center; }\r\n.footer__credits-line p { font-size:.73rem; font-weight:400; color:rgba(255,255,255,.35); }\r\n.footer__credits-line a { color:rgba(255,255,255,.55); font-weight:600; transition:color var(--t) var(--ease); }\r\n.footer__credits-line a:hover { color:#fff; }\r\n#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle,.pojo-a11y-toolbar-toggle,.one-click-accessibility-toolbar,#wpa11y-icon,.accessibility-icon,[class*=\"a11y\"] .toggle-btn,[id*=\"accessibility-icon\"] { background-color:#e6000d!important; border-color:#bc1142!important; }\r\n[class*=\"a11y\"] .toggle-btn svg,.pojo-a11y-toolbar-toggle svg { color:#fff!important; fill:#fff!important; }\r\n.whatsapp-chat-button,.wc-crm-btn,.click-to-chat,#click-to-chat,.ctc-btn,.wp-whatsapp,[id*=\"whatsapp\"],[class*=\"whatsapp\"]:not([class*=\"card\"]):not([class*=\"wrap\"]):not([class*=\"info\"]):not([class*=\"post\"]),.wati-widget-button,.tidio-chat-button { display:none!important; }\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1100px){\r\n .hero__inner{grid-template-columns:1fr} .hero__visual{display:none}\r\n .grupo__grid,.vision__grid{grid-template-columns:1fr;gap:3rem}\r\n .vision__hl{position:static} .cards-outer{grid-template-columns:1fr;gap:2.5rem}\r\n .empresas__header{grid-template-columns:1fr} .footer__top{grid-template-columns:1fr 1fr}\r\n #contacto .ag-contact-logos,#contacto .ag-contact-cards{grid-template-columns:1fr}\r\n #contacto .ag-contact-watermark{right:-260px;opacity:.06}\r\n}\r\n@media(max-width:768px){\r\n .ag-wrap{padding:0 1.5rem}\r\n .nav__inner{height:78px;padding:0 1.2rem;gap:.8rem}\r\n .nav__logo{height:50px!important;max-height:50px!important}\r\n .nav__claim-sep,.nav__claim-text{display:none}\r\n .nav__burger{display:flex}\r\n .nav__links{position:fixed;top:78px;left:0;right:0;width:100%;flex-direction:column;align-items:stretch;gap:0;background:rgba(255,255,255,.98);backdrop-filter:blur(16px);padding:.5rem 1.2rem 1.2rem;border-bottom:1px solid rgba(0,0,0,.1);transform:translateY(-115%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s var(--ease),opacity .3s var(--ease),visibility .3s var(--ease);z-index:998}\r\n .nav__links.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}\r\n .nav__link{width:100%;padding:.9rem 0;font-size:.78rem;color:var(--ink);border-bottom:1px solid rgba(0,0,0,.07)}\r\n .nav__link:last-child{border-bottom:none} .nav__link::after{display:none} .nav__link:hover{color:var(--ag-red)}\r\n .hero{padding:110px 1.5rem 65px} .hero::before{display:none} .hero__inner{padding-left:0}\r\n .hero__h1{font-size:clamp(2.8rem,13vw,4.2rem)} .hero__scroll{display:none}\r\n .grupo,.empresas,.vision,.contacto{padding:68px 0} .stats{grid-template-columns:1fr}\r\n .footer__inner{padding:44px 1.5rem 32px} .footer__top{grid-template-columns:1fr;gap:2rem}\r\n .footer__bottom{flex-direction:column;align-items:flex-start}\r\n #contacto .ag-contact-watermark{display:none}\r\n}\r\n@media(max-width:480px){\r\n .hero__ctas{flex-direction:column} .btn{width:100%;text-align:center}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header class=\"nav\" id=\"nav\">\r\n <div class=\"nav__inner\">\r\n <a href=\"#hero\" class=\"nav__brand\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_horizontal_negativo_monocroma-1-scaled.png\" alt=\"Aliauto Group\" class=\"nav__logo\"\/>\r\n <\/a>\r\n <nav class=\"nav__links\" id=\"navLinks\" aria-label=\"Men\u00fa principal\">\r\n <a href=\"#grupo\" class=\"nav__link\">El Grupo<\/a>\r\n <a href=\"#empresas\" class=\"nav__link\">Empresas<\/a>\r\n <a href=\"#vision\" class=\"nav__link\">Visi\u00f3n<\/a>\r\n <a href=\"#contacto\" class=\"nav__link\">Contacto<\/a>\r\n <\/nav>\r\n <button class=\"nav__burger\" id=\"burger\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" aria-controls=\"navLinks\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <\/div>\r\n<\/header>\r\n\r\n\r\n\r\n<section class=\"hero\" id=\"hero\">\r\n <div class=\"hero__inner\">\r\n <div class=\"hero__text\">\r\n <p class=\"hero__eyebrow\">Grupo Empresarial \u00b7 Andaluc\u00eda<\/p>\r\n\r\n <h1 class=\"hero__h1\">\r\n Tres empresas.<br\/>\r\n Una <em>visi\u00f3n<\/em><br\/>\r\n compartida.\r\n <\/h1>\r\n\r\n <p class=\"hero__claim\">Soluciones para avanzar<\/p>\r\n\r\n <p class=\"hero__desc\">\r\n Aliauto Group integra tres compa\u00f1\u00edas andaluzas independientes unidas por una misma estrategia:\r\n crear sinergias que impulsen el crecimiento, la innovaci\u00f3n y el desarrollo econ\u00f3mico de Andaluc\u00eda.\r\n <\/p>\r\n\r\n <div class=\"hero__ctas\">\r\n <a href=\"#empresas\" class=\"btn btn--solid\">Conoce las empresas<\/a>\r\n <a href=\"#grupo\" class=\"btn btn--ghost\">El Grupo<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__visual\">\r\n <div class=\"hero__logo-crop\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\" \r\n alt=\"\" \r\n aria-hidden=\"true\" \r\n class=\"hero__logo-deco\"\r\n \/>\r\n <\/div>\r\n\r\n <p class=\"hero__brand-names\">\r\n ALIAUTO <span>\u00b7<\/span> MACSS <span>\u00b7<\/span> THUNDER\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero__scroll\">\r\n <span><\/span>\r\n <p>Scroll<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"grupo\" id=\"grupo\">\r\n <div class=\"ag-wrap\">\r\n <div class=\"ag-label ag-label--dark rv\">El Grupo<\/div>\r\n <div class=\"grupo__grid\">\r\n <div>\r\n <h2 class=\"grupo__title rv\"><em>Juntos<\/em><br\/><em>somos<\/em><br\/><em>m\u00e1s<span style=\"color:inherit\">.<\/span><\/em><\/h2>\r\n <p class=\"grupo__lead rv\">Aliauto Group nace de la voluntad de tres empresas andaluzas de crecer juntas, combinando d\u00e9cadas de experiencia sectorial con capacidad tecnol\u00f3gica y creatividad estrat\u00e9gica.<\/p>\r\n <p class=\"grupo__body rv\">Independientes en su operativa, pero alineadas en su visi\u00f3n: cada empresa aporta su especializaci\u00f3n y fortaleza para generar sinergias reales que beneficien a todos sus integrantes y a los clientes que conf\u00edan en ellas.<\/p>\r\n <p class=\"grupo__body rv\">Un grupo que apuesta por Andaluc\u00eda como base de un proyecto s\u00f3lido, con proyecci\u00f3n nacional e internacional, comprometido con el empleo, la innovaci\u00f3n y el desarrollo econ\u00f3mico de su territorio.<\/p>\r\n <\/div>\r\n <div class=\"stats rv\">\r\n <div class=\"stat\"><span class=\"stat__num\">3<\/span><span class=\"stat__label\">Empresas especializadas<\/span><\/div>\r\n <div class=\"stat stat--accent\"><span class=\"stat__num\">+50<\/span><span class=\"stat__label\">A\u00f1os de experiencia acumulada<\/span><\/div>\r\n <div class=\"stat stat--accent\"><span class=\"stat__num\">+30.000<\/span><span class=\"stat__label\">m\u00b2 de instalaciones en Andaluc\u00eda<\/span><\/div>\r\n <div class=\"stat\"><span class=\"stat__num\">1<\/span><span class=\"stat__label\">Visi\u00f3n estrat\u00e9gica compartida<\/span><\/div>\r\n <div class=\"grad-bar\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"empresas\" id=\"empresas\">\r\n <style>\r\n \/* \u2550\u2550 NUESTRAS EMPRESAS \u2550\u2550 *\/\r\n .empresas {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n padding: 100px 0;\r\n background: #fff;\r\n }\r\n\r\n .empresas__header {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 3rem;\r\n align-items: end;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .empresas__title {\r\n font-size: clamp(2.4rem, 4vw, 4.2rem);\r\n font-weight: 900;\r\n line-height: .93;\r\n text-transform: uppercase;\r\n letter-spacing: -.015em;\r\n color: var(--ali-red);\r\n }\r\n\r\n .empresas__title em {\r\n font-style: normal;\r\n color: var(--ali-red);\r\n }\r\n\r\n .empresas__intro {\r\n font-size: 1rem;\r\n font-weight: 400;\r\n line-height: 1.75;\r\n color: rgba(0,0,0,.55);\r\n max-width: 400px;\r\n align-self: end;\r\n }\r\n\r\n .cards-outer {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .card-col {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .card__logo-wrap {\r\n height: 185px;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n padding: 0 18px;\r\n margin-bottom: -6px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .card__logo-above {\r\n object-fit: contain !important;\r\n object-position: center;\r\n display: block;\r\n }\r\n\r\n .card-col--ali .card__logo-above {\r\n height: 315px !important;\r\n width: auto !important;\r\n max-width: 105% !important;\r\n object-fit: contain !important;\r\n transform: translateY(74px);\r\n }\r\n\r\n .card-col--mac .card__logo-above {\r\n height: 250px !important;\r\n width: auto !important;\r\n max-width: 90% !important;\r\n object-fit: contain !important;\r\n transform: translateY(58px);\r\n }\r\n\r\n \/* Thunder: logo negro real *\/\r\n .card-col--thu .card__logo-above {\r\n height: 220px !important;\r\n width: auto !important;\r\n max-width: 95% !important;\r\n object-fit: contain !important;\r\n transform: translateY(28px);\r\n filter: brightness(0) saturate(100%) contrast(200%) !important;\r\n }\r\n\r\n .card__sector-label {\r\n font-size: .62rem;\r\n font-weight: 800;\r\n letter-spacing: .18em;\r\n text-transform: uppercase;\r\n padding: 0 0 .8rem;\r\n text-align: center;\r\n margin-top: 0;\r\n }\r\n\r\n .card-col--ali .card__sector-label {\r\n color: var(--ali-red);\r\n }\r\n\r\n .card-col--mac .card__sector-label {\r\n color: var(--macss-orange);\r\n }\r\n\r\n \/* Thunder: Brand & Global Consulting en negro *\/\r\n .card-col--thu .card__sector-label {\r\n color: #111 !important;\r\n }\r\n\r\n .card {\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n flex: 1;\r\n border-radius: 16px;\r\n overflow: hidden;\r\n transition: transform var(--t) var(--ease), box-shadow var(--t) var(--ease);\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 40px rgba(0,0,0,.12);\r\n }\r\n\r\n .card--ali {\r\n background: var(--ali-red);\r\n }\r\n\r\n .card--mac {\r\n background: var(--macss-orange);\r\n }\r\n\r\n .card--thu {\r\n background: var(--thu-yellow);\r\n }\r\n\r\n .card__body {\r\n padding: 2rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: .9rem;\r\n flex: 1;\r\n }\r\n\r\n .card__desc {\r\n font-size: .88rem;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n color: rgba(255,255,255,.88);\r\n flex: 1;\r\n }\r\n\r\n .card--thu .card__desc {\r\n color: rgba(0,0,0,.75);\r\n }\r\n\r\n .card__tags {\r\n list-style: none;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: .3rem;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .card__tags li {\r\n font-size: .6rem;\r\n font-weight: 700;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n padding: .18rem .6rem;\r\n border-radius: 2px;\r\n background: rgba(255,255,255,.18);\r\n color: rgba(255,255,255,.9);\r\n border: 1px solid rgba(255,255,255,.28);\r\n }\r\n\r\n .card--thu .card__tags li {\r\n background: rgba(0,0,0,.1);\r\n color: rgba(0,0,0,.75);\r\n border-color: rgba(0,0,0,.15);\r\n }\r\n\r\n .card .card__cta {\r\n display: none;\r\n }\r\n\r\n \/* CTA debajo de la card *\/\r\n .card__cta-below {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n font-size: .68rem;\r\n font-weight: 800;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n padding: .7rem 0;\r\n border-top: 1px solid rgba(0,0,0,.1);\r\n margin-top: .4rem;\r\n transition: opacity .2s;\r\n }\r\n\r\n .card__cta-below:hover {\r\n opacity: .7;\r\n }\r\n\r\n .card__cta-below::before {\r\n display: none !important;\r\n content: none !important;\r\n }\r\n\r\n .card__cta-below::after {\r\n content: '\\2197' !important;\r\n display: inline-block !important;\r\n font-size: 1rem !important;\r\n line-height: 1 !important;\r\n background: none !important;\r\n background-image: none !important;\r\n width: auto !important;\r\n height: auto !important;\r\n margin-left: .3em;\r\n flex-shrink: 0;\r\n }\r\n\r\n .card__cta-below svg,\r\n .card__cta-below img {\r\n display: none !important;\r\n }\r\n\r\n .card__cta-below--ali {\r\n color: var(--ali-red) !important;\r\n }\r\n\r\n .card__cta-below--ali::after {\r\n color: var(--ali-red) !important;\r\n }\r\n\r\n .card__cta-below--mac {\r\n color: var(--macss-orange) !important;\r\n }\r\n\r\n .card__cta-below--mac::after {\r\n color: var(--macss-orange) !important;\r\n }\r\n\r\n \/* Thunder: visitar web en negro *\/\r\n .card__cta-below--thu {\r\n color: #111 !important;\r\n }\r\n\r\n .card__cta-below--thu::after {\r\n color: #111 !important;\r\n }\r\n\r\n @media(max-width: 1100px) {\r\n .cards-outer {\r\n grid-template-columns: 1fr;\r\n gap: 2.5rem;\r\n }\r\n\r\n .empresas__header {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media(max-width: 768px) {\r\n .empresas {\r\n padding: 68px 0;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"ag-wrap\">\r\n <div class=\"ag-label ag-label--dark rv\">Nuestras Empresas<\/div>\r\n\r\n <div class=\"empresas__header\">\r\n <h2 class=\"empresas__title rv\">\r\n <em>Tres<\/em><br\/>\r\n <em>Compa\u00f1\u00edas,<\/em><br\/>\r\n Un grupo.\r\n <\/h2>\r\n\r\n <p class=\"empresas__intro rv\">\r\n Cada empresa mantiene su identidad propia, su autonom\u00eda y su marca. Aliauto Group las une bajo un mismo prop\u00f3sito corporativo.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"cards-outer\">\r\n\r\n \r\n <div class=\"card-col card-col--ali\">\r\n <div class=\"card__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/05\/RED-LOGO-EXT.png\" alt=\"Aliauto\" class=\"card__logo-above\"\/>\r\n <\/div>\r\n\r\n <p class=\"card__sector-label\">Automoci\u00f3n \u00b7 Hidr\u00e1ulica<\/p>\r\n\r\n <article class=\"card card--ali\">\r\n <div class=\"card__body\">\r\n <p class=\"card__desc\">\r\n Referente nacional en recambios para veh\u00edculos industriales y soluciones hidr\u00e1ulicas. Con m\u00e1s de 50 a\u00f1os de historia, m\u00e1s de 30.000 m\u00b2 de instalaciones en Andaluc\u00eda y Marruecos, y una red de delegaciones que garantiza rapidez, disponibilidad y asesoramiento t\u00e9cnico de primer nivel. Certificada ISO 9001.\r\n <\/p>\r\n\r\n <ul class=\"card__tags\">\r\n <li>Automoci\u00f3n Industrial<\/li>\r\n <li>Hidr\u00e1ulica<\/li>\r\n <li>Log\u00edstica avanzada<\/li>\r\n <li>ISO 9001<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/article>\r\n\r\n <a href=\"https:\/\/aliauto.com\" target=\"_blank\" rel=\"noopener\"\r\n class=\"card__cta-below card__cta-below--ali\">\r\n Visitar aliauto.com\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-col card-col--mac\">\r\n <div class=\"card__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/05\/MACSS-IT-logo.pdf-1.png\" alt=\"MACSS-it\" class=\"card__logo-above\"\/>\r\n <\/div>\r\n\r\n <p class=\"card__sector-label\">Tecnolog\u00edas de la Informaci\u00f3n<\/p>\r\n\r\n <article class=\"card card--mac\">\r\n <div class=\"card__body\">\r\n <p class=\"card__desc\">\r\n Especialistas en transformaci\u00f3n digital de empresas. MACSS-it ofrece soluciones de movilidad, an\u00e1lisis de datos, cloud computing, social business y ciberseguridad, con un equipo con m\u00e1s de 25 a\u00f1os de experiencia en el sector TIC para generar cambios reales en los resultados de las organizaciones.\r\n <\/p>\r\n\r\n <ul class=\"card__tags\">\r\n <li>Cloud Computing<\/li>\r\n <li>Desarrollo Software<\/li>\r\n <li>Transformaci\u00f3n Digital<\/li>\r\n <li>Ciberseguridad<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/article>\r\n\r\n <a href=\"https:\/\/www.macss-it.es\" target=\"_blank\" rel=\"noopener\"\r\n class=\"card__cta-below card__cta-below--mac\">\r\n Visitar macss-it.es\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card-col card-col--thu\">\r\n <div class=\"card__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/2-sin-fondo-HQ-scaled.png\" alt=\"Thunder Brand & Global Consulting\" class=\"card__logo-above\"\/>\r\n <\/div>\r\n\r\n <p class=\"card__sector-label\">Brand & Global Consulting<\/p>\r\n\r\n <article class=\"card card--thu\">\r\n <div class=\"card__body\">\r\n <p class=\"card__desc\">\r\n Agencia de branding y consultor\u00eda de marca con sede en Algeciras, Campo de Gibraltar. Thunder Brand & Global Consulting acompa\u00f1a a las empresas en la construcci\u00f3n de marcas con identidad propia, desarrolla estrategia de comunicaci\u00f3n y presencia digital para que cada organizaci\u00f3n conecte de forma aut\u00e9ntica con su p\u00fablico.\r\n <\/p>\r\n\r\n <ul class=\"card__tags\">\r\n <li>Branding<\/li>\r\n <li>Web & Digital<\/li>\r\n <li>Consultor\u00eda Estrat\u00e9gica<\/li>\r\n <li>Comunicaci\u00f3n<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/article>\r\n\r\n <a href=\"https:\/\/thunderglobal.es\" target=\"_blank\" rel=\"noopener\"\r\n class=\"card__cta-below card__cta-below--thu\">\r\n Visitar thunderglobal.es\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<section class=\"vision\" id=\"vision\">\r\n <div class=\"ag-wrap\">\r\n <div class=\"ag-label ag-label--light rv\">Visi\u00f3n Estrat\u00e9gica<\/div>\r\n <div class=\"vision__grid\">\r\n <div>\r\n <h2 class=\"vision__hl rv\">Sinergias<br\/>que mueven<br\/><em>Andaluc\u00eda.<\/em><\/h2>\r\n <\/div>\r\n <div class=\"pillars\">\r\n <div class=\"pillar rv\">\r\n <div class=\"pillar__icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg><\/div>\r\n <div><h3 class=\"pillar__title\">Tres especialidades, una sola llamada<\/h3><p class=\"pillar__text\">Automoci\u00f3n industrial, tecnolog\u00eda empresarial y comunicaci\u00f3n de marca bajo un mismo paraguas. Aliauto Group conecta a sus clientes con la empresa del grupo m\u00e1s adecuada a sus necesidades.<\/p><\/div>\r\n <\/div>\r\n <div class=\"pillar rv\">\r\n <div class=\"pillar__icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2\"\/><path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/><\/svg><\/div>\r\n <div><h3 class=\"pillar__title\">Innovaci\u00f3n en cada sector<\/h3><p class=\"pillar__text\">Desde la automatizaci\u00f3n log\u00edstica de \u00faltima generaci\u00f3n hasta las soluciones cloud m\u00e1s avanzadas y las estrategias de marca m\u00e1s efectivas, el grupo avanza siempre un paso por delante.<\/p><\/div>\r\n <\/div>\r\n <div class=\"pillar rv\">\r\n <div class=\"pillar__icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n <div><h3 class=\"pillar__title\">Arraigo andaluz, visi\u00f3n global<\/h3><p class=\"pillar__text\">Nacidas en Andaluc\u00eda, con presencia en toda Espa\u00f1a y Marruecos. Las empresas del grupo combinan el conocimiento del territorio con capacidad de operar a escala nacional e internacional.<\/p><\/div>\r\n <\/div>\r\n <div class=\"pillar rv\">\r\n <div class=\"pillar__icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\r\n <div><h3 class=\"pillar__title\">Experiencia que respalda<\/h3><p class=\"pillar__text\">M\u00e1s de 50 a\u00f1os de trayectoria acumulada, equipos altamente cualificados y una red de referencias probadas en diferentes sectores avalan la solidez de cada empresa del grupo.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section class=\"contacto\" id=\"contacto\">\r\n <style>\r\n \/* \u2550\u2550 CONTACTO \u2550\u2550 *\/\r\n .contacto {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n padding: 100px 0;\r\n background: #fff;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n #contacto .ag-wrap {\r\n position: relative;\r\n }\r\n\r\n #contacto .ag-contact-inner {\r\n display: grid;\r\n grid-template-columns: minmax(0, 760px) minmax(320px, 1fr);\r\n align-items: center;\r\n gap: clamp(48px, 7vw, 120px);\r\n }\r\n\r\n #contacto .ag-contact-left {\r\n width: 100%;\r\n min-width: 0;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n #contacto .ag-contact-head {\r\n max-width: 500px;\r\n }\r\n\r\n .contacto__eyebrow {\r\n font-size: .7rem;\r\n font-weight: 800;\r\n letter-spacing: .28em;\r\n text-transform: uppercase;\r\n color: var(--ink);\r\n margin-bottom: 1.4rem;\r\n display: flex;\r\n align-items: center;\r\n gap: .8rem;\r\n }\r\n\r\n .contacto__eyebrow::before {\r\n content: '';\r\n width: 28px;\r\n height: 2px;\r\n background: var(--ink);\r\n flex-shrink: 0;\r\n }\r\n\r\n .contacto__title {\r\n font-size: clamp(2.2rem, 3.8vw, 3.8rem);\r\n font-weight: 900;\r\n line-height: .93;\r\n text-transform: uppercase;\r\n letter-spacing: -.015em;\r\n color: var(--ali-red);\r\n margin-bottom: 1.4rem;\r\n }\r\n\r\n .contacto__title em {\r\n font-style: normal;\r\n color: var(--ali-red);\r\n }\r\n\r\n .contacto__desc {\r\n font-size: .98rem;\r\n font-weight: 500;\r\n line-height: 1.75;\r\n color: rgba(0,0,0,.72);\r\n max-width: 440px;\r\n margin-bottom: 2.5rem;\r\n }\r\n\r\n #contacto .ag-contact-block {\r\n width: 100%;\r\n margin-top: 3.5rem;\r\n }\r\n\r\n #contacto .ag-contact-logos,\r\n #contacto .ag-contact-sectors,\r\n #contacto .ag-contact-cards {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 28px;\r\n width: 100%;\r\n align-items: start;\r\n }\r\n\r\n #contacto .ag-contact-logo-item,\r\n #contacto .ag-contact-sector-item,\r\n #contacto .ag-contact-card {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n min-width: 0;\r\n }\r\n\r\n \/* Barra justo debajo de los logos *\/\r\n #contacto .ag-contact-separator {\r\n width: 100%;\r\n height: 2px;\r\n margin: 8px 0 12px;\r\n background: linear-gradient(90deg, var(--ali-red), var(--macss-orange), var(--thu-yellow));\r\n border-radius: 2px;\r\n }\r\n\r\n \/* Textos de sector debajo de la barra *\/\r\n #contacto .ag-contact-sectors {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .ccard-col__sector {\r\n font-size: .68rem;\r\n font-weight: 800;\r\n letter-spacing: .15em;\r\n text-transform: uppercase;\r\n text-align: center;\r\n margin: 0;\r\n white-space: nowrap;\r\n }\r\n\r\n .ccard-col--ali .ccard-col__sector {\r\n color: var(--ali-red);\r\n }\r\n\r\n .ccard-col--mac .ccard-col__sector {\r\n color: var(--macss-orange);\r\n }\r\n\r\n \/* Thunder: Brand & Global Consulting en negro *\/\r\n .ccard-col--thu .ccard-col__sector {\r\n color: #111 !important;\r\n }\r\n\r\n \/* Logo grande derecha *\/\r\n #contacto .ag-contact-watermark {\r\n width: 100%;\r\n min-width: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n pointer-events: none;\r\n position: relative;\r\n z-index: 1;\r\n overflow: visible;\r\n }\r\n\r\n #contacto .ag-contact-watermark-crop {\r\n width: 680px;\r\n height: 560px;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transform: translateX(300px);\r\n }\r\n\r\n #contacto .ag-contact-watermark img {\r\n display: block;\r\n width: 680px !important;\r\n max-width: none !important;\r\n height: auto !important;\r\n object-fit: contain !important;\r\n transform: translateY(0);\r\n filter: brightness(0) saturate(100%) invert(14%) sepia(98%) saturate(6884%) hue-rotate(356deg) brightness(94%) contrast(116%) !important;\r\n }\r\n\r\n \/* Logos contacto *\/\r\n .ccard-col__logo-wrap {\r\n height: 128px;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n padding: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n overflow: visible;\r\n }\r\n\r\n .ccard-col__logo {\r\n object-fit: contain !important;\r\n object-position: center bottom;\r\n display: block;\r\n }\r\n\r\n .ag-contact-logo-item.ccard-col--ali .ccard-col__logo {\r\n width: 140% !important;\r\n height: auto !important;\r\n max-width: 150% !important;\r\n object-fit: contain !important;\r\n transform: translateY(46px);\r\n }\r\n\r\n .ag-contact-logo-item.ccard-col--mac .ccard-col__logo {\r\n width: 120% !important;\r\n height: auto !important;\r\n max-width: 120% !important;\r\n object-fit: contain !important;\r\n transform: translateY(67px);\r\n }\r\n\r\n \/* Thunder: logo negro real *\/\r\n .ag-contact-logo-item.ccard-col--thu .ccard-col__logo {\r\n width: 90% !important;\r\n height: auto !important;\r\n max-width: 100% !important;\r\n object-fit: contain !important;\r\n transform: translateY(43px);\r\n filter: brightness(0) saturate(100%) contrast(200%) !important;\r\n }\r\n\r\n .ag-thunder-black {\r\n filter: brightness(0) saturate(100%) contrast(200%) !important;\r\n }\r\n\r\n \/* Tarjetas *\/\r\n .ccard {\r\n width: 100%;\r\n min-height: 168px;\r\n background: #fff;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n border: 1px solid rgba(0,0,0,.12);\r\n transition: box-shadow var(--t) var(--ease), transform var(--t) var(--ease);\r\n }\r\n\r\n .ccard:hover {\r\n box-shadow: 0 8px 28px rgba(0,0,0,.10);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Solo bordes de tarjetas en color *\/\r\n .ccard--ali {\r\n border-color: var(--ali-red);\r\n }\r\n\r\n .ccard--mac {\r\n border-color: var(--macss-orange);\r\n }\r\n\r\n .ccard--thu {\r\n border-color: var(--thu-yellow);\r\n }\r\n\r\n .ccard__header {\r\n display: none;\r\n }\r\n\r\n .ccard__info {\r\n padding: 1.05rem 1rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: .78rem;\r\n flex: 1;\r\n }\r\n\r\n .ccard__line,\r\n .ccard__line:link,\r\n .ccard__line:visited,\r\n .ccard__line:hover,\r\n .ccard__line:active {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: .55rem;\r\n font-size: .78rem;\r\n font-weight: 600;\r\n line-height: 1.45;\r\n color: #111 !important;\r\n text-decoration: none !important;\r\n transition: opacity var(--t) var(--ease);\r\n }\r\n\r\n .ccard__line:hover {\r\n opacity: .7;\r\n }\r\n\r\n .ccard__line svg {\r\n flex-shrink: 0;\r\n margin-top: .1rem;\r\n }\r\n\r\n \/* Iconos en color corporativo *\/\r\n .ccard--ali .ccard__line svg,\r\n .ccard--ali .ccard__line svg * {\r\n color: var(--ali-red) !important;\r\n stroke: var(--ali-red) !important;\r\n }\r\n\r\n .ccard--mac .ccard__line svg,\r\n .ccard--mac .ccard__line svg * {\r\n color: var(--macss-orange) !important;\r\n stroke: var(--macss-orange) !important;\r\n }\r\n\r\n .ccard--thu .ccard__line svg,\r\n .ccard--thu .ccard__line svg * {\r\n color: var(--thu-yellow) !important;\r\n stroke: var(--thu-yellow) !important;\r\n }\r\n\r\n .ccard__line--addr,\r\n .ccard__line--addr:hover {\r\n color: #111 !important;\r\n opacity: 1;\r\n cursor: default;\r\n }\r\n\r\n \/* Link contactar *\/\r\n .ccard-col__link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: .8rem;\r\n font-size: .72rem;\r\n font-weight: 800;\r\n letter-spacing: .1em;\r\n text-transform: uppercase;\r\n text-decoration: none !important;\r\n padding: .55rem 0;\r\n gap: .5rem;\r\n transition: opacity .2s;\r\n }\r\n\r\n .ccard-col__link:hover {\r\n opacity: .65;\r\n }\r\n\r\n .ccard-col--ali .ccard-col__link {\r\n color: var(--ali-red) !important;\r\n }\r\n\r\n .ccard-col--mac .ccard-col__link {\r\n color: var(--macss-orange) !important;\r\n }\r\n\r\n \/* Thunder: Contactar en negro *\/\r\n .ccard-col--thu .ccard-col__link {\r\n color: #111 !important;\r\n }\r\n\r\n \/* Override final: texto negro dentro de tarjetas *\/\r\n #contacto .ag-contact-card .ccard .ccard__info a,\r\n #contacto .ag-contact-card .ccard .ccard__info span,\r\n #contacto .ag-contact-card .ccard .ccard__info .ccard__line,\r\n #contacto .ag-contact-card .ccard .ccard__info .ccard__line:link,\r\n #contacto .ag-contact-card .ccard .ccard__info .ccard__line:visited,\r\n #contacto .ag-contact-card .ccard .ccard__info .ccard__line:hover,\r\n #contacto .ag-contact-card .ccard .ccard__info .ccard__line:active {\r\n color: #111 !important;\r\n }\r\n\r\n #contacto .ag-contact-card .ccard .ccard__info a:hover {\r\n color: #111 !important;\r\n }\r\n\r\n \/* Reaplicar color solo en iconos *\/\r\n #contacto .ccard--ali .ccard__line svg,\r\n #contacto .ccard--ali .ccard__line svg * {\r\n color: var(--ali-red) !important;\r\n stroke: var(--ali-red) !important;\r\n }\r\n\r\n #contacto .ccard--mac .ccard__line svg,\r\n #contacto .ccard--mac .ccard__line svg * {\r\n color: var(--macss-orange) !important;\r\n stroke: var(--macss-orange) !important;\r\n }\r\n\r\n #contacto .ccard--thu .ccard__line svg,\r\n #contacto .ccard--thu .ccard__line svg * {\r\n color: var(--thu-yellow) !important;\r\n stroke: var(--thu-yellow) !important;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media(max-width: 1100px) {\r\n #contacto .ag-contact-inner {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n #contacto .ag-contact-watermark {\r\n display: none;\r\n }\r\n }\r\n\r\n @media(max-width: 768px) {\r\n .contacto {\r\n padding: 68px 0;\r\n }\r\n\r\n #contacto .ag-contact-logos,\r\n #contacto .ag-contact-sectors,\r\n #contacto .ag-contact-cards {\r\n grid-template-columns: 1fr;\r\n gap: 20px;\r\n }\r\n\r\n #contacto .ag-contact-separator {\r\n margin: 14px 0 18px;\r\n }\r\n\r\n #contacto .ag-contact-sectors {\r\n margin-bottom: 24px;\r\n }\r\n\r\n .ccard-col__sector {\r\n white-space: normal;\r\n }\r\n\r\n .ccard-col__logo-wrap {\r\n height: 140px;\r\n }\r\n\r\n .ag-contact-logo-item.ccard-col--ali .ccard-col__logo {\r\n width: 100% !important;\r\n }\r\n\r\n .ag-contact-logo-item.ccard-col--mac .ccard-col__logo {\r\n width: 82% !important;\r\n }\r\n\r\n .ag-contact-logo-item.ccard-col--thu .ccard-col__logo {\r\n width: 75% !important;\r\n filter: brightness(0) saturate(100%) contrast(200%) !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"ag-wrap\">\r\n <div class=\"ag-contact-inner\">\r\n\r\n \r\n <div class=\"ag-contact-left\">\r\n\r\n <div class=\"ag-contact-head rv\">\r\n <p class=\"contacto__eyebrow\">Contacto<\/p>\r\n <h2 class=\"contacto__title\">\u00bfHablamos de<br\/><em>crecer juntos?<\/em><\/h2>\r\n <p class=\"contacto__desc\">\r\n Contacta directamente con la empresa del grupo que mejor se adapte a tus necesidades.\r\n Estaremos encantados de atenderte.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"ag-contact-block rv\">\r\n\r\n \r\n <div class=\"ag-contact-logos\">\r\n <div class=\"ag-contact-logo-item ccard-col--ali\">\r\n <div class=\"ccard-col__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/05\/RED-LOGO-EXT.png\" alt=\"Aliauto\" class=\"ccard-col__logo\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ag-contact-logo-item ccard-col--mac\">\r\n <div class=\"ccard-col__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/05\/MACSS-IT-logo.pdf-1.png\" alt=\"MACSS-it\" class=\"ccard-col__logo\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"ag-contact-logo-item ccard-col--thu\">\r\n <div class=\"ccard-col__logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/2-sin-fondo-HQ-scaled.png\" alt=\"Thunder Brand & Global Consulting\" class=\"ccard-col__logo ag-thunder-black\"\/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ag-contact-separator\"><\/div>\r\n\r\n \r\n <div class=\"ag-contact-sectors\">\r\n <div class=\"ag-contact-sector-item ccard-col--ali\">\r\n <p class=\"ccard-col__sector\">Automoci\u00f3n \u00b7 Hidr\u00e1ulica<\/p>\r\n <\/div>\r\n\r\n <div class=\"ag-contact-sector-item ccard-col--mac\">\r\n <p class=\"ccard-col__sector\">Tecnolog\u00edas de la Informaci\u00f3n<\/p>\r\n <\/div>\r\n\r\n <div class=\"ag-contact-sector-item ccard-col--thu\">\r\n <p class=\"ccard-col__sector\">Brand & Global Consulting<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ag-contact-cards\">\r\n\r\n \r\n <div class=\"ag-contact-card ccard-col--ali\">\r\n <div class=\"ccard ccard--ali\">\r\n <div class=\"ccard__info\">\r\n <a href=\"tel:+34955634732\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13 19.79 19.79 0 0 1 1.61 4.35 2 2 0 0 1 3.59 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.16 6.16l1.27-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n 955 634 732\r\n <\/a>\r\n\r\n <a href=\"mailto:aliauto@aliauto.com\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n aliauto@aliauto.com\r\n <\/a>\r\n\r\n <span class=\"ccard__line ccard__line--addr\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n Alcal\u00e1 de Guada\u00edra, Sevilla\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/aliauto.com\/contacto\/\" target=\"_blank\" rel=\"noopener\" class=\"ccard-col__link\">\r\n Contactar <span>\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"ag-contact-card ccard-col--mac\">\r\n <div class=\"ccard ccard--mac\">\r\n <div class=\"ccard__info\">\r\n <a href=\"tel:+34854992746\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 13 19.79 19.79 0 0 1 1.61 4.35 2 2 0 0 1 3.59 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9.91a16 16 0 0 0 6.16 6.16l1.27-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n 854 99 27 46\r\n <\/a>\r\n\r\n <a href=\"mailto:info@macss-it.es\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n info@macss-it.es\r\n <\/a>\r\n\r\n <span class=\"ccard__line ccard__line--addr\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n Sevilla\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.macss-it.es\/contacto\/\" target=\"_blank\" rel=\"noopener\" class=\"ccard-col__link\">\r\n Contactar <span>\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"ag-contact-card ccard-col--thu\">\r\n <div class=\"ccard ccard--thu\">\r\n <div class=\"ccard__info\">\r\n <a href=\"tel:+34640961862\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.91a16 16 0 0 0 6 6l.91-.91a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16.92z\"\/>\r\n <\/svg>\r\n 640 96 18 62\r\n <\/a>\r\n\r\n <a href=\"mailto:thunder@thunderglobal.es\" class=\"ccard__line\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\r\n <polyline points=\"22,6 12,13 2,6\"\/>\r\n <\/svg>\r\n thunder@thunderglobal.es\r\n <\/a>\r\n\r\n <span class=\"ccard__line ccard__line--addr\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n <\/svg>\r\n Algeciras, C\u00e1diz\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/thunderglobal.es\" target=\"_blank\" rel=\"noopener\" class=\"ccard-col__link\">\r\n Contactar <span>\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"ag-contact-watermark\" aria-hidden=\"true\">\r\n <div class=\"ag-contact-watermark-crop\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\" alt=\"\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer class=\"footer\">\r\n <style>\r\n \/* \u2550\u2550 FOOTER \u2550\u2550 *\/\r\n .footer {\r\n width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n color: #fff;\r\n position: relative;\r\n background:\r\n radial-gradient(ellipse 80% 70% at 100% 0%, #e6000d 0%, transparent 50%),\r\n radial-gradient(ellipse 60% 60% at 0% 100%, #f2c000 0%, transparent 50%),\r\n radial-gradient(ellipse 70% 60% at 50% 0%, #cc0010 0%, transparent 55%),\r\n radial-gradient(ellipse 55% 55% at 100% 80%, #bc1142 0%, transparent 55%),\r\n radial-gradient(ellipse 50% 50% at 30% 60%, #f66a09 0%, transparent 55%),\r\n #c20000;\r\n overflow: hidden;\r\n }\r\n\r\n .footer::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n opacity: .045;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n background-size: 200px;\r\n }\r\n\r\n .footer__inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 56px 3rem 44px;\r\n }\r\n\r\n .footer__top {\r\n display: grid;\r\n grid-template-columns: 1.4fr 1.2fr .8fr .8fr;\r\n gap: 3rem;\r\n align-items: start;\r\n padding-bottom: 40px;\r\n }\r\n\r\n .footer__brand {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .footer__brand-head {\r\n display: flex;\r\n align-items: center;\r\n gap: .9rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .footer__logo {\r\n height: 46px !important;\r\n width: auto !important;\r\n max-width: 160px !important;\r\n object-fit: contain !important;\r\n filter: brightness(0) invert(1);\r\n opacity: .95;\r\n flex-shrink: 0;\r\n }\r\n\r\n .footer__brand-sep {\r\n width: 1px;\r\n height: 38px;\r\n background: rgba(255,255,255,.3);\r\n flex-shrink: 0;\r\n }\r\n\r\n .footer__brand-right {\r\n display: flex;\r\n flex-direction: column;\r\n gap: .2rem;\r\n }\r\n\r\n .footer__tagline {\r\n font-size: .92rem;\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1.2;\r\n white-space: nowrap;\r\n }\r\n\r\n .footer__sub-brands {\r\n font-size: .6rem;\r\n font-weight: 700;\r\n letter-spacing: .14em;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.55);\r\n white-space: nowrap;\r\n }\r\n\r\n .footer__about {\r\n font-size: .84rem;\r\n font-weight: 400;\r\n line-height: 1.75;\r\n color: rgba(255,255,255,.7);\r\n max-width: 280px;\r\n }\r\n\r\n .footer__col-title {\r\n font-size: .62rem;\r\n font-weight: 800;\r\n letter-spacing: .22em;\r\n text-transform: uppercase;\r\n color: #f6bd2b;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n .footer__list {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: .6rem;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .footer__flink {\r\n font-size: .84rem;\r\n font-weight: 500;\r\n color: rgba(255,255,255,.8);\r\n display: flex;\r\n align-items: center;\r\n gap: .5rem;\r\n text-decoration: none;\r\n transition: color var(--t) var(--ease), opacity var(--t) var(--ease);\r\n }\r\n\r\n .footer__flink:hover {\r\n color: #fff;\r\n opacity: .85;\r\n }\r\n\r\n .footer__address {\r\n font-style: normal;\r\n font-size: .84rem;\r\n line-height: 1.85;\r\n color: rgba(255,255,255,.75);\r\n }\r\n\r\n .footer__address p {\r\n margin: 0;\r\n }\r\n\r\n .footer__bottom {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 1.2rem;\r\n padding-top: 28px;\r\n }\r\n\r\n .footer__copy {\r\n font-size: .76rem;\r\n font-weight: 400;\r\n color: rgba(255,255,255,.45);\r\n margin: 0;\r\n }\r\n\r\n .footer__brand-logos {\r\n display: flex;\r\n align-items: center;\r\n gap: 2rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* Logos footer en naranja corporativo *\/\r\n .footer__brand-logo {\r\n height: 52px !important;\r\n width: auto !important;\r\n max-width: 160px !important;\r\n object-fit: contain !important;\r\n filter: brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(324deg) brightness(.85) contrast(1.1);\r\n transition: opacity var(--t) var(--ease);\r\n opacity: 1;\r\n }\r\n\r\n .footer__brand-logo:hover {\r\n opacity: .7;\r\n }\r\n\r\n .footer__brand-logo--mac {\r\n height: 22px !important;\r\n max-width: 80px !important;\r\n }\r\n\r\n .footer__brand-logo--thu {\r\n height: 52px !important;\r\n filter: brightness(0) invert(1) sepia(1) saturate(12) hue-rotate(324deg) brightness(.85) contrast(1.1) !important;\r\n }\r\n\r\n .footer__credits-line {\r\n border-top: 1px solid rgba(255,255,255,.1);\r\n margin-top: 1.2rem;\r\n padding-top: 1rem;\r\n text-align: center;\r\n }\r\n\r\n .footer__credits-line p {\r\n font-size: .73rem;\r\n font-weight: 400;\r\n color: rgba(255,255,255,.35);\r\n margin: 0;\r\n }\r\n\r\n .footer__credits-line a {\r\n color: rgba(255,255,255,.55);\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: color var(--t) var(--ease);\r\n }\r\n\r\n .footer__credits-line a:hover {\r\n color: #fff;\r\n }\r\n\r\n @media(max-width: 1100px) {\r\n .footer__top {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n }\r\n\r\n @media(max-width: 768px) {\r\n .footer__inner {\r\n padding: 44px 1.5rem 32px;\r\n }\r\n\r\n .footer__top {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n\r\n .footer__brand-head {\r\n align-items: flex-start;\r\n }\r\n\r\n .footer__tagline,\r\n .footer__sub-brands {\r\n white-space: normal;\r\n }\r\n\r\n .footer__bottom {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .footer__brand-logos {\r\n gap: 1.4rem;\r\n }\r\n }\r\n\r\n @media(max-width: 480px) {\r\n .footer__brand-head {\r\n flex-direction: column;\r\n gap: .8rem;\r\n }\r\n\r\n .footer__brand-sep {\r\n display: none;\r\n }\r\n\r\n .footer__brand-logo {\r\n height: 44px !important;\r\n max-width: 130px !important;\r\n }\r\n\r\n .footer__brand-logo--mac {\r\n height: 20px !important;\r\n max-width: 76px !important;\r\n }\r\n\r\n .footer__brand-logo--thu {\r\n height: 44px !important;\r\n }\r\n }\r\n <\/style>\r\n\r\n <div class=\"footer__inner\">\r\n <div class=\"footer__top\">\r\n\r\n <div class=\"footer__brand\">\r\n <div class=\"footer__brand-head\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_horizontal_negativo_monocroma-1-scaled.png\" alt=\"Aliauto Group\" class=\"footer__logo\"\/>\r\n\r\n <div class=\"footer__brand-sep\"><\/div>\r\n\r\n <div class=\"footer__brand-right\">\r\n <span class=\"footer__tagline\">Soluciones para avanzar<\/span>\r\n <span class=\"footer__sub-brands\">Aliauto \u00b7 MACSS \u00b7 Thunder<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"footer__about\">\r\n Grupo empresarial andaluz integrado por Aliauto, MACSS-it Tecnolog\u00edas de la Informaci\u00f3n y Thunder Brand & Global Consulting.\r\n <\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"footer__col-title\">Nuestras Empresas<\/h4>\r\n <ul class=\"footer__list\">\r\n <li>\r\n <a href=\"https:\/\/aliauto.com\" target=\"_blank\" rel=\"noopener\" class=\"footer__flink\">\r\n Aliauto \u2014 Automoci\u00f3n e Hidr\u00e1ulica\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"https:\/\/www.macss-it.es\" target=\"_blank\" rel=\"noopener\" class=\"footer__flink\">\r\n MACSS-it \u2014 Tecnolog\u00edas de la Informaci\u00f3n\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"https:\/\/thunderglobal.es\" target=\"_blank\" rel=\"noopener\" class=\"footer__flink\">\r\n Thunder \u2014 Brand & Global Consulting\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"footer__col-title\">Navegaci\u00f3n<\/h4>\r\n <ul class=\"footer__list\">\r\n <li><a href=\"#hero\" class=\"footer__flink\">Inicio<\/a><\/li>\r\n <li><a href=\"#grupo\" class=\"footer__flink\">El Grupo<\/a><\/li>\r\n <li><a href=\"#empresas\" class=\"footer__flink\">Nuestras Empresas<\/a><\/li>\r\n <li><a href=\"#vision\" class=\"footer__flink\">Visi\u00f3n Estrat\u00e9gica<\/a><\/li>\r\n <li><a href=\"#contacto\" class=\"footer__flink\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"footer__col-title\">Sede Corporativa<\/h4>\r\n <address class=\"footer__address\">\r\n <p>Alcal\u00e1 de Guada\u00edra, Sevilla<\/p>\r\n <p>Andaluc\u00eda, Espa\u00f1a<\/p>\r\n <\/address>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer__bottom\">\r\n <p class=\"footer__copy\">\u00a9 <span id=\"yr\"><\/span> Aliauto Group. Todos los derechos reservados.<\/p>\r\n\r\n <div class=\"footer__brand-logos\">\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/05\/RED-LOGO-EXT.png\" alt=\"Aliauto\" class=\"footer__brand-logo\"\/>\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/MACSS-IT-logo-scaled.png\" alt=\"MACSS-it\" class=\"footer__brand-logo footer__brand-logo--mac\"\/>\r\n <img decoding=\"async\" src=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/2-sin-fondo-HQ-scaled.png\" alt=\"Thunder Brand & Global Consulting\" class=\"footer__brand-logo footer__brand-logo--thu\"\/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer__credits-line\">\r\n <p>\r\n Web dise\u00f1ada y desarrollada por\r\n <a href=\"https:\/\/thunderglobal.es\" target=\"_blank\" rel=\"noopener\">Thunder Brand & Global Consulting<\/a>\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\ndocument.getElementById('yr').textContent = new Date().getFullYear();\r\nconst nav = document.getElementById('nav');\r\nwindow.addEventListener('scroll', () => { nav.classList.toggle('scrolled', window.scrollY > 60); }, { passive: true });\r\nconst burger = document.getElementById('burger');\r\nconst navLinks = document.getElementById('navLinks');\r\nburger.addEventListener('click', () => {\r\n const open = navLinks.classList.toggle('open');\r\n burger.classList.toggle('open', open);\r\n burger.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n burger.setAttribute('aria-label', open ? 'Cerrar men\u00fa' : 'Abrir men\u00fa');\r\n});\r\nnavLinks.querySelectorAll('a').forEach(a => {\r\n a.addEventListener('click', () => {\r\n navLinks.classList.remove('open'); burger.classList.remove('open');\r\n burger.setAttribute('aria-expanded', 'false'); burger.setAttribute('aria-label', 'Abrir men\u00fa');\r\n });\r\n});\r\nconst items = document.querySelectorAll('.rv');\r\nconst io = new IntersectionObserver((entries) => {\r\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\r\n}, { threshold: .1, rootMargin: '0px 0px -28px 0px' });\r\nitems.forEach(el => io.observe(el));\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aliauto Group es el grupo empresarial andaluz que integra tres compa\u00f1\u00edas especializadas: Aliauto, referente en automoci\u00f3n industrial e hidr\u00e1ulica; MACSS Tecnolog\u00edas de la Informaci\u00f3n, expertos en transformaci\u00f3n digital; y Thunder Brand & Global Consulting, consultora de marca. Tres empresas independientes unidas bajo una misma visi\u00f3n estrat\u00e9gica: soluciones para avanzar.<\/p>\n","protected":false},"author":3,"featured_media":27,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-20","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Aliauto Group | Soluciones para avanzar<\/title>\n<meta name=\"description\" content=\"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aliautogroup.es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Aliauto Group | Soluciones para avanzar\" \/>\n<meta property=\"og:description\" content=\"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aliautogroup.es\/\" \/>\n<meta property=\"og:site_name\" content=\"Aliauto Group\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-11T11:20:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1781\" \/>\n\t<meta property=\"og:image:height\" content=\"1664\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"17 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/\",\"url\":\"https:\\\/\\\/aliautogroup.es\\\/\",\"name\":\"Aliauto Group | Soluciones para avanzar\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/aliautogroup.es\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\",\"datePublished\":\"2026-04-21T10:36:30+00:00\",\"dateModified\":\"2026-05-11T11:20:22+00:00\",\"description\":\"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/aliautogroup.es\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#primaryimage\",\"url\":\"https:\\\/\\\/aliautogroup.es\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\",\"contentUrl\":\"https:\\\/\\\/aliautogroup.es\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\",\"width\":1781,\"height\":1664},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/aliautogroup.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aliauto Group | Soluciones para avanzar \u2014 Grupo Empresarial Andaluz\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#website\",\"url\":\"https:\\\/\\\/aliautogroup.es\\\/\",\"name\":\"Aliauto Group\",\"description\":\"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.\",\"publisher\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aliautogroup.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#organization\",\"name\":\"Aliauto Group\",\"url\":\"https:\\\/\\\/aliautogroup.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/aliautogroup.es\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\",\"contentUrl\":\"https:\\\/\\\/aliautogroup.es\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png\",\"width\":1780,\"height\":1662,\"caption\":\"Aliauto Group\"},\"image\":{\"@id\":\"https:\\\/\\\/aliautogroup.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/aliauto-group\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Aliauto Group | Soluciones para avanzar","description":"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/aliautogroup.es\/","og_locale":"es_ES","og_type":"article","og_title":"Aliauto Group | Soluciones para avanzar","og_description":"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.","og_url":"https:\/\/aliautogroup.es\/","og_site_name":"Aliauto Group","article_modified_time":"2026-05-11T11:20:22+00:00","og_image":[{"width":1781,"height":1664,"url":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"17 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aliautogroup.es\/","url":"https:\/\/aliautogroup.es\/","name":"Aliauto Group | Soluciones para avanzar","isPartOf":{"@id":"https:\/\/aliautogroup.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aliautogroup.es\/#primaryimage"},"image":{"@id":"https:\/\/aliautogroup.es\/#primaryimage"},"thumbnailUrl":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","datePublished":"2026-04-21T10:36:30+00:00","dateModified":"2026-05-11T11:20:22+00:00","description":"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.","breadcrumb":{"@id":"https:\/\/aliautogroup.es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aliautogroup.es\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/aliautogroup.es\/#primaryimage","url":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","contentUrl":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","width":1781,"height":1664},{"@type":"BreadcrumbList","@id":"https:\/\/aliautogroup.es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/aliautogroup.es\/"},{"@type":"ListItem","position":2,"name":"Aliauto Group | Soluciones para avanzar \u2014 Grupo Empresarial Andaluz"}]},{"@type":"WebSite","@id":"https:\/\/aliautogroup.es\/#website","url":"https:\/\/aliautogroup.es\/","name":"Aliauto Group","description":"Aliauto Group integra Aliauto, MACSS y Thunder: automoci\u00f3n industrial, tecnolog\u00eda y consultor\u00eda de marca. Tres empresas andaluzas con una visi\u00f3n compartida.","publisher":{"@id":"https:\/\/aliautogroup.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aliautogroup.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/aliautogroup.es\/#organization","name":"Aliauto Group","url":"https:\/\/aliautogroup.es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/aliautogroup.es\/#\/schema\/logo\/image\/","url":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","contentUrl":"https:\/\/aliautogroup.es\/wp-content\/uploads\/2026\/04\/cropped-ALIAUTO_GROUP_logo_vertical_negativo_monocroma.png","width":1780,"height":1662,"caption":"Aliauto Group"},"image":{"@id":"https:\/\/aliautogroup.es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/aliauto-group\/"]}]}},"_links":{"self":[{"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/aliautogroup.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":89,"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":149,"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aliautogroup.es\/index.php?rest_route=\/wp\/v2\/media\/27"}],"wp:attachment":[{"href":"https:\/\/aliautogroup.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}