/* LUGRAN — Modelo de Post
   Tudo fica dentro de .lgp para não interferir no resto do site. */

.lgp, .lgp-content{
	--lgp-navy:#0A1930; --lgp-navy-2:#13284A; --lgp-gold:#C9A24A; --lgp-gold-ink:#9A7A2E;
	--lgp-bg:#F5F7FA; --lgp-surface:#FFFFFF; --lgp-ink:#16213A; --lgp-muted:#5A6577; --lgp-line:#E2E7EF;
	--lgp-on-navy:#FFFFFF; --lgp-on-navy-muted:#AEB9CC;
	--lgp-font:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--lgp-wrap:1180px; --lgp-read:720px;
}
.lgp{
	background:var(--lgp-bg); color:var(--lgp-ink);
	font-family:var(--lgp-font); font-size:16px; line-height:1.6;
	max-width:none !important; width:100% !important; margin:0 !important; padding:0 !important;
}
.lgp *, .lgp *::before, .lgp *::after{box-sizing:border-box}
.lgp a{text-decoration:none}
.lgp .lgp-wrap{max-width:var(--lgp-wrap); margin:0 auto; padding-inline:20px}
.lgp .lgp-read{max-width:var(--lgp-read); margin-left:auto; margin-right:auto; padding-inline:20px}
.lgp .lgp-eyebrow{display:inline-block; font-family:var(--lgp-font); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--lgp-gold)}

/* Faixa do título */
.lgp .lgp-hero{background:var(--lgp-navy); color:var(--lgp-on-navy); position:relative; overflow:hidden}
.lgp .lgp-hero::after{content:""; position:absolute; inset:0; pointer-events:none;
	background:radial-gradient(600px 300px at 85% 10%, rgba(201,162,74,.16), transparent 70%)}
.lgp .lgp-hero .lgp-read{position:relative; z-index:1; padding-top:40px; padding-bottom:120px}
.lgp .lgp-hero--flat .lgp-read{padding-bottom:56px}
.lgp .lgp-crumbs{font-size:13px; color:var(--lgp-on-navy-muted); display:flex; flex-wrap:wrap; gap:8px}
.lgp .lgp-crumbs a{color:var(--lgp-on-navy-muted)}
.lgp .lgp-crumbs a:hover{color:var(--lgp-on-navy)}
.lgp .lgp-crumbs span[aria-hidden]{color:var(--lgp-gold)}
.lgp .lgp-hero .lgp-eyebrow{margin-top:28px}
.lgp .lgp-hero .lgp-title{font-family:var(--lgp-font); color:var(--lgp-on-navy); font-size:clamp(28px,4.4vw,44px); line-height:1.15; font-weight:800; letter-spacing:-.01em; margin:12px 0 0; text-wrap:balance}
.lgp .lgp-meta{display:flex; flex-wrap:wrap; gap:6px 18px; margin-top:22px; font-size:14px; color:var(--lgp-on-navy-muted)}
.lgp .lgp-meta b{color:var(--lgp-on-navy); font-weight:600}

/* Imagem destacada */
.lgp .lgp-cover{max-width:880px; margin:-88px auto 0; padding-inline:20px; position:relative; z-index:2}
.lgp .lgp-cover img{display:block; width:100%; height:auto; max-height:460px; object-fit:cover; border-radius:14px; box-shadow:0 18px 40px -18px rgba(10,25,48,.55)}

