.lightbox__overlay.is-active, .lightbox__overlay:target {
	visibility: visible;
}

.bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}


.lightbox__overlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	visibility: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: rgba(0,0,0,.6);
}


.is-active>.lightbox__content, :target>.lightbox__content {
	-webkit-animation: .4s ease-out .2s both;
	animation: .4s ease-out .2s both;
	-webkit-animation-name: inherit;
	animation-name: inherit;
}



.lightbox__html {
	padding: 1.5em;
	max-width: 42em;
	background-color: #fff;
}

.lightbox__html_2 {
	max-width: 60em;
}

.lightbox__content {
	max-height: 100%;
	overflow: auto;
	border-radius: 10px;
	width: 60%;
	background: linear-gradient(to top, #d4d4d4 0%, #ffffff 50%, #d4d4d4 100%);
}

.lightbox__content_2 {
	max-height: 100%;
	width: 90%;
}
@media screen and (min-width: 800px) {
	.lightbox__content_2 {
		max-height: 100%;
		width: 75%;
	}
}
@media screen and (min-width: 1080px) {
	.lightbox__content_2 {
		max-height: 100%;
		width: 35%;
	}
}


.lightbox__content p {
	color: #000;
}

.lightbox__content_2 p {
	color: #000;
}


.lightbox__content p a {
	color: #000 !important;
        text-decoration: none;
}

.lightbox__content p a:hover {
	color: #000885 !important;
        text-decoration: underline;
}

.lightbox__content div.p_content {
	color: #000;
}

.lightbox__content .box {
	align-items: center;
}

.lightbox__content_2 .box {
	align-items: center;
}

.lightbox__content img {
	max-width: 50px;
	margin-right: 15px;
}

.lightbox__content_2 img {
	max-width: 50px;
	margin-right: 15px;
}

.lightbox__content img.lightbox_img_popup {
	max-width: 100% !important;
	margin-right: 15px;
}

.lightbox__content_2 img.lightbox_img_popup {
	max-width: 100% !important;
	margin-right: 15px;
}

/* Contenedor de botones */
.lightbox-session-buttons {
    display: flex;
    justify-content: center;
    gap: 30px; /* Aumenté el espacio entre botones */
    margin: 30px 0 15px; /* 30px arriba, 0 a los lados, 15px abajo */
    padding: 0 20px; /* Padding lateral para responsividad */
    width: 100%;
}

/* Ajuste para el contenedor principal */
.lightbox-session-container {
    margin-bottom: 10px; /* Espacio entre el texto y los botones */
}

/* Botones */
.btn-keep, .btn-cancel {
    padding: 12px 30px; /* Más anchos */
    font-size: 15px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    font-weight: 600;
}

.btn-keep {
    background-color: #4CAF50;
    color: white;
}

.btn-cancel {
    background-color: #f44336;
    color: white;
}

/* Efectos hover */
.btn-keep:hover {
    background-color: #45a049;
    transform: translateY(-2px);
}

.btn-cancel:hover {
    background-color: #d32f2f;
    transform: translateY(-2px);
}