/*
Theme Name: Sama Technics
Theme URI: https://samatechnics.com/
Author: Sama Technics
Description: Portada adaptable para Sama Technics Informática. Incluye campos editables en Apariencia > Personalizar.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: sama-technics
*/
:root{--ink:#0b2033;--muted:#637386;--blue:#135de6;--cyan:#63e2de;--paper:#f5f8fc;--line:#e6edf4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.55}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.04em;margin-top:0}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;width:calc(100% - 48px);margin:auto}.top{font-size:13px;background:#071b2d;color:#dce9f4}.top-inner{height:38px;display:flex;align-items:center;justify-content:space-between}.top a{color:#c2d4e6}.dot{color:var(--cyan);margin-right:7px}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font:800 19px Manrope,sans-serif;letter-spacing:-.06em}.brandmark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1956e8,#46c7e5);display:grid;place-items:center;color:white;font-weight:800;box-shadow:0 7px 18px #1759dc42}.brand-name{display:block}.brand small{display:block;color:#6d7f91;font:600 9px "DM Sans";letter-spacing:.16em}.custom-logo{max-height:48px;width:auto}.links{display:flex;gap:28px;font-size:14px;font-weight:600;color:#506276}.links a:hover{color:var(--blue)}.nav-cta,.btn{border:0;border-radius:9px;padding:12px 18px;background:var(--blue);color:white;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:9px;box-shadow:0 8px 22px #145bdc30;transition:transform .2s,box-shadow .2s}.nav-cta:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #145bdc45}.hero{background:radial-gradient(ellipse at 84% 24%,#173e63 0,transparent 39%),linear-gradient(115deg,#071b2d,#0c2842 65%,#123c5e);color:white;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{position:relative;display:grid;grid-template-columns:1fr .95fr;align-items:center;min-height:555px;padding:50px 0 54px;gap:40px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#52d9df;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.06;margin:19px 0 20px;max-width:620px}.hero p{font-size:17px;color:#c5d5e4;max-width:500px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:22px}.hero .btn{background:#57d8d4;color:#072238;box-shadow:none}.text-link{font-weight:700;font-size:14px}.hero-meta{display:flex;gap:27px;margin-top:37px;color:#c6d3df;font-size:13px}.hero-meta b{color:#fff}.visual{height:370px;position:relative}.photo{position:absolute;inset:12px 8px 14px 40px;border-radius:23px;overflow:hidden;box-shadow:0 30px 80px #0006;border:1px solid #ffffff27}.photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.photo:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#06182999)}.float-card{position:absolute;z-index:2;background:#fff;color:var(--ink);border-radius:13px;padding:14px 16px;box-shadow:0 15px 40px #00111f45;display:flex;align-items:center;gap:12px;animation:float 5s ease-in-out infinite}.float-card.one{left:0;bottom:40px}.float-card.two{right:-12px;top:39px;animation-delay:-2.4s}.bubble{height:37px;width:37px;border-radius:11px;background:#e9f1ff;color:#155be0;display:grid;place-items:center;font-size:18px}.float-card small{display:block;color:#738396;font-size:11px}.float-card strong{font:700 13px Manrope}.photo-caption{position:absolute;z-index:2;bottom:27px;left:25px;color:#fff;font-weight:700;font-size:13px}.photo-caption small{display:block;color:#d6e4ee;font-weight:400}.orbit{position:absolute;width:300px;height:300px;border:1px solid #58dfd432;border-radius:50%;right:-25px;top:32px;animation:spin 30s linear infinite}.orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#5ee0db;top:36px;left:57px;box-shadow:0 0 16px #5ee0db}.section{padding:88px 0}.section.alt{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.kicker{color:var(--blue);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px;margin-bottom:10px}.section h2{font-size:clamp(30px,3.5vw,42px);line-height:1.16;margin-bottom:12px}.section-head p,.muted{color:var(--muted);max-width:450px;margin-bottom:5px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{background:white;padding:25px 22px;border:1px solid var(--line);border-radius:15px;transition:transform .25s,box-shadow .25s}.service:hover{transform:translateY(-5px);box-shadow:0 20px 60px #0c264412}.icon{width:47px;height:47px;border-radius:13px;background:#edf3ff;color:#135de6;display:grid;place-items:center;margin-bottom:18px}.icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service h3{font-size:17px;margin-bottom:9px}.service p{font-size:13px;color:var(--muted);margin-bottom:18px}.more{font-size:13px;color:var(--blue);font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split-photo{height:410px;position:relative;border-radius:20px;overflow:hidden}.split-photo img{width:100%;height:100%;object-fit:cover}.photo-tag{position:absolute;bottom:18px;left:18px;background:#fff;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:700;box-shadow:0 20px 60px #0c264412}.checklist{display:grid;gap:17px;margin:26px 0 30px}.check{display:flex;gap:12px;color:#53677b;font-size:14px}.check b{color:var(--ink);display:block}.checkmark{width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:#e6faf6;color:#119880;display:grid;place-items:center;font-size:13px}.banner{background:#0d2840;color:white;border-radius:20px;padding:43px 49px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.banner:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #ffffff18;border-radius:50%;right:150px;top:-210px;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}.banner h2{font-size:30px;margin-bottom:9px;max-width:550px}.banner p{color:#c3d3e1;margin:0}.banner .btn{position:relative;z-index:1;white-space:nowrap}.kicker.light{color:#60ded8}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-info p{color:var(--muted);max-width:430px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;font-size:13px;color:var(--muted)}.contact-card strong{display:block;color:var(--ink);margin:5px 0}.contact-card .icon{width:34px;height:34px;border-radius:9px;margin:0;font-size:19px}.mapbox{border-radius:18px;background:linear-gradient(135deg,#dcecf0,#c7dce5);min-height:285px;position:relative;overflow:hidden;display:grid;place-items:center;background-image:linear-gradient(35deg,transparent 46%,#ffffff93 47%,#ffffff93 50%,transparent 51%),linear-gradient(120deg,transparent 44%,#fff9 45%,#fff9 49%,transparent 50%),linear-gradient(90deg,#b8d4db 1px,transparent 1px),linear-gradient(#b8d4db 1px,transparent 1px);background-size:auto,auto,38px 38px,38px 38px}.map-card{background:white;padding:15px 19px;border-radius:11px;box-shadow:0 20px 60px #0c264412;font-size:13px;text-align:center}.pin{width:38px;height:38px;background:var(--blue);color:white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin:0 auto 13px;display:grid;place-items:center}.foot .brand,.foot .brand-name{color:#fff}footer{background:#071b2d;color:#b9cad8;padding:45px 0 25px;font-size:13px}.foot{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px}.footlinks{display:flex;gap:21px;flex-wrap:wrap}.copy{border-top:1px solid #ffffff1c;padding-top:19px;color:#8ea2b4;font-size:12px;display:flex;justify-content:space-between}.mobile{display:none}.content-page{padding:60px 0;min-height:50vh}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.links{gap:14px}.hero-inner{grid-template-columns:1fr .85fr;gap:16px}.visual{height:310px}.photo{inset:20px 0 20px 20px}.float-card.two{right:-6px}.services{grid-template-columns:repeat(2,1fr)}.split{gap:38px}.section{padding:68px 0}}@media(max-width:620px){.wrap{width:calc(100% - 34px)}.top-inner{justify-content:center}.top-inner span:last-child{display:none}.nav{height:68px}.links{display:none;position:absolute;z-index:10;top:106px;left:0;right:0;padding:18px 24px;background:white;box-shadow:0 14px 25px #0c264412;flex-direction:column}.links.is-open{display:flex}.nav-cta{display:none}.mobile{display:block;border:0;background:transparent;color:#52687e;font-size:23px;cursor:pointer}.hero-inner{display:block;padding-top:54px;padding-bottom:35px}.hero h1{font-size:44px}.hero p{font-size:15px}.hero-meta{gap:15px;font-size:11px;margin-top:25px}.visual{height:290px;margin-top:22px}.photo{inset:6px 9px 13px 23px}.float-card.one{left:-3px;bottom:24px}.float-card.two{right:-8px;top:14px}.section-head{display:block}.section-head p{margin-top:12px}.services{grid-template-columns:1fr 1fr;gap:10px}.service{padding:19px 15px}.service h3{font-size:15px}.service p{font-size:12px}.split{grid-template-columns:1fr;gap:30px}.split-photo{height:300px;order:2}.banner{padding:30px 25px;display:block}.banner h2{font-size:25px}.banner .btn{margin-top:22px;white-space:normal}.contact{grid-template-columns:1fr;gap:28px}.contact-cards{gap:9px}.contact-card{padding:13px}.contact-card a{overflow-wrap:anywhere}.foot{display:block}.footlinks{margin-top:22px}.copy{display:block}.copy span{display:block;margin-top:7px}.orbit{width:225px;height:225px;right:-10px}.section{padding:58px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}