/* LlataRoch canonical interaction surfaces.
   TODOPODEROSO is the visual source of truth for navy/gold buttons and dialog panels. */
:root{
  --lr-deco-gold:#d9a957;
  --lr-deco-gold-text:#f1c979;
  --lr-deco-cream:#f7f4ee;
  --lr-deco-blue:rgba(11,65,127,.82);
  --lr-deco-mid:rgba(2,32,74,.78);
  --lr-deco-dark:rgba(1,23,51,.80);
  --lr-deco-hover-blue:rgba(16,80,147,.84);
  --lr-deco-hover-dark:rgba(2,32,74,.80);
}

/* Dialog / text panel: mirrors TODOPODEROSO's final glass status treatment. */
.lr-deco-panel.lr-deco-panel{
  border:2px solid var(--lr-deco-gold);
  border-radius:26px;
  background:linear-gradient(150deg,var(--lr-deco-blue) 0%,var(--lr-deco-mid) 42%,var(--lr-deco-dark) 100%);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 2px rgba(1,23,51,.94),inset 0 0 0 3px rgba(244,205,133,.5),0 8px 18px rgba(1,23,51,.22);
  color:var(--lr-deco-gold-text);
  font-family:'Poiret One','Josefin Sans',Jost,Arial,sans-serif;
  font-weight:400;
  line-height:1.55;
  text-align:center;
}
.lr-deco-panel.lr-deco-panel::before{
  content:"";
  position:absolute;
  inset:7px;
  pointer-events:none;
  border:1px solid rgba(241,198,117,.28);
  border-radius:19px;
}
.lr-deco-panel .fd-copy,
.lr-deco-panel .alfred-copy{
  position:relative;
  font-family:'Poiret One','Josefin Sans',Jost,Arial,sans-serif;
  font-size:20px;
  font-weight:400;
  letter-spacing:.025em;
}
.lr-deco-panel .fd-kicker,
.lr-deco-panel .ax-intro-kicker,
.lr-deco-panel .svc-card-number,
.lr-deco-panel .svc-list-label{
  position:relative;
  color:#efc77c;
  font-family:'Josefin Sans',Jost,Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}

/* Text-heavy content panels keep TP glass/chrome while preserving readable hierarchy. */
.lr-deco-panel--content.lr-deco-panel--content{
  color:rgba(247,244,238,.90);
  text-align:left;
}
.lr-deco-panel--content.lr-deco-panel--content h3{
  color:var(--lr-deco-gold-text);
  font-family:'Poiret One','Josefin Sans',Jost,Arial,sans-serif;
}
.lr-deco-panel--content.lr-deco-panel--content > p:not(.svc-card-number):not(.svc-list-label),
.lr-deco-panel--content.lr-deco-panel--content li,
.lr-deco-panel--content.lr-deco-panel--content .svc-wide-inner p{
  color:rgba(247,244,238,.90);
  font-family:'Poiret One','Josefin Sans',Jost,Arial,sans-serif;
  font-size:17px;
  font-weight:400;
  letter-spacing:.018em;
}
@media (hover:hover) and (pointer:fine){
  .lr-deco-panel--content.lr-deco-panel--content:hover{
    border-color:#f3d18e;
    background:linear-gradient(150deg,var(--lr-deco-hover-blue),var(--lr-deco-hover-dark));
    box-shadow:inset 0 0 0 2px rgba(1,23,51,.92),inset 0 0 0 3px rgba(255,224,163,.7),0 10px 22px rgba(1,23,51,.26);
  }
}

/* Button / option control: mirrors TODOPODEROSO answer controls. */
.lr-deco-actions.lr-deco-actions button,
.lr-deco-button.lr-deco-button,
.lr-btn.lr-btn{
  position:relative;
  overflow:hidden;
  border:2px solid var(--lr-deco-gold);
  border-radius:16px;
  background:linear-gradient(150deg,var(--lr-deco-blue) 0%,var(--lr-deco-mid) 42%,var(--lr-deco-dark) 100%);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 2px rgba(1,23,51,.94),inset 0 0 0 3px rgba(244,205,133,.5),0 8px 18px rgba(1,23,51,.22);
  color:var(--lr-deco-gold-text);
  text-shadow:0 1px 0 rgba(0,0,0,.45);
  cursor:pointer;
  font-family:'Poiret One','Josefin Sans',Jost,Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.2;
  letter-spacing:.085em;
  text-align:center;
  text-decoration:none;
  text-transform:none;
}
.lr-deco-button.lr-deco-button,
.lr-btn.lr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:10px 24px;
}
.lr-deco-actions.lr-deco-actions button::before,
.lr-deco-button.lr-deco-button::before,
.lr-btn.lr-btn::before{
  content:"";
  position:absolute;
  inset:6px;
  pointer-events:none;
  border:1px solid rgba(241,198,117,.28);
  border-radius:10px;
}
.lr-deco-actions.lr-deco-actions button:hover,
.lr-deco-button.lr-deco-button:hover,
.lr-btn.lr-btn:hover{
  border-color:#f3d18e;
  background:linear-gradient(150deg,var(--lr-deco-hover-blue),var(--lr-deco-hover-dark));
  color:#fff0ca;
  box-shadow:inset 0 0 0 2px rgba(1,23,51,.92),inset 0 0 0 3px rgba(255,224,163,.7),0 10px 22px rgba(1,23,51,.26);
}
.lr-deco-actions.lr-deco-actions button:focus-visible,
.lr-deco-button.lr-deco-button:focus-visible,
.lr-btn.lr-btn:focus-visible{
  outline:3px solid rgba(225,176,88,.96);
  outline-offset:3px;
}

@media(max-width:760px){
  .lr-deco-panel .fd-copy,
  .lr-deco-panel .alfred-copy{font-size:18px}
  .lr-deco-actions.lr-deco-actions button,
  .lr-deco-button.lr-deco-button,
  .lr-btn.lr-btn{font-size:15px}
  .lr-deco-panel--content.lr-deco-panel--content > p:not(.svc-card-number):not(.svc-list-label),
  .lr-deco-panel--content.lr-deco-panel--content li,
  .lr-deco-panel--content.lr-deco-panel--content .svc-wide-inner p{font-size:16px}
}