/* Cabecera con toldo (solo home). Debe cargarse DESPUÉS de home.css */
header{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:122px max(24px,calc((100% - 1200px)/2)) 6px;min-height:0;width:100%;background:none;flex-wrap:wrap}
.awn{position:absolute;left:0;right:0;top:0;z-index:0;pointer-events:none;filter:drop-shadow(0 14px 14px rgba(0,0,0,.35))}
.awn div{height:120px;background:repeating-linear-gradient(90deg,#ff9601 0 60px,#fff 60px 120px);-webkit-mask:linear-gradient(#000,#000) 0 0/100% 90px no-repeat,radial-gradient(circle at 30px 90px,#000 29px,transparent 30px) 0 0/60px 100% repeat-x;mask:linear-gradient(#000,#000) 0 0/100% 90px no-repeat,radial-gradient(circle at 30px 90px,#000 29px,transparent 30px) 0 0/60px 100% repeat-x}
header .row-1,header .row-2{position:relative;z-index:1;width:auto;height:auto;min-height:0;background:none}
header .row-2{order:1;flex:0 0 auto}header .logo,header h1 span{white-space:nowrap}header .row-1{order:2;flex:0 0 auto}
header .main,header .container_12,header .container_12 .grid_9,header .container_12 .grid_12{float:none;width:auto;max-width:none;margin:0;padding:0;display:block}
header .row-2 .container_12{display:inline-flex;align-items:center;gap:16px;background:#fff;padding:8px 18px 9px;border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
header h1{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;margin:0;padding:0}
header .logo{font-size:24px;letter-spacing:-.02em;font-weight:700;color:#262626;line-height:1.2}
header .logo strong{color:#ff9601;font-weight:700}
header h1 span{display:inline;padding:0;font-size:12px;letter-spacing:.04em;font-weight:700;color:#262626}
header .idioma{float:none;width:auto;flex:0 0 auto;padding:0}
header .idioma img{display:block;margin:0;width:32px;height:32px}
header nav{background:#fff;border-radius:6px;box-shadow:0 8px 20px rgba(0,0,0,.35);padding:6px 10px}
header .menu{display:flex;flex-wrap:wrap;width:auto;gap:2px}
header .menu li,header .menu li:first-child{float:none;flex:0 0 auto;background:none}
header .menu li a{width:auto;padding:10px 11px;font-size:14px;font-weight:700;letter-spacing:.03em;color:#262626;background:none;border-radius:4px}
header .menu li a:hover{background:#fff3e0;color:#262626}
header .menu li a.active{background:#ff9601;color:#262626}
@media (max-width:768px){
header{flex-wrap:wrap;padding:86px 16px 6px;min-height:0;gap:12px}
.awn div{height:96px;background:repeating-linear-gradient(90deg,#ff9601 0 44px,#fff 44px 88px);-webkit-mask:linear-gradient(#000,#000) 0 0/100% 70px no-repeat,radial-gradient(circle at 22px 70px,#000 21px,transparent 22px) 0 0/44px 100% repeat-x;mask:linear-gradient(#000,#000) 0 0/100% 70px no-repeat,radial-gradient(circle at 22px 70px,#000 21px,transparent 22px) 0 0/44px 100% repeat-x}
header{padding-top:46px}
header .row-2,header .row-1{width:100%}
header .row-2 .container_12{display:flex;justify-content:space-between;padding:8px 14px}
header .logo{font-size:24px}header h1 span{font-size:12px;flex-basis:100%}
header nav{padding:0;overflow:hidden}
header .menu-toggle{background:#262626;border-radius:6px}
header .menu{display:block;background:#262626}.js header .menu{display:none}.js header .menu.open{display:block}
header .menu li a{color:#fff;font-weight:400;letter-spacing:.02em;padding:15px 16px;border-top:1px solid rgba(255,255,255,.15);border-radius:0;font-size:18px;background:none}
header .menu li a:hover,header .menu li a.active{background:#ff9601;color:#262626}
}
