.portada_parent{
	/*filter: drop-shadow(0 5px var(--bgwsolid));*/
	position: relative;
}
.portada_box{
	width: 100%;
	height: calc(100vh - 190px);
	max-height: 560px;
	position: relative;
	overflow: hidden;
	background: black;
	/*mask-image: url('../img/mascara.png');
	mask-size: 100% 100%;
	-webkit-mask-image: url('../img/mascara.png');
	mask-size: auto 100%;
	-webkit-mask-size: auto 100%;*/
}
.portada_box:after{
	content: '';
    width: 100%;
    height: 54%;
    background-image: linear-gradient(to top, rgb(9 50 75), transparent);
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.portada_slider{
	width: 100%;
	height: 100%;
	transition: all 800ms ease-out;
}
.portada_slider .portada_img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 800ms ease;
}
.portada_slider .portada_img[view="0"]{
	z-index: 0;
	opacity: 0;
}
.portada_slider .portada_img[view="1"]{
	z-index: 1;
	opacity: 1;
}
.mark_img_box{
	width: fit-content;
    position: absolute;
    padding: 10px 10px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    gap: 10px;
    display: flex;
    align-items: center;
}
.mark_img_box button[onclick*="moveSlides"]{
	width: 20px;
	height: 20px;
	background: transparent;
	color: white;
	border:none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 1px;
}
.mark_img_box button[onclick*="moveSlides"]:hover{
	color: #00e900;
}
button[onclick*="delImgPortada"]{
	background: #0000008a;
    color: white;
    height: 30px;
    display: flex;
    width: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    z-index: 100;
    border: none;
}
button[onclick*="delImgPortada"]:hover{
	background: #dd0000;
}
.enable_drag{
	position: absolute;
    top: 50px;
    right: 10px;
    width: 30px;
    z-index: 100;
    height: 30px;
    border-radius: 50%;
    border: none;
    background: #e9e9e9;
}
.enable_drag.able_to_drag{
	background: var(--color1);
}
.mark_img_box div{
	gap: 10px;
	display: flex;
}
.mark_img_box div span{
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border: 1px solid white;
	z-index: 100;
	transition: all 500ms ease;
}
.mark_img_box div span:hover{
	background: #00e900;
	border: 1px solid #00e900;
}
.mark_img_box div span[p_mark="1"]{
	background: white;
	width: 20px;
}
.mark_img_box div span[p_mark="0"]{

}
.caja_portada_text{
	filter: drop-shadow(0 4px var(--bgwsolid)) drop-shadow(0 -10px 20px rgb(9 50 75));
	position: relative;
    top: -10px;
    z-index: 10;
}
.portada_text{
	height: 70px;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px 6px 24px 6px;
    color: white;
    background: #09324b;
    container-type: inline-size;
    mask-image: url(../img/mascara.png);
    mask-size: 100% 100%;
    -webkit-mask-image: url(../img/mascara2.png);
    mask-size: auto 100%;
    -webkit-mask-size: auto 177%;
    -webkit-mask-position: bottom;
}
.portada_text .main_text{
	text-transform: uppercase;
	font-size: clamp(16px, 1vw + 1rem, 30px);
	line-height: clamp(16px, 1vw + 1rem, 30px);
	font-family: "Tilt Warp", sans-serif;
	font-weight: normal;
	text-align: center;
	animation: info_portada 3.4s forwards;
	transform: scale(0.6);
}
@keyframes info_portada{
	0%{
		transform: scale(0.6);
		opacity: 0.5;
	}30%{
		transform: scale(0.4);
		opacity: 0.5;
	}100%{
		transform: scale(1.0);
		opacity: 1.0;
	}
}
.portada_text p{
	font-size: 16px;
	text-align: center;
	font-family: "Quicksand", sans-serif;
	/*animation: info_portada 3.4s forwards;*/
}
.call_to_action{
	font-size: 15px;
    width: fit-content;
    display: block;
    text-decoration: none;
    padding: 8px 20px;
    border: 1px solid white;
    color: white;
    font-weight: 600;
    border-radius: 4px;
    transition: all 300ms ease-out;
    text-transform: uppercase;
    font-family: "Manrope", sans-serif;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 30;
}
.portada_text a:hover{
	background: #5f5f5f82;
}
.add_portada_box{
	display: flex;
	gap: 8px;
	position: absolute;
	bottom: 70px;
	width: fit-content;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
}
.add_portada_box label{
	background: whitesmoke;
	color: black;
	padding: 5px 20px;
	width: fit-content;
	font-size: 15px;
	border-radius: 4px;
	display: flex;
	align-items: center;
}
.add_portada_box input[type="file"]{
	display: none;
}
.add_portada_box button{
	background: black;
	color: white;
	padding: 5px 20px;
	width: fit-content;
	border-radius: 4px;
	font-size: 14px;
	display: flex;
	align-items: center;
}
.main_text span{
	display: none;
	outline: none;
	text-shadow: 2px 2px 5px rgba(0,0,0,.3);
}
/*las flechas para mover slide*/
.slide_pos{

}
button[onclick*='moveImgPortada']{
	
}
button[onclick*='moveImgPortada(-1)']{
	left: 0;
}