/*
CTC Separate Stylesheet
Updated: 2026-07-13
*/

/* -------------------------------------------------------------------------
   Chakra Petch (local) — colocar los .woff2 en:
   assets/fonts/chakra-petch/
   ------------------------------------------------------------------------- */

@font-face {
	font-family: "Chakra Petch";
	src: url("assets/fonts/chakra-petch/ChakraPetch-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Chakra Petch";
	src: url("assets/fonts/chakra-petch/ChakraPetch-LightItalic.woff2") format("woff2");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Chakra Petch";
	src: url("assets/fonts/chakra-petch/ChakraPetch-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Chakra Petch";
	src: url("assets/fonts/chakra-petch/ChakraPetch-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Chakra Petch";
	src: url("assets/fonts/chakra-petch/ChakraPetch-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Chakra Petch";
	src: url("assets/fonts/chakra-petch/ChakraPetch-MediumItalic.woff2") format("woff2");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Chakra Petch";
	src: url("assets/fonts/chakra-petch/ChakraPetch-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Chakra Petch";
	src: url("assets/fonts/chakra-petch/ChakraPetch-SemiBoldItalic.woff2") format("woff2");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Chakra Petch";
	src: url("assets/fonts/chakra-petch/ChakraPetch-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Chakra Petch";
	src: url("assets/fonts/chakra-petch/ChakraPetch-BoldItalic.woff2") format("woff2");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

:root {
	--althus-font-family: "Chakra Petch", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--althus-font-light: 300;
	--althus-font-regular: 400;
	--althus-font-medium: 500;
	--althus-font-semibold: 600;
	--althus-font-bold: 700;
}

/* Home: el negro del hero llega al borde superior del viewport */
body.home,
body.page-template-elementor_header_footer.home {
	background-color: #000000;
}

body.home .site-main,
body.home #content,
body.home .page-content {
	background-color: transparent;
}