.hero h1{font-size:clamp(40px,5.4vw,72px);max-width:1000px;margin-left:auto;margin-right:auto;line-height:1.06}.outcome-grid .problem{padding:28px;display:flex;flex-direction:column}.outcome-grid h3{font-size:24px;line-height:1.2}.outcome-details{border-top:1px solid #dedee3;margin-top:22px;padding-top:20px}.outcome-details h4{font-size:14px;margin:0 0 12px}.outcome-details ul{padding-left:18px;margin:0 0 20px;color:#515158;font-size:15px;line-height:1.6}.outcome-details li{margin-bottom:8px}.outcome-details p{font-size:15px}.outcome-details .growth-link{font-size:14px}.tool-note{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:40px 0;margin-top:32px;border-bottom:1px solid #dedee3}.tool-note h2{font-size:32px;line-height:1.15}.tool-note p{line-height:1.6;color:#6e6e73}.method .timeline{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:800px){.outcome-grid{grid-template-columns:1fr}.tool-note{grid-template-columns:1fr;gap:8px}.method .timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.method .timeline{grid-template-columns:1fr}.outcome-grid .problem{padding:24px}.hero h1{font-size:40px}}
.growth-opportunities .outcome-details{margin-top:auto;padding-top:18px}.growth-opportunities .problem>p{margin-bottom:24px}.open-challenge{margin:28px 0 48px;padding:28px;border:1px solid #dedee3;border-radius:20px}.open-challenge h3{font-size:24px;line-height:1.25;margin:0 0 12px}.open-challenge p{color:#6e6e73;line-height:1.6;max-width:720px}.open-challenge .actions{margin-top:20px;justify-content:flex-start}

.growth-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.growth-tile{background:#f5f5f7;border-radius:22px;padding:24px;min-width:0}.growth-tile>.i{width:24px;height:24px;color:#0071e3;margin-bottom:18px}.growth-tile h3{font-size:26px;line-height:1.15;letter-spacing:-.035em;margin:0 0 10px;color:#1d1d1f}.growth-tile>p{font-size:15px;line-height:1.5;color:#6e6e73;margin:0 0 20px}.growth-tile summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#0066cc;list-style:none}.growth-tile summary::-webkit-details-marker{display:none}.growth-tile summary span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8e8ed;font-size:20px;color:#1d1d1f}.growth-tile details[open] summary span{transform:rotate(45deg)}.growth-tile details p{font-size:14px;line-height:1.6;color:#515158;margin:16px 0 0}.growth-tile summary:focus-visible{outline:2px solid #0071e3;outline-offset:5px;border-radius:4px}.open-challenge{padding:24px;margin-top:20px}.open-challenge h3{font-size:22px}@media(max-width:850px){.growth-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.growth-compact{grid-template-columns:1fr;gap:12px}.growth-tile{padding:22px}.growth-tile>.i{margin-bottom:12px}}

/* Share internal tracks across each visual row, including expanded details. */
.growth-compact{column-gap:16px;row-gap:16px}
.growth-tile{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;align-content:start}
.growth-tile>.i{align-self:start;margin-bottom:18px;box-sizing:content-box}
.growth-tile h3{align-self:start}
.growth-tile>p{align-self:start}
.growth-tile details{align-self:start;min-width:0}
.growth-tile summary span{flex-shrink:0}
@supports not (grid-template-rows:subgrid){.growth-tile{grid-row:auto;grid-template-rows:42px minmax(60px,auto) minmax(65px,auto) 1fr}}

/* ===== Claude · Tiles estilo Apple (limpio, sofisticado) ===== */
.growth-compact{gap:20px}
.growth-tile{position:relative;background:#f5f5f7;border-radius:28px;padding:32px 30px 26px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s}
@media(hover:hover){.growth-tile:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(0,0,0,.18);background:#fff}}
.growth-tile>.i{width:26px;height:26px;padding:11px;border-radius:14px;background:#fff;color:#0071e3;box-shadow:0 1px 2px rgba(0,0,0,.06);margin-bottom:22px}
.growth-tile:hover>.i{background:#f5f5f7}
.growth-tile h3{font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:0 0 8px}
.growth-tile>p{font-size:16px;line-height:1.45;color:#6e6e73;margin:0 0 22px}
.growth-tile details{border:0;padding:0;border-top:1px solid #d2d2d7}
.growth-tile summary{padding:16px 0 0;font-size:15px;font-weight:500;color:#1d1d1f;outline:none}
.growth-tile summary:hover{color:#0066cc}
.growth-tile summary span{position:relative;width:30px;height:30px;font-size:0;background:#1d1d1f;transition:background .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.growth-tile summary span::before,.growth-tile summary span::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:#fff;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s}
.growth-tile summary span::after{transform:rotate(90deg)}
.growth-tile details[open] summary span{transform:none;background:#0071e3}
.growth-tile details[open] summary span::after{transform:rotate(0);opacity:0}
.growth-tile summary:focus-visible{outline:2px solid #0071e3;outline-offset:4px;border-radius:8px}
.growth-tile details p{font-size:15px;line-height:1.55;color:#424245;margin:12px 0 0;animation:tile-in .35s cubic-bezier(.2,.8,.2,1)}
@keyframes tile-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.growth-tile,.growth-tile summary span,.growth-tile details p{transition:none;animation:none}.growth-tile:hover{transform:none}}
.open-challenge{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:20px;padding:32px 36px;border:0;border-radius:28px;background:#1d1d1f;color:#f5f5f7}
.open-challenge h3{color:#fff;font-size:24px;letter-spacing:-.02em}
.open-challenge p{color:#a1a1a6;margin:0}
.open-challenge .actions{margin:0;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px}
.open-challenge .booking-secondary{color:#2997ff}
@media(max-width:760px){.growth-tile{padding:26px 22px 22px;border-radius:24px}.growth-tile h3{font-size:24px}.open-challenge{flex-direction:column;align-items:stretch;padding:26px 22px;text-align:left}.open-challenge .button{justify-content:center}}
.header .button .hide-s{font:inherit;color:inherit;letter-spacing:inherit;background:none;padding:0;margin:0}
.header .button .hide-s{font-size:inherit!important;font-weight:inherit!important}
/* Claude · icono y título en la misma fila, tarjetas más compactas */
.growth-tile{display:grid!important;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-row:auto!important;column-gap:14px;align-items:center;padding:24px 26px 20px}
.growth-tile>.i{grid-column:1;grid-row:1;margin:0!important;width:22px;height:22px;padding:11px;box-sizing:content-box}
.growth-tile h3{grid-column:2;grid-row:1;margin:0!important;font-size:24px}
.growth-tile>p{grid-column:1/-1;grid-row:2;margin:14px 0 16px!important;align-self:start}
.growth-tile details{grid-column:1/-1;grid-row:3;align-self:end}
.growth-tile summary{padding-top:14px}
@media(max-width:760px){.growth-tile{padding:20px 20px 16px}.growth-tile h3{font-size:21px}.growth-tile>p{margin:10px 0 12px!important}}
.growth-tile>.i,.growth-tile h3{align-self:center!important}
.header .button .hide-s{padding-left:.28em!important}
/* Botón +/− en gris, igual que las flechas del carrusel */
.growth-tile summary span{background:#e8e8ed!important}
.growth-tile summary span::before,.growth-tile summary span::after{background:#424245!important}
.growth-tile summary:hover span{background:#dcdce1!important}
.growth-tile details[open] summary span{background:#dcdce1!important}
/* Alinear las filas entre tarjetas: todas comparten alto de título, descripción y detalle */
@supports (grid-template-rows:subgrid){
  .growth-tile{grid-row:span 3!important;grid-template-rows:subgrid!important;row-gap:0}
  .growth-tile>.i,.growth-tile h3{grid-row:1}
  .growth-tile>p{grid-row:2}
  .growth-tile details{grid-row:3}
}
@supports not (grid-template-rows:subgrid){
  .growth-tile{grid-template-rows:auto minmax(58px,auto) 1fr!important}
}
.growth-tile details{align-self:start!important}
