:root{
  --patch-gold:#f6cb6a;
  --patch-gold-soft:#f3dfbf;
  --patch-text:#edf2fb;
  --patch-muted:#c9d0dc;
  --patch-line:rgba(203,175,113,.18);
  --patch-card-a:rgba(8,15,31,.78);
  --patch-card-b:rgba(5,10,21,.86);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

body.gm-page,
body{
  margin:0;
  background:#04070d;
  color:var(--patch-text);
  font-family:"Manrope", Arial, sans-serif;
}

/* NAVBAR FIX */
.site-header{z-index:99999!important;}
.dropdown-menu{z-index:999999!important;}

.dropdown-menu.guide-menu a.active{
  color:#f6cb6a!important;
  -webkit-text-fill-color:#f6cb6a!important;
  background:rgba(246,203,106,.08)!important;
  text-shadow:none!important;
  filter:none!important;
  box-shadow:none!important;
}

.dropdown-menu.guide-menu a.active::before,
.dropdown-menu.guide-menu a.active::after{
  display:none!important;
}

.main-nav .dropdown-toggle.active{
  color:#f6cb6a!important;
  -webkit-text-fill-color:#f6cb6a!important;
  text-shadow:0 0 14px rgba(246,203,106,.45);
}

.main-nav .dropdown-toggle.active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-14px;
  transform:translateX(-50%);
  width:56px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#f6cb6a,transparent);
  box-shadow:0 0 14px rgba(246,203,106,.65);
}

/* PAGE BACKGROUND */
.patch-page{
  min-height:calc(100vh - var(--header-h));
  padding-top:var(--header-h);
  position:relative;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(2,6,14,.10),rgba(2,6,14,.28)),
    url("/assets/img/foto.png") no-repeat center top fixed;
  background-size:cover;
  overflow:visible;
}

.patch-page .container{
  width:min(1240px,92%);
  margin:0 auto;
}


/* HERO */
.patch-hero{
  position:relative;
  min-height:auto;
  padding:42px 0 22px;
  display:block;
  text-align:center;
  border-bottom:0;
  background:transparent!important;
}

.patch-hero::before,
.patch-hero__overlay{
  display:none!important;
}

.patch-hero__content{
  position:relative;
  z-index:2;
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

.patch-eyebrow{
  display:inline-block;
  margin-bottom:14px;
  color:#f3dfbf;
  font-size:.85rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-shadow:0 2px 28px rgba(0,0,0,.35),0 6px 14px rgba(0,0,0,.25);
}

.patch-hero h1,
.patch-hero h2{
  margin:0;
  font-family:"Cormorant Garamond", serif;
  font-weight:700;
  line-height:.95;
  text-transform:uppercase;
  text-shadow:0 2px 28px rgba(0,0,0,.35),0 6px 14px rgba(0,0,0,.25);
  filter:drop-shadow(0 0 1px rgba(0,0,0,.7)) drop-shadow(0 0 1px rgba(0,0,0,.7));
}

.patch-hero h1{
  color:#f3f0e8;
  font-size:72px;
}

.patch-hero h2{
  margin-top:2px;
  font-size:72px;
  background:linear-gradient(180deg,#efdbc3 0%,#f7d3ab 18%,#ffce92 38%,#fabd58 52%,#f6cb6a 70%,#f3dfbf 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.patch-meta{
  display:inline-flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 18px;
  margin-top:20px;
  padding:13px 20px;
  border-radius:18px;
  border:1px solid var(--patch-line);
  background:linear-gradient(180deg,var(--patch-card-a),var(--patch-card-b));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 36px rgba(0,0,0,.34);
  backdrop-filter:blur(6px);
  color:#edf2fb;
  font-size:.95rem;
  font-weight:600;
}

.patch-meta strong{
  color:#f3c86c;
  font-weight:800;
}

/* TOP INTRO */
.patch-intro{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin:18px auto 34px;
  position:relative;
  z-index:2;
}

.intro-card{
  min-height:135px;
  padding:22px;
  border-radius:18px;
  border:1px solid var(--patch-line);
  background:linear-gradient(180deg,var(--patch-card-a),var(--patch-card-b));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 36px rgba(0,0,0,.34);
  backdrop-filter:blur(6px);
  overflow:hidden;
}

.intro-card h3{
  margin:0 0 10px;
  font-family:"Cormorant Garamond", serif;
  font-size:2rem;
  font-weight:700;
  color:#f3c86c;
  text-transform:none;
}

.intro-card p{
  margin:0;
  color:#edf2fb;
  font-size:1.05rem;
  line-height:1.6;
  font-weight:500;
}

/* CONTENT */
.patch-content{
  display:block;
  padding:10px 0 28px;
}

.section-title{
  display:block;
  text-align:center;
  margin:0 0 28px;
}

.section-title span{
  display:none;
}

.section-title h2{
    font-family:'Cormorant Garamond';
    background: linear-gradient(180deg, #efdbc3 0%, #f7d3ab 18%, #ffce92 38%, #fabd58 52%, #f6cb6a 70%, #f3dfbf 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 2px 28px rgba(0, 0, 0, .35), 0 6px 14px rgba(0, 0, 0, .25);
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.7))
    font-size: 2.1em;
}

/* PATCH CARDS */
.patch-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}

