.page-top{
	background:var(--peach);
	padding:30px 0 50px;
}

.crumbs{
	margin-bottom:28px;
	font-size:14px;
	color:var(--muted);
}

.crumbs a{
	color:#000;
}

.crumbs span{
	margin:0 6px;
}

.page-top__title{
	max-width:15em;
}

.page-top__lead{
	max-width:650px;
	margin:0;
}

/* legales: una columna a todo el ancho del contenedor */
.legal-col{
	padding:50px 0 80px;
}

.legal-col__h{
	margin:36px 0 12px;
	padding-top:28px;
	border-top:1px solid var(--line);
	font-family:var(--serif);
	font-size:26px;
	font-weight:700;
	line-height:1.15;
	letter-spacing:-.5px;
}

.legal-col__h:first-child{
	margin-top:0;
	padding-top:0;
	border-top:0;
}

.legal-col p{
	line-height:1.7;
}

/* artículo: columna principal y columna gris al costado */
.article{
	padding:50px 0 70px;
}

.article__h{
	margin:40px 0 16px;
	font-family:var(--serif);
	font-size:28px;
	font-weight:400;
	line-height:1.2;
	letter-spacing:-.5px;
}

.article__h:first-child{
	margin-top:0;
}

.article__main p{
	line-height:1.7;
}

.parts{
	display:grid;
	gap:1px;
	background:var(--line);
	border:1px solid var(--line);
}

.parts__item{
	background:#fff;
	padding:18px 20px;
}

.parts__n{
	margin:0 0 4px;
	color:var(--teja);
	font-family:var(--serif);
	font-size:28px;
	font-weight:700;
}

.parts__t{
	margin:0 0 6px;
	font-weight:500;
	font-size:18px;
}

.parts__item p:last-child{
	margin:0;
	font-size:15px;
	color:var(--muted);
}

.table-wrap{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}

.example{
	width:100%;
	min-width:420px;
	border-collapse:collapse;
	margin-bottom:16px;
}

.example caption{
	text-align:left;
	padding-bottom:8px;
	font-size:12px;
	font-weight:700;
	letter-spacing:1px;
	color:var(--teja);
}

.example th,
.example td{
	padding:12px 0;
	border-bottom:1px solid var(--line);
	text-align:left;
	font-weight:400;
}

.example td{
	text-align:right;
	font-family:var(--serif);
	font-size:20px;
	white-space:nowrap;
}

.example__diff th,
.example__diff td{
	border-bottom:0;
	border-top:3px solid var(--teja);
	font-weight:700;
}

.article__fig{
	margin:30px 0;
}

.article__fig img{
	width:100%;
	aspect-ratio:1.8;
	object-fit:cover;
	padding-bottom:12px;
	border-bottom:1px solid var(--line);
}

.article__fig figcaption{
	margin-top:10px;
	font-size:14px;
	font-weight:700;
}

.order{
	margin:0 0 24px;
	padding:0;
	list-style:none;
	counter-reset:paso;
}

.order li{
	counter-increment:paso;
	position:relative;
	padding:14px 0 14px 48px;
	border-bottom:1px solid var(--line-soft);
	line-height:1.6;
}

.order li:before{
	content:counter(paso);
	position:absolute;
	left:0;
	top:12px;
	width:32px;
	height:32px;
	border:1px solid #000;
	text-align:center;
	line-height:30px;
	font-weight:700;
}

.pull{
	margin:36px 0 12px;
	padding-top:14px;
	border-top:3px solid var(--teja);
	font-family:var(--serif);
	font-size:28px;
	line-height:1.2;
	letter-spacing:-1px;
}

.article__aside{
	margin-top:40px;
}

.aside-box{
	background:var(--grey);
	padding:24px;
	margin-bottom:20px;
}

.aside-box--white{
	background:#fff;
	border:1px solid var(--line);
}

.aside-box__t{
	font-family:var(--serif);
	font-size:22px;
	font-weight:700;
	letter-spacing:-.5px;
}

.aside-box__list li{
	padding:10px 0;
	border-bottom:1px solid var(--line);
	font-size:15px;
}

/* pestañas tipo pastilla */
.tabs-page{
	padding:60px 0 50px;
}

.tabs-page__intro{
	max-width:640px;
	color:var(--muted);
}

.pills{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	gap:10px;
	margin:24px 0 30px;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	padding-bottom:4px;
}

