/*
Theme Name: Leggiero
Theme URI: https://example.com/leggiero
Author: You
Description: Ultra-light shell theme: header + menu + 1250px two-column wrapper + optional sidebar. DIV-only layout.
Version: 1.0.4
Text Domain: leggiero
*/

:root{
  --maxw:1250px;
  --gap:2.5em;
  --header-bg:#657f9b;
  --footer-bg:#adadad;
  --body-bg:#e9e9e9;
  --negro-claro: #4f4f4f;
}

/* Reset-ish */
*{box-sizing:border-box;}
html,body{margin:0; padding:0;}
img{max-width:100%; height:auto; display:block;}

body.leggiero {font-size: 14px; line-height: 1.5; color: var(--negro-claro); background: var(--body-bg); font-family: Arial,sans-serif;}
a{ color: #666; text-decoration:none;}
a:hover {color: var(--rojo)!important; text-decoration: none; border-bottom: 1px dotted var(--rojo);} 

/* Header */
.header-wrap{width:100%; background:var(--header-bg); color:#fff; padding: 0;}
.header-inner{max-width:var(--maxw); margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; padding: 5px 0 5px 24px; height:100px;}
.header-left{display:flex; flex-direction:column; max-width:250px;}
.header-left .site-title{margin:0; font-size:24px; line-height:1.2; color:#fff; text-decoration:none;}
.header-left .logline{margin:10px 0 0 0; color:#fff; font-size:14px; opacity:.55;}
.header-right{flex:1 1 auto;}
@media (max-width: 1024px){
  .header-right{display: none;}
}
/* Nav */
.nav-wrap{width:100%; background:#b8b8b8; border-top:1px solid #c5c5c5; box-shadow:0 2px 5px rgba(0,0,0,.15); margin: 0 0 1.5em 0;}
.nav-inner{max-width:var(--maxw); margin:0 auto;padding: 14px 26px; display:flex; align-items:center; justify-content:space-between; gap:12px;}
.nav-inner .menu{list-style:none; margin:0; padding:0; display:flex; gap:16px; flex-wrap:wrap;}
.nav-inner .menu a{color:#111; text-decoration:none;}
.nav-inner a:hover{text-decoration:underline}
.nav-inner .menu li{margin:0; padding:0;}

/* Main */
.main-wrap{max-width:var(--maxw); margin:1em auto; padding:16px; display:flex; gap:var(--gap); align-items:flex-start; background: #f8f8f8;}
.main-wrap h3 {color: var(--negro);clear: both;text-transform: uppercase !important;margin: 0 !important; padding: 1em 0 1em 0; font: normal normal 1em Impact, Arial, Helvetica, sans-serif !important;}
.left-wrap{flex:0 1 70%; background:#fff; padding:1.75em; margin:0 0 2em 0; min-width:0;}
.right-wrap{flex:0 1 28%; margin:0;}
.widget { background: #f8f8f8; padding: 0; margin: 0 0 20px 0; }
.widget ul { list-style: none; padding: 12px 16px;}
.widget-title { background: #ddd; margin: 0; padding: 12px!important; }
/* hide sidebar via theme setting */
body.no-sidebar .right-wrap{display:none;}
body.no-sidebar .left-wrap{flex-basis:100%;}

/* Footer */
.footer-wrap{width:100%; background:var(--footer-bg); margin-top:32px;}
.footer-inner{max-width:var(--maxw); margin:0 auto; padding:24px 16px; color:#222; text-align: center;}
    

/* Responsive */
@media (max-width: 900px){
  .header-inner{flex-direction:column; align-items:flex-start; justify-content: center;}
  .header-right{width:100%;}
  .nav-inner{flex-direction:column; align-items:flex-start; gap:8px;}
  .main-wrap{flex-direction:column;}
  .left-wrap,.right-wrap{flex-basis:100%;}
}