/*
Theme Name: MOTlab
Theme URI: https://motlab.es
Author: MOTlab
Description: Tema de bloques para MOTlab — impresión 3D, grabado y corte láser y estampación. Preparado para WooCommerce, con campo «texto a grabar» en los productos y formulario de presupuesto.
Version: 1.1.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: motlab
*/

/* ---------- Base ---------- */
body { -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
:where(a) { text-underline-offset: 3px; }
.wp-site-blocks { padding-top: 0; }

.eyebrow,
.motlab-etiqueta {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.875rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--rojo-oscuro);
	margin: 0;
}
.texto-suave { color: var(--wp--preset--color--gris); }

/* Botón con contorno */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--tinta);
	border: 1.5px solid var(--wp--preset--color--tinta);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--crema);
}

/* ---------- Cabecera ---------- */
.motlab-cabecera {
	border-bottom: 1px solid var(--wp--preset--color--linea);
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
	background: var(--wp--preset--color--crema);
}
.single-product h1.wp-block-post-title,
.single-product .product_title { font-size: var(--wp--preset--font-size--xx-large); }
.motlab-marca { display: flex; align-items: center; gap: 12px; }
.motlab-marca .wp-block-image { margin: 0; }
.motlab-marca img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; display: block; }
.motlab-marca .wp-block-site-title a { text-decoration: none; }
.motlab-cabecera .wp-block-navigation a { text-decoration: none; }
.motlab-cabecera .wp-block-navigation .wp-block-navigation-item.boton-nav > a {
	background: var(--wp--preset--color--rojo);
	color: var(--wp--preset--color--blanco);
	padding: 10px 20px;
	border-radius: 999px;
}
.motlab-cabecera .wp-block-navigation .wp-block-navigation-item.boton-nav > a:hover {
	background: var(--wp--preset--color--rojo-oscuro);
}

/* ---------- Secciones ---------- */
.motlab-seccion { padding-top: var(--wp--preset--spacing--70); padding-bottom: var(--wp--preset--spacing--70); }
.motlab-seccion--oscura {
	background: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--crema);
}
.motlab-seccion--oscura h2,
.motlab-seccion--oscura h3 { color: var(--wp--preset--color--crema); }
.motlab-seccion--oscura p { color: var(--wp--preset--color--linea); }
.motlab-seccion--arena { background: var(--wp--preset--color--arena); }

/* Portada */
.motlab-portada h1 { margin-top: 0.4em; margin-bottom: 0.4em; }
.motlab-portada .lead { font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--gris); max-width: 34em; }
.motlab-portada .motlab-ventajas { display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 0.9375rem; color: var(--wp--preset--color--gris); margin-top: 1.5rem; }
.motlab-portada .motlab-ventajas p { margin: 0; }
.motlab-portada .wp-block-image img,
.motlab-trabajos .wp-block-image img { border-radius: 20px; width: 100%; object-fit: cover; }
.motlab-portada .wp-block-image img { aspect-ratio: 1 / 1; }

/* Tarjetas de servicio */
.motlab-servicio {
	background: var(--wp--preset--color--tinta-suave);
	border-radius: 20px;
	padding: clamp(24px, 3vw, 36px);
	height: 100%;
	box-sizing: border-box;
}
.motlab-servicio ul { color: var(--wp--preset--color--crema); padding-left: 1.2em; line-height: 1.9; }
.motlab-servicio .precio {
	font-family: var(--wp--preset--font-family--mono);
	color: #FDBA74 !important;
	font-size: 0.9375rem;
}
.motlab-icono { width: 40px; height: 40px; }
.motlab-icono svg { width: 40px; height: 40px; stroke: #FDBA74; }

/* Cómo funciona */
.motlab-pasos .wp-block-column {
	border-top: 2px solid var(--wp--preset--color--tinta);
	padding-top: 20px;
}
.motlab-pasos .numero {
	font-family: var(--wp--preset--font-family--mono);
	color: var(--wp--preset--color--rojo-oscuro);
	margin: 0;
}
.motlab-pasos h3 { font-size: 1.3rem; font-family: var(--wp--preset--font-family--texto); letter-spacing: 0; }

/* Trabajos */
.motlab-trabajos .wp-block-image img { aspect-ratio: 4 / 5; }
.motlab-trabajos figcaption { color: var(--wp--preset--color--gris); text-align: left; }

/* ---------- Productos (WooCommerce) ---------- */
.motlab-tienda ul.products { margin-top: 0; }
.woocommerce ul.products li.product,
.wc-block-grid__product {
	text-align: left;
}
.woocommerce ul.products li.product a img {
	border-radius: 16px;
	background: var(--wp--preset--color--arena);
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--wp--preset--font-family--texto);
	font-size: 1.15rem;
	font-weight: 600;
	letter-spacing: 0;
}
.woocommerce ul.products li.product .price {
	color: var(--wp--preset--color--tinta) !important;
	font-weight: 600;
	font-size: 1.05rem;
}
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button {
	background: var(--wp--preset--color--rojo);
	color: #fff;
	border-radius: 999px;
	padding: 12px 20px;
	font-weight: 600;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--wp--preset--color--rojo-oscuro);
	color: #fff;
}

