.webform-submission-form .webform-client-form > div,
.webform-submission-form [class^="webform-component-"] > .fieldset-wrapper,
form.webform-submission-form, form.webform-submission-form .fieldset-wrapper,
.webform-submission-form .js-form-wrapper {
  width: 100%;
}

.nav .region-menu-principal .sf-menu > li:has(.stwars), 
.nav .region-menu-principal ul.menu > li:has(.stwars) {
    background: #2A7B9B;
    background: linear-gradient(181deg, rgb(2 138 131) 0%, rgb(101 188 177) 79%);
    & span.stwars{
    	color: white;
    }
}

h2{
	position: relative;
	padding-left: 2.5rem;
	&:before{
    content: '';
    position: absolute;
    width: 0.8rem;
    height: 60%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #84bfca;
	}
}

h4{
	font-weight: 500!important;
}

.node__content p.gray{
	background: #f4f4f4;
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-left: 3rem;
	padding-right: 3rem;
	margin: 0 !important;
	border-left: 7px solid #84bfca24;
	& + p.gray{
		padding-top: 0.5rem;

	}
	&:has( + p.gray){
		padding-bottom: 0.5rem;
	}
}

.page-node-type-page h4.accordion-toggle{
	font-weight: 600!important;
	font-size: 2.5rem!important;
	line-height: 3.1rem!important;
}

 .js-form-item-seleccionar-actividad-teruel,
 .js-form-item-seleccionar-actividad-zaragoza,
 .js-form-item-actividad{
    padding: 10px 2rem;
    background: #faebeb;
    display: block;
    border: 1px solid #ed9c9c;
    border-radius: 3px;
 }
 
.paseos{
    display: flex;
    align-items: start;
	gap: 5rem;
	margin:-3rem 0 0 0!important;
    @media (max-width: 820px) {
	    &{
	        flex-wrap: wrap;
			gap: 2rem;
	    }
	}
	& .paseos_texto{
		min-width: 500px;
		& p.gray{
			padding-top: 2rem!important;
			padding-bottom: 2rem!important;
			border-top: 1px dashed #d6d6d6;
		}
	}
    &.paseos_2, &.paseos_1{
    	& img{
    		margin-top: 8.6rem;
			width: calc(40%);
			border-radius: 15px;
			@media (max-width: 820px) {
				&{
					width: 100%;
					margin: 2rem 0;
				}
			}
    	}
    }
	&.paseos_1{
		& img{
			order:1;
			@media (max-width: 820px) {
				&{
					order:0;
				}
			}
		}
	}
}

.navigation{
	display: flex;
	gap: 5rem;
	margin-bottom: 8rem !important;
	& li{
		background: red;
        padding: 15px 30px;
        text-align: center;
        line-height: 1.2 !important;
		border-radius: 50px;
		background: #2A7B9B;
    	background: linear-gradient(181deg, rgb(2 138 131) 0%, rgb(101 188 177) 79%);
		&:before{
			content: none!important;
		}
		& a{
			color: white;
			font-weight: 400 !important;
			font-size: 16px;
			& strong{
				display: block;
				font-size: 25px;
			}
		}
	}
}