/* Base Común */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; padding: 0; font-family: Verdana, sans-serif; color: #fff; background: #4b4743; }
#o_container { width: 900px; margin: 0 auto; background: #111; min-height: 100vh; overflow: hidden; }

/* Header con Logo que abarca todo el ancho negro */
#o_header { width: 100%; height: 180px; background: #000; display: flex; justify-content: center; align-items: center; }
#o_header img { width: 100%; height: 100%; object-fit: contain; display: block; }

/* Menú de Madera */
#o_menu { width: 100%; height: 45px; background: url('images/templatemo_menu_bg.jpg') repeat-x !important; border-bottom: 2px solid #e6e154; }
#o_menu ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; }
#o_menu ul li a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 13px 20px; display: block; }
#o_menu ul li a:hover, #o_menu ul li a.current { color: #e6e154; background: rgba(0,0,0,0.4); }

#o_footer { width: 100%; padding: 20px; text-align: center; border-top: 1px solid #333; font-size: 11px; }