/* Estilo base inspirado en plantilla LMS Blogger */

body {
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff;
    color: #222;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

a {
    color: #0056b3;
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    color: #fff;
}

header, .post-header {
    background-color: #003366;
    color: white;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

h1, h2, h3 {
    font-weight: 700;
    color: #003366;
}

.entrada {
    /* padding: 2rem;*/
    /* margin-bottom: 1rem; */
    /* border-bottom: 1px solid #eee; */
    transition: background 0.3s;
    /*padding-top: 3rem;*/
	background-color: #f7f7f7; 
    border-radius: 10px; 
    border: 1px solid #d7d7d7; 
    margin: 10px; 
    padding: 20px; 
    margin: 10px;
}


.entrada:hover {
    background-color: #f9f9f9;
}

.thumb-container {
    /*width: 400px;*/
    height: 300px;
    overflow: hidden;
    margin: 0 auto 1rem;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
}

.thumb-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}

.thumb-container img:hover {
    transform: scale(1.05);
}

footer {
    background-color: #003366;
    color: white;
    padding: 1rem;
    text-align: center;
    font-size: 0.9rem;
   /* margin-top: 2rem;*/
}


/*JOSUE*/



.bg-entradas{
	display: flex;
}

.pad-top-70px{
	padding-top: 70px;
}



/*ARCHIVADOR*/
        .archive-widget ul {
            list-style: none;
            padding-left: 0;
        }

        .archive-widget li {
            margin-bottom: 6px;
        }

        .archive-widget a {
            color: #003366;
            text-decoration: none;
        }

        .archive-widget a:hover {
            text-decoration: underline;
        }
.contenedor-derecho {
	position: sticky;
	top: 116px;
}

.franja {
	 height: 65px;
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 12px;
}

.entradas-existentes {
	
	background-color: #033c6f;
}

.leer-mas {
	background-color: rgb(0, 41, 79);
    color: rgb(255, 255, 255);
	padding: 8px;
}

.leer-mas:hover {
	color: #FFFFFF !important;
	text-decoration: underline;
}

.all {
	padding-top: 10%;
	padding-bottom: 5%;
}

.volver {
    background-color: #0a4793;
    width: 40px;
    position: absolute;
    left: 111px;
    color: #fff;
    border-radius: 30px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-size: 25px;
    top: 181px;
}

.noticia {
	/*background-color: #e0e9f5;*/
    border-radius: 20px;
    padding: 42px;
	padding-left: 40px !important;
    padding-right: 40px !important;
}

.admin {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.content-entradas {
	background-color: #19345a;
    padding: 52px;
    border-radius: 30px;
    box-shadow: -3px 3px 25px rgb(10 10 10 / 41%);
}

.bg-gradient {
    background: #002b51;
}

.espaciogrande {
	padding: 100px;
}

	.font-light{font-family: var(--font-family) !important;}
	.font-bold{font-family: var(--font-family2) !important;}
	.font-extrabold{font-family: var(--font-family3) !important;}

	.font-xs{ font-size: var(--font-xs) !important;}	
	.font-sm{ font-size: var(--font-sm) !important;}	
	.font-md{ font-size: var(--font-md) !important;}	
	.font-lg{ font-size: var(--font-lg) !important;}	
	.font-xl{ font-size: var(--font-xl) !important;}	

.guardar {
	height: 40px;
    border: 2px solid #002b51;
    background-color: #002b51;
    font-size: 18px;
    margin-bottom: 8px;
    color: #ffffffd4;
    border-radius: 0px 0px 20px 0px;
    width: 100%;
}

.text-azul {
	color: #002b51 !important;
}

.text-blanco {
	color: #FFFFFF !important;
}
.cuadros-editar{justify-content: flex-end;}

.espacio-entre-entradas{padding-bottom: 30px;}


@media (max-width: 991px) {
	.espacio-entre-entradas{padding-bottom: 100px;}
	.cuadros-editar{justify-content: flex-start !important;}
}

@media (max-width: 767px) {
	.archive-widget{ display: none; }
	.espacio-entre-entradas {padding-bottom: 140px;}
	.header-logo-edit{place-items: center; display: grid;}
}