.pills__btn{
	-ms-flex-negative:0;
	flex-shrink:0;
	padding:12px 20px;
	border:1px solid #000;
	border-radius:5px;
	background:#fff;
	font-size:16px;
	scroll-snap-align:start;
	-webkit-transition:background-color .3s ease,color .3s ease;
	transition:background-color .3s ease,color .3s ease;
}

.pills__btn.is-on{
	background:#000;
	color:#fff;
}

.split-in{
	row-gap:24px;
}

.split-in img{
	width:100%;
	aspect-ratio:1.8;
	object-fit:cover;
}

.split-in__t{
	margin:0 0 12px;
	font-size:26px;
	font-weight:500;
	letter-spacing:-1px;
}

.split-in__text p{
	line-height:1.7;
}

.band-tint{
	background:var(--peach);
	padding:60px 0;
}

.hours{
	display:grid;
	gap:20px;
	margin:20px 0 0;
	padding:0;
	list-style:none;
}

.hours li{
	background:#fff;
	padding:20px;
	border-top:3px solid var(--teja);
}

.hours__h{
	display:block;
	margin-bottom:8px;
	font-family:var(--serif);
	font-size:24px;
	font-weight:700;
}

.hours p{
	margin:0;
	font-size:15px;
	color:var(--muted);
}

.dont{
	padding:70px 0 80px;
}

.dont__list li{
	position:relative;
	padding:12px 0 12px 30px;
	border-bottom:1px solid var(--line);
}

.dont__list li:before{
	content:"\2715";
	position:absolute;
	left:2px;
	top:12px;
	color:var(--teja);
	font-size:14px;
}

.quote-top{
	margin:30px 0 20px;
	padding-top:16px;
	border-top:3px solid var(--teja);
}

.quote-top p{
	font-family:var(--serif);
	font-size:26px;
	line-height:1.25;
	letter-spacing:-.5px;
}

.quote-top .quote-top__by{
	font-family:var(--sans);
	font-size:14px;
	font-weight:700;
	letter-spacing:0;
}

.dont__cta{
	color:var(--muted);
}

/* plazo y acordeón */
.deadline{
	padding:60px 0;
}

.deadline__text{
	margin-bottom:24px;
}

.deadline__box{
	background:var(--grey);
	padding:28px 24px;
	border-top:3px solid var(--teja);
}

.deadline__box label{
	display:block;
	margin-bottom:8px;
	font-weight:500;
}

.deadline__box input{
	width:100%;
	padding:14px 16px;
	border:1px solid #000;
	border-radius:0;
	background:#fff;
	font:inherit;
	font-size:18px;
}

.deadline__out{
	margin:18px 0 0;
	font-family:var(--serif);
	font-size:22px;
	line-height:1.3;
}

.acc{
	margin-top:24px;
}

.acc__item{
	border-bottom:1px solid var(--line);
	background:#fff;
}

.acc__item:first-child{
	border-top:3px solid var(--teja);
}

.acc__h{
	margin:0;
}

.acc__btn{
	position:relative;
	display:block;
	width:100%;
	padding:18px 56px 18px 20px;
	border:0;
	background:none;
	text-align:left;
	font-size:18px;
	font-weight:500;
	line-height:1.5;
}

.acc__btn:after{
	content:"";
	position:absolute;
	right:22px;
	top:50%;
	width:12px;
	height:12px;
	margin-top:-9px;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:-webkit-transform .5s ease;
	transition:transform .5s ease;
}

.acc__btn[aria-expanded="true"]:after{
	-webkit-transform:rotate(225deg);
	transform:rotate(225deg);
	margin-top:-3px;
}

.acc__panel{
	padding:0 20px 24px;
}

.acc__panel p{
	margin:0;
	line-height:1.7;
	color:var(--muted);
}

.check-box{
	margin-top:40px;
	background:#fff;
	padding:24px;
}

.check-box__t{
	font-family:var(--serif);
	font-size:22px;
	font-weight:700;
}

.check-box__list li{
	position:relative;
	padding:10px 0 10px 28px;
	border-bottom:1px solid var(--line-soft);
}

