/* =========================================================
   AGAEL — MODELO CLARO PREMIUM 2026
   Capa visual exclusiva para la página principal.
   ========================================================= */

:root{
  --lp-ink:#111b29;
  --lp-ink-soft:#2e3a48;
  --lp-muted:#647386;
  --lp-red:#df1925;
  --lp-red-strong:#ef1724;
  --lp-green:#087d3f;
  --lp-green-strong:#07944c;
  --lp-blue-soft:#edf6fd;
  --lp-soft:#f5f8fb;
  --lp-line:#dce5ec;
  --lp-white:#ffffff;
  --lp-shadow:0 18px 55px rgba(26,52,76,.12);
  --lp-shadow-hover:0 24px 70px rgba(26,52,76,.18);
}

.page-home{
  color:var(--lp-ink);
  background:#fff;
}
.page-home .lp-main{
  overflow:hidden;
}
.page-home .container{
  width:min(1440px,calc(100% - 64px));
}

/* ---------- Header claro ---------- */
.page-home .site-header-light{
  color:var(--lp-ink);
}
.page-home .site-header-light .topbar{
  height:32px;
  color:#22354a;
  background:linear-gradient(90deg,#f8fbfe,#eaf5fc);
  border-bottom:1px solid #dce8f0;
}
.page-home .site-header-light .topbar-inner{
  width:min(1440px,calc(100% - 64px));
  font-size:.66rem;
  letter-spacing:.045em;
}
.page-home .site-header-light .topbar-left,
.page-home .site-header-light .topbar-right{
  gap:24px;
}
.page-home .site-header-light .topbar-right a{
  color:#33485f;
}
.page-home .site-header-light .topbar-right a:last-child{
  color:var(--lp-green);
  font-weight:950;
}
.page-home .site-header-light .mainbar{
  height:88px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(24,47,70,.10);
  box-shadow:0 6px 22px rgba(31,58,82,.06);
  backdrop-filter:blur(14px);
}
.page-home .site-header-light.scrolled .mainbar{
  background:rgba(255,255,255,.985);
  box-shadow:0 12px 32px rgba(31,58,82,.12);
}
.page-home .site-header-light .nav-wrap{
  width:min(1440px,calc(100% - 64px));
  grid-template-columns:270px minmax(0,1fr) auto;
  gap:28px;
}
.page-home .site-header-light .brand{
  width:255px;
  height:78px;
}
.page-home .site-header-light .brand img{
  width:248px;
  height:60px;
  object-fit:contain;
  object-position:left center;
  filter:none;
}
.page-home .site-header-light .main-nav{
  gap:30px;
}
.page-home .site-header-light .main-nav a{
  padding:34px 0 30px;
  color:#142237;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.025em;
}
.page-home .site-header-light .main-nav a:hover{
  color:var(--lp-red);
}
.page-home .site-header-light .main-nav a::after{
  bottom:19px;
  height:3px;
  background:var(--lp-red);
}
.page-home .site-header-light .main-nav a:first-child{
  color:var(--lp-red);
}
.page-home .site-header-light .main-nav a:first-child::after{
  left:0;
  right:0;
}
.page-home .site-header-light .header-cta{
  min-height:50px;
  padding:13px 20px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--lp-red),#ef2732);
  box-shadow:0 10px 25px rgba(223,25,37,.23);
  font-size:.72rem;
}
.page-home .site-header-light .header-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 35px rgba(223,25,37,.30);
}
.page-home .site-header-light .nav-toggle{
  border-color:#d9e2e9;
  background:#f4f7f9;
}
.page-home .site-header-light .nav-toggle span{
  background:#142237;
}

