*{box-sizing:border-box} :root{--navy:#152d3c;--gold:#b18b50;--muted:#627079}body{margin:0;background:#f7f6f2;color:var(--navy);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.ambient{position:fixed;z-index:-1;inset:0;background:radial-gradient(ellipse at 90% 20%,#e5e9e4,transparent 55%)}.header,main,footer{max-width:1180px;margin:auto}.header{padding:38px 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--navy);font-size:13px;letter-spacing:2px;font-weight:700}.brand small{display:block;margin-top:7px;font-size:10px;letter-spacing:4px;font-weight:400}.monogram{border:1px solid #c4bba8;width:48px;height:52px;display:grid;place-content:center;font:22px Georgia;text-align:center;color:var(--gold)}.monogram span{font-size:13px}.header-note{font-size:12px;color:var(--muted)}main{padding:30px 32px 60px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:36px;min-height:440px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:10px}.eyebrow span{width:22px;height:1px;background:var(--gold)}h1{font:52px/1.15 Georgia,serif;letter-spacing:-1.5px;margin:24px 0}h1 em{color:var(--gold);font-weight:400}.intro{max-width:465px;font-size:15px;line-height:1.8;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:12px;border:1px solid #d7d9d3;background:#ffffff80;border-radius:24px;padding:12px 18px;font-size:12px;margin-top:16px}.spinner{width:14px;height:14px;border:2px solid #d8cbb5;border-top-color:var(--gold);border-radius:50%;animation:spin 2s linear infinite}.attention{font-size:12px;color:var(--muted);margin-top:20px}.illustration{position:relative;height:360px;width:100%;max-width:440px;margin:auto}.orbit{position:absolute;width:290px;height:290px;border-radius:50%;background:#e8ece7;left:65px;top:30px}.blueprint{position:absolute;inset:30px 10px;background-image:linear-gradient(#152d3c08 1px,transparent 1px),linear-gradient(90deg,#152d3c08 1px,transparent 1px);background-size:24px 24px;border-radius:50%}.ground{position:absolute;height:2px;bottom:57px;left:25px;right:15px;background:#a8b5b5}.building{position:absolute;width:210px;height:176px;bottom:60px;left:115px;background:#faf9f5;border:1px solid #c5cecb;box-shadow:12px 10px 0 #172e3c0c}.roof{position:absolute;top:-42px;left:-13px;width:234px;height:45px;background:var(--navy);clip-path:polygon(50% 0,100% 85%,100% 100%,0 100%,0 85%)}.building-sign{text-align:center;letter-spacing:5px;font:12px Georgia;color:var(--gold);margin:17px 0}.columns{display:flex;justify-content:space-around;padding:0 16px}.columns i{height:99px;width:17px;background:linear-gradient(90deg,#dce2dd,#f2f3ef);border-top:5px solid #aebbb7;border-bottom:5px solid #aebbb7}.steps{position:absolute;bottom:0;left:-10px;right:-10px;height:15px;background:repeating-linear-gradient(#c4cdc7 0 3px,#e7ebe6 3px 7px)}.crane{position:absolute;left:42px;top:10px;width:300px;height:285px}.mast{position:absolute;left:30px;width:14px;height:280px;border:3px solid var(--gold);background:repeating-linear-gradient(45deg,transparent 0 11px,#b18b5070 12px 15px,transparent 16px 26px)}.arm{position:absolute;left:0;top:20px;width:275px;height:13px;background:var(--gold)}.arm:before{content:"";position:absolute;width:148px;height:2px;background:var(--gold);top:-15px;left:30px;transform:rotate(12deg)}.cable{position:absolute;left:252px;top:32px;height:72px;width:2px;background:var(--navy);transform-origin:top;animation:sway 4s ease-in-out infinite}.hook{position:absolute;left:247px;top:102px;width:12px;height:16px;border:3px solid var(--gold);border-top:0;border-radius:0 0 9px 9px;animation:hook 4s ease-in-out infinite}.cone{position:absolute;bottom:59px;width:24px;height:35px;background:linear-gradient(#b18b50 0 45%,#f7f6f2 45% 60%,#b18b50 60%);clip-path:polygon(45% 0,55% 0,88% 85%,100% 85%,100% 100%,0 100%,0 85%,12% 85%)}.cone-one{left:92px}.cone-two{right:58px}.floating-tag{position:absolute;right:0;top:100px;border:1px solid #d6ded6;box-shadow:0 8px 25px #172e3c0a;background:#fff;border-radius:8px;padding:13px 16px;font-size:9px;letter-spacing:2px;color:var(--gold);animation:float 5s ease-in-out infinite}.details{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce0d8;border-radius:12px;background:#ffffff90;margin-top:40px}.details article{display:flex;gap:18px;padding:30px 36px}.details article+article{border-left:1px solid #dce0d8}.icon{width:42px;height:42px;background:#eeeee6;border-radius:10px;display:grid;place-items:center;font-size:20px;flex-shrink:0}h2{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin:2px 0 12px;color:var(--muted)}.details p{font-size:17px;line-height:1.6;margin:0 0 10px}.details strong{font-weight:500}.details a{color:var(--gold);font-size:12px;text-decoration:none}.details a:hover{text-decoration:underline}.continuous{font-size:11px;color:#4e6858;background:#eaf0e7;padding:5px 9px;border-radius:5px}footer{padding:24px 32px;border-top:1px solid #dde0d8;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px}a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes sway{50%{transform:rotate(6deg)}}@keyframes hook{50%{transform:translateX(-7px)}}@media(max-width:850px){h1{font-size:42px}.hero{gap:12px}.illustration{transform:scale(.85)}.details article{padding:25px 20px}}@media(max-width:650px){.header{padding:25px 22px}.header-note{display:none}main{padding:25px 22px 35px}.hero{grid-template-columns:1fr;gap:0}h1{font-size:40px}.illustration{height:325px;transform:scale(.85);transform-origin:center}.details{grid-template-columns:1fr;margin-top:0}.details article+article{border-left:0;border-top:1px solid #dce0d8}footer{padding:22px;flex-direction:column;font-size:10px}.intro{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Datos de contacto: enlaces completos y legibles en pantallas pequeñas. */
.details .contact-panel {
  display: block;
  grid-column: 1 / -1;
  min-width: 0;
  border-left: 0;
  border-top: 1px solid #dce0d8;
}
.contact-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin: 22px 0 0;
}
.contact-list > div { min-width: 0; }
.contact-list dt { margin-bottom: 6px; color: var(--muted); font-size: 12px; }
.contact-list dd { margin: 0; }
.details .contact-list a {
  display: inline-block;
  max-width: 100%;
  color: var(--navy);
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
  text-decoration: underline;
  text-decoration-color: #c4bba8;
  text-underline-offset: 4px;
}
.details .contact-list a:hover { color: #82612d; text-decoration-color: currentColor; }
@media (max-width: 1050px) {
  .contact-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .contact-list { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .details .contact-list a { font-size: 14px; }
}