/* Integración limitada a la portada de la copia de prueba. */
#inicio.hero{grid-template-columns:minmax(0,1.18fr) minmax(0,.84fr);column-gap:7%;background:var(--paper)}
#inicio .brand-stage{grid-column:1;grid-row:1;width:100%}
#inicio .hero-copy{grid-column:2;grid-row:1;align-self:end;padding-bottom:3%}
#inicio h1{font-size:clamp(38px,3.9vw,60px)}
#inicio .hero-lead{font:400 16px/1.65 Inter,sans-serif}
#inicio .brand-seal{width:clamp(135px,14vw,195px);height:clamp(135px,14vw,195px)}
#inicio .brand-point{font-size:13px;transition:transform .2s ease}
#inicio .brand-point:is(:hover,:focus-visible,[aria-pressed=true]){transform:translateY(-4px)}
.ref-original{--gf-header-height:var(--header,76px);display:block;min-width:0;scroll-margin-top:var(--gf-header-height);font:400 16px/1.65 Inter,Arial,sans-serif}
#planes,#experiencia{background:#0c2736!important;color:#f8f6ed}
#experiencia{clip-path:none!important;overflow:visible}
#experiencia .experience-intro{align-self:start;position:sticky!important;top:calc(var(--header,76px) + 24px)!important}
#experiencia .future-experience-track{align-self:stretch}
#experiencia .situacion{min-height:4em;border-left:2px solid #d7b575;padding-left:16px;color:#ecf0ed}
#experiencia .career-grid article.is-current .chapter-number{color:#d7b575!important}
#proceso,#tu-perfil{background:#faf8f1!important;color:#122f3e!important;overflow:visible}
#tu-perfil .gf-profile-heading :is(h2,strong),#tu-perfil .connection-card strong{color:#153746!important}
#tu-perfil .gf-profile-heading :is(p,em),#tu-perfil .connection-card small,#tu-perfil .future-coordinate{color:#536975!important}
#tu-perfil .connection-card{background:transparent!important;border:0!important;border-bottom:1px solid #a9b8b6!important;scroll-margin-top:calc(var(--header,76px) + 12px)}
#tu-perfil .connection-card[aria-pressed=true]{border-bottom-color:#95733a!important}#tu-perfil .connection-card[aria-pressed=true] strong{color:#866225!important}
#tu-perfil .connection-icon{background:#e8e6db!important;color:#80642d!important}
#tu-perfil .future-sculpture{position:sticky!important;top:calc(var(--header,76px) + 12px)!important}
#tu-perfil .future-sheet:not(:last-child){transform:translate(5px,5px) rotate(1deg)!important}
#tu-perfil .future-orbit{opacity:.16}
#tu-perfil .future-core{transition:transform .3s ease}
#herramientas{background:#0c2736;color:#f8f6ed}
#herramientas .si-copy .si-intro{color:#c0d1d5}#herramientas .si-copy h2 em,#herramientas .si-copy .si-eyebrow{color:#dfbd79}
#herramientas .si-copy .si-button{background:#faf8f1;color:#173544}
#herramientas .si-sheet{color:#173544}
@media(max-width:760px){
#inicio.hero{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-block:20px}
#inicio .brand-stage{order:-1;max-width:450px}#inicio .brand-canvas{aspect-ratio:500/320}
#inicio .brand-seal{width:108px;height:108px}
#inicio .brand-point{font-size:11px}#inicio .hero-copy{width:91%;align-self:flex-end}
#inicio h1{font-size:36px;margin:12px 0}#inicio .hero-lead{font-size:15px;margin:12px 0}
#experiencia .experience-intro{position:static!important}
#tu-perfil>.gf-profile-stage{display:block!important}
#tu-perfil .gf-profile-stage>.future-sculpture{position:sticky!important;top:var(--header,70px)!important;height:195px!important;background:#faf8f1;z-index:2}
#tu-perfil .gf-profile-stage .future-core{inset:14px 25% 20px!important}
#tu-perfil .gf-profile-stage>.service-connections{display:block!important}
#tu-perfil .connection-card{display:flex!important;min-height:110px!important;align-items:center!important;width:100%}
}
@media(max-height:620px){#experiencia .experience-intro,#tu-perfil .gf-profile-stage>.future-sculpture{position:static!important}}
@media(prefers-reduced-motion:reduce){#inicio .brand-point,#tu-perfil .future-core{transition:none!important}}
#experiencia .career-grid{display:block!important}#experiencia .career-grid article{width:100%;height:auto;min-height:0;padding-block:36px;border-top:1px solid #536c77} @media(max-width:760px){#experiencia>.shell{display:block!important}#experiencia .career-grid article{padding-block:26px}}
#planes #experiencia{--gf-wall-inset:0px!important;--gf-wall-radius:0px!important;clip-path:none!important;background:#0c2736!important}
#proceso #tu-perfil{background:#faf8f1!important;color:#163746!important}
#proceso #tu-perfil .connection-card small{max-width:46ch;line-height:1.55}
#proceso #tu-perfil .connection-card span:has(>strong){max-width:none}
#proceso #tu-perfil .connection-card[aria-pressed=true] .connection-icon{background:#e7dfc9!important}
#proceso #tu-perfil .connection-card:not([aria-pressed=true]) .connection-icon{background:#e5e7de!important}
@media(max-width:760px){#proceso #tu-perfil>.gf-profile-stage{display:block!important}#proceso #tu-perfil .gf-profile-stage>.service-connections{display:block!important}#proceso #tu-perfil .connection-card{display:flex!important;align-items:center!important}}
@media(max-width:760px){#proceso #tu-perfil .connection-card{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;text-align:left!important;gap:12px!important;padding:16px 0!important}#proceso #tu-perfil .connection-card small{display:block!important;max-width:none!important;font-size:13px!important}#proceso #tu-perfil .future-sculpture{overflow:clip!important}#proceso #tu-perfil .connection-card span:has(>strong){min-width:0}}

.original-boundary #herramientas.gf-calculator-preview{background:#0c2736!important;color:#faf8f1}
.original-boundary #herramientas .wrap>div:first-child :is(h2,p){color:#faf8f1!important}
.original-boundary #herramientas .wrap>div:first-child :is(em,.eyebrow){color:#dfbd79!important}
.original-boundary #herramientas .gf-example{color:#153544;background:#faf8f1}
.original-boundary #herramientas .button{background:#faf8f1;color:#153544}
.original-boundary #herramientas .gf-example-view[hidden]{display:none!important}

#inicio .hero-motto{font:italic 24px/1.25 Instrument,Georgia,serif;color:#816432;margin:15px 0 5px}#inicio .hero-actions{gap:15px}
#experiencia .experience-intro h2 em{color:#daba77!important}
#planes .career-grid article .profile-heading{display:flex;align-items:baseline;gap:14px;padding-right:64px}
#planes .career-grid article .profile-name{font:600 clamp(25px,2.5vw,42px)/1.14 Inter,Arial,sans-serif;color:#f9f5ea;margin:0}
#planes .career-grid article .chapter-number{position:static;display:inline;font:500 18px/1.2 Inter,sans-serif}
#planes .career-grid article .profile-benefit{color:#ddc491;font:500 17px/1.45 Inter,sans-serif;margin:14px 0 8px}
#proceso #tu-perfil .future-sheet:last-child{display:flex;flex-direction:column;overflow:hidden}
#proceso #tu-perfil .sheet-header{position:static!important;flex:none;align-items:center;margin:0;padding-bottom:5px;border-bottom:0;height:auto}
#proceso #tu-perfil .sheet-mark{width:30px;height:30px;object-fit:contain;background:#102b3b;padding:4px;box-sizing:border-box}
#proceso #tu-perfil .sheet-preview{position:relative!important;inset:auto!important;flex:1;min-height:0;margin:6px 0 0}
#proceso #tu-perfil .sheet-preview svg{display:block;width:100%;height:100%;overflow:hidden}
#proceso #tu-perfil .sheet-preview{display:none}
#proceso #tu-perfil [data-preview-service=cv] .sheet-preview-cv,#proceso #tu-perfil [data-preview-service=coaching] .sheet-preview-coaching,#proceso #tu-perfil [data-preview-service=linkedin] .sheet-preview-linkedin,#proceso #tu-perfil [data-preview-service=interview] .sheet-preview-interview{display:block}
#como-trabajo .founder-layout{display:block;max-width:740px;margin-inline:auto}

@media(min-width:761px){#inicio.hero{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr)}#inicio .hero-copy{grid-column:1;align-self:center}#inicio .brand-stage{grid-column:2}}
@media(max-width:760px){#inicio .hero-copy{order:0;align-self:start;width:100%}#inicio .brand-stage{order:1}}
#inicio .hero-motto{font:500 clamp(17px,1.7vw,24px)/1.45 Inter,sans-serif;color:#102b3b;margin:18px 0 22px}#inicio .hero-motto em,#inicio .hero-motto small{color:#8a652d}.brand-instruction{font:400 13px/1.5 Inter;color:#546771;margin:8px 0}
#inicio .brand-point{border:1px solid #b6a582}#inicio .brand-point:after{content:"↗";font-size:12px;color:#86642c}#inicio .brand-point[aria-pressed=true]{background:#112f40;color:#fff}#inicio .brand-point[aria-pressed=true] small,#inicio .brand-point[aria-pressed=true]:after{color:#edcd8e}
.profile-illustration svg{height:clamp(72px,9vw,132px);color:#daba77;margin:12px 0}#experiencia .experience-intro .situacion{margin:0}
@media(max-width:760px){.profile-illustration svg{height:60px;margin:0}#experiencia .experience-intro .situacion{min-height:0}}

/* En teléfonos, el documento y los perfiles ocupan su propio espacio en el recorrido. */
@media (max-width: 760px) {
  #proceso #tu-perfil .gf-profile-stage > .future-sculpture {
    position: relative !important;
    top: auto !important;
    z-index: auto;
    height: clamp(205px, 60vw, 270px) !important;
  }
  #planes #experiencia .situacion { display: none; }
  #planes #experiencia .career-grid article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    align-items: center;
    column-gap: 12px;
  }
  #planes #experiencia .profile-heading {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: baseline;
    gap: 9px;
    padding: 0;
    min-width: 0;
  }
  #planes #experiencia .career-grid .chapter-number {
    flex: none;
    float: none;
    font-size: 17px !important;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
  }
  #planes #experiencia .career-grid .gf-benefit-icon {
    position: static;
    grid-column: 2;
    grid-row: 1;
    margin: 0;
  }
  #planes #experiencia .gf-benefit-icon,
  #planes #experiencia .gf-benefit-icon svg { width: 38px; height: 38px; }
  #planes #experiencia .career-grid article > p { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  body.home-page > .site-header { position: relative; top: auto; }
  #inicio.hero { padding-top: clamp(30px, 9vw, 44px); }
  #inicio .hero-copy { text-align: center; padding-bottom: 0; }
  #inicio .hero-copy .hero-actions { justify-content: center; }

  /* El indicador tiene su propia columna: puede acompañar al lector sin tapar texto. */
  #planes #experiencia > .shell {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr);
    column-gap: 12px;
    align-items: start;
  }
  #planes #experiencia .future-experience-track,
  #planes #experiencia .experience-intro,
  #planes #experiencia .experience-intro > div:last-child { display: contents !important; }
  #planes #experiencia .experience-intro > div:first-child,
  #planes #experiencia .experience-intro > div:last-child > p:first-child { grid-column: 1 / -1; }
  #planes #experiencia .profile-illustration {
    position: sticky;
    top: 18px;
    grid-column: 1;
    grid-row: 3;
    width: 100%;
    padding-top: 26px;
    align-self: start;
  }
  #planes #experiencia .profile-illustration svg { width: 100%; height: auto; display: block; }
  #planes #experiencia .career-grid { display:block !important; grid-column: 2; grid-row: 3; min-width: 0; }
  #planes #experiencia .career-grid article { grid-template-columns: minmax(0,1fr) clamp(24px,6.5vw,32px); column-gap:8px; }
  #planes #experiencia .career-grid .gf-benefit-icon {
    display:block; color:#819aa4; transform:none; width:100%; height:auto;
  }
  #planes #experiencia .career-grid .gf-benefit-icon svg { display:block; width:100%; height:auto; }
  #planes #experiencia .career-grid .is-current .gf-benefit-icon { color:#edd29c; }
  #planes #experiencia .career-grid article.is-current { border-top-color: #daba77; }
  #planes #experiencia .career-grid article.is-current .profile-name { color: #edcd8e; }

  #herramientas.gf-calculator-preview > .wrap { display: flex; flex-direction: column; align-items: stretch; gap: 26px; }
  #herramientas .gf-example { width: 100%; margin: 0; box-sizing: border-box; box-shadow: none; }
  #herramientas .gf-example::before { content: none; }
  #herramientas .gf-example-views { min-height: 0; }
  #herramientas .gf-example-view:not([hidden]) { animation: none; }
}

