/*
 * Registro de accesos — responsive (alineado a captura / móvil)
 */
@media (max-width: 1150px) {
	.header__right-side .wpb_wrapper{
		gap: 0px;
	}
	.header-container{
		gap: 50px;
	}
	.header__left-side{
		flex: 1;
	} 
	.header__right-side{
		flex: 2;
	} 
}
@media (max-width: 900px) {
	.header__left-side{
		flex: 1 calc(40% - 25px);
	} 
	.header__right-side{
		flex: 1 calc(60% - 25px);
	}
}
@media (max-width: 768px) {
	.registro-accesos-modulo {
		width: 100%;
	}

	.registro-accesos-layout__panel {
		width: calc(100% - 1rem);
		margin: 0.65rem auto;
		padding: 1.65rem 1rem 1.85rem;
	}

	.registro-accesos-paso-1 .registro-accesos-layout__panel,
	.registro-accesos-paso-2 .registro-accesos-layout__panel,
	.registro-accesos-paso-3 .registro-accesos-layout__panel {
		max-width: 100%;
	}

	.registro-accesos-pdf {
		height: min(42vh, 360px);
		min-height: 200px;
	}

	.registro-accesos-paso-3 .registro-accesos-pdf-marco {
		--ra-pdf-marco-ancho: 100%;
		width: 100%;
		max-width: 100%;
		left: auto;
		transform: none;
	}

	/* ---- INICIO PROGRESO (responsive ≤768px) ---- */

	.registro-accesos-progreso__lista {
		max-width: min(13.5rem, 100%);
	}

	.registro-accesos-progreso__tramo {
		min-width: 0.25rem;
		margin-left: -2px;
	}

	.registro-accesos-progreso__dot {
		width: 23px;
		height: 23px;
	}

	/* ---- FIN PROGRESO (responsive ≤768px) ---- */

	.registro-accesos-paso1-dos-columnas {
		grid-template-columns: 1fr;
		gap: 1.35rem 0;
	}

	.registro-accesos-paso1-columna:last-child {
		border-left: none;
		padding-left: 0;
		border-top: 1px solid rgba(205, 202, 178, 0.22);
		padding-top: 1.25rem;
	}
}

@media (max-width: 480px) {
	/* ---- INICIO PROGRESO (responsive ≤480px) ---- */
	.paso_uno .item:hover{
		    border: 1px solid transparent;
	}
	.registro-accesos-progreso__tramo {
		min-width: 0.2rem;
		margin-left: -2px;
	}

	/* ---- FIN PROGRESO (responsive ≤480px) ---- */

	.registro-accesos-titulo {
		letter-spacing: 0.18em;
	}

	.registro-accesos-titulo--natural {
		letter-spacing: 0.01em;
		font-size: clamp(0.9375rem, 4.2vw, 1.1rem);
	}

	.registro-accesos-tarjeta--texto .registro-accesos-tarjeta__nombre {
		letter-spacing: 0.1em;
		font-size: 0.5625rem;
	}

}


@media (max-width: 1024px) {
	.paso_uno .title{
		display: none;
	}
    .paso_uno body {
        padding: 16px;
    }

    .paso_uno .tabs {
        display: flex;
        width: 100%;
        max-width: 100%;
        gap: 32px;
    }
	.paso_uno .block:after{
		display: none;
	}
    .paso_uno .tab {
        flex: 0;
        text-align: left;
        padding:  0px;
        cursor: pointer;
        font-weight: 600;
        transition: 0.3s;
        border-bottom: 1px solid transparent;
        font-size: 18px;
        line-height: 21px;
        color: #767676;
    }
    .paso_uno .container{
    	background: transparent;
    	padding: 0px;
    }
    .paso_uno{
    	/*background: #454545;*/
    	padding: 35px;
    }
    .paso_uno .tab.active  {
        border-bottom: 1px solid #cdcab2;
        color: #cdcab2;
    }
    .paso_uno .item{
    	color: #cdcab2;
    }

    .paso_uno .container {
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }

    .paso_uno .block {
        display: none;
        flex: none;
        width: 100%;
        max-width: 100%;
        border-color: #007bff;
        opacity: 1;
    }

    .paso_uno .block.active {
        display: block;
        flex: none;
        width: 100%;
        max-width: 100%;
    }

    .paso_uno .block.small {
        display: none;
    }
}

@media (max-width: 768px){
	.registro-accesos-paso-2 .registro-accesos-layout__panel ,
	.registro-accesos-paso-3 .registro-accesos-layout__panel ,
	.registro-accesos-paso-4 .registro-accesos-layout__panel {
		max-width: 100%;
	}
	.registro-accesos-layout__panel {
		padding: 0px 35px;
	}
	.contenedor_registro_visitas{
		margin-top: 240px;
	}

	/*.admin-bar .contenedor_registro_visitas {
		margin-top: calc(240px + 46px);
	}*/
	.registro-accesos-paso-1 .registro-accesos-layout__panel{
		padding: 0px 10px;
	}
	.paso_uno .item{
		min-height: 180px;
	}
	.paso_uno{
    	padding: 20px;
    }

}


@media (max-width: 1024px) {
	#header{
		position: relative;
	}
	.contenedor_registro_visitas{
		padding-top: 20px;
		margin-top: 0px;
	}
}

@media (max-width: 844px) {
	body > .vc_container{
		margin-top: 79px;
	}

	#header{
		position: fixed;
		background: #454545;
	}
	#header> div{

	}
	.banner-slide-home {
        margin-top: 0px;
    }
	.header-container{
		display: block;
		height: auto;
	}
	.header__right-side {
        top: 69px;
        z-index: 9999;
        width: calc(100vw - 0px) !important;
        min-height: calc(100vh - 67px) !important;
        overflow-y: hidden;
        background: #454545;
        right: -1000px;
        position: fixed !important;
        transition: all .3s ease-in-out;
        padding: 20px !important;
        display: block !important;
        margin: 0px;
    }
    .header__right-side.abrir{
    	right: 0px;
    }
    .abrir_menu{
    	display: block;
	}
	#header{
		min-height: auto;
    	padding-top: 25px;
    	padding-bottom: 25px;
	}
	.header__right-side .wpb_wrapper {
        gap: 22px;
    }
    .abrir_menu.no-mostrar,
    .cerrar_menu.no-mostrar{
    	display: none;
	}
	.abrir_menu.mostrar,
    .cerrar_menu.mostrar{
    	display: block;
	}
	.header__left-side > div > div{
		align-items: center;
		justify-content: space-between;
	}
	.registro-accesos-progreso__back--activa{
		margin-left: 40px;
	}
	.header__right-side .wpb_wrapper{
        flex-direction: column;
	}
	
	#header .vc_column_container > .vc_column-inner {
			padding-left: 15px !important;
			padding-right: 15px !important;	
		}

}