/* Texto do post (vem do editor do WordPress) */
body .lgp-content{padding-top:40px; padding-bottom:8px}
body .lgp-content p{font-family:var(--lgp-font); color:var(--lgp-ink); margin:0 0 1.15em; font-size:17.5px; line-height:1.75}
body .lgp-content > p:first-child, body .lgp-content > .elementor-widget-container > p:first-child{font-size:20px; line-height:1.6; font-weight:500}
body .lgp-content h2{font-family:var(--lgp-font); color:var(--lgp-ink); font-size:24px; line-height:1.3; font-weight:800; margin:1.9em 0 .6em; text-wrap:balance}
body .lgp-content h2::before{content:""; display:block; width:36px; height:3px; background:var(--lgp-gold); margin-bottom:14px}
body .lgp-content h3{font-family:var(--lgp-font); color:var(--lgp-ink); font-size:19px; line-height:1.35; font-weight:700; margin:1.6em 0 .5em}
body .lgp-content ul, body .lgp-content ol{margin:0 0 1.2em; padding-left:1.3em; font-size:17.5px; line-height:1.75}
body .lgp-content li{margin-bottom:.4em}
body .lgp-content li::marker{color:var(--lgp-gold-ink); font-weight:700}
body .lgp-content a{color:var(--lgp-gold-ink); text-decoration:underline; text-underline-offset:3px}
body .lgp-content strong{font-weight:700; color:var(--lgp-ink)}
body .lgp-content img{max-width:100%; height:auto; border-radius:10px}
body .lgp-content figure{margin:1.6em 0}
body .lgp-content figcaption{font-size:13px; color:var(--lgp-muted); margin-top:8px; text-align:center}
body .lgp-content blockquote{margin:1.8em 0; padding:4px 0 4px 22px; border-left:3px solid var(--lgp-gold); background:none}
body .lgp-content blockquote p{font-size:22px; line-height:1.45; font-weight:700; margin:0}
body .lgp-content blockquote cite{display:block; margin-top:8px; font-size:14px; font-style:normal; color:var(--lgp-muted)}
body .lgp-content table{width:100%; border-collapse:collapse; font-size:15px; margin:1.4em 0; display:block; overflow-x:auto}
body .lgp-content th, body .lgp-content td{border:1px solid var(--lgp-line); padding:10px 12px; text-align:left}
body .lgp-content th{background:var(--lgp-surface); font-weight:700}

/* Compartilhar */
.lgp .lgp-share{display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:22px 0; border-top:1px solid var(--lgp-line); border-bottom:1px solid var(--lgp-line); margin-top:34px}
.lgp .lgp-share-lbl{font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--lgp-muted); margin-right:6px}
.lgp .lgp-chip{display:inline-flex; align-items:center; gap:8px; font:600 14px/1 var(--lgp-font); padding:10px 14px; border-radius:999px; border:1px solid var(--lgp-line); background:var(--lgp-surface); color:var(--lgp-ink); cursor:pointer; text-transform:none; letter-spacing:0; transition:border-color .15s}
.lgp .lgp-chip:hover, .lgp .lgp-chip:focus{border-color:var(--lgp-gold); background:var(--lgp-surface); color:var(--lgp-ink)}
.lgp .lgp-chip svg{width:16px; height:16px; flex:none}
.lgp a:focus-visible, .lgp button:focus-visible{outline:2px solid var(--lgp-gold); outline-offset:2px}

/* Chamada */
.lgp .lgp-cta{max-width:var(--lgp-read); margin:44px auto 0; padding-inline:20px}
.lgp .lgp-cta-box{background:var(--lgp-navy); color:var(--lgp-on-navy); border-radius:14px; padding:30px 28px; display:grid; grid-template-columns:1fr auto; gap:22px; align-items:center; position:relative; overflow:hidden}
.lgp .lgp-cta-box::before{content:""; position:absolute; right:-60px; top:-60px; width:220px; height:220px; border:1px solid rgba(201,162,74,.35); border-radius:50%}
.lgp .lgp-cta-box > *{position:relative}
.lgp .lgp-cta-box h2{font-family:var(--lgp-font); color:var(--lgp-on-navy); font-size:22px; line-height:1.3; margin:6px 0; font-weight:800; text-wrap:balance}
.lgp .lgp-cta-box p{margin:0; color:var(--lgp-on-navy-muted); font-size:15px}
.lgp .lgp-btn{display:inline-flex; align-items:center; font:700 13px/1 var(--lgp-font); letter-spacing:.06em; text-transform:uppercase; padding:15px 22px; border-radius:6px; white-space:nowrap; background:var(--lgp-gold); color:var(--lgp-navy)}
.lgp .lgp-btn:hover, .lgp .lgp-btn:focus{background:#D6B263; color:var(--lgp-navy)}

/* Post anterior / próximo */
.lgp .lgp-pager{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:36px}
.lgp .lgp-pager a{display:block; padding:16px 18px; border:1px solid var(--lgp-line); border-radius:10px; background:var(--lgp-surface); min-width:0; transition:border-color .15s}
.lgp .lgp-pager a:hover{border-color:var(--lgp-gold)}
.lgp .lgp-pager small{display:block; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--lgp-gold-ink)}
.lgp .lgp-pager a span{display:block; font-weight:700; margin-top:6px; font-size:15px; line-height:1.35; color:var(--lgp-ink)}
.lgp .lgp-pager .lgp-next{text-align:right; grid-column:2}

