.mayor-account-notices,
.mayor-account-notice-detail{
  --mayor-notice-green:#315f45;
  --mayor-notice-green-deep:#174b36;
  --mayor-notice-gold:#a8751d;
  --mayor-notice-cream:#fffaf0;
  --mayor-notice-line:#e7d5b6;
  display:grid;
  gap:12px;
  width:min(1180px,100%);
  margin:0 auto;
}

.mayor-account-notice-surface .mayor-unified-title-shell{
  position:sticky;
  z-index:110;
  box-sizing:border-box;
  top:0;
  width:100%;
  height:58px;
  min-height:58px;
  margin:0 0 12px;
  padding:8px 12px;
  border:1px solid var(--mayor-notice-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 18px rgba(17,24,39,.06);
}

.mayor-account-notice-surface .mayor-unified-title-card{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  height:40px;
  min-height:40px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.mayor-account-notice-surface .mayor-unified-title-card h1{
  position:static;
  display:block;
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  margin:0;
  padding:0;
  color:#111;
  font-size:14px;
  line-height:1.15;
  font-weight:650;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.mayor-account-notice-surface .mayor-unified-title-card :is(button,a)[data-mayor-back-button]{
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  margin:0;
  padding:0;
  border:2px solid var(--mayor-notice-line);
  border-radius:50%;
  background:transparent;
  color:#111;
  box-shadow:none;
  font-size:0;
  line-height:1;
  text-decoration:none;
}

.mayor-account-notice-surface .mayor-back-icon{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mayor-notice-list{
  display:grid;
  gap:12px;
}

.mayor-notice-card{
  display:grid;
  grid-template-columns:minmax(320px,420px) minmax(0,1fr);
  align-items:stretch;
  width:100%;
  padding:0;
  overflow:hidden;
  border:1px solid var(--mayor-notice-line);
  border-radius:24px;
  background:#fff;
  color:#17231d;
  text-align:left;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(64,47,20,.09);
}

.mayor-notice-card-media{
  display:block;
  align-self:center;
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  overflow:hidden;
  background:var(--mayor-notice-cream);
}

.mayor-notice-card-media picture{
  display:block;
  width:100%;
  height:100%;
}

.mayor-notice-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--notice-card-image-position,center center);
}

.mayor-notice-card.is-top,
.mayor-notice-card.is-bottom{
  grid-template-columns:1fr;
}

.mayor-notice-card.is-ratio-auto .mayor-notice-card-media{aspect-ratio:auto}
.mayor-notice-card.is-ratio-auto .mayor-notice-card-media picture,
.mayor-notice-card.is-ratio-auto .mayor-notice-card-media img{height:auto}
.mayor-notice-card.is-ratio-auto .mayor-notice-card-media img{object-fit:contain}
.mayor-notice-card.is-ratio-1-1 .mayor-notice-card-media{aspect-ratio:1/1}
.mayor-notice-card.is-ratio-4-3 .mayor-notice-card-media{aspect-ratio:4/3}
.mayor-notice-card.is-ratio-3-2 .mayor-notice-card-media{aspect-ratio:3/2}
.mayor-notice-card.is-ratio-16-9 .mayor-notice-card-media{aspect-ratio:16/9}
.mayor-notice-card.is-ratio-4-5 .mayor-notice-card-media{aspect-ratio:4/5}
.mayor-notice-card.is-ratio-3-4 .mayor-notice-card-media{aspect-ratio:3/4}

.mayor-notice-card-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(18px,3vw,36px) clamp(54px,5vw,72px) clamp(46px,4vw,58px) clamp(18px,3vw,36px);
}

.mayor-notice-card.is-spacing-compact .mayor-notice-card-copy{padding:16px 54px 46px 16px}
.mayor-notice-card.is-spacing-relaxed .mayor-notice-card-copy{padding:clamp(28px,4vw,52px) clamp(64px,6vw,88px) clamp(58px,5vw,72px) clamp(28px,4vw,52px)}

.mayor-notice-card-meta,
.mayor-notice-intro-meta{
  display:flex;
  align-items:center;
  gap:8px;
  color:#756b5c;
  font-size:13px;
}

.mayor-notice-card-meta strong,
.mayor-notice-intro-meta strong{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  background:#edf4e8;
  color:var(--mayor-notice-green-deep);
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.mayor-notice-card-title{
  margin-top:12px;
  color:var(--mayor-notice-green-deep);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(20px,2.7vw,32px);
  line-height:1.08;
}

.mayor-notice-card-excerpt{
  max-width:620px;
  margin-top:9px;
  color:#53574f;
  font-size:17px;
  line-height:1.45;
}

.mayor-notice-card-arrow{
  position:absolute;
  right:clamp(18px,3vw,32px);
  bottom:clamp(16px,2.5vw,26px);
  display:grid;
  width:34px;
  height:24px;
  place-items:center;
  color:var(--mayor-notice-green);
}

.mayor-notice-card-read-state{
  position:absolute;
  right:clamp(62px,6vw,78px);
  bottom:clamp(18px,2.6vw,28px);
  color:#7b817b;
  font-size:13px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}

.mayor-notice-card-read-state.is-unread{
  color:var(--mayor-notice-green-deep);
  font-weight:750;
}

.mayor-notice-card-arrow svg{
  width:30px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mayor-notice-card:disabled{
  cursor:default;
}

.mayor-notices-empty{
  padding:42px 24px;
  border:1px solid var(--mayor-notice-line);
  border-radius:22px;
  background:#fff;
  color:#6b7280;
  text-align:center;
}

.mayor-notice-intro{
  display:grid;
  justify-items:center;
  gap:9px;
  padding:clamp(18px,3.5vw,44px) clamp(18px,4vw,58px);
  border:1px solid var(--mayor-notice-line);
  border-radius:28px;
  background:linear-gradient(145deg,#fffdf7 0%,#fbf0dc 100%);
  text-align:center;
  box-shadow:0 16px 42px rgba(70,48,14,.08);
}

.mayor-notice-kicker{
  margin:0;
  color:var(--mayor-notice-gold);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.mayor-notice-intro h1{
  max-width:880px;
  margin:0;
  color:var(--mayor-notice-green-deep);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(24px,4vw,48px);
  font-weight:500;
  line-height:1;
}

.mayor-notice-intro > p:last-child{
  max-width:760px;
  margin:2px 0 0;
  color:#414a43;
  font-size:clamp(16px,1.7vw,19px);
  line-height:1.45;
}

.mayor-notice-story{
  display:grid;
  gap:16px;
}

.mayor-notice-story-section{
  display:grid;
  grid-template-columns:minmax(0,9fr) minmax(0,11fr);
  align-items:center;
  gap:clamp(18px,3.5vw,46px);
  padding:clamp(14px,2vw,24px);
  border:1px solid var(--mayor-notice-line);
  border-radius:28px;
  background:#fff;
  box-shadow:0 13px 34px rgba(66,48,20,.07);
}

.mayor-notice-story-section.is-desktop-reversed{
  grid-template-columns:minmax(0,11fr) minmax(0,9fr);
}

.mayor-notice-story-section figure{
  margin:0;
  width:100%;
  aspect-ratio:1;
  overflow:hidden;
  border-radius:20px;
  background:var(--mayor-notice-cream);
}

.mayor-notice-story-section figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.mayor-notice-story-section.is-desktop-reversed figure{
  order:2;
}

.mayor-notice-story-copy{
  padding:clamp(2px,1.2vw,12px);
}

.mayor-notice-story-copy h2{
  margin:0;
  color:var(--mayor-notice-green-deep);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(27px,3.6vw,43px);
  font-weight:500;
  line-height:1.08;
}

.mayor-notice-story-copy span{
  display:block;
  margin-top:11px;
  color:#4d554f;
  font-size:23px;
  line-height:1.5;
  white-space:pre-line;
}

.mayor-notice-products-cta{
  display:grid;
  justify-items:center;
  gap:7px;
  padding:clamp(20px,4vw,48px) 20px;
  border-radius:28px;
  background:linear-gradient(135deg,#234d38 0%,#527052 100%);
  color:#fff;
  text-align:center;
  box-shadow:0 18px 46px rgba(24,62,42,.19);
}

.mayor-notice-products-cta p{
  margin:0;
  color:#f1d49f;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.mayor-notice-products-cta h2{
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(20px,3.4vw,35px);
  font-weight:500;
}

.mayor-notice-products-cta span{
  max-width:620px;
  color:rgba(255,255,255,.82);
  font-size:16px;
  line-height:1.55;
}

.mayor-notice-products-cta button,
.mayor-notice-products-cta a{
  min-width:min(100%,300px);
  margin-top:8px;
  padding:13px 22px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:999px;
  background:#fff;
  color:#214936;
  font-size:16px;
  font-weight:800;
  text-decoration:none;
}

:is(.mayor-shell[data-interface-style="professional"],body.madmin-interface-professional,html[data-interface-style="professional"] body) :is(.mayor-account-notices,.mayor-account-notice-detail){
  --mayor-notice-green:#111;
  --mayor-notice-green-deep:#111;
  --mayor-notice-gold:#5d5d5d;
  --mayor-notice-cream:#f4f4f4;
  --mayor-notice-line:#d8d8d8;
}

:is(.mayor-shell[data-interface-style="professional"],body.madmin-interface-professional,html[data-interface-style="professional"] body) .mayor-notice-intro{
  background:#fff;
}

:is(.mayor-shell[data-interface-style="professional"],body.madmin-interface-professional,html[data-interface-style="professional"] body) .mayor-notice-products-cta{
  border:1px solid var(--mayor-notice-line);
  background:#fff;
  color:#111;
  box-shadow:0 13px 34px rgba(0,0,0,.08);
}

:is(.mayor-shell[data-interface-style="professional"],body.madmin-interface-professional,html[data-interface-style="professional"] body) .mayor-notice-products-cta p{
  color:#5d5d5d;
}

:is(.mayor-shell[data-interface-style="professional"],body.madmin-interface-professional,html[data-interface-style="professional"] body) .mayor-notice-products-cta span{
  color:#555;
}

:is(.mayor-shell[data-interface-style="professional"],body.madmin-interface-professional,html[data-interface-style="professional"] body) .mayor-notice-products-cta button,
:is(.mayor-shell[data-interface-style="professional"],body.madmin-interface-professional,html[data-interface-style="professional"] body) .mayor-notice-products-cta a{
  border:1px solid #111;
  background:#fff;
  color:#111;
}

.mayor-public-noticias-page{
  min-height:100vh;
  margin:0;
  background:#f7f7f6;
  color:#17231d;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.mayor-public-noticias-page .mayor-unified-title-text{
  margin:0;
  font:inherit;
  font-size:inherit;
  font-weight:inherit;
}

.mayor-public-noticias-header{
  position:sticky;
  z-index:120;
  top:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:72px;
  padding:10px max(20px,calc((100vw - 1180px)/2));
  border-bottom:1px solid #e7d5b6;
  background:rgba(255,253,249,.96);
  backdrop-filter:blur(14px);
}

.mayor-public-noticias-brand{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
}

.mayor-public-noticias-brand img{
  display:block;
  width:96px;
  height:42px;
  object-fit:contain;
}

.mayor-public-noticias-logo-professional{display:none!important}
html[data-interface-style="professional"] .mayor-public-noticias-logo-boutique{display:none!important}
html[data-interface-style="professional"] .mayor-public-noticias-logo-professional{display:block!important}
html[data-interface-style="professional"] .mayor-public-noticias-page{background:#f4f4f4;color:#111}
html[data-interface-style="professional"] .mayor-public-noticias-header{border-color:#d8d8d8;background:rgba(255,255,255,.97)}
html[data-interface-style="professional"] .mayor-public-noticias-header nav a{color:#222}
html[data-interface-style="professional"] .mayor-public-noticias-header nav a[aria-current="page"]{color:#111}
html[data-interface-style="professional"] .mayor-public-noticias-footer{border-color:#d8d8d8;background:#fff;color:#666}
html[data-interface-style="professional"] .mayor-public-noticias-footer a{color:#111}

.mayor-public-noticias-header nav{
  display:flex;
  align-items:center;
  gap:22px;
}

.mayor-public-noticias-header nav a{
  color:#2f3b33;
  font-size:14px;
  font-weight:650;
  text-decoration:none;
}

.mayor-public-noticias-header nav a[aria-current="page"]{
  color:#174b36;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:6px;
}

.mayor-public-noticias-main{
  box-sizing:border-box;
  width:min(1180px,100%);
  min-height:calc(100vh - 150px);
  margin:0 auto;
  padding:24px 18px 48px;
}

.mayor-public-noticias-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:64px;
  padding:12px 18px;
  border-top:1px solid #e7d5b6;
  background:#fffdf9;
  color:#687068;
  font-size:13px;
}

.mayor-public-noticias-footer a{
  color:#315f45;
  text-decoration:none;
}

@media (max-width:760px){
  .mayor-public-noticias-header{
    min-height:58px;
    padding:8px 14px;
  }

  .mayor-public-noticias-brand img{
    width:74px;
    height:34px;
  }

  .mayor-public-noticias-header nav{
    gap:14px;
  }

  .mayor-public-noticias-header nav a{
    font-size:12px;
  }

  .mayor-public-noticias-header nav a:nth-child(2),
  .mayor-public-noticias-header nav a:nth-child(4){
    display:none;
  }

  .mayor-public-noticias-main{
    padding:12px 10px 34px;
  }

  .mayor-public-noticias-footer{
    flex-wrap:wrap;
    gap:8px 14px;
  }

  .mayor-account-notices,
  .mayor-account-notice-detail{
    gap:10px;
  }

  .mayor-notice-card{
    grid-template-columns:1fr;
    border-radius:20px;
  }

  .mayor-notice-card-media{
    aspect-ratio:4/3;
  }

  .mayor-notice-card-media img{
    object-position:var(--notice-card-image-mobile-position,var(--notice-card-image-position,center center));
  }

  .mayor-notice-card.is-mobile-ratio-auto .mayor-notice-card-media{aspect-ratio:auto}
  .mayor-notice-card.is-mobile-ratio-auto .mayor-notice-card-media picture,
  .mayor-notice-card.is-mobile-ratio-auto .mayor-notice-card-media img{height:auto}
  .mayor-notice-card.is-mobile-ratio-auto .mayor-notice-card-media img{object-fit:contain}
  .mayor-notice-card.is-mobile-ratio-1-1 .mayor-notice-card-media{aspect-ratio:1/1}
  .mayor-notice-card.is-mobile-ratio-4-3 .mayor-notice-card-media{aspect-ratio:4/3}
  .mayor-notice-card.is-mobile-ratio-3-2 .mayor-notice-card-media{aspect-ratio:3/2}
  .mayor-notice-card.is-mobile-ratio-16-9 .mayor-notice-card-media{aspect-ratio:16/9}
  .mayor-notice-card.is-mobile-ratio-4-5 .mayor-notice-card-media{aspect-ratio:4/5}
  .mayor-notice-card.is-mobile-ratio-3-4 .mayor-notice-card-media{aspect-ratio:3/4}

  .mayor-notice-card.is-mobile-top .mayor-notice-card-media{order:0}
  .mayor-notice-card.is-mobile-top .mayor-notice-card-copy{order:1}
  .mayor-notice-card.is-mobile-bottom .mayor-notice-card-copy{order:0}
  .mayor-notice-card.is-mobile-bottom .mayor-notice-card-media{order:1}
  .mayor-notice-card.is-mobile-compact-left{grid-template-columns:minmax(112px,38%) minmax(0,1fr)}
  .mayor-notice-card.is-mobile-compact-right{grid-template-columns:minmax(0,1fr) minmax(112px,38%)}
  .mayor-notice-card.is-mobile-compact-left .mayor-notice-card-media{order:0}
  .mayor-notice-card.is-mobile-compact-left .mayor-notice-card-copy{order:1}
  .mayor-notice-card.is-mobile-compact-right .mayor-notice-card-copy{order:0}
  .mayor-notice-card.is-mobile-compact-right .mayor-notice-card-media{order:1}
  .mayor-notice-card.is-mobile-compact-left .mayor-notice-card-media,
  .mayor-notice-card.is-mobile-compact-right .mayor-notice-card-media{align-self:stretch;height:100%;aspect-ratio:auto}
  .mayor-notice-card.is-mobile-compact-left .mayor-notice-card-media picture,
  .mayor-notice-card.is-mobile-compact-left .mayor-notice-card-media img,
  .mayor-notice-card.is-mobile-compact-right .mayor-notice-card-media picture,
  .mayor-notice-card.is-mobile-compact-right .mayor-notice-card-media img{height:100%}
  .mayor-notice-card.is-mobile-overlay{display:grid;grid-template-columns:1fr;min-height:320px;background:#26231e}
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-media,
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-copy{grid-area:1/1;order:0}
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-media{align-self:stretch;height:100%;aspect-ratio:auto}
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-media picture,
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-media img{height:100%}
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-copy{z-index:1;align-self:end;justify-content:flex-end;padding-top:96px;background:linear-gradient(180deg,transparent 0%,rgba(25,23,19,.88) 100%)}
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-title,
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-excerpt,
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-read-state,
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-arrow,
  .mayor-notice-card.is-mobile-overlay .mayor-notice-card-meta{color:#fff}

  .mayor-notice-card-copy{
    padding:16px 54px 48px 16px;
  }

  .mayor-notice-card.is-spacing-compact .mayor-notice-card-copy{padding:12px 48px 44px 12px}
  .mayor-notice-card.is-spacing-relaxed .mayor-notice-card-copy{padding:24px 58px 56px 24px}

  .mayor-notice-card-read-state{
    right:62px;
    bottom:20px;
  }

  .mayor-notice-card-title{
    font-size:21px;
  }

  .mayor-notice-intro,
  .mayor-notice-story-section,
  .mayor-notice-products-cta{
    border-radius:20px;
  }

  .mayor-notice-story{
    gap:12px;
  }

  .mayor-notice-story-section,
  .mayor-notice-story-section.is-desktop-reversed{
    grid-template-columns:minmax(0,3fr) minmax(0,2fr);
    align-items:start;
    gap:0;
    padding:8px;
  }

  .mayor-notice-story-section.is-desktop-reversed figure{
    order:0;
  }

  .mayor-notice-story-section.is-mobile-reversed{
    grid-template-columns:minmax(0,2fr) minmax(0,3fr);
  }

  .mayor-notice-story-section.is-mobile-reversed figure{
    order:2;
  }

  .mayor-notice-story-section figure{
    width:100%;
    min-height:0;
    aspect-ratio:1;
  }

  .mayor-notice-story-section figure img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  .mayor-notice-story-section.is-mobile-stacked{
    grid-template-columns:1fr;
  }

  .mayor-notice-story-section.is-mobile-stacked figure{
    order:0;
    width:100%;
    aspect-ratio:1;
  }

  .mayor-notice-story-copy{
    align-self:center;
    padding:12px;
  }

  .mayor-notice-story-copy h2{
    font-size:17px;
    line-height:1.1;
  }

  .mayor-notice-story-copy span{
    margin-top:8px;
    font-size:14px;
    line-height:1.4;
  }

  .mayor-notice-story-section:not(.is-mobile-stacked) .mayor-notice-story-copy span{
    display:none;
  }
}
