/*
Theme Name: Roderas Starter
Theme URI: https://example.com/roderas-starter
Author: juande
Description: Starter block theme minimal para webs corporativas basadas en bloques propios.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.4
Version: 0.1.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roderas-starter
Tags: block-patterns, full-site-editing, one-column, wide-blocks
*/

.wp-element-button:hover,
.wp-block-button__link:hover,
.project-blocks-hero__button--primary:hover,
.project-blocks-cta-banner__button:hover,
.project-blocks-site-header__cta:hover,
.project-blocks-expedition-hero__button:hover {
	color: #fff;
}

body.page-template-default main.wp-block-group > .wp-block-post-title,
body.single-post main.wp-block-group > .wp-block-post-title {
	width: calc(100% - clamp(2rem, 8vw, 6rem));
	max-width: var(--wp--style--global--wide-size);
	margin-right: auto !important;
	margin-left: auto !important;
	color: rgb(255 95 31 / 1);
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.12;
	letter-spacing: 0;
}

body.page-template-default .wp-block-post-content,
body.single-post .wp-block-post-content {
	width: calc(100% - clamp(2rem, 8vw, 6rem));
	max-width: var(--wp--style--global--content-size);
	padding-bottom: clamp(3rem, 7vw, 5rem);
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

body.page-template-default .wp-block-post-content > :where(h1, h2, h3, h4, h5, h6),
body.single-post .wp-block-post-content > :where(h1, h2, h3, h4, h5, h6) {
	margin-top: 2rem;
	margin-bottom: 1rem;
	color: rgb(255 95 31 / 1);
	font-size: clamp(1.35rem, 2.5vw, 2rem);
	line-height: 1.2;
	letter-spacing: 0;
}

body.page-template-default .wp-block-post-content > :where(p, ul, ol),
body.single-post .wp-block-post-content > :where(p, ul, ol) {
	color: #d4d4d8;
	font-size: 1rem;
	line-height: 1.8;
}

body.single-pb_project {
	background: #111;
}

body.single-pb_project .pb-project-single {
	margin: 0;
	background: #111;
	color: #fff;
}

body.single-pb_project .pb-project-single__featured {
	margin: 0;
	width: 100%;
	max-height: min(68vh, 680px);
	overflow: hidden;
	background: #18181b;
}

body.single-pb_project .pb-project-single__featured img {
	display: block;
	width: 100%;
	height: clamp(300px, 56vw, 680px);
	object-fit: cover;
}

body.single-pb_project .pb-project-single__header,
body.single-pb_project .pb-project-single__content-wrap {
	width: calc(100% - clamp(2rem, 8vw, 7rem));
	max-width: 1040px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

body.single-pb_project .pb-project-single__header {
	padding-top: clamp(2.5rem, 6vw, 5rem);
	padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

body.single-pb_project .pb-project-single__terms {
	margin: 0 0 1rem;
	color: #ff5f1f;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

body.single-pb_project .pb-project-single__terms a {
	color: inherit;
	text-decoration: none;
}

body.single-pb_project .pb-project-single__title {
	margin: 0;
	color: #ff5f1f !important;
	font-size: clamp(2.25rem, 6vw, 5rem);
	font-weight: 900;
	line-height: 0.98;
	letter-spacing: 0;
	text-transform: uppercase;
}

body.single-pb_project .pb-project-single__excerpt {
	max-width: 760px;
	margin-top: 1.25rem;
	margin-bottom: 0;
	color: #d4d4d8;
	font-size: clamp(1rem, 1.6vw, 1.2rem);
	line-height: 1.75;
}

body.single-pb_project .pb-project-single__excerpt p {
	margin: 0;
}

body.single-pb_project .pb-project-single__content-wrap {
	padding-bottom: clamp(4rem, 8vw, 7rem);
}

body.single-pb_project .pb-project-single__content {
	max-width: 860px;
	margin-right: auto;
	margin-left: auto;
}

body.single-pb_project .pb-project-single__content > :where(p, ul, ol) {
	color: #d4d4d8;
	font-size: 1.05rem;
	line-height: 1.85;
}

body.single-pb_project .pb-project-single__content > :where(h2, h3, h4) {
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	color: #ff5f1f;
	font-size: clamp(1.5rem, 3vw, 2.35rem);
	line-height: 1.12;
	letter-spacing: 0;
}

body.single-pb_project .pb-project-single__content .wp-block-image {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

body.single-pb_project .pb-project-single__content .wp-block-image img {
	border-radius: 0.75rem;
}

@media (max-width: 640px) {
	body.single-pb_project .pb-project-single__header,
	body.single-pb_project .pb-project-single__content-wrap {
		width: calc(100% - 2rem);
	}

	body.single-pb_project .pb-project-single__title {
		font-size: clamp(2rem, 14vw, 3.25rem);
	}
}