/*
Theme Name: Ruscica - En Construcción
Theme URI: https://ruscica.cl
Author: Brend Estudio
Author URI: https://brendestudio.com
Description: Tema temporal de "sitio en construcción" para ruscica.cl mientras se desarrolla el sitio definitivo.
Version: 1.0
Text Domain: ruscica-construccion
*/

* {
	box-sizing: border-box;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	background: #FFFFFF;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	color: #3A3A3A;
	padding: 24px;
}

.rc-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 480px;
	width: 100%;
}

.rc-logo {
	max-width: 320px;
	width: 80%;
	height: auto;
	margin-bottom: 48px;
}

.rc-spinner {
	width: 68px;
	height: 68px;
	margin-bottom: 48px;
}

.rc-spinner svg {
	width: 100%;
	height: 100%;
	animation: rc-rotate 1.8s linear infinite;
}

.rc-spinner circle {
	fill: none;
	stroke-width: 5;
	stroke-linecap: round;
}

.rc-spinner .rc-track {
	stroke: #E9E9E9;
}

.rc-spinner .rc-arc-teal {
	stroke: #0E7C90;
	stroke-dasharray: 190;
	stroke-dashoffset: 140;
	animation: rc-dash 1.8s ease-in-out infinite;
}

.rc-spinner .rc-arc-gray {
	stroke: #ABABAB;
	stroke-dasharray: 60;
	stroke-dashoffset: 0;
	animation: rc-dash-gray 1.8s ease-in-out infinite;
}

@keyframes rc-rotate {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

@keyframes rc-dash {
	0%   { stroke-dashoffset: 190; }
	50%  { stroke-dashoffset: 60; }
	100% { stroke-dashoffset: 190; }
}

@keyframes rc-dash-gray {
	0%   { stroke-dashoffset: 60; }
	50%  { stroke-dashoffset: 190; }
	100% { stroke-dashoffset: 60; }
}

.rc-title {
	font-size: 22px;
	font-weight: 600;
	color: #2B2B2B;
	margin: 0 0 12px;
	letter-spacing: 0.2px;
}

.rc-subtitle {
	font-size: 15px;
	color: #6E6E6E;
	margin: 0;
	line-height: 1.5;
}

.rc-dots span {
	animation: rc-blink 1.4s infinite;
	opacity: 0;
}

.rc-dots span:nth-child(1) { animation-delay: 0s; }
.rc-dots span:nth-child(2) { animation-delay: 0.2s; }
.rc-dots span:nth-child(3) { animation-delay: 0.4s; }

@keyframes rc-blink {
	0%   { opacity: 0; }
	20%  { opacity: 1; }
	100% { opacity: 0; }
}

.rc-divider {
	width: 40px;
	height: 2px;
	background: #0E7C90;
	margin: 32px 0 24px;
}

.rc-contact a {
	color: #0E7C90;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.3px;
}

.rc-contact a:hover {
	text-decoration: underline;
}