/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.full-header #logo a{
	position:absolute;
	top:-4rem;
	left:0;
	width:10rem;
	transition: width 2s;
}
.full-header #logo img{
	width:10rem;
	height:auto !important;
}

.full-header #header-wrap{
	background: #0d0c0c !important;
}

.full-header.sticky-header.sticky-header-shrink #header-wrap #logo a{
	position:absolute;
	top:-3rem;
	left:0;
	width:5.5rem;
	transition: width 2s;
}
.full-header.sticky-header.sticky-header-shrink #header-wrap #logo img{
	width:10rem;
	height:auto !important;
}

h2{
	color:#2B8EB4 !important;
}

ul.bullet-list{
	list-style-image:url('../shisan/bullets.png') !important;
}

@media (max-width:600px){
	.full-header #logo img{
		z-index:1;
	}

	.full-header .primary-menu{
		z-index:2;
		background:#0d0c0c;
	}
} /*@media (max-width:600px)*/






.card-body{
	background:#029ed957 !important;
}

.card .card-title{
	background:#105f80 !important;
	border:0.1rem solid #fff;
}

.card .card-title span{
	color:#fff !important;
}

.card .card-text{
	font-size:1.2rem;
}

.fbox-content{
	font-size:20px !important;
	color:#777777;
	padding:0 2rem;
	text-align:justify;
}

.fbox-content h3{
	text-align:center;
}

.lista-valores
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 15px 0px;
WIDTH: 100%;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
}

.lista-valores li
{
PADDING-RIGHT: 2px;
DISPLAY: inline;
PADDING-LEFT: 2px;
FLOAT: left;
PADDING-BOTTOM: 2px;
WIDTH: 50%;
PADDING-TOP: 2px
}


/* Botón flotante */
#fb-feed-button {
    position: fixed;
    right: 0;
    top: 40%;
    background: #1877f2;
    color: white;
    padding: 12px 18px;
    border-radius: 8px 0 0 8px;
    cursor: pointer;
    font-weight: bold;
    z-index: 9999;
    transition: background 0.2s;
}
#fb-feed-button:hover {
    background: #0f5ec4;
}

/* Panel flotante */
#fb-feed-panel {
    position: fixed;
    top: 0;
    right: -420px; /* Oculto inicialmente */
    width: 400px;
    height: 100vh;
    background: white;
    box-shadow: -4px 0 12px rgba(0,0,0,0.2);
    z-index: 9998;
    display: flex;
    flex-direction: column;
    transition: right 0.35s ease;
}

/* Header */
.fb-feed-header {
    background: #1877f2;
    color: white;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

#fb-feed-close {
    background: transparent;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

/* Contenido */
.fb-feed-content {
    padding: 10px;
    overflow-y: auto;
    flex: 1;
}

/* Modo móvil: pop-up centrado */
@media (max-width: 768px) {
    #fb-feed-panel {
        width: 90%;
        height: 80vh;
        right: 50%;
        top: 50%;
        transform: translate(50%, -50%);
        border-radius: 12px;
    }
}