/* Campo «texto a grabar» */
.motlab-personalizacion { margin: 0 0 1.25rem; display: flex; flex-direction: column; gap: 6px; }
.motlab-personalizacion label { font-weight: 600; font-size: 0.95rem; }
.motlab-personalizacion input {
	height: 48px;
	border: 1px solid #A8A29E;
	border-radius: 10px;
	padding: 0 14px;
	font-size: 1rem;
	font-family: inherit;
	background: #fff;
	max-width: 420px;
}
.motlab-personalizacion small { color: var(--wp--preset--color--gris); }

/* ---------- Formulario de presupuesto ---------- */
.motlab-form {
	background: #fff;
	border: 1px solid var(--wp--preset--color--linea);
	border-radius: 24px;
	padding: clamp(24px, 3vw, 40px);
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.motlab-form .fila { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.motlab-form label { display: flex; flex-direction: column; gap: 8px; font-size: 0.95rem; font-weight: 500; }
.motlab-form input,
.motlab-form select,
.motlab-form textarea {
	border: 1px solid #A8A29E;
	border-radius: 10px;
	padding: 12px 14px;
	font-size: 1rem;
	font-family: inherit;
	background: #fff;
	color: var(--wp--preset--color--tinta);
}
.motlab-form input,
.motlab-form select { height: 48px; padding-top: 0; padding-bottom: 0; }
.motlab-form .legal { font-size: 0.875rem; color: var(--wp--preset--color--gris); flex-direction: row; align-items: flex-start; gap: 10px; font-weight: 400; }
.motlab-form .legal input { height: auto; margin-top: 4px; }
.motlab-form button {
	height: 56px;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--rojo);
	color: #fff;
	font-size: 1.05rem;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
}
.motlab-form button:hover { background: var(--wp--preset--color--rojo-oscuro); }
.motlab-form .trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.motlab-aviso { padding: 14px 18px; border-radius: 12px; font-weight: 500; }
.motlab-aviso--ok { background: #E3F0E3; color: #1E4620; }
.motlab-aviso--error { background: #F8E1DC; color: #7A2416; }

/* ---------- Pie ---------- */
.motlab-pie {
	background: var(--wp--preset--color--tinta);
	color: var(--wp--preset--color--linea);
	font-size: 0.95rem;
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--60);
}
.motlab-pie a { color: var(--wp--preset--color--linea); }
.motlab-pie a:hover { color: #fff; }
.motlab-pie .titulo-pie { color: var(--wp--preset--color--crema); font-weight: 600; margin-bottom: 0.4em; }
.motlab-pie .motlab-marca img { width: 96px; height: 96px; }
.motlab-pie .wp-block-site-title a { color: var(--wp--preset--color--crema); }
.motlab-pie p { margin: 0.3em 0; }

/* ---------- Móvil ---------- */
@media (max-width: 781px) {
	.motlab-form .fila { grid-template-columns: minmax(0, 1fr); }
	.motlab-marca img { width: 52px; height: 52px; }
	.motlab-seccion .wp-block-columns { gap: 32px; }
}

/* Títulos dentro de páginas de texto (legales, información) */
.motlab-seccion .wp-block-post-content h2 { font-size: var(--wp--preset--font-size--x-large); margin-top: 2em; }
.motlab-seccion .wp-block-post-content h3 { font-size: var(--wp--preset--font-size--large); margin-top: 1.5em; }