/*
Theme Name: Defensas en Juicio (Divi child)
Template: Divi
Description: Tema hijo de Divi 4 para Defensas en Juicio: encabezado, pie, ventana de agenda, sentencias y estilos del sitio.
Version: 2.5.1
Text Domain: defensas
*/
/* v2.5.1: estilos del encabezado, pie, ventana de agenda y aviso de cookies (antes en línea).
   Llevan !important para conservar la misma prioridad que tenían como atributo style. */
.dej-u1{background:#ffffff!important;position:sticky!important;top:0!important;z-index:5!important;flex-wrap:nowrap!important;justify-content:space-evenly!important;gap:20px!important;padding-inline:clamp(20px,5vw,72px)!important;align-items:center!important}
.dej-u2{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;color:var(--color-text)!important}
.dej-u3{display:flex!important;align-items:center!important;gap:var(--space-6)!important;font-size:16px!important}
.dej-u4{position:relative!important}
.dej-u5{list-style:none!important;cursor:pointer!important;font-size:16px!important;display:flex!important;align-items:center!important;gap:6px!important;color:var(--color-text)!important}
.dej-u6{flex:none!important}
.dej-u7{position:absolute!important;top:calc(100% + 14px)!important;left:-16px!important;min-width:290px!important;display:grid!important;gap:2px!important;padding:8px!important;background:#ffffff!important;z-index:10!important}
.dej-u8{display:flex!important;flex-direction:column!important;gap:2px!important;padding:10px 12px!important;color:var(--color-text)!important;text-decoration:none!important;border-radius:var(--radius-sm)!important}
.dej-u9{font-weight:600!important}
.dej-u10{font-size:14px!important;line-height:1.4!important;color:color-mix(in srgb,var(--color-text) 72%,transparent)!important}
.dej-u11{color:var(--color-text)!important;text-decoration:none!important;font-size:16px!important}
.dej-u12{text-decoration:none!important;color:var(--color-bg)!important;white-space:nowrap!important;flex:none!important;font:inherit!important;font-weight:600!important;cursor:pointer!important;border:0!important}
.dej-u13{list-style:none!important;cursor:pointer!important;min-width:44px!important;min-height:44px!important;color:var(--color-text)!important}
.dej-u14{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.dej-u15{position:absolute!important;left:0!important;right:0!important;top:100%!important;background:#ffffff!important;box-shadow:var(--shadow-md)!important;padding:8px clamp(20px,5vw,72px) 24px!important;max-height:calc(100dvh - 72px)!important;overflow-y:auto!important}
.dej-u16{display:block!important;padding:16px 4px 4px!important;font-size:13px!important;letter-spacing:0.12em!important;text-transform:uppercase!important;color:var(--color-accent-700)!important}
.dej-u17{display:block!important;padding:12px 4px!important;font-size:17px!important;color:var(--color-text)!important;text-decoration:none!important}
.dej-u18{display:block!important;padding:12px 4px!important;font-size:17px!important;color:var(--color-text)!important;text-decoration:none!important;margin-top:8px!important}
.dej-u19{background:#ffffff!important;margin-top:72px!important;padding:0 clamp(20px,5vw,72px)!important}
.dej-u20{max-width:1200px!important;margin:0 auto!important}
.dej-u21{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))!important;gap:40px clamp(28px,4vw,48px)!important;padding:64px 0 48px!important}
.dej-u22{display:flex!important;flex-direction:column!important;gap:18px!important;align-items:flex-start!important;grid-column:span 2!important;max-width:360px!important}
.dej-u23{display:block!important}
.dej-u24{margin:0!important;font-size:15.5px!important;line-height:1.6!important}
.dej-u25{min-height:44px!important;font-weight:600!important;text-decoration:none!important}
.dej-u26{display:block!important;font-family:var(--font-heading)!important;font-weight:600!important;font-size:16px!important;line-height:1.4!important;margin:0 0 14px!important}
.dej-u27{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:10px!important;font-size:15.5px!important;line-height:1.45!important}
.dej-u28{color:var(--color-text)!important;text-decoration:none!important}
.dej-u29{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:12px 40px!important;padding:24px 0 40px!important;border-top:1px solid var(--color-neutral-200)!important;font-size:14px!important;line-height:1.6!important;color:color-mix(in srgb,var(--color-text) 72%,transparent)!important}
.dej-u30{margin:0!important;max-width:64ch!important}
.dej-u31{margin:0!important;display:flex!important;flex-wrap:wrap!important;gap:4px 20px!important;align-items:flex-start!important}
.dej-u32{position:fixed!important;left:16px!important;bottom:16px!important;z-index:9000!important;width:min(760px,calc(100vw - 32px))!important;box-sizing:border-box!important;background:#ffffff!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 16px!important;padding:12px 16px!important}
.dej-u33{margin:0!important;flex:1 1 300px!important;font-size:14px!important;line-height:1.45!important}
.dej-u34{display:flex!important;gap:8px!important;flex:0 0 auto!important}
.dej-u35{min-height:40px!important;min-width:104px!important;font:inherit!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important}
.dej-u36{z-index:50!important;overflow-y:auto!important}
.dej-u37{width:min(640px,100%)!important;max-height:calc(100dvh - 2*var(--space-4))!important;overflow-y:auto!important;box-sizing:border-box!important;padding:clamp(20px,4vw,36px)!important;gap:0!important;background:var(--color-bg)!important}
.dej-u38{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important}
.dej-u39{display:block!important;font-size:15px!important;letter-spacing:0.16em!important;text-transform:uppercase!important;color:var(--color-accent-700)!important}
.dej-u40{display:block!important;width:64px!important;height:3px!important;background:var(--color-accent)!important;margin:16px 0 20px!important}
.dej-u41{margin:0 0 6px!important;font-size:16px!important;font-weight:600!important;color:var(--color-accent-700)!important}
.dej-u42{font-family:var(--font-heading)!important;font-weight:600!important;font-size:clamp(24px,3vw,30px)!important;line-height:1.2!important;margin:0!important}
.dej-u43{font:inherit!important;font-size:24px!important;line-height:1!important;min-width:44px!important;min-height:44px!important;cursor:pointer!important}
.dej-u44{margin:16px 0 0!important;font-size:15.5px!important;line-height:1.6!important;max-width:56ch!important}
.dej-u45{margin:12px 0 0!important;font-size:15.5px!important;line-height:1.6!important;max-width:56ch!important}
.dej-u46{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;gap:20px!important;margin-top:28px!important}
.dej-u47{display:contents!important}
.dej-u48{display:flex!important;flex-direction:column!important;gap:4px!important}
.dej-u49{font-family:var(--font-heading)!important;font-weight:600!important;font-size:19px!important;line-height:1.3!important}
.dej-u50{font-size:14.5px!important;line-height:1.4!important;color:color-mix(in srgb,var(--color-text) 75%,transparent)!important}
.dej-u51{min-height:44px!important}
.dej-u52{display:block!important;height:40px!important;width:auto!important}
.dej-u53{margin:16px 0 0!important;font-size:15px!important;line-height:1.6!important;max-width:56ch!important}
.dej-u54{text-decoration:none!important;color:var(--color-text)!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:16px!important}
.dej-u55{width:100%!important;height:clamp(110px,22vh,160px)!important;object-fit:cover!important;object-position:50% 20%!important;display:block!important;border-radius:var(--radius-sm)!important}

body,#page-container,#et-main-area,#main-content{background:var(--color-bg)!important}
body{color:var(--color-text);font-family:var(--font-body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-wrap:pretty}
body,h1,h2,h3,h4,h5,h6,input,button,select,textarea{font-family:var(--font-body)}
.dej-main,.dej-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,5vw,72px);box-sizing:border-box}
.dej-main h1,.dej-main h2,.dej-main h3,.dej-main h4,.dej-wrap h3{color:inherit;padding-bottom:0}
.dej-main p,.dej-wrap p,#dej-agenda p{padding-bottom:0}
.dej-main ul,.dej-main ol{padding-bottom:0}
a{color:var(--color-accent-700);text-underline-offset:3px}
a:hover{color:var(--color-accent-800)}
.btn-primary,.btn-primary:hover,.btn-primary:active{background:var(--color-accent)!important;color:var(--color-bg)!important}
summary{cursor:pointer}
nav.nav{position:sticky;top:0;z-index:50;background:#ffffff!important}
.admin-bar nav.nav{top:32px}
@media (max-width:782px){.admin-bar nav.nav{top:46px}}
@media (max-width:1000px){[data-nav-links]{display:none!important}}
#dej-agenda[hidden],[hidden]{display:none!important}
#dej-agenda .dialog-backdrop{position:fixed;inset:0;z-index:9999}
body:not(.logged-in) .dej-borrador{display:none!important}
summary::-webkit-details-marker{display:none}
.dej-menu-item:hover{background:var(--color-accent-100)}
@media (min-width:1001px){[data-nav-mobile]{display:none !important}}
@media (max-width:1000px){nav.nav{justify-content:space-between !important;gap:12px !important}nav.nav > .btn-primary{margin-left:auto !important}}
@media (max-width:520px){nav.nav img{height:30px !important}nav.nav > .btn-primary{font-size:14px !important;padding:8px 12px !important}}

/* Quitar el espacio que Divi reserva para su propio encabezado */
#page-container,.et_fixed_nav #page-container,.et_non_fixed_nav #page-container{padding-top:0!important;margin-top:0!important}
#et-main-area{padding-top:0!important;margin-top:0!important}
#main-header,#top-header,.et-l--header{display:none!important}
body.et_fixed_nav,body.et_vertical_nav{padding-top:0!important}

/* v2.2.0: sin barra lateral en ninguna plantilla */
#sidebar,.et_pb_widget_area,#main-content .container:before{display:none!important}
#left-area{width:100%!important;padding-right:0!important}

/* v2.2.1: que ningún contenedor de Divi angoste el contenido (causa del reloj y las guías bajo el texto) */
.et_boxed_layout #page-container{max-width:none!important;box-shadow:none!important}
#page-container,#et-main-area,#main-content,.dej-main{background:var(--color-bg)!important}
.dej-main{width:100%!important;max-width:1200px!important;margin:0 auto!important}
.dej-main .container,.dej-main #content-area,.dej-main #left-area,.dej-main .entry-content,
.dej-main #et-boc,.dej-main .et-l,.dej-main .et_builder_inner_content,
.dej-main .et_pb_section,.dej-main .et_pb_row,.dej-main .et_pb_column,.dej-main .et_pb_code,.dej-main .et_pb_code_inner{
	width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;background:transparent!important;float:none!important}
.dej-main .et_pb_section,.dej-main .et_pb_row{padding-top:0!important;padding-bottom:0!important}
.dej-main .container:before{display:none!important}

/* v2.3.0: aviso de cookies */
#dej-cookies[hidden]{display:none!important}
#dej-cookies .btn{justify-content:center}
@media (max-width:600px){#dej-cookies{left:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;padding:10px 12px!important}#dej-cookies p{flex-basis:100%!important;font-size:13.5px!important}#dej-cookies>div{width:100%}#dej-cookies .btn{flex:1}}

/* v2.3.1: devolver a las tarjetas su fondo y relleno, y a las listas sus viñetas (Divi las quita) */
.dej-main .card,.dej-wrap .card,#dej-agenda .card{background:var(--color-surface)!important;border-radius:var(--radius-md)}
.dej-main ul:not([style*="list-style:none"]):not([style*="list-style: none"]){list-style:disc!important}
.dej-main ol:not([style*="list-style:none"]):not([style*="list-style: none"]){list-style:decimal!important}

/* v2.4.0 */
.dej-agenda-info[hidden]{display:none!important}
.dej-agenda-info p{margin:0 0 8px;padding:0}
.dej-perfil-texto p{margin:0 0 14px;padding:0}
.dej-perfil-texto h2{font-family:var(--font-heading);font-size:22px;margin:24px 0 10px;padding:0}

/* v2.5.0: biblioteca de sentencias */
.dej-bib-item[hidden],.dej-filtros[hidden],.dej-bib-vacio[hidden]{display:none!important}
.dej-bib-item h2 a:hover{color:var(--color-accent-700)!important}