/* *{
    box-sizing: border-box;
}*/

/* -----------------------------------------------------------------
   Nuestras plantillas (Template Name propio) llaman directamente a
   get_header() / get_footer(), sin pasar por el page.php interno de
   GeneratePress. Eso significa que el wrapper que normalmente centra
   y limita el ancho del contenido (content-area / grid-container) no
   llega a imprimirse, y #content se queda a ancho fijo/no centrado
   según el tema. Lo neutralizamos aquí y dejamos que sea .da-shell,
   dentro de cada plantilla, quien controle el ancho máximo real.
   ----------------------------------------------------------------- */
#content.site-content{
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

html {
    box-sizing: border-box;
}

/* -----------------------------------------------------------------
   Variables de color compartidas por todas las plantillas de Datos
   Abiertos (Home, Catálogo, Ficha, etc.). Los CSS específicos de cada
   plantilla (DA_home.css, DA_catalogo.css...) las reutilizan.
   ----------------------------------------------------------------- */
:root{
    --da-blue-dark:  #1F5C7A;
    --da-blue:       #2480AF;
    --da-blue-mid:   #336699;
    --da-blue-light: #EAF3F8;
    --da-line:       #D7E3EA;
    --da-text:       #33393D;
    --da-text-soft:  #5C6B72;
    --da-bg:         #F7F9FA;
    --da-surface:    #FFFFFF;
    --da-radius:     6px;
    --da-shadow:     1px 1px 4px rgba(0,0,0,.08);
}

*, *:before, *:after {
    box-sizing: inherit;
}

.buscador{
    border: 1px solid lightblue;
    padding: 10px;
    border-radius: 7pt;
    box-shadow: 2px 2px 5px #999;
    margin:4px;
    margin-bottom:10px;
    display:flex;
    flex-flow:row wrap;
    justify-content: space-around;
}

.contenedor{
    border: 1px solid lightblue;
    padding: 10px;
    padding-bottom: 10px;
    border-radius: 7pt;
    box-shadow: 2px 2px 5px #999;
    margin:4px;
    display:flex;
    flex-flow:row wrap;
    justify-content: space-around;
}

.contenedor1{
    border: 1px solid lightblue;
    border-radius: 7pt;
    box-shadow: 2px 2px 5px #999;
    margin:4px;
    padding:5px;
    display:flex;
    flex-flow:column wrap;
    justify-content:space-between;
}

.contenedor2{
    width:110px;
    border-radius: 7pt;
    display:flex;
    flex-flow:column wrap;
    justify-content:center;
}

.contenedor3 {
    width:100%;
    padding-right:20px;
    padding-bottom:10px;
    padding-top:10px;
    border-bottom: 1px solid deepskyblue;
    display:flex;
    flex-flow: row wrap;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items:center;
}

.contenedor3:nth-last-child(1){
    margin-bottom:0px;
    padding-bottom:0px;
    border-bottom:none;
}

.contenedor4{
    padding-left:0px;

    align-content: flex-start;
}

.contenedor5{
    padding:0px;
}

.contenedor6{
  /*flex:1 1 10%;*/
    flex:none;
}

.contenedor7{
    padding-left:10px;
    display:flex;
    flex-flow:row wrap;
}

.imagen{
    width:80px;
    height:80px;
}

.imagenMini{
    width:55px;
    height:55px;
    min-width:55px;
    padding: 10px;
}

.span1{
    font-weight: bold;
    text-align:left;
}

.span2{
    text-align: left;
}

.elemento3{
    display:flex;
    flex-grow:0;
    color:blue;
    align-items: baseline;
}

.elemento4{
    font-size: 2vw;
    display:flex;
    color:blue;
    justify-content: stretch;
    align-items: center;
}

.elemento5{
    display:flex;
    flex-grow:0;
    color:darkred;
    align-items: baseline;
}

.div1 {
    width:100%;
    margin:4px;
    padding:30px;
    border: 1px solid lightblue;
    border-radius: 7pt;
    /*background-color: lightcyan;*/
    background-color: whitesmoke;
    box-shadow: 2px 2px 5px #999;
}

.div2 {
    border: 1px solid lightblue;
    padding-right: 30px;
    padding-left: 30px;
}

.div3 {
    margin:4px;
    border: 1px solid lightblue;
    background-color: lightcyan;

}
.div4 {
    margin:4px;
}
.div5 {
    margin:0px;
    padding:0px;

}
.div6{
    width:100%;
    padding:10px;
    display:flex;
    justify-content:center;
}

.boton{
    line-height: 10px;
    color:white;
    margin:3px;
    padding:8px ;
    font-weight: bold;
    border:1px solid;
    border-radius: 5pt;
}

.boton:hover{
    background-color: yellow;
}

.main{
    padding-top:10px;
    border-top:1px solid lightblue;
    display:flex;
    flex-flow: row wrap;
}

.containerMigas{
    width:100%;
    padding:0px;
    margin:0px;
}

a,
a label {
    cursor: pointer !important;
}

.breadcrumb {
	list-style: none !important;
    background-color:white;
}



#content.site-content {
    display: block !important;
}