.check-box__list li:before{
	content:"";
	position:absolute;
	left:2px;
	top:15px;
	width:12px;
	height:7px;
	border-left:2px solid var(--teja);
	border-bottom:2px solid var(--teja);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.timeline-real{
	padding:70px 0 90px;
}

.t-real{
	display:grid;
	gap:0;
	border-left:1px solid var(--line);
	margin-top:24px;
}

.t-real__step{
	padding:0 0 26px 24px;
	position:relative;
}

.t-real__step:before{
	content:"";
	position:absolute;
	left:-6px;
	top:6px;
	width:11px;
	height:11px;
	background:var(--teja);
}

.t-real__d{
	display:block;
	margin-bottom:4px;
	font-weight:700;
}

.t-real__step p{
	margin:0;
	color:var(--muted);
}

.t-real__note{
	margin-top:20px;
	padding:14px 18px;
	background:var(--peach);
}

/* listado de honorarios con filtro */
.listing{
	padding:50px 0 70px;
}

.filter-bar{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	gap:6px 28px;
	margin-bottom:30px;
	border-bottom:1px solid var(--line);
}

.filter-bar button{
	padding:.8em .2em;
	border:0;
	background:none;
	font-size:16px;
	-webkit-transition:box-shadow .2s ease;
	transition:box-shadow .2s ease;
}

.filter-bar button[aria-pressed="true"]{
	box-shadow:0 4px 0 0 var(--teja);
	font-weight:700;
}

@media (hover:hover){
	.filter-bar button:hover{
		box-shadow:0 2px 0 0 #000;
	}
	.filter-bar button[aria-pressed="true"]:hover{
		box-shadow:0 4px 0 0 var(--teja);
	}
	.fee:hover{
		box-shadow:0 6px 18px rgba(0,0,0,.08);
	}
}

.fee-grid{
	display:grid;
	gap:20px;
}

.fee{
	background:var(--grey);
	padding:22px 22px 26px;
	min-width:0;
	-webkit-transition:box-shadow .3s ease;
	transition:box-shadow .3s ease;
}

.fee__chips{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	gap:6px;
	margin-bottom:14px;
}

.fee__chips span{
	padding:3px 8px;
	background:var(--line);
	font-size:12px;
	font-weight:500;
}

.fee__t{
	margin-bottom:6px;
	font-family:var(--serif);
	font-size:22px;
	line-height:1.2;
	letter-spacing:-.5px;
}

.fee__price{
	margin-bottom:10px;
	font-family:var(--serif);
	font-size:30px;
	font-weight:700;
	letter-spacing:-1px;
}

.fee__d{
	margin:0;
	font-size:15px;
	line-height:1.6;
	color:var(--muted);
	display:-webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.fee--out{
	background:#fff;
	border:1px solid var(--line);
}

.fee__list li{
	padding:8px 0;
	border-bottom:1px solid var(--line-soft);
	font-size:15px;
}

.cta-cards{
	background:var(--peach-deep);
	padding:50px 0;
}

.cta-cards__row{
	display:grid;
	gap:20px;
}

.cta-card{
	background:#fff;
	padding:25px 15px;
}

.cta-card__t{
	font-family:var(--serif);
	font-size:26px;
	font-weight:700;
	letter-spacing:-.5px;
}

@media(min-width:768px){
	.fee-grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:28px;
	}
	.cta-cards__row{
		grid-template-columns:1fr 1fr;
		gap:28px;
	}
	.cta-card{
		padding:50px;
	}
}

@media(min-width:768px){
	.check-box{
		margin-top:96px;
	}
	.t-real{
		grid-template-columns:repeat(4,1fr);
		border-left:0;
		border-top:1px solid var(--line);
	}
	.t-real__step{
		padding:26px 24px 0 0;
	}
	.t-real__step:before{
		left:0;
		top:-6px;
	}
}

@media(min-width:768px){
	.hours{
		grid-template-columns:repeat(4,1fr);
	}
	.split-in__text{
		-ms-flex-item-align:center;
		align-self:center;
		padding-left:40px;
	}
	.quote-top{
		margin-top:0;
	}
}

@media(min-width:768px){
	.row > .col-md-8{
		width:66.666%;
	}
	.row > .col-md-4{
		width:33.333%;
	}
	.article__aside{
		margin-top:0;
	}
	.parts{
		grid-template-columns:repeat(3,1fr);
	}
	.article__h{
		font-size:32px;
	}
}

@media(min-width:768px){
	.page-top{
		padding:40px 0 80px;
	}
	.legal-col__h{
		font-size:32px;
	}
}