/* ============================================================
   ÉGIDA — guia.css
   ============================================================ */

/* ---------- Guía fotográfica ---------- */
.guia{ background:var(--white); }
.guia__hex{
  font-weight:500; font-size:.8em; letter-spacing:.05em;
  background:var(--orange-soft); color:var(--orange);
  padding:.1rem .45rem; border-radius:6px;
}
.guia__pillars{
  display:grid; gap:1.4rem;
  margin-bottom:clamp(2.5rem,5vw,3.5rem);
}
.guia__pillar{
  position:relative;
  padding:1.7rem 2.2rem 1.7rem calc(88px + 2rem);
  background:var(--white);
  border:1px solid rgba(17,17,36,.12);
  border-radius:26px;
  box-shadow:0 20px 46px -28px rgba(17,17,36,.28);
  overflow:hidden;
  transition:transform .4s var(--ease), box-shadow .4s;
}
.guia__pillar:hover{ transform:translateX(6px); box-shadow:0 26px 54px -26px rgba(17,17,36,.35); }
.guia__pillar-num{
  position:absolute; top:0; bottom:0; left:0; width:88px;
  background:linear-gradient(165deg,#343466,var(--blue) 60%);
  display:flex; align-items:flex-start; justify-content:center;
  padding-top:1.5rem;
  font-family:var(--font-display); font-weight:700; font-size:1.3rem;
  color:var(--white);
}
.guia__pillar:nth-child(3) .guia__pillar-num{
  background:linear-gradient(165deg,#f3873a,var(--orange) 60%);
}
.guia__pillar h3{
  font-family:var(--font-display); font-weight:700; font-size:1.25rem;
  margin-bottom:.15rem;
}
.guia__pillar p{ font-size:.92rem; opacity:.75; }
.guia__pillar strong{ font-weight:600; }
.guia__pillar-tagline{
  display:block;
  font-weight:500 !important; font-size:.95rem !important;
  color:var(--blue); opacity:.7 !important;
  margin-bottom:.55rem;
}

.guia__layout{
  display:grid; grid-template-columns:1fr 1fr; gap:1.6rem;
  margin-bottom:clamp(2.5rem,5vw,3.5rem);
}
.guia__rule{
  background:var(--white);
  border:1px solid rgba(17,17,36,.12);
  border-radius:24px; overflow:hidden;
  box-shadow:0 20px 46px -28px rgba(17,17,36,.28);
  transition:transform .4s var(--ease), box-shadow .4s;
}
.guia__rule:hover{ transform:translateY(-6px); box-shadow:0 26px 54px -26px rgba(17,17,36,.35); }
.guia__rule h3{
  display:flex; align-items:center; justify-content:space-between; gap:.8rem;
  background:linear-gradient(150deg,#343466,var(--blue) 55%,#1b1b3d);
  color:var(--white);
  font-family:var(--font-display); font-weight:600; font-size:1.05rem;
  padding:1.05rem 1.4rem;
}
.guia__rule-tag{
  flex:none;
  font-family:var(--font-body); font-size:.62rem; font-weight:500;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--white); opacity:.85;
  border:1px solid rgba(255,255,255,.35);
  padding:.22rem .65rem; border-radius:999px;
}
.guia__rule-quote{
  font-family:var(--font-display); font-weight:600; font-size:1rem;
  color:var(--blue); opacity:1 !important;
  padding-left:.85rem; border-left:3px solid var(--orange);
  margin-bottom:.7rem;
}
.guia__rule p{ font-size:.9rem; opacity:.75; margin-bottom:0; }
.guia__rule-quote + p{ padding-top:0; }
.guia__rule-body{
  padding:1.4rem 1.5rem; background:#f4f4f8;
}

.guia__matrix{
  display:grid; grid-template-columns:1fr; gap:1.6rem;
  margin-bottom:clamp(2.5rem,5vw,3.5rem);
}
.guia__col{
  background:var(--white);
  border:1px solid rgba(17,17,36,.12);
  border-radius:24px; overflow:hidden;
  box-shadow:0 20px 46px -28px rgba(17,17,36,.28);
}
.guia__matrix-title{
  display:flex; align-items:center; justify-content:center; gap:.7rem;
  background:linear-gradient(150deg,#f3873a,var(--orange) 60%);
  color:var(--white);
  font-family:var(--font-display); font-weight:600; font-size:1.3rem;
  letter-spacing:.03em;
  padding:1rem 1.4rem;
}
.guia__matrix-title--dont{
  background:linear-gradient(150deg,#3a3a68,var(--blue) 60%);
}
.guia__col ul{
  list-style:none; display:grid; gap:.15rem;
  padding:1.4rem 1.7rem 1.6rem; background:#f4f4f8;
  margin:0;
}
.guia__col li{
  position:relative;
  padding:.45rem 0 .45rem 1.7rem;
  background:none; border:none; box-shadow:none; border-radius:0;
}
.guia__col li:hover{ transform:none; }
.guia__col li::before{
  content:""; position:absolute; left:.15rem; top:.95rem;
  width:9px; height:9px; border-radius:50%;
  background:#2b9a56;
}
.guia__col--dont li::before{ background:#e45858; }
.guia__col li p{ font-size:.9rem; opacity:.85; padding:0; line-height:1.7; }
.guia__col li p strong{ font-weight:600; color:var(--blue); }

.guia__tech{
  background:var(--grey); border-radius:var(--radius-lg);
  padding:2.2rem 2rem;
}
.guia__tech-title{
  font-family:var(--font-display); font-weight:600; font-size:1.25rem;
  margin-bottom:1.5rem;
}
.guia__tech-title::before{
  content:""; display:inline-block; vertical-align:middle;
  width:44px; height:3px; margin-right:.9rem; margin-top:2px; border-radius:2px;
  background:var(--grad-brand);
}
.guia__tech-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem;
}
.guia__spec{
  background:var(--white); border-radius:var(--radius);
  padding:1.5rem 1.3rem; text-align:center;
  box-shadow:0 10px 30px -18px rgba(17,17,36,.2);
  border-top:3px solid var(--orange);
  transition:transform .35s var(--ease);
}
.guia__spec:hover{ transform:translateY(-6px); }
.guia__spec-label{
  display:block; font-size:.68rem; font-weight:500; letter-spacing:.2em;
  text-transform:uppercase; opacity:.6; margin-bottom:.5rem;
}
.guia__spec-value{
  display:block; font-family:var(--font-display); font-weight:700;
  font-size:1.3rem; color:var(--blue);
}
.guia__spec-note{
  display:block; font-size:.75rem; opacity:.6; margin-top:.4rem;
}