/* ---------- Hero ---------- */
.lp-hero{
  position:relative;
  min-height:760px;
  padding-top:calc(var(--topbar) + var(--nav));
  display:flex;
  align-items:stretch;
  color:var(--lp-ink);
  background:#fff;
}
.lp-hero-media{
  position:absolute;
  inset:calc(var(--topbar) + var(--nav)) 0 0;
  background:
    url("../img/hero-agael-claro.webp") center center/cover no-repeat;
}
.lp-hero-inner{
  position:relative;
  z-index:2;
  min-height:calc(760px - var(--topbar) - var(--nav));
  display:flex;
  align-items:center;
}
.lp-hero-copy{
  width:min(690px,48vw);
  padding:38px 0 26px;
}
.lp-eyebrow{
  display:flex;
  align-items:center;
  gap:13px;
  color:#1a2a3c;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.lp-eyebrow::before{
  content:"";
  width:32px;
  height:4px;
  border-radius:99px;
  background:var(--lp-red);
}
.lp-hero h1{
  margin:20px 0 18px;
  font-size:clamp(3.8rem,5.45vw,6.25rem);
  line-height:.88;
  letter-spacing:-.058em;
}
.lp-hero h1 span,
.lp-hero h1 em,
.lp-hero h1 strong{
  display:block;
  font-style:normal;
  font-weight:950;
}
.lp-hero h1 span{color:#101b27}
.lp-hero h1 em{color:var(--lp-red)}
.lp-hero h1 strong{color:var(--lp-green)}
.lp-hero-copy>p{
  max-width:560px;
  margin:0;
  color:#33465b;
  font-size:1.15rem;
  line-height:1.5;
}
.lp-hero-actions{
  margin-top:26px;
  display:flex;
  flex-wrap:nowrap;
  gap:13px;
}
.lp-button{
  min-height:56px;
  padding:14px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid transparent;
  border-radius:11px;
  font-size:.78rem;
  font-weight:950;
  text-transform:uppercase;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.lp-button:hover{
  transform:translateY(-2px);
}
.lp-button svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.lp-button b{
  font-size:1.05rem;
}
.lp-button-red{
  color:#fff;
  background:linear-gradient(135deg,var(--lp-red),#ef2732);
  box-shadow:0 12px 28px rgba(223,25,37,.23);
}
.lp-button-red:hover{
  box-shadow:0 16px 36px rgba(223,25,37,.30);
}
.lp-button-white{
  color:var(--lp-green);
  border-color:#dce4ea;
  background:#fff;
  box-shadow:0 10px 25px rgba(31,58,82,.11);
}
.lp-button-white:hover{
  border-color:#b9d3c5;
  box-shadow:0 15px 34px rgba(31,58,82,.16);
}
.lp-button-green{
  color:#fff;
  background:linear-gradient(135deg,var(--lp-green),var(--lp-green-strong));
  box-shadow:0 12px 28px rgba(8,125,63,.22);
}
.lp-button-green:hover{
  box-shadow:0 16px 36px rgba(8,125,63,.29);
}
.lp-trust-row{
  margin-top:25px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
}
.lp-trust-row>div{
  min-height:78px;
  padding:8px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  border-right:1px solid #dbe4ea;
}
.lp-trust-row>div:first-child{padding-left:0}
.lp-trust-row>div:last-child{border-right:0}
.lp-trust-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  box-shadow:0 8px 20px rgba(26,52,76,.12);
}
.lp-trust-icon.red{background:var(--lp-red)}
.lp-trust-icon.green{background:var(--lp-green)}
.lp-trust-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.lp-trust-row p{
  margin:0;
  line-height:1.18;
}
.lp-trust-row b{
  display:block;
  color:#162338;
  font-size:.84rem;
  text-transform:uppercase;
}
.lp-trust-row small{
  display:block;
  margin-top:4px;
  color:#677789;
  font-size:.68rem;
}

/* ---------- Encabezados ---------- */
.lp-section-heading{
  margin-bottom:36px;
  text-align:center;
}
.lp-section-heading>span{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:#24364b;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.lp-section-heading>span::before{
  content:"";
  width:28px;
  height:3px;
  border-radius:99px;
  background:var(--lp-red);
}
.lp-section-heading h2{
  margin:10px 0 8px;
  font-size:clamp(2.2rem,3.7vw,3.75rem);
  line-height:1;
  letter-spacing:-.045em;
}
.lp-section-heading p{
  max-width:730px;
  margin:0 auto;
  color:var(--lp-muted);
}

/* ---------- Servicios ---------- */
.lp-services{
  padding:54px 0 74px;
  background:#fff;
}
.lp-services-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.lp-service-card{
  min-height:128px;
  padding:18px;
  display:grid;
  grid-template-columns:92px 1fr 42px;
  align-items:center;
  gap:16px;
  border:1px solid #dfe7ed;
  border-radius:17px;
  background:#fff;
  box-shadow:0 9px 28px rgba(31,58,82,.07);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.lp-service-card:hover{
  transform:translateY(-5px);
  border-color:#c8d5de;
  box-shadow:var(--lp-shadow-hover);
}
.lp-service-card img{
  width:92px;
  height:82px;
  object-fit:cover;
  border-radius:13px;
  background:#f4f7f9;
}
.lp-service-card h3{
  margin:0 0 5px;
  font-size:1.05rem;
}
.lp-service-card p{
  margin:0;
  color:var(--lp-muted);
  font-size:.82rem;
  line-height:1.35;
}
.lp-service-card>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#193149;
  background:#f1f5f8;
  font-size:1.15rem;
  font-weight:950;
}

/* ---------- Rastreo destacado ---------- */
.lp-tracking{
  padding:0 0 82px;
  background:#fff;
}
.lp-tracking-shell{
  position:relative;
  overflow:hidden;
  min-height:210px;
  padding:36px 42px;
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(440px,1.18fr);
  align-items:center;
  gap:45px;
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 95% 25%,rgba(255,255,255,.14),transparent 25%),
    linear-gradient(135deg,#046e38,#07934b 70%,#08a55a);
  box-shadow:0 24px 65px rgba(8,125,63,.23);
}
.lp-tracking-shell::before{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-170px;
  width:520px;
  height:320px;
  border:28px solid rgba(255,255,255,.08);
  border-radius:50%;
  transform:rotate(-14deg);
}
.lp-tracking-copy,
.lp-tracking-form{
  position:relative;
  z-index:2;
}
.lp-tracking-copy>span{
  color:#f3cc37;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.lp-tracking-copy h2{
  margin:6px 0 8px;
  font-size:clamp(2.25rem,3.7vw,3.6rem);
  line-height:1;
  letter-spacing:-.04em;
}
.lp-tracking-copy p{
  margin:0;
  color:rgba(255,255,255,.78);
}
.lp-tracking-form>label{
  display:block;
  margin-bottom:9px;
  color:rgba(255,255,255,.78);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.lp-tracking-form>div{
  min-height:68px;
  padding:7px;
  display:grid;
  grid-template-columns:45px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  border-radius:15px;
  background:#fff;
  box-shadow:0 15px 38px rgba(2,39,20,.18);
}
.lp-tracking-form svg{
  width:23px;
  height:23px;
  margin-left:10px;
  fill:none;
  stroke:var(--lp-green);
  stroke-width:2;
  stroke-linecap:round;
}
.lp-tracking-form input{
  width:100%;
  min-width:0;
  min-height:50px;
  margin:0;
  padding:0 12px;
  border:0;
  outline:0;
  color:var(--lp-ink);
  background:transparent;
  font-size:1rem;
  font-weight:850;
  text-transform:uppercase;
}
.lp-tracking-form button{
  min-height:52px;
  padding:12px 22px;
  display:flex;
  align-items:center;
  gap:12px;
  border:0;
  border-radius:11px;
  color:#fff;
  background:var(--lp-red);
  font-size:.76rem;
  font-weight:950;
  text-transform:uppercase;
}

/* ---------- Herramientas ---------- */
.lp-tools{
  padding:92px 0;
  background:linear-gradient(180deg,#f6f9fb,#fff);
}
.lp-tools-shell{
  overflow:hidden;
  border:1px solid #dfe7ed;
  border-radius:26px;
  background:#fff;
  box-shadow:var(--lp-shadow);
}
.lp-tool-tabs{
  padding:10px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  background:#eef3f6;
}
.lp-tool-tabs button{
  min-height:54px;
  border:0;
  border-radius:12px;
  color:#566779;
  background:transparent;
  font-size:.78rem;
  font-weight:950;
  text-transform:uppercase;
}
.lp-tool-tabs button.active{
  color:#fff;
  background:linear-gradient(135deg,var(--lp-red),#ef2631);
  box-shadow:0 10px 24px rgba(223,25,37,.20);
}
.lp-tool-panel{
  padding:34px;
  display:grid;
  grid-template-columns:330px minmax(0,1fr);
  gap:38px;
}
.lp-tool-panel[hidden]{display:none}
.lp-tool-intro{
  padding:29px;
  border-radius:20px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,255,255,.12),transparent 30%),
    linear-gradient(145deg,#0b7e42,#086d38);
}
.lp-tool-intro>span{
  color:#ffe06b;
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.lp-tool-intro h3{
  margin:10px 0 10px;
  font-size:2rem;
  line-height:1.05;
}
.lp-tool-intro p{
  margin:0;
  color:rgba(255,255,255,.76);
}
.lp-smart-form input,
.lp-smart-form select,
.lp-smart-form textarea{
  border-color:#d7e0e7;
  border-radius:12px;
  background:#fbfcfd;
}
.lp-smart-form input:focus,
.lp-smart-form select:focus,
.lp-smart-form textarea:focus{
  border-color:#86bca0;
  box-shadow:0 0 0 4px rgba(8,125,63,.10);
  background:#fff;
}
.lp-form-submit{
  width:100%;
  min-height:56px;
  margin-top:18px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--lp-red),#ef2631);
  font-size:.78rem;
  font-weight:950;
  text-transform:uppercase;
}
.lp-form-submit-green{
  background:linear-gradient(135deg,var(--lp-green),var(--lp-green-strong));
}

/* ---------- Mudanzas ---------- */
.lp-moving{
  padding:98px 0;
  background:#fff;
}
.lp-moving-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:center;
  gap:70px;
}
.lp-moving-media{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border-radius:26px;
  box-shadow:var(--lp-shadow);
}
.lp-moving-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(10,23,34,.74));
}
.lp-moving-media img{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
}
.lp-moving-media>div{
  position:absolute;
  z-index:2;
  left:22px;
  bottom:22px;
  padding:14px 17px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:13px;
  color:#fff;
  background:rgba(9,21,31,.66);
  backdrop-filter:blur(10px);
}
.lp-moving-media small,
.lp-moving-media b{display:block}
.lp-moving-media small{
  color:#79e3ac;
  font-size:.67rem;
  font-weight:950;
  text-transform:uppercase;
}
.lp-moving-copy h2{
  margin:20px 0 15px;
  font-size:clamp(2.8rem,4.4vw,4.6rem);
  line-height:.98;
  letter-spacing:-.05em;
}
.lp-moving-copy>p{
  margin:0;
  color:var(--lp-muted);
  font-size:1.04rem;
}
.lp-feature-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.lp-feature-grid span{
  position:relative;
  min-height:56px;
  padding:16px 15px 15px 43px;
  border:1px solid #dfe7ed;
  border-radius:13px;
  color:#29394b;
  background:#f9fbfc;
  font-size:.83rem;
  font-weight:850;
}
.lp-feature-grid span::before{
  content:"✓";
  position:absolute;
  left:15px;
  top:15px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:var(--lp-green);
  font-size:.67rem;
}
.lp-section-actions{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ---------- Empresas y cobertura ---------- */
.lp-business-coverage{
  padding:90px 0;
  background:#f5f8fa;
}
.lp-split-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.lp-big-card{
  min-height:500px;
  padding:38px;
  display:flex;
  flex-direction:column;
  border-radius:24px;
  box-shadow:var(--lp-shadow);
}
.lp-big-card>span{
  font-size:.70rem;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.lp-big-card h2{
  margin:14px 0 14px;
  font-size:clamp(2.3rem,3.5vw,3.7rem);
  line-height:1;
  letter-spacing:-.045em;
}
.lp-big-card p{
  margin:0;
  line-height:1.6;
}
.lp-big-card ul{
  margin:25px 0 30px;
  padding:0;
  display:grid;
  gap:12px;
  list-style:none;
}
.lp-big-card li{
  position:relative;
  padding-left:26px;
}
.lp-big-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:currentColor;
  font-weight:950;
}
.lp-big-card .lp-button{
  width:max-content;
  margin-top:auto;
}
.lp-business-card{
  color:#fff;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.13),transparent 25%),
    linear-gradient(145deg,#12283b,#0b1d2c);
}
.lp-business-card>span{color:#77e0ab}
.lp-business-card p,
.lp-business-card li{color:rgba(255,255,255,.72)}
.lp-coverage-card{
  color:#142237;
  background:
    radial-gradient(circle at 94% 8%,rgba(8,125,63,.12),transparent 26%),
    #fff;
}
.lp-coverage-card>span{color:var(--lp-red)}
.lp-coverage-card p{color:var(--lp-muted)}
.lp-route-list{
  margin:24px 0 28px;
  display:grid;
  gap:10px;
}
.lp-route-list span{
  padding:12px 14px;
  border:1px solid #dfe7ed;
  border-radius:11px;
  color:#425367;
  background:#f8fafb;
  font-size:.84rem;
  font-weight:750;
}

/* ---------- Sedes ---------- */
.lp-branches{
  padding:92px 0;
  background:#fff;
}
.lp-branches-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
.lp-branches-grid article{
  min-height:210px;
  padding:24px;
  display:flex;
  flex-direction:column;
  border:1px solid #dfe7ed;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(31,58,82,.06);
}
.lp-branches-grid small{
  color:var(--lp-red);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.lp-branches-grid h3{
  margin:16px 0 10px;
  font-size:1.28rem;
  line-height:1.18;
}
.lp-branches-grid p{
  margin:auto 0 0;
  color:var(--lp-muted);
}
.lp-contact-band{
  margin-top:20px;
  padding:23px 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,var(--lp-green),#0b9150);
  box-shadow:0 18px 45px rgba(8,125,63,.18);
}
.lp-contact-band small,
.lp-contact-band b,
.lp-contact-band span{display:block}
.lp-contact-band small{
  color:#c6f4dc;
  font-size:.68rem;
  font-weight:900;
  text-transform:uppercase;
}
.lp-contact-band b{
  margin-top:3px;
  font-size:1.35rem;
}
.lp-contact-band span{
  color:rgba(255,255,255,.75);
}
.lp-contact-band>a{
  min-height:50px;
  padding:13px 18px;
  display:flex;
  align-items:center;
  gap:14px;
  border-radius:11px;
  color:var(--lp-green);
  background:#fff;
  font-size:.76rem;
  font-weight:950;
  text-transform:uppercase;
}

/* ---------- FAQ y documentos ---------- */
.lp-faq-docs{
  padding:92px 0;
  background:#f5f8fa;
}
.lp-faq-docs-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(400px,.75fr);
  gap:24px;
}
.lp-faq-wrap,
.lp-docs-card{
  padding:34px;
  border:1px solid #dfe7ed;
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 45px rgba(31,58,82,.07);
}
.lp-faq-wrap h2,
.lp-docs-card h2{
  margin:17px 0 22px;
  font-size:2.35rem;
  line-height:1;
  letter-spacing:-.04em;
}
.lp-faq-list{
  display:grid;
  gap:10px;
}
.lp-faq-list article{
  overflow:hidden;
  border:1px solid #dfe7ed;
  border-radius:13px;
  background:#fbfcfd;
}
.lp-faq-list button{
  width:100%;
  min-height:62px;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:0;
  color:#18283c;
  background:transparent;
  text-align:left;
  font-weight:900;
}
.lp-faq-list button b{
  width:31px;
  height:31px;
  flex:0 0 31px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--lp-red);
  background:#ffecee;
}
.lp-faq-list article>div{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
}
.lp-faq-list article>div p{
  margin:0;
  padding:0 18px 18px;
  color:var(--lp-muted);
}
.lp-docs-card{
  color:#fff;
  background:
    radial-gradient(circle at 95% 5%,rgba(255,255,255,.11),transparent 28%),
    linear-gradient(145deg,#0e2233,#091824);
}
.lp-docs-card>span{
  color:#72dda6;
  font-size:.70rem;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.lp-docs-card>p{
  color:rgba(255,255,255,.66);
}
.lp-docs-card>a{
  margin-top:12px;
  padding:15px;
  display:grid;
  grid-template-columns:46px 1fr 30px;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  background:rgba(255,255,255,.045);
}
.lp-docs-card>a>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#fff;
  background:var(--lp-red);
  font-size:.68rem;
  font-weight:950;
}
.lp-docs-card>a b,
.lp-docs-card>a small{display:block}
.lp-docs-card>a b{font-size:.88rem}
.lp-docs-card>a small{
  margin-top:3px;
  color:rgba(255,255,255,.58);
}
.lp-docs-card>a em{
  font-style:normal;
  font-size:1.1rem;
}

/* ---------- Footer ---------- */
.page-home .site-footer{
  color:#fff;
  background:#0b1722;
}
.page-home .site-footer::before{
  opacity:.10;
}
.page-home .footer-brand img{
  width:230px;
  height:auto;
}
.page-home .floating-wa{
  color:#fff;
  background:var(--lp-green);
}
.page-home .mobile-actions{
  background:rgba(11,23,34,.96);
}

/* ---------- Responsive ---------- */
@media(max-width:1280px){
  .page-home .site-header-light .nav-wrap{
    grid-template-columns:225px minmax(0,1fr) auto;
    gap:18px;
  }
  .page-home .site-header-light .brand{
    width:220px;
  }
  .page-home .site-header-light .brand img{
    width:215px;
  }
  .page-home .site-header-light .main-nav{
    gap:18px;
  }
  .page-home .site-header-light .main-nav a{
    font-size:.68rem;
  }
  .lp-hero-copy{
    width:min(650px,49vw);
  }
  .lp-trust-row>div{
    padding-inline:11px;
  }
}
@media(max-width:1120px){
  .page-home .container,
  .page-home .site-header-light .topbar-inner,
  .page-home .site-header-light .nav-wrap{
    width:min(100% - 36px,1100px);
  }
  .page-home .site-header-light .header-cta{
    display:none;
  }
  .page-home .site-header-light .nav-toggle{
    display:block;
    margin-left:auto;
  }
  .page-home .site-header-light .nav-wrap{
    display:flex;
  }
  .page-home .site-header-light .main-nav{
    position:fixed;
    inset:calc(var(--topbar) + var(--nav)) 14px auto;
    max-height:calc(100svh - 100px);
    padding:14px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:3px;
    border:1px solid #dce5ec;
    border-radius:16px;
    background:#fff;
    box-shadow:0 22px 65px rgba(24,47,70,.18);
  }
  .page-home .site-header-light .main-nav.open{display:flex}
  .page-home .site-header-light .main-nav a{
    padding:12px 13px;
    color:#17283c;
    font-size:.82rem;
  }
  .page-home .site-header-light .main-nav a::after{display:none}
  .lp-hero-copy{
    width:min(620px,55vw);
  }
  .lp-hero h1{
    font-size:clamp(3.7rem,6.3vw,5.7rem);
  }
  .lp-trust-row{
    grid-template-columns:1fr 1fr;
  }
  .lp-trust-row>div:nth-child(2){border-right:0}
  .lp-services-grid{
    grid-template-columns:1fr 1fr;
  }
  .lp-tracking-shell{
    grid-template-columns:1fr;
    gap:24px;
  }
  .lp-tool-panel{
    grid-template-columns:1fr;
  }
  .lp-moving-grid{
    grid-template-columns:1fr;
  }
  .lp-split-cards{
    grid-template-columns:1fr;
  }
  .lp-branches-grid{
    grid-template-columns:1fr 1fr;
  }
  .lp-faq-docs-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  .page-home .container{
    width:min(100% - 26px,680px);
  }
  .page-home .site-header-light{
    --topbar:0px;
    --nav:76px;
  }
  .page-home .site-header-light .topbar{
    display:none;
  }
  .page-home .site-header-light .mainbar{
    height:76px;
  }
  .page-home .site-header-light .nav-wrap{
    width:min(100% - 24px,680px);
  }
  .page-home .site-header-light .brand{
    width:190px;
    height:66px;
  }
  .page-home .site-header-light .brand img{
    width:185px;
    height:50px;
  }
  .page-home .site-header-light .main-nav{
    inset:76px 12px auto;
  }

  .page-home .floating-wa{
    display:none;
  }

  .lp-hero{
    min-height:auto;
    padding-top:76px;
  }
  .lp-hero-media{
    inset:76px 0 auto;
    height:360px;
    background-image:url("../img/hero-agael-claro-mobile.webp");
    background-position:center top;
    background-size:cover;
  }
  .lp-hero-inner{
    min-height:auto;
    padding-top:325px;
    padding-bottom:50px;
    align-items:flex-start;
  }
  .lp-hero-copy{
    width:100%;
    padding:0;
  }
  .lp-eyebrow{
    font-size:.68rem;
  }
  .lp-hero h1{
    margin-top:16px;
    font-size:3.15rem;
    line-height:.91;
  }
  .lp-hero-copy>p{
    font-size:1rem;
  }
  .lp-hero-actions{
    flex-direction:column;
  }
  .lp-hero-actions .lp-button{
    width:100%;
  }
  .lp-trust-row{
    margin-top:24px;
    grid-template-columns:1fr 1fr;
  }
  .lp-trust-row>div{
    min-height:82px;
    padding:10px 8px;
    border-right:0;
    border-bottom:1px solid #dbe4ea;
  }
  .lp-trust-row>div:nth-child(odd){
    border-right:1px solid #dbe4ea;
  }
  .lp-trust-row>div:nth-child(n+3){
    border-bottom:0;
  }
  .lp-trust-icon{
    width:42px;
    height:42px;
    flex-basis:42px;
  }
  .lp-trust-row b{font-size:.72rem}
  .lp-trust-row small{font-size:.61rem}

  .lp-services,
  .lp-tools,
  .lp-moving,
  .lp-business-coverage,
  .lp-branches,
  .lp-faq-docs{
    padding:68px 0;
  }
  .lp-section-heading h2{
    font-size:2.45rem;
  }
  .lp-services-grid{
    grid-template-columns:1fr;
  }
  .lp-service-card{
    grid-template-columns:84px 1fr 38px;
  }
  .lp-service-card img{
    width:84px;
    height:76px;
  }

  .lp-tracking{
    padding-bottom:68px;
  }
  .lp-tracking-shell{
    padding:27px 20px;
    border-radius:22px;
  }
  .lp-tracking-form>div{
    display:block;
    padding:8px;
  }
  .lp-tracking-form svg{
    display:none;
  }
  .lp-tracking-form input{
    min-height:52px;
  }
  .lp-tracking-form button{
    width:100%;
    justify-content:center;
  }

  .lp-tool-panel{
    padding:18px;
  }
  .lp-tool-intro{
    padding:22px;
  }
  .lp-tools .form-grid.two{
    grid-template-columns:1fr;
  }
  .lp-tools .form-grid .full{
    grid-column:auto;
  }

  .lp-moving-media,
  .lp-moving-media img{
    min-height:360px;
  }
  .lp-moving-copy h2{
    font-size:2.55rem;
  }
  .lp-feature-grid{
    grid-template-columns:1fr;
  }
  .lp-section-actions{
    flex-direction:column;
  }
  .lp-section-actions .lp-button{
    width:100%;
  }

  .lp-big-card{
    min-height:auto;
    padding:26px;
  }
  .lp-big-card h2{
    font-size:2.45rem;
  }
  .lp-big-card .lp-button{
    width:100%;
  }

  .lp-branches-grid{
    grid-template-columns:1fr;
  }
  .lp-contact-band{
    align-items:flex-start;
    flex-direction:column;
  }
  .lp-contact-band>a{
    width:100%;
    justify-content:center;
  }

  .lp-faq-wrap,
  .lp-docs-card{
    padding:22px;
  }
  .lp-faq-wrap h2,
  .lp-docs-card h2{
    font-size:2.15rem;
  }
}
@media(max-width:390px){
  .lp-hero h1{
    font-size:2.75rem;
  }
}
@media(prefers-reduced-motion:reduce){
  .lp-button,
  .lp-service-card{
    transition:none!important;
  }
}