@font-face{font-family:'At Cinzel';font-style:normal;font-weight:600;font-display:swap;src:url('cinzel-semibold.ttf') format('truetype')}
@font-face{font-family:'At Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('montserrat-regular.ttf') format('truetype')}
@font-face{font-family:'At Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('montserrat-semibold.ttf') format('truetype')}


#atlantico-final { width:100%; }
  #atlantico-final .at-stage { display:flex; align-items:flex-start; justify-content:center; }
  #atlantico-final .at-page { --at-blue:#08203E; --at-cyan:#2FC8FF; --at-ink:#F7F9FC; width:100%; background:var(--at-blue); color:var(--at-ink); font-family:'At Montserrat',Arial,sans-serif; font-weight:400; color-scheme:dark; box-sizing:border-box; container-type:inline-size; }
  #atlantico-final .at-page *,#atlantico-final .at-page *::before,#atlantico-final .at-page *::after { box-sizing:border-box; }
  #atlantico-final .at-page :where(h1,h2,p) { margin:0; }
  #atlantico-final .at-page a { color:inherit; text-decoration:none; }
  #atlantico-final .at-page a:hover { text-decoration:underline; text-underline-offset:4px; }
  #atlantico-final .at-page a:focus-visible { outline:3px solid var(--at-cyan); outline-offset:4px; }
  #atlantico-final .at-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 32px 24px; border-bottom:1px solid #29435C; }
  #atlantico-final .at-header-info { display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
  #atlantico-final .at-domain { color:#B0C9DA; font-size:11px; letter-spacing:.2px; }
  #atlantico-final .at-hero { display:grid; grid-template-columns:1.18fr 1fr; align-items:center; padding:36px 32px; gap:42px; }
  #atlantico-final .at-intro { padding:0; }
  #atlantico-final .at-status { display:inline-flex; align-items:center; gap:9px; font-size:10px; letter-spacing:1.2px; font-weight:600; line-height:1.6; }
  #atlantico-final .at-status>span { height:6px; width:6px; border-radius:50%; background:var(--at-cyan); }
  #atlantico-final .at-page h1 { font-family:'At Cinzel',Georgia,serif; font-size:clamp(30px,4cqw,44px); font-weight:600; line-height:1.18; letter-spacing:-.7px; margin:0; }
  #atlantico-final .at-claim { font-family:'At Montserrat',Arial,sans-serif; font-size:16px; font-weight:400; line-height:1.5; color:var(--at-cyan); margin-top:21px; }
  #atlantico-final .at-copy { font-size:14px; line-height:1.8; max-width:450px; color:#D3DEE8; margin-top:13px; }
  #atlantico-final .at-main { display:inline-flex; align-items:center; gap:11px; padding:14px 18px; min-height:48px; border-radius:4px; background:var(--at-cyan); color:var(--at-blue); font-weight:600; font-size:12px; line-height:1.5; margin-top:26px; }
  #atlantico-final .at-main>span { margin-left:9px; }
  #atlantico-final .at-main svg { width:16px; height:16px; }
  #atlantico-final .at-landscape { position:relative; aspect-ratio:1.45; background:linear-gradient(165deg,#153D58,#216B7F); overflow:hidden; border-radius:100px 12px 12px 12px; }
  #atlantico-final .at-sun { position:absolute; width:58px; height:58px; border-radius:50%; background:#D8C7A1; right:18%; top:28px; }
  #atlantico-final .at-hill { position:absolute; inset:25% -20% 0 -20%; clip-path:polygon(0 80%,30% 18%,45% 43%,64% 0,100% 75%,100% 100%,0 100%); }
  #atlantico-final .at-back { background:#326A75; }
  #atlantico-final .at-front { background:#0C3349; transform:translateY(55px) scaleX(-1); }
  #atlantico-final .at-trail { position:absolute; width:68%; height:140px; border:14px solid #74AEAE; border-left:0; border-bottom:0; border-radius:50%; bottom:-40px; right:20%; transform:rotate(-40deg); opacity:.65; }
  #atlantico-final .at-landscape-label { position:absolute; bottom:23px; left:23px; color:#D5E4E8; font-size:8px; letter-spacing:1.5px; font-weight:400; }
  #atlantico-final .at-connect { padding:25px 32px 28px; background:#0B2948; }
  #atlantico-final .at-section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:15px; margin-bottom:19px; }
  #atlantico-final .at-section-heading h2 { font-weight:600; font-size:14px; line-height:1.6; }
  #atlantico-final .at-section-heading p { font-size:10px; line-height:1.6; color:#B6CCDD; }
  #atlantico-final .at-socials { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
  #atlantico-final .at-social { display:flex; gap:9px; align-items:center; padding:12px; min-height:47px; background:#102F4E; border:1px solid #34536E; border-radius:4px; font-size:11px; line-height:1.4; font-weight:400; }
  #atlantico-final .at-social:hover { background:#1C405D; }
  #atlantico-final .at-social svg { width:16px; height:16px; flex-shrink:0; }
  #atlantico-final .at-social span { flex:1; }
  #atlantico-final .at-social b { font-weight:400; opacity:.65; }
  #atlantico-final .at-footer { padding:21px 32px 24px; display:flex; align-items:center; justify-content:space-between; gap:18px; color:#BED0DF; }
  #atlantico-final .at-email { display:flex; align-items:center; gap:8px; font-size:11px; line-height:1.5; }
  #atlantico-final .at-email svg { width:16px; height:16px; flex-shrink:0; }
  #atlantico-final .at-signature { font-family:'At Cinzel',Georgia,serif; font-size:10px; letter-spacing:1px; font-weight:600; }
  
  @container(max-width:760px) {
    #atlantico-final .at-header { padding:22px; flex-direction:column; gap:17px; }
    #atlantico-final .at-header-info { align-items:center; gap:0; }
    #atlantico-final .at-domain { display:none; }
    #atlantico-final .at-hero { grid-template-columns:1fr; padding:27px 22px 28px; gap:25px; }
    #atlantico-final .at-intro { padding:0; }
    #atlantico-final .at-page h1 { font-size:clamp(26px,7.8cqw,34px); line-height:1.2; letter-spacing:-.6px; margin-top:0; }
    #atlantico-final .at-claim { font-size:14px; margin-top:17px; }
    #atlantico-final .at-copy { font-size:13px; margin-top:12px; }
    #atlantico-final .at-main { margin-top:24px; }
    #atlantico-final .at-landscape { aspect-ratio:2.1; border-radius:58px 10px 10px 10px; margin:0; }
    #atlantico-final .at-sun { width:40px; height:40px; top:15px; }
    #atlantico-final .at-front { transform:translateY(30px) scaleX(-1); }
    #atlantico-final .at-trail { height:80px; width:60%; border-width:8px; }
    #atlantico-final .at-landscape-label { bottom:17px; left:19px; font-size:7px; letter-spacing:1.1px; }
    #atlantico-final .at-connect { padding:25px 22px; }
    #atlantico-final .at-section-heading { display:block; margin-bottom:17px; }
    #atlantico-final .at-section-heading h2 { font-size:13px; }
    #atlantico-final .at-section-heading p { margin-top:6px; }
    #atlantico-final .at-socials { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    #atlantico-final .at-social { padding:10px; font-size:11px; gap:7px; min-height:47px; }
    #atlantico-final .at-social svg { width:14px; height:14px; }
    #atlantico-final .at-footer { padding:21px 22px 26px; display:flex; flex-direction:column; align-items:flex-start; gap:15px; }
    #atlantico-final .at-email { font-size:11px; }
    #atlantico-final .at-signature { font-size:9px; }
  }

html{background:#08203E;color-scheme:dark}body{margin:0}#atlantico-final{min-height:100svh;display:grid;align-items:center}#atlantico-final .at-page{max-width:1140px;margin-inline:auto}#atlantico-final .at-social svg,#atlantico-final .at-main svg,#atlantico-final .at-email svg{stroke:currentColor}a{cursor:pointer}.skip-link{position:absolute;top:8px;left:8px;transform:translateY(-200%);padding:12px 18px;background:#F7F9FC;color:#08203E;z-index:2}.skip-link:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

#atlantico-final .at-logo{width:320px;max-width:100%;height:auto;display:block;flex-shrink:0}
@container(max-width:760px){#atlantico-final .at-logo{width:290px;max-width:100%;flex-shrink:1}}

/* Nueve perfiles: cuadrícula equilibrada; última tarjeta completa en móvil. */
@container(max-width:760px){#atlantico-final .at-socials .at-social:last-child:nth-child(odd){grid-column:1 / -1}}