/* Frontend styles for Lançamento widget/shortcode */
.lc-launch{display:block;max-width:100%;}
.lc-launch__frame{
	position:relative;
	border: var(--lc-border-width,12px) solid var(--lc-border-color,#0b6b8a);
	border-radius: calc(var(--lc-radius,24px) + var(--lc-border-width,12px));
	overflow:hidden;
}
.lc-launch__frame img{
	display:block;
	width:100%;
	height:auto;
	border-radius: var(--lc-radius,24px);
}
.lc-launch__open{
	display:block;
	position:relative;
	width:100%;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
}
.lc-launch__play{
	position:absolute;
	right:12px;
	bottom:12px;
	background: rgba(0,0,0,0.55);
	color:#fff;
	width:44px;
	height:44px;
	line-height:44px;
	text-align:center;
	border-radius:50%;
	font-size:18px;
	font-weight:700;
}
.lc-launch__cta{
  margin-top: 10px;
  padding: 6px 12px;               /* mais curto e compacto */
  border: 2px solid currentColor;  /* contorno */
  background: transparent;         /* transparente */
  color: var(--lc-border-color,#0b6b8a);
  border-radius: 9999px;           /* bem arredondado */
  font-weight: 700;
  font-size: .95rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .18s ease;
  transform: translateZ(0);        /* melhora animação */
}
.lc-launch__cta:hover{
  background: color-mix(in srgb, var(--lc-border-color,#0b6b8a) 14%, transparent);
}
.lc-launch__cta:active{
  transform: translateY(1px);
}
.lc-launch__cta:focus{
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lc-border-color,#0b6b8a) 28%, transparent);
}
.lc-launch__cta .icon{ font-size: 0.9em; line-height: 1; }
.lc-launch__empty{opacity:.7;font-style:italic}

/* Modal */
.lc-modal{ position: fixed; inset: 0; z-index: 99999; opacity: 0; pointer-events: none; transition: opacity .2s ease; }
.lc-modal.is-open{ opacity: 1; pointer-events: auto; }
.lc-modal__backdrop{ position:absolute; inset:0; background: rgba(0,0,0,.6); }
.lc-modal__content{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(900px, 90vw); background: #000; border-radius: 14px; box-shadow: 0 10px 40px rgba(0,0,0,.4); overflow: hidden; }
.lc-modal__frame{ position: relative; padding-top: 56.25%; }
.lc-modal__frame iframe{ position: absolute; inset: 0; width: 100%; height: 100%; }
.lc-modal__close{ position: absolute; right: 8px; top: 8px; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255,255,255,.15); color: #fff; font-size: 22px; cursor: pointer; }


/* CTA size variants */
.lc-launch__cta--sm{ padding: 6px 12px; font-size: .95rem; }
.lc-launch__cta--md{ padding: 10px 16px; font-size: 1rem; }
.lc-launch__cta--lg{ padding: 12px 20px; font-size: 1.05rem; }

/* CTA style: filled */
.lc-launch__cta--filled{
  background: var(--lc-border-color,#0b6b8a);
  color: #fff;
  border-color: var(--lc-border-color,#0b6b8a);
}
.lc-launch__cta--filled:hover{
  background: color-mix(in srgb, var(--lc-border-color,#0b6b8a) 86%, #0000);
}
.lc-launch__cta--filled:focus{
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lc-border-color,#0b6b8a) 28%, transparent);
}

/* Keep ghost (transparent) as default: already defined above */