:root{
    --blueprint:#0B2545;
    --steel:#134074;
    --linework:#8DA9C4;
    --paper:#EEF4ED;
    --paper-warm:#F6F8F4;
    --amber:#F4A300;
    --amber-dark:#C97F00;
    --charcoal:#13293D;
    --ink-soft:#3A5069;
    --ok:#3D8B5F;
    --radius:2px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter',sans-serif;
    color:var(--charcoal);
    background:var(--paper-warm);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}
  }
  h1,h2,h3,h4{font-family:'Oswald',sans-serif; text-transform:uppercase; letter-spacing:0.02em; color:var(--blueprint); line-height:1.15;}
  .mono{font-family:'IBM Plex Mono',monospace;}
  a{color:inherit;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;
    font-size:14px;font-weight:600;
    padding:15px 30px;border-radius:var(--radius);
    border:2px solid transparent;cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    text-decoration:none;
  }
  .btn-primary{background:var(--amber);color:var(--blueprint);}
  .btn-primary:hover{background:var(--amber-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(244,163,0,.35);}
  .btn-outline{border-color:rgba(255,255,255,.55);color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,.12);transform:translateY(-2px);}
  .btn-outline-dark{border-color:var(--blueprint);color:var(--blueprint);}
  .btn-outline-dark:hover{background:var(--blueprint);color:#fff;}

  /* ===== Cookie banner ===== */
  #cookieBanner{
    position:fixed;left:0;right:0;bottom:0;z-index:999;
    background:var(--blueprint);color:#dce8f5;
    padding:18px 28px;display:none;
    box-shadow:0 -6px 24px rgba(0,0,0,.25);
  }
  #cookieBanner .cb-inner{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;}
  #cookieBanner p{font-size:13.5px;max-width:720px;color:#c7d7e8;}
  #cookieBanner a.policy-link{color:var(--amber);text-decoration:underline;}
  .cb-actions{display:flex;gap:10px;flex-shrink:0;}
  .cb-btn{font-family:'Inter',sans-serif;font-weight:600;font-size:13px;padding:10px 18px;border-radius:var(--radius);cursor:pointer;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;}
  .cb-btn.accept{background:var(--amber);color:var(--blueprint);border-color:var(--amber);}

  /* ===== Header ===== */
  header{
    position:sticky;top:0;z-index:100;
    background:rgba(11,37,69,0.97);
    backdrop-filter:blur(6px);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
  .logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;}
  .logo-mark{width:40px;height:40px;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1), filter .3s ease;}
  .logo:hover .logo-mark{transform:translateY(-1px) scale(1.05); filter:drop-shadow(0 2px 6px rgba(244,163,0,.35));}
  .logo-text{font-family:'Oswald',sans-serif;font-weight:700;font-size:19px;letter-spacing:.045em;line-height:1.05;}
  .logo-text span{display:block;font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:400;color:var(--linework);letter-spacing:.2em;margin-top:3px;}
  nav.links{display:flex;gap:32px;list-style:none;}
  nav.links a{color:#dce8f5;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.02em;position:relative;padding:4px 0;}
  nav.links a:hover{color:#fff;}
  nav.links a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--amber);transition:width .2s ease;}
  nav.links a:hover::after{width:100%;}
  .nav-cta{display:flex;align-items:center;gap:18px;}
  .nav-phone{display:flex;align-items:center;gap:8px;color:#fff;font-family:'IBM Plex Mono',monospace;font-size:13.5px;text-decoration:none;}
  .menu-toggle{display:none;background:none;border:none;color:#fff;font-size:26px;cursor:pointer;}

  @media(max-width:920px){
    nav.links{display:none;}
    .nav-phone{display:none;}
    .menu-toggle{display:block;}
  }

  /* ===== Hero ===== */
  .hero{
    position:relative;
    background:
      linear-gradient(180deg, rgba(11,37,69,.94) 0%, rgba(11,37,69,.88) 60%, rgba(11,37,69,.97) 100%),
      repeating-linear-gradient(0deg, rgba(141,169,196,.07) 0 1px, transparent 1px 42px),
      repeating-linear-gradient(90deg, rgba(141,169,196,.07) 0 1px, transparent 1px 42px),
      var(--blueprint);
    color:#fff;
    overflow:hidden;
    padding:88px 0 70px;
  }
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;}
  @media(max-width:920px){.hero-grid{grid-template-columns:1fr;} .hero{padding:56px 0 46px;}}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--amber);background:rgba(244,163,0,.1);border:1px solid rgba(244,163,0,.4);
    padding:7px 14px;border-radius:var(--radius);margin-bottom:22px;
  }
  .hero h1{font-size:clamp(34px,4.6vw,56px);font-weight:700;color:#fff;margin-bottom:20px;}
  .hero h1 em{font-style:normal;color:var(--amber);}
  .hero p.lead{font-size:17px;color:#c7d7e8;max-width:520px;margin-bottom:34px;}
  .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px;}
  .hero-meta{display:flex;gap:28px;flex-wrap:wrap;padding-top:26px;border-top:1px solid rgba(255,255,255,.15);}
  .hero-meta div{display:flex;flex-direction:column;}
  .hero-meta .num{font-family:'Oswald',sans-serif;font-size:26px;font-weight:600;color:#fff;}
  .hero-meta .lbl{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.1em;color:var(--linework);text-transform:uppercase;margin-top:2px;}

  .blueprint-art{position:relative;}
  .blueprint-art svg{width:100%;height:auto;}
  .draw-line{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 2.6s ease forwards;}
  .draw-line.d2{animation-delay:.3s;}
  .draw-line.d3{animation-delay:.6s;}
  .draw-line.d4{animation-delay:.9s;}
  .draw-line.d5{animation-delay:1.2s;}
  @keyframes draw{to{stroke-dashoffset:0;}}
  .blueprint-tag{
    position:absolute;font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--linework);
    opacity:0;animation:fadein .6s ease forwards;
  }
  .blueprint-tag.t1{top:8%;left:4%;animation-delay:1.6s;}
  .blueprint-tag.t2{bottom:12%;right:6%;animation-delay:1.9s;}
  .blueprint-tag.t3{top:46%;right:2%;animation-delay:2.1s;}
  @keyframes fadein{to{opacity:1;}}

  /* ===== Sections generic ===== */
  section{padding:88px 0;}
  .section-head{max-width:640px;margin-bottom:52px;}
  .section-head .eyebrow-light{
    font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--steel);margin-bottom:12px;display:block;
  }
  .section-head h2{font-size:clamp(26px,3.2vw,38px);}
  .section-head p{color:var(--ink-soft);font-size:15.5px;margin-top:14px;}
  .section-alt{background:var(--paper);}

  /* ===== Nosotros ===== */
  .about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center;}
  @media(max-width:860px){.about-grid{grid-template-columns:1fr;gap:36px;}}
  .about-visual{
    aspect-ratio:4/5;border-radius:var(--radius);
    background:
      linear-gradient(160deg, rgba(11,37,69,.06), transparent 60%),
      repeating-linear-gradient(0deg, rgba(19,64,116,.08) 0 1px, transparent 1px 34px),
      repeating-linear-gradient(90deg, rgba(19,64,116,.08) 0 1px, transparent 1px 34px),
      var(--paper);
    border:1px solid var(--linework);
    position:relative;overflow:hidden;
  }
  .about-visual .crane-svg{position:absolute;inset:0;width:100%;height:100%;}
  .about-copy p{color:var(--ink-soft);margin-bottom:16px;font-size:15.5px;}
  .about-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;}
  .value-card{border-left:3px solid var(--amber);padding:4px 0 4px 16px;}
  .value-card h4{font-size:14.5px;color:var(--blueprint);margin-bottom:4px;}
  .value-card p{font-size:13.5px;color:var(--ink-soft);margin:0;}

  /* ===== Servicios ===== */
  .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  @media(max-width:920px){.services-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:620px){.services-grid{grid-template-columns:1fr;}}
  .service-card{
    background:#fff;border:1px solid #e2e8ee;border-radius:var(--radius);
    padding:30px 26px;transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
    position:relative;
  }
  .service-card:hover{border-color:var(--amber);transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,37,69,.08);}
  .service-icon{width:44px;height:44px;margin-bottom:18px;color:var(--steel);}
  .service-card h3{font-size:16.5px;margin-bottom:10px;}
  .service-card p{font-size:14px;color:var(--ink-soft);}

  /* ===== Proceso ===== */
  .process-track{position:relative;}
  .process-list{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative;}
  @media(max-width:920px){.process-list{grid-template-columns:1fr 1fr;}}
  @media(max-width:560px){.process-list{grid-template-columns:1fr;}}
  .process-item{
    background:#fff;border:1px solid #e2e8ee;border-radius:var(--radius);padding:26px 20px 22px;
  }
  .rev-tag{
    display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--amber-dark);
    border:1px solid var(--amber);padding:2px 8px;border-radius:2px;margin-bottom:14px;letter-spacing:.05em;
  }
  .process-item h4{font-size:15px;margin-bottom:8px;}
  .process-item p{font-size:13.3px;color:var(--ink-soft);}

  /* ===== Por qué elegirnos ===== */
  .why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px;}
  @media(max-width:700px){.why-grid{grid-template-columns:1fr;}}
  .why-item{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(19,64,116,.12);}
  .why-icon{width:22px;height:22px;flex-shrink:0;color:var(--ok);margin-top:2px;}
  .why-item h4{font-size:15px;color:var(--blueprint);margin-bottom:3px;}
  .why-item p{font-size:13.5px;color:var(--ink-soft);margin:0;}

  /* ===== Proyectos ===== */
  .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  @media(max-width:900px){.projects-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.projects-grid{grid-template-columns:1fr;}}
  .project-card{
    position:relative;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;
    background-color:var(--blueprint);
    display:flex;align-items:flex-end;
    transition:transform .3s ease;
  }
  .project-card:hover{transform:translateY(-4px);}
  .project-card::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(11,37,69,.05) 0%, rgba(11,37,69,.15) 55%, rgba(11,37,69,.92) 100%);
  }
  .project-info{position:relative;z-index:1;padding:20px;color:#fff;}
  .project-info .cat{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.1em;color:var(--amber);text-transform:uppercase;}
  .project-info h4{color:#fff;font-size:16px;margin-top:6px;}

  /* ===== Testimonios ===== */
  .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  @media(max-width:900px){.testi-grid{grid-template-columns:1fr;}}
  .testi-card{background:#fff;border:1px solid #e2e8ee;border-radius:var(--radius);padding:28px;}
  .testi-card .quote-mark{font-family:'Oswald',sans-serif;font-size:34px;color:var(--amber);line-height:.5;display:block;margin-bottom:14px;}
  .testi-card p.quote{font-size:14.5px;color:var(--ink-soft);margin-bottom:18px;}
  .testi-person{display:flex;align-items:center;gap:12px;}
  .testi-avatar{width:38px;height:38px;border-radius:50%;background:var(--linework);display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif;color:#fff;font-size:14px;}
  .testi-person strong{display:block;font-size:13.5px;color:var(--blueprint);}
  .testi-person span{font-size:12px;color:var(--ink-soft);}

  /* ===== Contacto ===== */
  .contact-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;}
  @media(max-width:900px){.contact-wrap{grid-template-columns:1fr;gap:36px;}}
  .contact-info-card{background:var(--blueprint);color:#fff;border-radius:var(--radius);padding:38px 32px;}
  .contact-info-card h3{color:#fff;font-size:20px;margin-bottom:18px;}
  .contact-line{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px;}
  .contact-line svg{width:20px;height:20px;color:var(--amber);flex-shrink:0;margin-top:2px;}
  .contact-line span.lbl{display:block;font-family:'IBM Plex Mono',monospace;font-size:10.5px;color:var(--linework);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;}
  .contact-line span.val{font-size:14.5px;}
  .whatsapp-cta{
    margin-top:26px;display:flex;align-items:center;gap:10px;justify-content:center;
    background:#25D366;color:#06371c;font-weight:700;padding:14px;border-radius:var(--radius);
    text-decoration:none;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:14px;letter-spacing:.03em;
  }
  .whatsapp-cta:hover{filter:brightness(0.96);}

  .form-card{background:#fff;border:1px solid #e2e8ee;border-radius:var(--radius);padding:34px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  @media(max-width:560px){.form-row{grid-template-columns:1fr;}}
  .field{margin-bottom:18px;}
  .field label{display:block;font-size:12.5px;font-weight:600;color:var(--blueprint);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em;}
  .field input, .field select, .field textarea{
    width:100%;padding:12px 14px;border:1px solid #d6dee6;border-radius:var(--radius);
    font-family:'Inter',sans-serif;font-size:14px;color:var(--charcoal);background:var(--paper-warm);
    transition:border-color .15s ease;
  }
  .field input:focus, .field select:focus, .field textarea:focus{outline:none;border-color:var(--steel);background:#fff;}
  .field textarea{resize:vertical;min-height:100px;}
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--ink-soft);margin-bottom:20px;}
  .consent input{margin-top:3px;}
  .form-submit{width:100%;justify-content:center;}

  /* ===== Footer ===== */
  footer{background:var(--blueprint);color:#c7d7e8;padding-top:60px;}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1);}
  @media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:520px){.footer-grid{grid-template-columns:1fr;}}
  footer h5{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:16px;}
  footer ul{list-style:none;}
  footer ul li{margin-bottom:10px;}
  footer ul a{color:#a9c0d6;text-decoration:none;font-size:13.5px;}
  footer ul a:hover{color:#fff;}
  .footer-logo{color:#fff;font-family:'Oswald',sans-serif;font-weight:700;font-size:19px;margin-bottom:12px;display:flex;align-items:center;gap:10px;letter-spacing:.03em;}
  footer .foot-desc{font-size:13.5px;color:#a9c0d6;max-width:280px;margin-bottom:18px;}
  .foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 0 30px;font-size:12.5px;color:#7f9ab5;}
  .foot-bottom a{color:#7f9ab5;text-decoration:none;}
  .foot-bottom a:hover{color:#fff;}

  ::selection{background:var(--amber);color:var(--blueprint);}

/* ===== Legal pages ===== */
.legal-hero{
  background:
    linear-gradient(180deg, rgba(11,37,69,.94) 0%, rgba(11,37,69,.97) 100%),
    repeating-linear-gradient(0deg, rgba(141,169,196,.07) 0 1px, transparent 1px 42px),
    repeating-linear-gradient(90deg, rgba(141,169,196,.07) 0 1px, transparent 1px 42px),
    var(--blueprint);
  color:#fff;padding:64px 0 48px;
}
.legal-hero .eyebrow{margin-bottom:16px;}
.legal-hero h1{color:#fff;font-size:clamp(28px,4vw,42px);margin-bottom:12px;}
.legal-hero p{color:#c7d7e8;font-size:14.5px;max-width:600px;}
.legal-back{display:inline-flex;align-items:center;gap:8px;color:#a9c0d6;text-decoration:none;font-size:13px;margin-bottom:24px;font-family:'IBM Plex Mono',monospace;letter-spacing:.04em;}
.legal-back:hover{color:#fff;}

.legal-body{padding:64px 0 90px;}
.legal-grid{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:start;}
@media(max-width:860px){.legal-grid{grid-template-columns:1fr;}}
.legal-toc{position:sticky;top:100px;border-left:2px solid var(--linework);padding-left:20px;}
.legal-toc span.mono{display:block;color:var(--steel);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;}
.legal-toc a{display:block;color:var(--ink-soft);text-decoration:none;font-size:13.5px;padding:6px 0;border-bottom:1px solid #e6ecf1;}
.legal-toc a:hover{color:var(--blueprint);}
.legal-content h2{font-size:20px;margin-top:44px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e2e8ee;}
.legal-content h2:first-child{margin-top:0;}
.legal-content p{color:var(--ink-soft);font-size:15px;margin-bottom:14px;}
.legal-content ul{margin:0 0 14px 20px;color:var(--ink-soft);font-size:15px;}
.legal-content li{margin-bottom:8px;}
.legal-content strong{color:var(--blueprint);}
.legal-updated{
  display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--steel);
  background:var(--paper);border:1px solid var(--linework);padding:6px 12px;border-radius:2px;margin-bottom:8px;
}
.legal-note{
  background:var(--paper);border-left:3px solid var(--amber);padding:16px 18px;font-size:13.5px;color:var(--ink-soft);margin:20px 0;border-radius:2px;
}

/* ===== Scroll reveal & micro-interactions ===== */
.reveal{opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);}
.reveal.in-view{opacity:1; transform:none;}
.reveal-stagger > *{opacity:0; transform:translateY(24px); transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1);}
.reveal-stagger.in-view > *{opacity:1; transform:none;}
.reveal-stagger.in-view > *:nth-child(1){transition-delay:.02s;}
.reveal-stagger.in-view > *:nth-child(2){transition-delay:.09s;}
.reveal-stagger.in-view > *:nth-child(3){transition-delay:.16s;}
.reveal-stagger.in-view > *:nth-child(4){transition-delay:.23s;}
.reveal-stagger.in-view > *:nth-child(5){transition-delay:.30s;}
.reveal-stagger.in-view > *:nth-child(6){transition-delay:.37s;}

@media (prefers-reduced-motion: reduce){
  .reveal, .reveal-stagger > *{opacity:1 !important; transform:none !important; transition:none !important;}
}

header{transition:padding .3s ease, box-shadow .3s ease;}
header.scrolled{box-shadow:0 6px 20px rgba(11,37,69,.18);}
header.scrolled .nav{padding:10px 0;}

.service-card{will-change:transform;}
.service-card .service-icon{transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
.service-card:hover .service-icon{transform:translateY(-3px) rotate(-4deg);}

.project-card img, .project-card{transition:transform .5s ease;}
.project-card:hover{transform:translateY(-6px) scale(1.015);}

.process-item{transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;}
.process-item:hover{transform:translateY(-4px); border-color:var(--amber); box-shadow:0 12px 26px rgba(11,37,69,.08);}

.testi-card{transition:transform .3s ease, box-shadow .3s ease;}
.testi-card:hover{transform:translateY(-4px); box-shadow:0 14px 30px rgba(11,37,69,.08);}

.why-item{transition:transform .25s ease, padding-left .25s ease;}
.why-item:hover{padding-left:6px;}

.hero-meta .num{display:inline-block;}

.process-track::before{
  content:'';position:absolute;left:0;right:0;top:186px;height:1px;
  background:linear-gradient(90deg, transparent, var(--linework) 15%, var(--linework) 85%, transparent);
  transform:scaleX(0); transform-origin:left; transition:transform 1.1s cubic-bezier(.22,1,.36,1);
}
.process-track.in-view::before{transform:scaleX(1);}
@media(max-width:920px){.process-track::before{display:none;}}

/* ===== Advertiser info block ===== */
.advertiser-block{padding:28px 28px 6px; border-top:1px solid rgba(255,255,255,.1); margin-top:0;}
.adv-title{display:block; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--linework); margin-bottom:16px;}
.advertiser-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px 32px;}
@media(max-width:800px){.advertiser-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.advertiser-grid{grid-template-columns:1fr;}}
.adv-item{display:flex; flex-direction:column; gap:3px;}
.adv-item .lbl{font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--linework);}
.adv-item .val{font-size:13.5px; color:#dce8f5;}