/*
Theme Name: Colegio Adultos Maipú
Theme URI: https://www.colegioadultosmaipu.cl
Author: Colegio Adultos Maipú
Description: Tema de bloques para el Centro de Educación de Adultos Bernardo O'Higgins de Maipú. Portada, cabecera, pie y subpáginas hechas con bloques nativos de WordPress, editables desde el Editor del sitio. Al activarlo crea las páginas EPJA, Quiénes somos, Protagonistas, Preguntas frecuentes, Reglamentos, Contacto y Feria de Ciencias.
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
Version: 2.2.13
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: colegio-maipu
*/

:root {
	--cam-i-whatsapp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.031 6.172c-3.181 0-5.767 2.586-5.768 5.766-.001 1.298.38 2.27 1.019 3.287l-.711 2.598 2.669-.699c.969.587 1.838.88 2.791.88 3.182 0 5.768-2.586 5.769-5.766.001-3.182-2.585-5.766-5.77-5.766zm9.969 5.766c0 5.514-4.486 10-10 10-1.802 0-3.489-.481-4.947-1.319l-5.053 1.381 1.389-5.081c-.896-1.498-1.389-3.238-1.389-5.021 0-5.514 4.486-10 10-10s10 4.486 10 10z'/%3E%3C/svg%3E");
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

[id] {
	scroll-margin-top: 5rem;
}

/* Las secciones a ancho completo van pegadas, sin separación automática */
.wp-site-blocks > * + * {
	margin-block-start: 0;
}

/* ---------------------------------------------------------------
   Botón flotante de WhatsApp (parte "Botón flotante WhatsApp")
--------------------------------------------------------------- */
.cam-wa-float {
	position: fixed;
	/* Justo encima del botón del chat (58px, a 18px del borde) para que el alumno elija */
	right: 20px;
	bottom: 88px;
	z-index: 50;
	margin: 0 !important;
}

.cam-wa-float .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0;
	padding: 0.9rem !important;
	border-radius: 999px;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
	font-size: 0;
	font-weight: 700;
	white-space: nowrap;
	transition: gap 0.3s ease, font-size 0.3s ease, transform 0.2s ease;
}

.cam-wa-float .wp-block-button__link::before {
	content: "";
	flex: none;
	width: 1.5rem;
	height: 1.5rem;
	background: currentColor;
	-webkit-mask: var(--cam-i-whatsapp) center / contain no-repeat;
	mask: var(--cam-i-whatsapp) center / contain no-repeat;
}

.cam-wa-float .wp-block-button__link:hover,
.cam-wa-float .wp-block-button__link:focus-visible {
	gap: 0.5rem;
	font-size: 0.8rem;
	transform: scale(1.05);
}

/* En el editor se muestra el texto para poder editarlo */
.editor-styles-wrapper .cam-wa-float {
	position: static;
}

.editor-styles-wrapper .cam-wa-float .wp-block-button__link {
	font-size: 0.8rem;
	gap: 0.5rem;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}