/* Inventiva GBS · Arquitectura: servicios compartidos + gobierno.
   Dos planos de cristal, jerarquía editorial y reflejo reactivo heredado de gbs-motion.js.
   Sin nuevas librerías, filtros SVG ni animaciones de scroll. */
.gbs-architecture{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(78px,8vw,121px) 0 clamp(75px,7.5vw,113px);
  background:
    radial-gradient(ellipse 54% 65% at 95% 2%,rgba(127,214,217,.25),transparent 75%),
    radial-gradient(ellipse 42% 70% at 7% 94%,rgba(156,221,162,.2),transparent 78%),
    linear-gradient(135deg,#e6f3eb,#f4f8f1 55%,#e9f1ed)
}
.gbs-architecture::before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  opacity:.24;background-image:radial-gradient(rgba(33,116,106,.27) .8px,transparent 1.2px);
  background-size:24px 24px;
  -webkit-mask-image:linear-gradient(115deg,transparent 8%,#000 70%,transparent 99%);
  mask-image:linear-gradient(115deg,transparent 8%,#000 70%,transparent 99%)
}
.gbs-architecture__head{max-width:1030px;margin-bottom:36px}
.gbs-architecture__head .gbs-eyebrow{color:#217768}
.gbs-architecture__head h2{
  max-width:100%;margin:20px 0 17px;color:#0d3738;
  font-size:clamp(37px,4.4vw,66px);
  font-weight:850;line-height:1.085;letter-spacing:-.063em;
  white-space:normal;text-wrap:balance;overflow-wrap:break-word
}
.gbs-architecture__head h2 span{color:#398c7d}
.gbs-architecture__head p{
  max-width:735px;margin:0;color:#4c726a;
  font-size:clamp(15px,1.32vw,18px);line-height:1.67
}
.gbs-architecture__grid{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:17px;align-items:stretch
}
.gbs-architecture__panel{
  position:relative;isolation:isolate;overflow:hidden;
  border-radius:29px;min-width:0;min-height:365px;
  padding:clamp(24px,3.2vw,45px);
  border:1.5px solid rgba(255,255,255,.98);
  background:
    radial-gradient(ellipse 55% 47% at 93% 3%,rgba(255,255,255,.84),transparent 92%),
    linear-gradient(138deg,rgba(255,255,255,.82),rgba(203,245,235,.53) 56%,rgba(151,216,218,.39));
  box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 1px 0 0 rgba(255,255,255,.47),
    0 25px 48px rgba(20,76,71,.18)
}
.gbs-architecture__panel::before{
  content:"";z-index:0;pointer-events:none;position:absolute;
  top:1px;left:2px;right:2px;height:41%;
  border-radius:28px 28px 48% 48%;
  background:linear-gradient(180deg,rgba(255,255,255,.59),rgba(255,255,255,.045) 85%,transparent)
}
.gbs-architecture__panel::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  right:-65px;top:-80px;width:260px;height:260px;border-radius:50%;
  border:1px solid rgba(68,161,145,.18);
  box-shadow:0 0 0 42px rgba(255,255,255,.08),0 0 0 83px rgba(66,153,154,.055)
}
.gbs-architecture__panel > :not(.gbs-cursor-glint){position:relative;z-index:2}
.gbs-architecture__panel-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:24px}
.gbs-architecture__index{
  display:inline-flex;align-items:center;padding:8px 12px;border-radius:100px;
  border:1px solid rgba(36,125,109,.23);background:rgba(255,255,255,.54);
  color:#257867;font-size:10px;font-weight:900;letter-spacing:.13em
}
.gbs-architecture__marker{
  display:grid;place-items:center;flex:0 0 57px;width:57px;height:57px;
  border-radius:18px;border:1px solid rgba(32,143,134,.24);
  color:#18645d;background:linear-gradient(145deg,rgba(235,255,250,.87),rgba(112,207,199,.32));
  box-shadow:inset 0 1px 0 #fff,0 9px 19px rgba(24,100,95,.1)
}
.gbs-architecture__marker svg{width:28px;height:28px;display:block}
.gbs-architecture__panel h3{
  font-size:clamp(26px,2.7vw,39px);line-height:1.13;letter-spacing:-.054em;
  color:#093d3a;font-weight:850;margin:0 0 12px
}
.gbs-architecture__panel p{max-width:470px;color:#4c6d66;font-size:14px;line-height:1.65;margin:0 0 23px}
.gbs-architecture__tags{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;list-style:none;margin:0;padding:0
}
.gbs-architecture__tags li{
  display:flex;align-items:center;gap:10px;min-width:0;
  border-radius:13px;border:1px solid rgba(67,143,131,.19);
  background:linear-gradient(135deg,rgba(255,255,255,.73),rgba(234,255,251,.36));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.77);
  color:#205b53;font-size:12px;font-weight:800;line-height:1.35;padding:12px 12px
}
.gbs-architecture__tags li::before{
  content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;
  background:#43af95;box-shadow:0 0 0 4px rgba(69,176,145,.13)
}
.gbs-architecture__panel--governance{
  background:radial-gradient(ellipse 57% 43% at 88% 1%,rgba(193,254,253,.32),transparent 90%),
    linear-gradient(140deg,rgba(11,93,106,.97),rgba(9,60,85,.96) 65%,rgba(5,40,65,.96));
  border-color:rgba(222,255,253,.77);
  box-shadow:inset 0 2px 0 rgba(250,255,253,.56),0 27px 53px rgba(9,67,76,.27)
}
.gbs-architecture__panel--governance::before{
  background:linear-gradient(180deg,rgba(244,255,252,.2),rgba(255,255,255,.025) 78%,transparent)
}
.gbs-architecture__panel--governance::after{border-color:rgba(219,255,252,.22);box-shadow:0 0 0 42px rgba(237,255,251,.04),0 0 0 83px rgba(209,255,253,.035)}
.gbs-architecture__panel--governance h3{color:#f5fffd}
.gbs-architecture__panel--governance p{color:#cfebeb}
.gbs-architecture__panel--governance .gbs-architecture__index{
  color:#d8ffeb;border-color:rgba(229,255,243,.3);background:rgba(238,255,253,.12)
}
.gbs-architecture__panel--governance .gbs-architecture__marker{
  color:#dcffee;background:linear-gradient(145deg,rgba(243,255,251,.3),rgba(90,181,194,.13));
  border-color:rgba(231,255,249,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.39)
}
.gbs-architecture__panel--governance .gbs-architecture__tags li{
  color:#eafef9;border-color:rgba(235,255,254,.29);
  background:linear-gradient(135deg,rgba(235,255,252,.22),rgba(134,209,221,.095));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22)
}
.gbs-architecture__panel--governance .gbs-architecture__tags li::before{background:#c6f806;box-shadow:0 0 0 4px rgba(198,248,6,.1)}
.gbs-architecture__bottom{
  margin-top:16px;padding:22px 29px;border-radius:19px;
  display:flex;align-items:center;justify-content:space-between;gap:25px;
  border:1px solid rgba(248,255,251,.96);
  background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(215,245,233,.53));
  box-shadow:inset 0 1px 0 white,0 14px 30px rgba(18,85,73,.09)
}
.gbs-architecture__bottom-label{font-size:10px;letter-spacing:.15em;font-weight:900;color:#298b75}
.gbs-architecture__bottom p{font-size:clamp(14px,1.45vw,18px);line-height:1.45;font-weight:800;letter-spacing:-.02em;color:#174e45;max-width:850px;margin:7px 0 0}
.gbs-architecture__bottom a{
  display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;text-align:center;
  min-height:44px;padding:12px 18px;max-width:100%;border-radius:50px;
  border:1px solid #155b50;background:#104a44;color:#f1ffec!important;
  text-decoration:none!important;font-size:12px;font-weight:850
}
.gbs-architecture__bottom a:hover{background:#1e6759}
.gbs-architecture__scope{color:#607f78;font-size:11px;line-height:1.7;max-width:920px;margin:17px 0 0}
@media(max-width:970px){
 .gbs-architecture__grid{grid-template-columns:1fr}
 .gbs-architecture__panel{min-height:0}
 .gbs-architecture__tags{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .gbs-architecture{padding:69px 0 74px}
 .gbs-architecture__head h2{font-size:clamp(33px,9.1vw,49px)}
 .gbs-architecture__panel{padding:22px;border-radius:23px}
 .gbs-architecture__panel h3{font-size:clamp(25px,7vw,34px)}
 .gbs-architecture__panel-head{margin-bottom:18px}
 .gbs-architecture__tags{grid-template-columns:1fr;gap:8px}
 .gbs-architecture__tags li{min-height:42px}
 .gbs-architecture__bottom{flex-direction:column;align-items:stretch;padding:22px;gap:19px}
 .gbs-architecture__bottom a{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .gbs-architecture__panel,.gbs-architecture__bottom{transition:none!important}
}