/* ============================================================
   NOSOTROS — pilares
   ============================================================ */

  .pillar-card{
    position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:34px 28px 30px;
    background:var(--go-surface);border:1px solid var(--go-line);
    box-shadow:0 1px 2px rgba(0,0,0,.05);
    transition:opacity .8s var(--ease-premium), transform .25s var(--ease-premium),
      box-shadow .35s var(--ease-premium), background-color .4s ease, border-color .4s ease;
  }
  .pillar-card::before{content:"";position:absolute;top:0;left:28px;right:28px;height:3px;border-radius:0 0 3px 3px;background:var(--go-orange);transform:scaleX(.22);transform-origin:left;transition:transform .5s var(--ease-premium);}
  .pillar-card::after,.svc-card::after,.combo-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg, rgba(var(--go-orange-rgb), .5), rgba(var(--go-black-rgb), .05) 45%, transparent 75%);-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;transition:opacity .3s ease;}
  .pillar-card:hover::after,.svc-card:hover::after,.svc-card.is-selected::after,.combo-card:hover::after{opacity:1;}
  .pillar-card:hover::before{transform:scaleX(1);}
  .pillar-card:hover{box-shadow:0 30px 55px rgba(var(--go-orange-rgb), .18), 0 10px 26px rgba(0,0,0,.08);border-color:color-mix(in srgb, var(--go-black) 16%, transparent);}
  .ghost-num{position:absolute;top:20px;right:24px;font-family:'Sora',sans-serif;font-weight:800;font-size:3.4rem;line-height:1;color:var(--go-black);opacity:.07;pointer-events:none;user-select:none;}

  /* ---------- Pilares: el resumen siempre visible, el texto completo del cuaderno de
     marca se revela al pasar el mouse (o al tocar, en touch) — sin duplicar contenido estático. ---------- */
  .pillar-extra{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease-premium), opacity .4s ease .05s, margin-top .5s ease;font-size:13.5px;line-height:1.6;color:var(--go-body);}
  .pillar-card:hover .pillar-extra,
  .pillar-card:focus .pillar-extra,
  .pillar-card:focus-within .pillar-extra,
  .pillar-card.is-open .pillar-extra{max-height:260px;opacity:1;margin-top:14px;}
  .pillar-card .pillar-hint{margin-top:14px;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--go-muted);transition:opacity .3s ease;}
  .pillar-card:hover .pillar-hint,
  .pillar-card:focus .pillar-hint,
  .pillar-card:focus-within .pillar-hint,
  .pillar-card.is-open .pillar-hint{opacity:0;height:0;overflow:hidden;margin:0;}

  .dropcap::first-letter{font-family:'Sora',sans-serif;font-weight:800;font-size:3.4rem;line-height:.8;float:left;margin:.06em .12em -.05em 0;color:var(--go-orange);}