.patch-card{
  display:block;
  border-radius:18px;
  border:1px solid var(--patch-line);
  background:linear-gradient(180deg,var(--patch-card-a),var(--patch-card-b));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 36px rgba(0,0,0,.34);
  backdrop-filter:blur(6px);
  overflow:hidden;
  transition:border-color .2s ease,transform .2s ease,background .2s ease;
}

.patch-card:hover{
  border-color:rgba(246,203,106,.36);
  transform:translateY(-1px);
}

.patch-card summary{
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:18px!important;
  padding:22px!important;
  cursor:pointer!important;
  list-style:none!important;
  position:relative;
}

.patch-card summary::-webkit-details-marker{
  display:none!important;
}

.patch-card summary > .patch-icon{
  grid-column:1!important;
  grid-row:1!important;
  width:96px!important;
  height:96px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 8px rgba(246,203,106,.24));
}

.patch-card summary > .patch-card-text{
  grid-column:2!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
}

.patch-card summary > .patch-card-text h3{
  display:block!important;
  margin:0 0 5px!important;
  width:100%!important;
  max-width:none!important;
  font-family:"Cormorant Garamond",serif;
  font-size:2rem;
  line-height:1.08!important;
  font-weight:700;
  color:#f3c86c;
  text-transform:none;
  letter-spacing:0;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.patch-card summary > .patch-card-text p{
  display:block!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  color:#dfe7f3;
  font-size:1.48rem;
  line-height:1.45!important;
  font-weight:500;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* SINGLE CHEVRON ONLY */
.patch-card summary::after{
  content:""!important;
  display:block!important;
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  width:11px!important;
  height:11px!important;
  margin:0 8px 4px 0!important;
  border-right:2px solid #c9b58d!important;
  border-bottom:2px solid #c9b58d!important;
  transform:rotate(45deg)!important;
  transition:transform .25s ease, border-color .25s ease;
  position:static!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
}

.patch-card[open] summary::after{
  transform:rotate(225deg)!important;
  margin:4px 8px 0 0!important;
}

.patch-card ul{
  margin:0!important;
  padding:0 24px 24px 72px!important;
}

.patch-card li{
  margin-bottom:10px!important;
  color:#edf2fb!important;
  font-size:1.3rem!important;
  line-height:1.6!important;
  font-weight:500;
}

.patch-card code{
  color:#fdf7c0;
  font-weight:800;
  background:rgba(246,203,106,.08);
  border:1px solid rgba(246,203,106,.18);
  border-radius:6px;
  padding:2px 7px;
}

/* WARNING */
.patch-warning{
  margin:22px auto 70px;
  padding:22px;
  display:grid;
  grid-template-columns:54px 1fr auto;
  gap:18px;
  align-items:center;
  border-radius:18px;
  border:1px solid var(--patch-line);
  background:linear-gradient(180deg,var(--patch-card-a),var(--patch-card-b));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 36px rgba(0,0,0,.34);
  backdrop-filter:blur(6px);
}

.warning-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(246,203,106,.36);
  color:#f6cb6a;
  font-size:32px;
  font-family:"Cormorant Garamond",serif;
}

.patch-warning h3{
  margin:0 0 5px;
  font-family:"Cormorant Garamond",serif;
  font-size:2rem;
  color:#f3c86c;
  text-transform:none;
}

.patch-warning p{
  margin:0;
  color:#edf2fb;
  font-size:1.02rem;
  line-height:1.6;
}

.back-top{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:145px;
  height:46px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(246,203,106,.36);
  background:rgba(246,203,106,.08);
  color:#f6cb6a;
  text-decoration:none;
  text-transform:uppercase;
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.04em;
}

.back-top:hover{
  background:rgba(246,203,106,.16);
}

/* RESPONSIVE */
@media(max-width:980px){
  .patch-intro{
    grid-template-columns:1fr;
  }

  .patch-grid{
    grid-template-columns:1fr;
  }

  .patch-warning{
    grid-template-columns:54px 1fr;
  }

  .back-top{
    grid-column:1 / -1;
    width:100%;
  }
}

@media(max-width:768px){
  .patch-page{
    background-attachment:scroll;
  }

  .patch-hero h1,
  .patch-hero h2{
    font-size:52px;
  }

  .section-title h2{
    font-size:38px;
  }

  .patch-card summary > .patch-card-text h3,
  .intro-card h3{
    font-size:1.75rem;
  }

  .patch-card ul{
    padding-left:48px!important;
  }
}

@media(max-width:560px){
  .patch-meta{
    width:100%;
  }

  .patch-card summary{
    grid-template-columns:104px minmax(0,1fr) 24px!important;
    gap:12px!important;
  }

  .patch-card summary > .patch-icon{
    width:88px!important;
    height: 88px!important;
  }

  .patch-card summary::after{
    width:10px!important;
    height:10px!important;
    margin-right:4px!important;
  }
}

.patch-page > .container,
.patch-page section.container{
  width:min(1820px,96%)!important;
  margin:0 auto!important;
}

/* finall */