@media (max-width:760px) {
  #inicio > .hero-actions { order:2; align-self:center; margin:0; }
  #planes #experiencia > .shell { grid-template-columns:minmax(0,.94fr) minmax(0,1.8fr); column-gap:clamp(12px,3vw,20px); }
  #planes #experiencia .experience-intro > div:last-child { display:contents !important; }
  #planes #experiencia .profile-illustration { top:30px; padding:0; justify-self:start; max-width:72px; }
  #planes #experiencia .experience-intro .situacion {
    display:block; position:sticky; align-self:start; grid-column:1; grid-row:3;
    top:108px; margin:78px 0 0; min-height:0; border:0; padding:0; font-size:0;
  }
  #planes #experiencia .experience-intro .situacion::after {
    content:attr(data-profile); display:block; font:500 clamp(13px,3.7vw,17px)/1.3 Inter, sans-serif; color:#edd29c;
  }
  #planes #experiencia .profile-heading { flex-wrap:wrap; gap:5px 8px; }
  #planes #experiencia .profile-name { font-size:clamp(20px,5vw,25px); }
  #proceso #tu-perfil > .gf-profile-stage { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:clamp(10px,3vw,18px); align-items:start; }
  #proceso #tu-perfil .gf-profile-stage > .future-sculpture {
    position:sticky !important; top:30px !important; grid-column:1 !important; grid-row:1 !important;
    width:100%; min-width:0; height:clamp(142px,40vw,184px) !important; margin:0; align-self:start;
  }
  #proceso #tu-perfil .gf-profile-stage .future-core { inset:12px 8% 30px !important; }
  #proceso #tu-perfil .future-sheet:last-child { padding:6px; }
  #proceso #tu-perfil .sheet-header b { font-size:clamp(9px,2.5vw,12px) !important; }
  #proceso #tu-perfil .sheet-mark { width:clamp(28px,7.4vw,34px); height:clamp(28px,7.4vw,34px); flex:none; padding:2px; }
  #proceso #tu-perfil .future-coordinate > :first-child { display:none; }
  #proceso #tu-perfil .gf-profile-stage > .service-connections { grid-column:2 !important; grid-row:1 !important; }
  #proceso #tu-perfil .connection-card { grid-template-columns:minmax(0,1fr) !important; gap:6px !important; min-height:132px !important; }
  #proceso #tu-perfil .connection-card .connection-icon { display:none; }
  #proceso #tu-perfil .connection-card strong { font-size:clamp(16px,4.3vw,19px) !important; }
  #proceso #tu-perfil .service-connections > .actions { display:none; }
  #herramientas > .wrap > a.button { align-self:flex-start; }
  #como-trabajo .founder-brand { display:inline-block; white-space:nowrap; }
}
.phone-sheet { display:none; }
@media (max-width:760px) {
  #proceso #tu-perfil > .gf-profile-stage {
    grid-template-columns: minmax(0,43fr) minmax(0,57fr);
  }
  #proceso #tu-perfil .gf-profile-stage > .future-sculpture {
    overflow:visible !important; background:transparent; top:32vh !important;
    height:clamp(172px,44vw,214px) !important;
  }
  #proceso #tu-perfil .gf-profile-stage .future-core { inset:13px 9px 23px 7px !important; }
  #proceso #tu-perfil .sheet-header b { font-size:clamp(11px,3.1vw,15px) !important; letter-spacing:0 !important; }
  #proceso #tu-perfil .sheet-preview svg { display:none; }
  #proceso #tu-perfil .phone-sheet {
    display:grid; align-content:center; gap:10px; height:100%; color:#143444;
    font:500 clamp(13px,3.3vw,16px)/1.2 Inter,sans-serif;
  }
  .phone-sheet span { display:block; }
  .phone-sheet i { display:block; }
  .phone-sheet-cv i,.phone-sheet-linkedin i { margin-top:4px; height:6px; width:83%; background:#244454; }
  .phone-sheet-cv div+div i,.phone-sheet-linkedin div+div i { width:57%; background:#ae8c55; }
  .phone-sheet-coaching > div,.phone-sheet-interview > div {display:flex;align-items:center;gap:6px;}
  .phone-sheet-coaching i,.phone-sheet-interview i {order:-1; width:11px;height:11px;flex:none;}
  .phone-sheet-coaching i {border:1px solid #ae8c55;}
  .phone-sheet-coaching i::after {content:"✓";display:block;font:11px/10px Inter,sans-serif;text-align:center;}
  .phone-sheet-interview i {border-radius:50%;background:#143444;}
  .phone-sheet-interview div+div i {background:#ae8c55;}
  #proceso #tu-perfil .future-coordinate { border:0; }
  #proceso #tu-perfil .connection-card { padding-block:24px !important; }
  #experiencia > .mobile-section-footer, #tu-perfil > .mobile-section-footer {
    position:relative; display:flex; justify-content:center;
    width:90%; max-width:100%; margin:22px auto 0; padding:22px 0 0;
    border-top:1px solid #a9976d; clear:both;
  }
  #experiencia .mobile-section-footer a, #tu-perfil .mobile-section-footer a,
  #herramientas.gf-calculator-preview > .wrap > a.button {
    box-sizing:border-box; display:inline-flex; justify-content:center; align-items:center;
    gap:10px; width:auto; max-width:100%; min-height:46px; margin:0;
    padding:10px 16px; font:600 15px/1.4 Inter,sans-serif; white-space:nowrap;
    border:1px solid #e6e1d6; border-radius:4px; text-decoration:none;
  }
  #experiencia .mobile-section-footer a, #herramientas.gf-calculator-preview > .wrap > a.button {
    color:#102b3b; background:#faf8f1;
  }
  #tu-perfil .mobile-section-footer a { background:#143444; color:#fff7e3; }
  #herramientas.gf-calculator-preview > .wrap > a.button {align-self:center;}
}
@media (max-width:760px) {
  #planes #experiencia .profile-indicator { position:sticky; top:18px; grid-column:1; grid-row:3; align-self:start; display:grid; gap:8px; padding-block:18px 10px; }
  #planes #experiencia .profile-indicator .profile-illustration {grid-area:auto;position:static; margin:0; padding:0; width:100%;}
  #planes #experiencia .profile-indicator .situacion {display:block;position:static;grid-area:auto;min-height:0;margin:0;padding:0;border:0;font-size:0;}
  #planes #experiencia .profile-indicator .situacion::after {content:attr(data-profile);display:block;font:500 clamp(13px,3.7vw,17px)/1.3 Inter,sans-serif;color:#edd29c;}
  #planes #experiencia .mobile-section-footer a, #planes #experiencia .mobile-section-footer a span {color:#102b3b!important;}
}

@media (max-width:760px) {
  #proceso #tu-perfil .sheet-header { flex-wrap:wrap; gap:4px 6px; }
  #proceso #tu-perfil .future-sheet {
    box-shadow:0 1px 2px rgb(16 43 59 / 16%);
  }
  #proceso #tu-perfil .future-sheet:last-child {
    border:1px solid #a6b6b9;
    box-shadow:0 2px 3px rgb(16 43 59 / 16%), 0 5px 9px rgb(16 43 59 / 12%);
  }
}

/* Simulador: marca original y acento dorado, conservando la posición. */
.original-boundary #herramientas.gf-calculator-preview a.button.dark {
  background:#102b3b; color:#dfbd79; border:1px solid #dfbd79;
  min-height:48px; box-sizing:border-box;
}
.original-boundary #herramientas.gf-calculator-preview a.button.dark:hover {
  background:#193e51; color:#f2d699; border-color:#f2d699;
}
.original-boundary #herramientas.gf-calculator-preview a.button.dark:focus-visible {
  outline:2px solid #f2d699; outline-offset:4px;
}