@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Inter:wght@400;500&display=swap");
/* Estilo Derecho Nobiliario (septiembre 2026) para el buscador BOE: se carga aparte de mediaYmenu.css para que no dependa de la cache de ese fichero. */
/* =====================================================================
   NUEVO ESTILO (septiembre 2026) - Derecho Nobiliario
   Solo estilo. No se ha modificado ningun HTML, JS ni imagen de la web.
   ===================================================================== */
:root{--burdeos:#7a1f2b;--burdeos-osc:#4a1119;--enlace:#8a2232;--oro:#b8924a;--oro-cl:#e6d3a3;--crema:#f6f1e7;--tinta:#25211d;--gris:#6b635a}
html{background:radial-gradient(ellipse at top,#efe7d6 0%,#e4d9c2 100%) fixed!important}
body{background:transparent!important;color:var(--tinta)!important;-webkit-font-smoothing:antialiased;margin:0!important;width:100%!important;max-width:none!important}
#contenedor{max-width:1280px!important;width:auto!important;margin:0 auto 40px!important;padding-bottom:0!important;background:#fffdf8!important;border:1px solid var(--oro-cl)!important;border-top:0!important;box-shadow:0 18px 50px rgba(74,17,25,.18),0 2px 6px rgba(0,0,0,.08)!important;border-radius:0 0 4px 4px;overflow:visible!important}

/* ---- Cabecera ---- */
#contenedor header.cabecera{background:none!important;border:0!important;padding:0!important;height:auto!important;box-shadow:none!important}
#contenedor #letrasbanner{background:linear-gradient(180deg,var(--burdeos-osc) 0%,var(--burdeos) 100%)!important;border-bottom:3px solid var(--oro)!important;padding:16px 20px 12px!important;height:auto!important;min-height:0!important;margin:0!important;box-sizing:border-box;text-align:center}
#contenedor #letrasbanner img.nuevoLogo{display:block!important;margin:0 auto!important;width:98px!important;height:54px!important;max-width:none!important;object-fit:fill;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
#contenedor #letrasbanner h1,#contenedor #letrasbanner p:not(.subtitulo){font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:700!important;font-size:46px!important;letter-spacing:.14em!important;color:#f9f0da!important;text-shadow:0 1px 0 rgba(20,0,4,.6),0 2px 4px rgba(0,0,0,.35)!important;margin:0!important;padding:0!important;line-height:1.05!important;position:static!important}
#contenedor #letrasbanner .subtitulo{font-family:'EB Garamond',Georgia,serif!important;font-style:italic;font-size:18px!important;line-height:1.2!important;letter-spacing:.08em;color:var(--oro-cl)!important;margin:1px 0 0!important;padding:0!important;position:static!important}
#contenedor #lineaBaja,#contenedor #sombra{display:none!important}

/* ---- Menu ---- */
#contenedor nav.topnav{background:#2b0b10!important;border-bottom:1px solid var(--oro)!important;padding:0!important;margin:0!important;box-shadow:0 6px 14px rgba(74,17,25,.18)!important}
#contenedor nav.topnav>ul{background:none!important;height:auto!important;margin:0!important;padding:0!important}
#contenedor nav.topnav a{font-family:Inter,Arial,sans-serif!important;font-size:12.5px!important;letter-spacing:.05em;color:#f3e9d2!important;background:transparent;transition:color .2s,box-shadow .2s,background .2s}
#contenedor nav.topnav a [class^=icon-]{color:var(--oro)!important;margin-right:6px}
#contenedor nav.topnav .caret{display:none!important}
#contenedor nav.topnav a.desplegable::after{content:'';display:inline-block;margin-left:8px;border:4px solid transparent;border-top:5px solid var(--oro);border-bottom:0;vertical-align:middle}
#contenedor nav.topnav ul ul{background:#2b0b10!important;border:1px solid var(--oro)!important;border-top:none!important;box-shadow:0 14px 28px rgba(0,0,0,.35)!important;min-width:340px;box-sizing:border-box}
#contenedor nav.topnav ul ul li{display:block!important;width:auto!important;float:none!important}
#contenedor nav.topnav ul ul a{display:block!important;text-transform:none!important;letter-spacing:.01em;font-size:13.5px!important;line-height:1.4!important;padding:11px 20px!important;white-space:normal;border-bottom:1px solid rgba(184,146,74,.18);text-align:center!important}
#contenedor nav.topnav ul ul li:last-child a{border-bottom:0}
#contenedor nav.topnav ul ul a [class^=icon-]{display:none!important}
#contenedor nav.topnav ul ul a span:not([class^=icon-]){display:block!important;float:none!important;position:static!important;width:auto!important;margin:1px 0 0!important;padding:0!important;text-align:center!important;color:var(--oro-cl)!important;line-height:1.2!important;text-transform:none!important;letter-spacing:.02em!important;font-size:12px!important}
#contenedor nav.topnav li,#contenedor nav.topnav li:hover{background:transparent!important}
@media (min-width:501px){
#contenedor nav.topnav>ul{display:flex!important;flex-wrap:wrap!important;justify-content:center}
#contenedor nav.topnav>ul>li>a{white-space:nowrap;padding:15px 16px!important;text-transform:uppercase}
}
#contenedor nav.topnav>ul>li>a:focus,#contenedor nav.topnav>ul>li>a:active,#contenedor nav.topnav>ul>li.primerli>a{background:transparent!important;outline:0}
#contenedor nav.topnav>ul>li>a:hover,#contenedor nav.topnav>ul>li:hover>a{color:#fff!important;box-shadow:inset 0 -3px 0 var(--oro)!important;background:rgba(255,255,255,.08)!important}
#contenedor nav.topnav ul ul a:hover{background:var(--burdeos)!important;color:#fff!important;box-shadow:none!important}

/* ---- Contenido (todas las paginas) ---- */
#contenedor article{font-family:'EB Garamond',Georgia,'Times New Roman',serif!important;font-size:20px!important;line-height:1.75!important;color:var(--tinta);max-width:1040px;margin-left:auto!important;margin-right:auto!important;padding:44px 40px 30px!important;box-shadow:none!important;border:0!important;-webkit-hyphens:auto;hyphens:auto}
#contenedor article p{font-size:1em;line-height:inherit}
#contenedor article #articleCentro ul li{line-height:inherit!important}
#contenedor article h1,#contenedor article h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:700!important;font-size:34px!important;line-height:1.2!important;color:var(--burdeos)!important;margin:0 0 22px!important;padding:0 0 14px!important;border-bottom:2px solid var(--oro)!important;text-align:left;-webkit-hyphens:none;hyphens:none}
#contenedor article h1 *,#contenedor article h2 *{font:inherit!important;letter-spacing:inherit!important;color:var(--burdeos)!important;-webkit-text-fill-color:var(--burdeos)!important;border:0!important;background:none!important;text-decoration:none!important}
#contenedor article h3,#contenedor article h4,#contenedor article h5,#contenedor article h6{font-family:'Cormorant Garamond',Georgia,serif;color:var(--burdeos)}
#contenedor article a{color:var(--enlace)!important;font-weight:500;text-decoration:none!important;border-bottom:1px solid transparent!important;transition:background .2s,color .2s,border-color .2s}
#contenedor article a:hover{background:rgba(184,146,74,.18)!important;color:var(--burdeos-osc)!important;border-bottom-color:var(--oro)!important}
#contenedor article h1 a,#contenedor article h1 a:hover,#contenedor article h2 a,#contenedor article h2 a:hover{color:var(--burdeos)!important;-webkit-text-fill-color:var(--burdeos)!important;background:none!important;border:0!important;font-weight:inherit!important}
#contenedor article hr{border:0;border-top:1px solid var(--oro-cl);margin:18px 0}
#contenedor article .explicativo{color:#6b4f1d;font-size:.85em}
#contenedor article .enlaceAoriginal{color:#6b4f1d;background:var(--crema);border-left:3px solid var(--oro);font-size:.85em}

/* ---- Solo portada: sello y parrafos ---- */
#contenedor article img[src*="privilegio"]{float:left;width:370px!important;height:auto!important;max-width:none!important;margin:8px 38px 16px 0!important;border-radius:0!important;box-shadow:none!important;background:none!important;filter:drop-shadow(0 10px 14px rgba(74,17,25,.38))!important;shape-outside:none}
#contenedor article:has(img[src*="privilegio"]) ul{list-style:none!important;margin:0!important;padding:0!important}
#contenedor article:has(img[src*="privilegio"]) ul>li{list-style:none!important;padding:0!important;margin:0 0 20px!important;border:0!important;overflow:visible!important}
#contenedor article:has(img[src*="privilegio"]) ul>li::before{display:none!important}
#contenedor article:has(img[src*="privilegio"]) ul>li:last-child{margin-top:26px!important;clear:both;padding:16px 22px!important;background:var(--crema);border-left:4px solid var(--oro)!important;border-radius:0 4px 4px 0;font-style:italic}

/* ---- Pie ---- */
#contenedor footer{margin:0!important;background:var(--crema)!important;border-top:3px double var(--oro)!important;padding:12px 30px 26px!important;font-family:Inter,Arial,sans-serif!important;font-size:13px!important;line-height:1.9!important;color:var(--gris)!important;text-align:center;border-radius:0 0 3px 3px}
#contenedor footer a{color:var(--enlace)!important;text-decoration:none!important;border-bottom:1px solid transparent}
#contenedor footer a:hover{color:var(--burdeos-osc)!important;border-bottom-color:var(--oro)}
#contenedor footer #lineaFooter{margin:0 auto 8px!important;padding:0!important;height:0!important}
#contenedor footer>p,#contenedor footer>p *{font-family:'EB Garamond',Garamond,Baskerville,'Baskerville Old Face','Times New Roman',serif!important;font-size:15.5px!important;font-weight:400!important;letter-spacing:.02em}
#contenedor footer #contenedorVinculos p a,#contenedor footer #contenedorVinculos p a:visited,#contenedor footer #contenedorVinculos p a:active,#contenedor footer>p a,#contenedor footer>p a:visited,#contenedor footer>p a:active,#contenedor footer>p a[href^="tel:"]{color:var(--enlace)!important;-webkit-text-fill-color:var(--enlace)!important}
#contenedor footer #contenedorVinculos p a:hover,#contenedor footer>p a:hover{color:var(--burdeos-osc)!important;-webkit-text-fill-color:var(--burdeos-osc)!important}

/* ---- Escritorio ---- */
@media (min-width:501px){
#contenedor article{margin-top:0!important}
}

/* ---- Movil ---- */
@media (max-width:500px){
#contenedor{border-left:0!important;border-right:0!important;border-radius:0!important;margin-bottom:0!important}
#contenedor #letrasbanner{height:107px!important;padding:8px 14px 0!important;overflow:hidden}
#contenedor #letrasbanner img.nuevoLogo{width:73px!important;height:40px!important}
#contenedor #letrasbanner h1,#contenedor #letrasbanner p:not(.subtitulo){font-size:24px!important;letter-spacing:.06em!important}
#contenedor #letrasbanner .subtitulo{font-size:14px!important}
#contenedor header.cabecera .menu_bar{background:#2b0b10!important;border-bottom:1px solid var(--oro);box-sizing:border-box}
#contenedor .menu_bar .bt-menu,#contenedor .menu_bar .bt-menu span{color:var(--oro)!important}
#contenedor nav.topnav{height:auto!important;max-height:calc(100vh - 135px)!important;overflow-y:auto!important;overflow-x:hidden!important;border-bottom:1px solid var(--oro)!important;padding-bottom:6px!important;box-sizing:border-box}
#contenedor nav.topnav>ul{height:auto!important;max-height:none!important;padding-bottom:0!important}
#contenedor nav.topnav>ul>li>a{display:block!important;white-space:normal;text-transform:none;font-size:14px!important;padding:13px 18px!important;text-align:left;border-top:1px solid rgba(184,146,74,.2)}
#contenedor nav.topnav>ul>li>a:hover{background:var(--burdeos)!important}
#contenedor nav.topnav ul ul{min-width:0;width:100%!important;position:static!important;box-shadow:none!important;border:0!important;background:#1f070b!important}
#contenedor nav.topnav ul ul a{padding:11px 18px 11px 34px!important;text-align:left!important}
#contenedor nav.topnav ul ul a span:not([class^=icon-]){text-align:left!important}
#contenedor article{font-size:18px!important;padding:24px 20px 20px!important;margin-top:125px!important}
#contenedor article h1,#contenedor article h2{font-size:26px!important}
#contenedor article img[src*="privilegio"]{float:none!important;display:block;width:312px!important;max-width:100%!important;margin:6px auto 20px!important;shape-outside:none}
#contenedor footer{padding:12px 14px 22px!important}
}

/* ---- Pantallas grandes (ampliado 19-sep-2026): mas ancho y letra algo mayor ---- */
@media (min-width:1600px){
#contenedor{max-width:1480px!important}
#contenedor article{max-width:1180px;font-size:22px!important;padding-left:56px!important;padding-right:56px!important}
}

/* ---- Pie (19-sep-2026): sin linea sobre los enlaces; linea bajo los enlaces = ancho exacto del copyright; tipografia de enlaces ---- */
#contenedor footer #lineaFooter{display:none!important}
#contenedor footer>p:nth-of-type(1){display:table;margin:16px auto 0!important;padding-top:10px;border-top:1px solid #cdc4b2}
#contenedor footer #contenedorVinculos p,#contenedor footer #contenedorVinculos p a{font-family:'EB Garamond',Garamond,Baskerville,'Baskerville Old Face','Times New Roman',serif!important;font-size:15.5px!important;font-weight:400!important;letter-spacing:.02em}

/* ---- Listas de enlaces (Legislacion, Articulos): punto rojizo apagado que se enciende al pasar/seleccionar (19-sep-2026) ---- */
#contenedor article .ListaDeLinks ul>li{list-style:none!important}
#contenedor article .ListaDeLinks ul>li:hover,#contenedor article .ListaDeLinks ul>li:focus-within{color:inherit!important}
#contenedor article .ListaDeLinks ul>li::before{content:'';display:inline-block;width:8px;height:8px;margin:0 13px 0 8px;border-radius:50%;background:#a4666c;vertical-align:middle;position:relative;top:-1px;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
#contenedor article .ListaDeLinks ul>li:hover::before,#contenedor article .ListaDeLinks ul>li:focus-within::before{background:#e0364c;box-shadow:0 0 5px 1px rgba(224,54,76,.85),0 0 12px 3px rgba(224,54,76,.4);transform:scale(1.2)}

/* ---- Textos con color azul antiguo (<font color="#7386BF">, p. ej. [BOE: ...] y [Entrada en vigor: ...]) -> vino del tema ---- */
#contenedor article font[color="#7386bf" i]{color:var(--burdeos)!important;-webkit-text-fill-color:var(--burdeos)!important}


/* =====================================================================
   BOE (buscador Blazor) - ajustes propios del buscador
   El estilo general (cabecera, menu, contenido, pie) es el de la web principal.
   ===================================================================== */
/* El "body" de esta aplicacion es #home: sin el 92% ni el margen superior heredados, y sin el relleno lateral de Blazor */
html body#home{width:100%!important;max-width:none!important;margin:0!important}
html body#home .page main article.content.px-4{padding:0!important}
html body#home,html body#home .page main article.content{background:transparent!important}
#contenedor header.cabecera{margin-top:0!important}
@media (max-width:500px){#contenedor header.cabecera{top:0!important}#contenedor #letrasbanner img.nuevoLogo{width:78px!important;height:52px!important}#contenedor #letrasbanner{height:119px!important}#contenedor article{margin-top:137px!important}#contenedor nav.topnav{max-height:calc(100vh - 147px)!important;box-shadow:none!important}#contenedor nav.topnav>ul>li{border-bottom:0!important}}

/* Logo: el nuevo templo (el <img> de esta aplicacion apunta a logo.png; se sustituye por CSS) */
#contenedor #letrasbanner img.nuevoLogo{width:114px!important;height:76px!important;object-fit:contain!important;object-position:-999px 0;background:url(../imagenes/logo-cabecera.svg?v=2) center/contain no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))!important}

/* Lupa: sin recuadro blanco sobre el fondo crema */
#contenedor article #articleCentro>img{mix-blend-mode:multiply;margin-top:4px;width:44px!important;height:45px!important;object-fit:contain;object-position:-9999px 0;background:url(../imagenes/lupa-vino.png?v=1) center/contain no-repeat}

/* Titulo de la busqueda */
#contenedor article #articleCentro h3{font-size:27px!important;font-weight:600!important;margin:0 0 6px!important;padding:10px 0!important}

/* Caja de busqueda */
#contenedor article .search-container{max-width:560px;margin:22px auto 10px;box-shadow:0 8px 22px rgba(74,17,25,.14);border-radius:3px}
#contenedor article .search-input{min-width:0;flex:1 1 auto;border:2px solid var(--burdeos)!important;border-right:0!important;border-radius:3px 0 0 3px!important;padding:14px 18px!important;font:400 20px/1.2 'EB Garamond',Georgia,serif!important;color:var(--tinta)!important;background:#fff!important;transition:border-color .2s,box-shadow .2s}
#contenedor article .search-input::placeholder{color:#9a8f80;font-style:italic}
#contenedor article .search-input:focus{border-color:var(--burdeos-osc)!important;box-shadow:0 0 0 3px rgba(122,31,43,.18)!important}
#contenedor article .search-button{flex:0 0 auto;white-space:nowrap;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal;align-self:stretch;padding:0 30px!important;background:var(--burdeos)!important;color:#f9f0da!important;border:2px solid var(--burdeos)!important;border-radius:0 3px 3px 0!important;font:500 12.5px/1 Inter,Arial,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,box-shadow .2s}
#contenedor article .search-button:hover{background:var(--burdeos-osc)!important;box-shadow:inset 0 -3px 0 var(--oro)}
#contenedor article .search-button:active{background:#2b0b10!important}
#contenedor article .search-button:focus-visible{outline:2px solid var(--oro);outline-offset:2px}

/* Resultados (llevan estilos en linea: se sustituyen con !important) */
#contenedor article #articleCentro h2{font-size:30px!important;margin:8px 0 6px!important}
#contenedor article #articleCentro a[style*="1a0dab"]{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:26px!important;font-weight:700!important;line-height:1.3!important;color:var(--enlace)!important}
#contenedor article #articleCentro a[style*="1a0dab"]:hover{color:var(--burdeos-osc)!important}
#contenedor article #articleCentro [style*="#333"]{color:var(--tinta)!important;font-size:1em!important;line-height:1.6!important}
#contenedor article #articleCentro hr{width:100%!important;border:0!important;border-top:1px solid var(--oro-cl)!important;margin:8px 0 26px!important}

/* Pie: se oculta la linea de guiones bajos del texto (el texto se hace transparente y el separador "|" se dibuja por CSS) */
#contenedor footer #contenedorVinculos p{color:transparent!important;-webkit-text-fill-color:transparent;line-height:29px!important;margin:0 0 -29px!important}
#contenedor footer #contenedorVinculos p a{position:relative}
#contenedor footer #contenedorVinculos p a:not(:has(+br))::after{content:'|';position:absolute;left:100%;margin-left:.27em;color:var(--gris);-webkit-text-fill-color:var(--gris)}
@media (max-width:500px){
#contenedor article .search-container{max-width:none}
#contenedor article .search-button{padding:0 20px!important}
#contenedor article #articleCentro h2{font-size:24px!important}
#contenedor article #articleCentro a[style*="1a0dab"]{font-size:22px!important}
}
@media (max-width:500px){#contenedor #letrasbanner img.nuevoLogo{width:78px!important;height:52px!important}}

/* ---- TEMPLO-BAJO (19-sep-2026): templo de la cabecera un 13 % mas bajo, mismo ancho.
   PARA REVERTIR: borrar este bloque entero (hasta "TEMPLO-BAJO (fin)"), o poner --templo-k:1.
   Ajuste: 0.87 = 13 % mas bajo; 0.80 = 20 %; 0.93 = 7 %.
   Copia del archivo original: OneDrive, carpeta _templo-bajo-2026-09-19, boe-estilo-nobiliario.css.bak-2026-09-19 ---- */
:root{--templo-k:.87}
#contenedor #letrasbanner img.nuevoLogo{transform:scaleY(var(--templo-k))!important;transform-origin:50% 0!important;margin-bottom:calc(-76px * (1 - var(--templo-k)))!important}
@media (max-width:500px){#contenedor #letrasbanner img.nuevoLogo{transform-origin:50% 50%!important;margin-bottom:0!important}}
/* ---- TEMPLO-BAJO (fin) ---- */