:root{--ivory:#fbfaf7;--white:#fff;--graphite:#242628;--muted:#6f6c68;--teal:#0d5656;--burgundy:#9c1625;--paper:#f3eee8;--line:#ded9d2;--shadow:0 18px 50px rgba(37,35,31,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--graphite);font-family:"DM Sans",system-ui,sans-serif;line-height:1.7}img{display:block;width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.035em}.shell{width:min(1320px,calc(100% - 64px));margin:auto}.eyebrow{margin:0 0 14px;color:var(--teal);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700}.text-link{color:var(--teal);font-weight:700}
.site-header{position:sticky;top:16px;z-index:50;width:min(1440px,calc(100% - 32px));margin:16px auto 0;min-height:96px;padding:16px 20px 16px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(251,250,247,.94);border:1px solid var(--line);border-radius:30px;backdrop-filter:blur(14px)}.brand{width:150px}.brand img{height:56px;object-fit:contain;object-position:left center}.main-nav{display:flex;align-items:center;gap:26px;font-weight:700}.main-nav a{font-size:.93rem;white-space:nowrap}.nav-cta{padding:13px 22px;color:#fff;background:var(--burgundy);border-radius:999px}.menu-button{display:none;width:46px;height:46px;padding:0;place-content:center;gap:5px;border:1px solid var(--line);border-radius:50%;background:var(--white)}.menu-button span{width:20px;height:2px;background:var(--graphite)}
.ideas-hero{padding:110px 0 70px;border-bottom:1px solid var(--line)}.ideas-hero h1{max-width:950px;margin-bottom:24px;font-size:clamp(4rem,7vw,7rem);line-height:.96}.ideas-hero p{max-width:720px;margin-bottom:0;color:var(--muted);font-size:1.15rem}.ideas-toolbar{padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:10px}.filter{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--graphite);font:inherit;font-size:.84rem;cursor:pointer}.filter.is-active{background:var(--graphite);color:#fff;border-color:var(--graphite)}.idea-count{color:var(--muted);font-size:.86rem}
.ideas-grid{padding:62px 0 110px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.idea-card{overflow:hidden;display:flex;flex-direction:column;min-height:100%;background:var(--white);border:1px solid var(--line);border-radius:24px;transition:.25s ease}.idea-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.idea-card.is-featured{grid-column:1/-1;display:grid;grid-template-columns:1.05fr .95fr}.idea-cover{overflow:hidden;aspect-ratio:16/10;background:var(--paper)}.idea-card.is-featured .idea-cover{aspect-ratio:auto;min-height:480px}.idea-cover img{height:100%;object-fit:cover}.idea-card-body{padding:30px;display:flex;flex-direction:column;flex:1}.idea-card h2,.idea-card h3{margin-bottom:16px;line-height:1.1}.idea-card h2{font-size:clamp(2.3rem,4vw,4rem)}.idea-card h3{font-size:2rem}.idea-card p{color:var(--muted)}.idea-meta{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.idea-meta span{color:var(--muted);font-size:.82rem}.video-badge{color:var(--burgundy)!important;font-weight:700}
.article-header{padding:104px 0 54px}.article-header-inner{max-width:980px;margin:auto}.article-header h1{margin-bottom:24px;font-size:clamp(4rem,7vw,7rem);line-height:.98}.article-deck{max-width:800px;color:var(--muted);font-size:1.2rem}.article-meta{margin-top:28px;display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:.86rem}.article-hero-image{max-width:1220px;margin:0 auto 76px;overflow:hidden;border-radius:30px}.article-hero-image img{max-height:680px;object-fit:cover}.article-layout{width:min(1120px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:190px minmax(0,760px);gap:70px;padding-bottom:100px}.article-aside{position:sticky;top:140px;align-self:start}.article-aside a{display:block;margin-bottom:12px;color:var(--muted);font-size:.84rem}.article-content{font-family:Georgia,"Times New Roman",serif;font-size:1.19rem;line-height:1.85}.article-content p{margin-bottom:1.45em}.article-content h2{margin:2em 0 .7em;font-size:2.45rem;line-height:1.1}.article-content blockquote{margin:2.4em 0;padding:28px 0 28px 30px;border-left:3px solid var(--burgundy);font-family:"Playfair Display",Georgia,serif;font-size:2rem;line-height:1.32}.article-question{margin-top:54px;padding:34px;background:var(--paper);border-radius:18px}.article-question strong{display:block;margin-bottom:10px;color:var(--teal);font-family:"DM Sans",sans-serif}.video-frame{position:relative;width:100%;aspect-ratio:16/9;margin:34px 0;overflow:hidden;border-radius:20px;background:#111}.video-frame iframe{width:100%;height:100%;border:0}
.comments{width:min(900px,calc(100% - 64px));margin:0 auto 110px;padding-top:56px;border-top:1px solid var(--line)}.comments h2{font-size:2.8rem;margin-bottom:12px}.comments-intro{color:var(--muted);margin-bottom:28px}.comments-placeholder{padding:30px;border:1px dashed #bbb3aa;border-radius:18px;background:rgba(255,255,255,.55)}.article-navigation{width:min(1120px,calc(100% - 64px));margin:0 auto 90px;padding:34px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-navigation a:last-child{text-align:right}.article-navigation small{display:block;color:var(--muted);margin-bottom:7px}.site-footer{padding:40px 0 52px;display:flex;justify-content:space-between;gap:28px;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:980px){.ideas-grid{grid-template-columns:1fr}.idea-card.is-featured{display:flex;grid-column:auto}.idea-card.is-featured .idea-cover{aspect-ratio:16/10;min-height:0}.article-layout{grid-template-columns:1fr}.article-aside{position:static;display:flex;gap:18px;flex-wrap:wrap}}
@media(max-width:860px){.menu-button{display:grid}.main-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:22px;flex-direction:column;align-items:stretch;background:var(--ivory);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.nav-cta{text-align:center}}
@media(max-width:640px){.shell,.article-layout,.comments,.article-navigation{width:min(100% - 24px,1320px)}.site-header{width:calc(100% - 16px);top:8px;margin-top:8px;min-height:auto;padding:12px 14px}.brand{width:124px}.brand img{height:46px}.ideas-hero{padding-top:76px}.ideas-hero h1,.article-header h1{font-size:4rem}.ideas-toolbar{align-items:flex-start;flex-direction:column}.idea-card-body{padding:24px}.article-header{padding-top:76px}.article-hero-image{border-radius:0;margin-bottom:50px}.article-content{font-size:1.08rem}.article-content blockquote{font-size:1.65rem}.article-navigation{grid-template-columns:1fr}.article-navigation a:last-child{text-align:left}.site-footer{flex-direction:column}}
/* ========================================
   MICROANIMACIONES GLOBALES
======================================== */

.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity 0.7s ease,
    transform 0.7s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Aparición escalonada en grupos */

.reveal-delay-1 {
  transition-delay: 0.08s;
}

.reveal-delay-2 {
  transition-delay: 0.16s;
}

.reveal-delay-3 {
  transition-delay: 0.24s;
}

.reveal-delay-4 {
  transition-delay: 0.32s;
}

/* Enlaces */

.text-link,
.main-nav a {
  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.text-link:hover {
  transform: translateX(4px);
}

/* Botones */

.button,
.nav-cta {
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.button:hover,
.nav-cta:hover {
  transform: translateY(-2px);
}

/* Imágenes dentro de tarjetas */

.case-visual img,
.lab-visual img,
.idea-cover img {
  transition: transform 0.5s ease;
}

.case-card:hover .case-visual img,
.lab-card:hover .lab-visual img,
.idea-card:hover .idea-cover img {
  transform: scale(1.035);
}

/* Accesibilidad */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

  .reveal {
    opacity: 1;
    transform: none;
  }
}
/* Accesibilidad de teclado */
a:focus-visible,
button:focus-visible {
  outline: 3px solid var(--burgundy);
  outline-offset: 4px;
  border-radius: 6px;
}

/* Menú móvil accesible en pantallas bajas */
@media(max-width:860px){
  .main-nav.is-open{
    max-height:calc(100vh - 120px);
    overflow-y:auto;
  }
}