/* Leia também */
.lgp .lgp-related{padding:64px 0 72px}
.lgp .lgp-related-head{display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; margin-bottom:24px}
.lgp .lgp-related-head .lgp-eyebrow{color:var(--lgp-gold-ink)}
.lgp .lgp-related-head h2{font-family:var(--lgp-font); color:var(--lgp-ink); font-size:28px; line-height:1.25; font-weight:800; margin:6px 0 0}
.lgp .lgp-related-head a{font-weight:700; font-size:14px; color:var(--lgp-gold-ink)}
.lgp .lgp-cards{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px}
.lgp .lgp-card{background:var(--lgp-surface); border:1px solid var(--lgp-line); border-radius:12px; overflow:hidden; display:flex; flex-direction:column; transition:border-color .15s}
.lgp .lgp-card:hover{border-color:var(--lgp-gold)}
.lgp .lgp-thumb{aspect-ratio:16/9; background:linear-gradient(135deg,#1B355E,#0A1930); position:relative; overflow:hidden}
.lgp .lgp-thumb img, .lgp .lgp-thumb .lgp-ph{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.lgp .lgp-card-body{padding:18px 20px 20px; display:flex; flex-direction:column; gap:10px; flex:1}
.lgp .lgp-cat{font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--lgp-gold-ink)}
.lgp .lgp-card h3{font-family:var(--lgp-font); color:var(--lgp-ink); font-size:17px; line-height:1.35; margin:0; font-weight:700; text-wrap:balance}
.lgp .lgp-more{margin-top:auto; font-weight:700; font-size:14px; color:var(--lgp-ink)}
.lgp .lgp-more span{color:var(--lgp-gold-ink)}

/* Espaço final do modelo automático, para a chamada não encostar no rodapé */
.lgp.lgp-page{padding-bottom:80px !important}
.lgp.lgp-page .lgp-related{padding-bottom:0}

/* Blocos usados como shortcode dentro do Elementor:
   o espaçamento externo fica por conta do Elementor */
.lgp.lgp-sc{background:transparent}
.lgp.lgp-sc .lgp-cta{margin:0 auto}
.lgp.lgp-sc .lgp-pager{margin-top:0}
.lgp.lgp-sc .lgp-related{padding:0}
.lgp.lgp-sc .lgp-share{margin-top:0}
.lgp.lgp-sc-share .lgp-read{padding-inline:0}

/* Widget "Conteúdo do post" do Elementor com a classe lgp-content */
.elementor-widget.lgp-content{max-width:var(--lgp-read); margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px}

/* Aviso "Link copiado" */
.lgp-toast{position:fixed; left:50%; bottom:24px; transform:translateX(-50%); z-index:9999; background:#0A1930; color:#fff; font:600 14px/1.3 "Manrope",system-ui,sans-serif; padding:10px 16px; border-radius:8px}

/* Celular e tablet */
@media (max-width:860px){
	.lgp .lgp-cards{grid-template-columns:1fr}
}
@media (max-width:600px){
	.lgp .lgp-cta-box{grid-template-columns:1fr}
	.lgp .lgp-pager{grid-template-columns:1fr}
	.lgp .lgp-pager .lgp-next{text-align:left; grid-column:auto}
	.lgp .lgp-pager-empty{display:none}
	body .lgp-content p{font-size:17px}
	body .lgp-content > p:first-child, body .lgp-content > .elementor-widget-container > p:first-child{font-size:18.5px}
	.lgp .lgp-cover{margin-top:-72px}
	.lgp .lgp-hero .lgp-read{padding-bottom:100px}
	.lgp .lgp-hero--flat .lgp-read{padding-bottom:44px}
}
@media (prefers-reduced-motion:reduce){
	.lgp *{transition:none !important}
}