.elementor-7447 .elementor-element.elementor-element-5643f22{--display:flex;}.elementor-7447 .elementor-element.elementor-element-8a1eefa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-8a1eefa *//* === MAGAZINE OLHOS LINDO === */
#magazine { 
  position: relative; 
  width: 90vw; height: 90vh; max-width:1200px; max-height:850px;
  margin:auto; border-radius:15px; box-shadow:0 25px 80px rgba(0,0,0,.4);  
  background:#fff; border:2px solid rgba(0,0,0,.1); 
  overflow:hidden; 
}
#magazine .page { 
  position:absolute; width:100%; height:100%; padding:20px; box-sizing:border-box;
  background:#fff; border-radius:15px; display:none; opacity:0; pointer-events:none;
  transition:opacity .6s ease, transform .6s ease;
  transform: translateX(50px) scale(.95); 
}
#magazine .page.active { display:block; opacity:1; pointer-events:auto; transform: translateX(0) scale(1); }
#magazine .page.prev-active { display:block; opacity:0; pointer-events:none; transform: translateX(-50px) scale(.95); }

.page-content { height:100%; overflow:hidden; display:flex; flex-direction:column; }

.visual-container { margin:12px 0; text-align:center; background:#e8efff; padding:10px; border-radius:12px; border:1px dashed #bdd4ff; }
.visual-container.background-wide {
  background-size:cover; background-position:center; background-repeat:no-repeat;
  border:none; border-radius:12px; padding:18px 10px 48px; min-height:180px;
  display:flex; align-items:flex-end; justify-content:center; position:relative; overflow:hidden;
}
.visual-container.background-wide::after {
  content:''; position:absolute; inset:0; background: rgba(255,255,255,.35); z-index:1;
}
.visual-container.background-wide .caption {
  position:absolute; bottom:8px; left:8px; right:8px; margin:0; padding:6px 9px;
  font-size:.73rem; color:#1a1a1a; background:rgba(248,250,255,.9); border:1px solid rgba(44,55,132,.2);
  border-radius:8px; text-align:center; z-index:3;
}
.visual-container img { max-width:100%; max-height:180px; object-fit:contain; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.1); position:relative; z-index:2; }

.navigation { position:fixed; bottom:25px; left:50%; transform:translateX(-50%); display:flex; gap:20px;
  z-index:20; background:rgba(255,255,255,.95); padding:12px 25px; border-radius:50px; box-shadow:0 4px 15px rgba(0,0,0,.15); }
.nav-btn { background:#2c3784; color:#fff; border:none; padding:10px 20px; border-radius:25px; cursor:pointer; }
.nav-btn:hover { background:#e2262b; }
.nav-btn:disabled { background:#ccc; cursor:not-allowed; }

.image-modal { position:fixed; inset:0; background:rgba(44,55,132,.93); display:flex; align-items:center; justify-content:center; z-index:9999; padding:30px; box-sizing:border-box; }
.image-modal.hidden { display:none; }
.image-modal img { max-width:90vw; max-height:90vh; border-radius:12px; box-shadow:0 20px 50px rgba(0,0,0,.35); }
.close-modal { position:absolute; top:20px; right:20px; width:42px; height:42px; border-radius:50%; font-size:1.6rem; background:#fff; border:2px solid #2c3784; color:#2c3784; cursor:pointer; }/* End custom CSS */