/* Scoped preview additions; existing public site remains untouched. */
.header{height:auto;min-height:112px;flex-wrap:wrap;gap:18px}.header nav{gap:7px;display:flex;flex-wrap:wrap}.header nav a{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9e4dc;border-radius:999px;padding:12px 14px;background:#fff9;font-size:10px;letter-spacing:.05em;font-weight:700;transition:background .2s,transform .2s,border-color .2s}.header nav a:hover,.header nav a:focus-visible{background:#e7f1dd;border-color:#adc39e;color:var(--ink);transform:translateY(-2px)}.header nav a.is-active{background:var(--ink);color:white;border-color:var(--ink)}.header nav .nav-humanitos{gap:10px}.header nav .nav-humanitos span{font-size:19px;color:#708e3f}.header .mobile-humanitos{display:none}.slider-tools{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.slider-tools>span{font-size:9px;letter-spacing:.16em;color:var(--muted)}.slider-tools>div{display:flex;gap:8px}.slider-arrow{height:44px;width:44px;border-radius:50%;border:1px solid #c9d6cd;background:white;font-size:20px}.slider-arrow:hover{background:var(--lime)}.slider-arrow:disabled{opacity:.35;cursor:default}.oficio-slider{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(300px,calc((100% - 40px)/2.7));grid-template-columns:none!important;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding:0 2px 18px;scrollbar-width:thin;scrollbar-color:#b7c9be transparent}.oficio-slider>.outcome{scroll-snap-align:start;min-width:0}.employees{padding-top:85px}.employee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.employee-card{border-radius:30px;overflow:hidden;position:relative;border:1px solid #d9e5e0;transition:transform .25s,box-shadow .25s}.employee-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px #16342712}.employee-card.cyan{background:#e1f5f2}.employee-card.violet{background:#eee7f8}.employee-card.lime{background:#edf5df}.employee-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:9px;font-weight:700;letter-spacing:.12em}.employee-dot{width:7px;height:7px;border-radius:50%;background:#667e6e}.employee-image{height:340px;background-image:none;background-size:300% 100%;background-repeat:no-repeat}.image-cyrano{background-position:0% 50%}.image-lucia{background-position:50% 50%}.image-cristina{background-position:100% 50%}.employee-body{padding:20px 27px 29px;background:linear-gradient(0deg,#ffffff80,#ffffff10)}.employee-role{font-size:9px;letter-spacing:.13em;font-weight:700;color:#52665a;margin:0 0 12px}.employee-body h3{font-size:43px;font-weight:500;letter-spacing:-2px;margin:0 0 12px}.employee-body>p:not(.employee-role){font-size:14px;line-height:1.6;margin:0 0 24px;color:var(--muted);max-width:240px}.employee-link{width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border:1px solid #b9ccc0;border-radius:999px;background:#fff9;font-size:12px;font-weight:600}.employee-link:hover{background:white}.employee-note{font-size:10px;color:var(--muted);margin-top:18px}.humanitos{grid-template-columns:.85fr 1.15fr;gap:60px}.humanitos-image{align-self:center}.exchange-pill{display:inline-flex;align-items:center;gap:16px;border:1px solid #b6cca0;border-radius:999px;background:#eff8e2;padding:11px 18px;font-size:12px;font-weight:700;margin:4px 0 22px}.exchange-pill span{color:#70845d}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 22px}.payment-option{text-align:left;border:1px solid #cfddd1;border-radius:20px;background:#fff;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;transition:transform .2s,box-shadow .2s}.payment-option:hover{transform:translateY(-3px);box-shadow:0 10px 30px #1634270b;border-color:#97b59f}.payment-icon{font-size:27px}.payment-option strong{font-size:20px;font-weight:500;letter-spacing:-.5px}.payment-option>span:not(.payment-icon){font-size:12px;line-height:1.6;color:var(--muted)}.payment-option small{font-size:10px;font-weight:700;margin-top:4px}.prepurchase{font-size:13px;line-height:1.7;margin-top:24px!important}.prepurchase>span{font-size:18px;color:#708f43;margin-right:5px}.prepurchase small{font-size:10px;color:var(--muted)}.payment-preview{font-size:9px!important;letter-spacing:.02em;color:var(--muted)}.h2r-catalog-dialog{border:1px solid #cbdccf;max-width:470px;width:calc(100vw - 32px);padding:38px;border-radius:28px;background:#fcfdfb;color:var(--ink);box-shadow:0 25px 90px #102a2940}.h2r-catalog-dialog::backdrop{background:#13292266;backdrop-filter:blur(6px)}.h2r-catalog-dialog h2{font-size:32px;letter-spacing:-1px;line-height:1.1;margin:20px 0}.h2r-catalog-dialog>p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--muted)}.preview-close{position:absolute;right:17px;top:12px;font-size:25px;background:none;border:0;padding:5px}.h2r-catalog-dialog .button{margin-top:12px}.h2r-catalog-dialog[open]{animation:show .18s ease-out}@keyframes show{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1100px){.header nav{order:3;width:100%;justify-content:center;margin-bottom:15px}.employee-image{height:280px}.employee-body{padding:20px}.humanitos{gap:35px}.header{padding-top:20px}.employee-body h3{font-size:37px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header nav{display:flex!important;justify-content:space-between;gap:5px}.header nav a{font-size:8px;padding:10px 9px}.header .brand-logo{width:180px}.header>.button{font-size:10px;padding:11px 13px}.preview-bar{padding:8px 16px;font-size:8px}.preview-bar span{display:block;margin:4px 0 0}.employee-grid{grid-template-columns:1fr;max-width:470px;margin:auto}.employee-image{height:390px}.employee-body h3{font-size:44px}.humanitos{display:flex;flex-direction:column;gap:30px}.humanitos-image{width:75%;max-width:330px}.payment-content{width:100%}.humanitos h2{font-size:42px}.oficio-slider{grid-auto-columns:88%;gap:15px}.employee-note{text-align:center}.employees{padding-top:65px}.payment-option{padding:17px}.section-heading>p{max-width:100%}}
@media(max-width:400px){.header nav a{font-size:7px;padding:10px 7px}.employee-image{height:335px}.payment-options{gap:8px}.payment-option strong{font-size:18px}}
/* Preserve generated portrait proportions at every viewport. */
.employee-image{height:auto!important;aspect-ratio:4/5}
/* v02: menu illustrations, lateral carousel controls, original outcome anatomy. */
.header nav a{min-width:90px;flex-direction:column;gap:6px;padding:9px 14px;border-radius:18px;justify-content:center;min-height:80px}
.header nav a>span:first-child{font-size:25px;line-height:1}.header nav a>span:last-child{font-size:9px;letter-spacing:.06em;color:inherit}
.header nav .nav-humanitos{padding:5px 14px 9px}.nav-humanitos img{width:66px;height:48px;object-fit:contain;border-radius:9px}.header nav .nav-humanitos span{font-size:9px;color:inherit}
.oficio-carousel{position:relative}.slider-tools{margin:0;height:0}.slider-tools>span{display:none}.slider-tools>div{display:contents}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;box-shadow:0 4px 12px #16342712}.slider-arrow[data-slide=prev]{left:-23px}.slider-arrow[data-slide=next]{right:-23px}.oficio-slider{padding-left:8px;padding-right:8px}
.employee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:none;margin:0}.employee-grid .outcome .graphic{overflow:hidden}.robot-art{display:block;width:100%;height:100%;background-image:none;background-size:300% 100%;background-repeat:no-repeat}.robot-0{background-position:0% 50%}.robot-1{background-position:50% 50%}.robot-2{background-position:100% 50%}
@media(max-width:760px){.header nav{justify-content:center;gap:6px}.header nav a{min-width:70px;min-height:72px;padding:7px 9px}.header nav a>span:last-child,.header nav .nav-humanitos span{font-size:8px}.header nav .nav-humanitos{padding:4px 9px 7px}.nav-humanitos img{width:57px;height:41px}.employee-grid{grid-template-columns:1fr}.slider-arrow[data-slide=prev]{left:-13px}.slider-arrow[data-slide=next]{right:-13px}}
/* Square robot portrait centered inside the unchanged 160px original graphic area. */
.employee-grid .robot-art{width:160px;height:160px;flex:0 0 160px;border-radius:20px}
/* v03: untouched original transparent three-coin menu artwork, no tile. */
.header nav a.nav-humanitos,.header nav a.nav-humanitos:hover,.header nav a.nav-humanitos.is-active{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0 10px;transform:none;color:var(--ink);min-width:90px}
.header nav a.nav-humanitos img{width:67px;height:61px;object-fit:contain;border-radius:0;background:transparent;transition:filter .2s,transform .2s}
.header nav a.nav-humanitos:hover img{filter:drop-shadow(0 0 7px #83bc4677);transform:translateY(-2px)}
.header nav a.nav-humanitos:focus-visible{outline:2px solid #668e49;outline-offset:5px}
/* Each arrow owns a grid column: never overlaps or enters a card. */
.carousel-shell{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;column-gap:12px;align-items:center;position:relative}
.carousel-shell .slider-arrow{position:static!important;inset:auto!important;transform:none!important;width:44px;height:44px;grid-row:1;margin:0;box-shadow:none}
.carousel-shell [data-slide=prev]{grid-column:1}.carousel-shell [data-slide=next]{grid-column:3}
.carousel-shell .carousel-track{grid-row:1;grid-column:2;min-width:0;width:100%;display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:minmax(260px,calc((100% - 40px)/2.6));overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding:0 0 14px;margin:0;scrollbar-width:thin}
.carousel-track>.outcome{scroll-snap-align:start;min-width:0}
.employee-grid .robot-art{border-radius:0;background-color:transparent}
@media(max-width:760px){.carousel-shell{grid-template-columns:44px minmax(0,1fr) 44px;column-gap:8px}.carousel-shell .carousel-track{grid-auto-columns:100%;gap:20px}.header nav a.nav-humanitos{min-width:70px;padding:0 7px}.header nav a.nav-humanitos img{width:56px;height:52px}}

.employee-monogram{font-size:68px;line-height:1;opacity:.7}.employee-grid .robot-art{height:auto;width:160px;max-width:100%;aspect-ratio:1;flex:0 1 160px}.card-top span:first-child{max-width:92%;overflow-wrap:anywhere}.carousel-count{text-align:center;font-size:11px;letter-spacing:.08em;color:var(--muted);margin:10px 0 0}

/* Ajuste: cuatro oficios completos en escritorio. */
@media (min-width: 1200px) {
  #oficios .carousel-shell .carousel-track {
    grid-auto-columns: calc((100% - 60px) / 4);
  }
}

/* Ajuste: cuatro empleados completos en escritorio. */
@media (min-width: 1200px) {
  #empleados .carousel-shell .carousel-track {
    grid-auto-columns: calc((100% - 60px) / 4);
  }
}

/* Botón flotante: volver arriba. */
.h2r-back-top {
  position: fixed;
  left: max(20px, env(safe-area-inset-left));
  bottom: max(24px, env(safe-area-inset-bottom));
  z-index: 30;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(120, 155, 100, .3);
  border-radius: 50%;
  background: rgba(245, 250, 240, .75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #294934;
  font-size: 25px;
  cursor: pointer;
  box-shadow: 0 0 22px rgba(132, 183, 88, .22);
  transition: background .2s, box-shadow .2s;
}
.h2r-back-top[hidden] { display: none !important; }
.h2r-back-top:hover {
  background: rgba(229, 243, 215, .95);
  box-shadow: 0 0 26px rgba(132, 183, 88, .4);
}
.h2r-back-top:focus-visible {
  outline: 2px solid #668e49;
  outline-offset: 4px;
}

/* Volver arriba: esquina superior derecha. */
.h2r-back-top {
  left: auto;
  bottom: auto;
  top: max(20px, env(safe-area-inset-top));
  right: max(20px, env(safe-area-inset-right));
}

/* Icono más visible y posición calculada junto al contenido. */
.h2r-back-top {
  width: 56px;
  height: 56px;
  font-size: 32px;
  line-height: 1;
}

/* Contact request: scoped soft green/blue, independent of Cyrano. */
.employee-request-cta{background:linear-gradient(120deg,#d5edb4,#bce5e4);color:#183e32;border:1px solid #8cb9a0;box-shadow:0 6px 18px #315c301a;font-weight:700;letter-spacing:.035em}.employee-request-cta:hover{background:#c8e8bd;box-shadow:0 8px 22px #315c3026}.employee-request-cta:focus-visible,.employee-request-dialog :focus-visible{outline:3px solid #257f7a;outline-offset:3px}.employee-request-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #bad1c4;border-radius:26px;background:#f8fbf5;color:#203d32;padding:30px;font-size:14px;line-height:1.5;box-shadow:0 24px 80px #1c463d33}.employee-request-dialog::backdrop{background:#234b405c;backdrop-filter:blur(5px)}.employee-request-dialog h2{font-size:28px;line-height:1.15;letter-spacing:-.6px;margin:12px 0}.employee-request-dialog p,.employee-request-dialog label,.employee-request-dialog input,.employee-request-dialog textarea,.employee-request-dialog button{font-size:14px}.employee-request-dialog .eyebrow{font-size:10px}.employee-request-dialog label{display:block;margin:12px 0 5px;font-weight:600}.employee-request-dialog input:not([type=checkbox]),.employee-request-dialog textarea{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #b7cdc2;border-radius:11px;background:#fff;color:#203d32;font-family:inherit}.employee-request-dialog textarea{resize:vertical}.employee-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.employee-request-dialog .request-help{font-size:12px;color:#52695e;margin:10px 0}.employee-request-dialog .request-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:400}.request-consent input{margin-top:4px;flex:none;accent-color:#3e7c60}.request-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.employee-request-dialog .button{min-height:44px}.employee-request-dialog button:disabled{opacity:.6;cursor:wait}#request-status{margin-bottom:0;min-height:1.5em}#request-status[data-error=true]{color:#933d2c}@media(max-width:480px){.employee-request-dialog{padding:25px 20px}.employee-request-grid{grid-template-columns:1fr}.employee-request-dialog input:not([type=checkbox]),.employee-request-dialog textarea{font-size:16px}}