/*
Theme Name: ALEN Services Corporativo
Theme URI: https://alenservices.com
Author: ALEN Services
Description: Tema corporativo editable para ALEN Services.
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: alen-services
*/

:root{--navy:#09263a;--blue:#18aee5;--orange:#f58232;--line:#dcebf1;--soft:#eaf8fd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;color:var(--navy);font-family:Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.kicker{color:var(--blue);font-size:11px;letter-spacing:.19em;font-weight:800}.section{padding:105px 7vw}h1,h2,h3,p{overflow-wrap:break-word}h2{font-size:clamp(40px,4.2vw,64px);line-height:1.06;letter-spacing:-.05em;margin:0}
.site-header{height:96px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;inset:0 0 auto;z-index:99;border-bottom:1px solid var(--line);background:#fffffff2;backdrop-filter:blur(16px);box-shadow:0 8px 30px #09263a0c}.brand{display:flex;align-items:center;gap:14px;letter-spacing:.06em}.brand img,.custom-logo{width:66px!important;height:66px!important;border-radius:50%;object-fit:cover;filter:drop-shadow(0 7px 12px #0a76952c)}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy b{font-size:17px;letter-spacing:.1em;white-space:nowrap}.brand-copy small{color:#5d7785;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.site-nav ul{display:flex;gap:32px;align-items:center;list-style:none;margin:0;padding:0}.site-nav a{font-size:13px;font-weight:800;color:#294858;position:relative;padding:39px 0}.site-nav a:after{content:"";position:absolute;height:3px;border-radius:3px;left:0;right:100%;bottom:24px;background:var(--blue);transition:.25s}.site-nav a:hover:after{right:0}.pill{justify-self:end;border:1px solid #adc7d3;border-radius:30px;padding:13px 20px;font-weight:800;font-size:12px;background:#fff}.pill:hover{background:var(--navy);color:#fff}
.hero{min-height:790px;padding:165px 7vw 70px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 40%,#dff6fd,transparent 35%),linear-gradient(135deg,#fff,#f6fcfe)}.hero-copy{z-index:2}.hero h1{font-size:clamp(58px,6.1vw,94px);line-height:.98;letter-spacing:-.06em;margin:25px 0;font-weight:780}.hero h1 em{display:block;font-style:normal;color:var(--blue);font-weight:400}.lead{max-width:620px;color:#415c6c;font-size:18px;line-height:1.7}.actions{display:flex;align-items:center;gap:30px;margin-top:33px;font-size:13px}.button{display:inline-block;background:var(--navy);color:#fff;padding:17px 23px;border-radius:7px;font-weight:800;box-shadow:0 15px 30px #09263a25}.trust{border-top:1px solid var(--line);margin-top:48px;padding-top:22px;max-width:620px;display:flex;gap:20px;font-size:12px}.trust span{color:#687f8c}.hero-visual{height:550px;display:grid;place-items:center;position:relative}.hero-core{width:330px;height:330px;border-radius:50%;display:grid;place-items:center;background:#ffffffb0;box-shadow:0 35px 85px #158ab72b;z-index:2;animation:alen-float 6s ease-in-out infinite}.hero-core img{width:280px;height:280px;border-radius:50%;object-fit:contain}.orbit{position:absolute;border:1px solid #18aee555;border-radius:50%;animation:alen-spin 25s linear infinite}.orbit.one{width:460px;height:460px}.orbit.two{width:520px;height:520px;border-style:dashed;animation-direction:reverse}.orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);left:16%;top:14%;box-shadow:0 0 15px var(--orange)}
.brands{padding:28px 5vw;border-block:1px solid var(--line);background:#fff;display:flex;gap:30px;align-items:center}.brands>small{white-space:nowrap;color:#78909c;font-size:9px;letter-spacing:.12em;font-weight:800}.brand-track{display:grid;grid-template-columns:repeat(9,minmax(82px,1fr));gap:10px;width:100%}.brand-card{height:72px;border:1px solid #e2edf2;border-radius:10px;display:grid;place-items:center;background:#fff;font-weight:900;transition:.25s;overflow:hidden}.brand-card:hover{transform:translateY(-4px);border-color:#a9d9eb;box-shadow:0 12px 28px #0c6f9017}.brand-card span{display:inline-grid;place-items:center;line-height:1;white-space:nowrap}.brand-hp span{width:43px;height:43px;border-radius:50%;background:#0876b9;color:#fff;font:italic 900 21px/1 Arial;letter-spacing:-3px;padding-right:3px}.brand-lenovo span{background:#e2231a;color:#fff;padding:10px 12px;font:800 15px Arial}.brand-ibm span{color:#1768a6;font:900 21px/1 Arial;letter-spacing:1px;background:repeating-linear-gradient(to bottom,#1768a6 0 2px,transparent 2px 4px);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-epson span{color:#003399;font:900 17px Arial;letter-spacing:1px}.brand-samsung span{color:#fff;background:#1428a0;border-radius:50%;padding:11px 13px;font:italic 800 11px Arial;transform:scaleX(1.12)}.brand-lg span{color:#a50034;font:800 19px Arial}.brand-lg span:before{content:'●';font-size:25px;margin-right:4px;vertical-align:-2px}.brand-gateway span{color:#272727;font:700 14px Arial}.brand-gateway span:before{content:'◆◆';color:#e31837;font-size:8px;letter-spacing:1px;margin-right:5px}.brand-hikvision span{color:#d71920;font:900 14px Arial;letter-spacing:-.5px}.brand-hikvision span:first-letter{color:#4b5155}.brand-xerox span{color:#d71920;font:700 17px Arial}.brand-xerox span:before{content:'✣';display:inline-block;margin-right:5px;color:#d71920}
.heading{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end;margin-bottom:50px}.heading>p{color:#526b79;line-height:1.7}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.service-card{min-height:360px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.service-card:hover{background:#f3fbfe;transform:translateY(-4px);box-shadow:0 15px 40px #0a557312}.service-image{height:120px;border-radius:12px;background:linear-gradient(135deg,#dff6fd,#eef9fc);display:grid;place-items:center;position:relative;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover}.service-image .fallback{font-size:44px;color:#0e8fbe}.service-card h3{font-size:21px;margin:27px 0 9px}.service-card p{color:#607987;font-size:14px;line-height:1.7;min-height:70px}.service-card small{color:var(--blue);font-size:9px;letter-spacing:.08em}
.about{display:grid;grid-template-columns:1fr 1fr;background:var(--soft)}.about-art{min-height:650px;display:grid;place-items:center;background-image:linear-gradient(#18aee51f 1px,transparent 1px),linear-gradient(90deg,#18aee51f 1px,transparent 1px);background-size:80px 80px}.about-art img{width:310px;height:310px;border-radius:50%;object-fit:contain;background:#ffffffd5;box-shadow:0 30px 80px #148ab22b}.about-copy{padding:90px 7vw;background:var(--navy);color:#fff}.about-copy>p:not(.kicker){color:#aec2cd;line-height:1.8;margin:28px 0}.principle{border-top:1px solid #ffffff25;padding:19px 0;display:grid;grid-template-columns:48px 1fr;gap:4px}.principle span{color:var(--orange);font-size:10px}.principle small{grid-column:2;color:#9db3bf}
.clients{background:#fbfdfe}.clientgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.client-card{min-height:255px;border:1px solid var(--line);background:#fff;padding:18px 20px 20px;display:flex;flex-direction:column;justify-content:flex-end;transition:.25s}.client-card:hover{border-color:var(--blue);transform:translateY(-4px);box-shadow:0 16px 35px #0c6f9012}.client-logo{height:155px;width:100%;margin-bottom:18px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:visible}.client-logo img{display:block;width:auto!important;height:auto!important;max-width:92%!important;max-height:138px!important;object-fit:contain!important;object-position:center!important;padding:4px;background:transparent}.client-logo span{font-size:25px;color:#527080;font-weight:900}.client-card small{color:#8296a1;margin-top:5px}
.process{background:#071f31;color:#fff;padding:100px 7vw}.process-heading{display:grid;grid-template-columns:.4fr 1fr;align-items:end;margin-bottom:65px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-card{min-height:250px;border:1px solid #ffffff1d;padding:18px;background:#ffffff06}.step-visual{height:105px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#0c3852,#0a2b41);font-size:40px;color:#60cdf1}.step-card>span{display:block;color:var(--orange);font-size:10px;margin-top:18px}.step-card b{display:block;margin-top:12px;font-size:18px}.step-card p{color:#94aab6;font-size:12px}
.contact{padding:105px 10vw;display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:center;background:linear-gradient(135deg,#fff,var(--soft))}.contact-copy>p:not(.kicker){color:#4e6876;line-height:1.8}.contact aside{background:#fff;border:1px solid var(--line);border-top:4px solid var(--orange);padding:12px 32px;box-shadow:0 25px 60px #116f9220}.contact aside small,.contact aside b{display:block}.contact aside small{color:#8296a1;font-size:9px;letter-spacing:.12em;margin-top:20px}.contact aside b{padding:7px 0 20px;border-bottom:1px solid var(--line)}.site-footer{padding:55px 7vw 28px;background:#061b2a;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:30px}.site-footer p{color:#91a7b3;font-size:13px}.site-footer>small{grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:20px;color:#708895}.wa{position:fixed;right:23px;bottom:23px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:900;font-size:11px;box-shadow:0 10px 30px #25d36655;z-index:100}
@keyframes alen-float{50%{transform:translateY(-14px)}}@keyframes alen-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.site-header{grid-template-columns:1fr auto}.pill{display:none}.brand-track{grid-template-columns:repeat(5,1fr)}.servicegrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){html{scroll-padding-top:128px}.site-header{height:118px;padding:8px 18px;grid-template-columns:1fr;grid-template-rows:62px 38px}.brand img,.custom-logo{width:56px!important;height:56px!important}.brand-copy b{font-size:14px}.brand-copy small{font-size:7px}.site-nav{overflow:auto}.site-nav ul{justify-content:space-between;gap:14px}.site-nav a{font-size:11px;padding:11px 0;white-space:nowrap}.hero{padding:155px 22px 55px;grid-template-columns:1fr}.hero h1{font-size:51px}.hero-visual{height:430px;transform:scale(.82);margin-inline:-40px}.brands{display:block;padding:24px 20px}.brands>small{display:block;margin-bottom:14px}.brand-track{grid-template-columns:repeat(3,1fr)}.section{padding:72px 22px}.heading{grid-template-columns:1fr;gap:20px}.servicegrid{grid-template-columns:1fr}.about{grid-template-columns:1fr}.about-art{min-height:390px}.about-copy{padding:70px 22px}.clientgrid{grid-template-columns:1fr 1fr}.process{padding:72px 22px}.process-heading{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr;padding:72px 22px;gap:50px}.site-footer{grid-template-columns:1fr;padding:50px 22px 25px}}
@media(max-width:470px){.clientgrid,.steps{grid-template-columns:1fr}.brand-track{grid-template-columns:repeat(2,1fr)}}