/*
Theme Name: BEC AI
Theme URI: https://becai.com.mx
Description: Tema hijo de Twenty Twenty-Five para BEC AI (Business Evolution & Consulting).
Author: BEC AI
Template: twentytwentyfive
Version: 0.1.0
Requires at least: 6.7
Requires PHP: 8.0
Text Domain: becai
*/

/* Marca en el encabezado: isotipo + "BEC" + significado */
.becai-brand {
	text-decoration: none;
}
.becai-brand__name {
	line-height: 1;
}
.becai-brand__meaning {
	line-height: 1.2;
}

/* Marcadores de contenido pendiente (se quitan en la fase de piel) */
.becai-placeholder {
	border: 1px dashed var(--wp--preset--color--accent-4);
	border-radius: 8px;
	padding: var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--accent-4);
	text-align: center;
}

/* Tarjetas */
.becai-card {
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 12px;
}

/* Botón flotante de WhatsApp */
.becai-whatsapp-float {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}
.becai-whatsapp-float svg {
	width: 30px;
	height: 30px;
	fill: currentColor;
}

/* Formulario de contacto (Contact Form 7) */
.wpcf7-form label {
	display: block;
	margin-bottom: var(--wp--preset--spacing--30);
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
	width: 100%;
	box-sizing: border-box;
	margin-top: 6px;
	padding: 12px;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 6px;
	background: var(--wp--preset--color--accent-5);
	color: var(--wp--preset--color--contrast);
	font: inherit;
}
.wpcf7-form .wpcf7-list-item {
	margin: 0;
}

/* Celulares: el encabezado no cabe completo */
@media (max-width: 600px) {
	.becai-header-cta {
		display: none;
	}
	.becai-brand img {
		width: 40px !important;
	}
	.becai-brand__name {
		font-size: 1.25rem !important;
	}
	.becai-brand__meaning {
		max-width: 170px;
		font-size: 0.625rem !important;
	}
}