/* ===== TIPOGRAFIA GIBSON (Adobe Fonts) ===== */
@import url("https://use.typekit.net/wiw5fpk.css");

:root, body, .editor-styles-wrapper {
  --wp--preset--font-family--rubik: "canada-type-gibson", sans-serif;
  --wp--preset--font-family--archivo: "canada-type-gibson", sans-serif;
}

/* Gibson en absolutamente todo (menos iconos y estrellas de rating) */
body, button, input, select, optgroup, textarea,
.wp-site-blocks *:not(.dashicons):not([class*="dashicons-"]):not(.star-rating):not(.star-rating *),
.wc-block-components-drawer *, .wc-block-mini-cart__drawer *, .pswp * {
  font-family: "canada-type-gibson", sans-serif !important;
}

/* Cuerpo = Gibson Regular */
body, p, li, dd, dt, td, th, blockquote, figcaption, label,
input, select, textarea, .wp-block-post-excerpt, .wp-block-post-excerpt p,
.wp-block-navigation a, .wp-block-navigation-item__content,
.woocommerce-product-details__short-description, .woocommerce-Tabs-panel p,
.price, .amount, .wc-block-components-product-name {
  font-weight: 400 !important;
}

/* Titulos = Gibson Medium */
h1, h2, h3, h4, h5, h6, .wp-block-heading,
.wp-block-post-title, .wp-block-post-title a, .wp-block-site-title, .wp-block-site-title a,
.woocommerce-loop-product__title, .wc-block-grid__product-title,
.product_title, .wc-block-components-title, .woocommerce-products-header__title,
.wp-block-query-title, .wp-block-term-description + h2 {
  font-family: "canada-type-gibson", sans-serif !important;
  font-weight: 500 !important;
}

/* Botones = Gibson Medium */
.wp-block-button__link, .wc-block-components-button, .wc-block-components-button__text,
button, .button, input[type="submit"], .added_to_cart {
  font-family: "canada-type-gibson", sans-serif !important;
  font-weight: 500 !important;
}

strong, b { font-weight: 600 !important; }
/* ===== FIN TIPOGRAFIA GIBSON ===== */

/* --- Nombres de productos visibles en carrito y checkout --- */
.wc-block-components-product-name,
.wc-block-cart-item__wrap .wc-block-components-product-name,
.wc-block-mini-cart__items .wc-block-components-product-name,
.wc-block-components-order-summary-item__description .wc-block-components-product-name,
.woocommerce-table__product-name a,
td.product-name a {
	color: #C8A97E !important;
	text-decoration: none;
}

.wc-block-components-product-name:hover,
.wc-block-components-product-name:focus,
.woocommerce-table__product-name a:hover,
td.product-name a:hover {
	color: #E3C79B !important;
	text-decoration: underline;
}

/* --- Pagina de contacto: enlaces en blanco --- */
.page-id-10 .wp-block-post-content a:where(:not(.wp-element-button)) {
	color: #ffffff !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.page-id-10 .wp-block-post-content a:where(:not(.wp-element-button)):hover {
	color: #C8A97E !important;
}

/* --- Formulario de contacto: campos con relleno blanco --- */
.grunion-field,
input.wp-block-jetpack-input,
textarea.wp-block-jetpack-input,
.wp-block-jetpack-contact-form input.grunion-field,
.wp-block-jetpack-contact-form textarea.grunion-field {
	background-color: #ffffff !important;
	color: #3B2D27 !important;
	border: 1px solid #C8A97E !important;
	border-radius: 4px;
}

.grunion-field::placeholder {
	color: #7A6A60 !important;
}

.grunion-field:focus {
	outline: 2px solid #C8A97E !important;
	outline-offset: 1px;
}

/* --- Botones unificados con el estilo de la home --- */
.wp-block-button__link,
a.wp-element-button,
button.wp-element-button,
.wp-block-jetpack-contact-form button[type="submit"],
.wp-block-jetpack-subscriptions__container button,
.wp-block-jetpack-subscriptions__button,
.wc-block-components-button:not(.wc-block-components-quantity-selector__button) {
	background-color: #241A15 !important;
	color: #FFFFFF !important;
	border: 1px solid #C8A97E !important;
	border-radius: 6px !important;
	font-family: "canada-type-gibson", sans-serif !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

.wp-block-button__link:hover,
a.wp-element-button:hover,
button.wp-element-button:hover,
.wp-block-jetpack-contact-form button[type="submit"]:hover,
.wp-block-jetpack-subscriptions__container button:hover,
.wc-block-components-button:not(.wc-block-components-quantity-selector__button):hover {
	background-color: #3A2A20 !important;
	border-color: #E3C79B !important;
	color: #FFFFFF !important;
}

/* --- Campo de email del bloque suscripcion --- */
.wp-block-jetpack-subscriptions__container input[type="email"],
input#subscribe-field {
	opacity: 1 !important;
	background-color: #FFFFFF !important;
	color: #3B2D27 !important;
	border: 1px solid #C8A97E !important;
	border-radius: 6px !important;
}

.wp-block-jetpack-subscriptions__container input[type="email"]::placeholder,
input#subscribe-field::placeholder {
	color: #7A6A60 !important;
}

/* --- Enlace "Read more" del blog (en linea, junto al texto) --- */
.wpnbha .entry-wrapper > p {
	display: inline;
}

.wpnbha .more-link,
a.more-link {
	display: inline;
	margin-left: 8px;
	white-space: nowrap;
	color: #E3C79B !important;
	font-family: "canada-type-gibson", sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 4px;
	transition: color 0.2s ease;
}

.wpnbha .more-link::after,
a.more-link::after {
	content: " \2192";
}

.wpnbha .more-link:hover,
a.more-link:hover {
	color: #FFFFFF !important;
}

.wpnbha .entry-meta {
	display: block;
	margin-top: 18px;
}

/* --- Tamano parejo de botones (el hero de la home queda mas grande a proposito) --- */
.wp-block-jetpack-contact-form button[type="submit"],
.wp-block-jetpack-subscriptions__container button {
	font-size: 16px !important;
	padding: 18px 34px !important;
}

/* --- Logo: resplandor blanco suave (opcion D - media) --- */
.wp-block-site-logo img,
img.custom-logo {
	filter: drop-shadow(0 0 18px rgba(255, 255, 255, 0.8));
}

/* --- Enlace "Read" de los blogs en la home (link discreto, no boton) --- */
.wp-block-read-more {
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	color: #E3C79B !important;
	font-family: "canada-type-gibson", sans-serif;
	font-size: 13px !important;
	font-weight: 500;
	letter-spacing: 1.5px;
	text-transform: uppercase !important;
	text-decoration: underline;
	text-underline-offset: 4px;
	transition: color 0.2s ease;
}

.wp-block-read-more::after {
	content: " \2192";
}

.wp-block-read-more:hover {
	color: #FFFFFF !important;
}


/* =========================================================
   MOVIL - solo pantallas chicas (no afecta escritorio)
   ========================================================= */
@media (max-width: 781px) {

	/* --- Menu desplegable: fondo de marca y textos visibles --- */
	.wp-block-navigation__responsive-container.is-menu-open {
		background-color: #2C211C !important;
		padding: 28px 24px 48px !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open,
	.wp-block-navigation__responsive-container.is-menu-open a,
	.wp-block-navigation__responsive-container.is-menu-open button,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		color: #FFFFFF !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		align-items: flex-start !important;
		justify-content: flex-start !important;
		text-align: left !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li {
		width: 100% !important;
		text-align: left !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		justify-content: flex-start !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li > a {
		font-size: 19px !important;
		letter-spacing: 1px;
		text-transform: uppercase;
		padding: 6px 0 !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		padding: 2px 0 12px 0 !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li {
		grid-row: auto !important;
		grid-column: auto !important;
		width: 100% !important;
		white-space: normal !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li > a {
		color: #FFFFFF !important;
		opacity: 1 !important;
		font-size: 16px !important;
		letter-spacing: 0.5px !important;
		padding: 9px 0 !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > li.qo-h > a {
		color: #C8A97E !important;
		opacity: 1 !important;
		font-size: 11px !important;
		letter-spacing: 2.2px !important;
		padding: 18px 0 2px 0 !important;
	}

	/* --- Cabecera: que el nombre no empuje el menu fuera de pantalla --- */
	header .wp-block-group.is-nowrap { flex-wrap: nowrap !important; }
	header .wp-block-site-title { font-size: 15px !important; line-height: 1.2 !important; min-width: 0 !important; }
	header .wp-block-site-title a { white-space: normal !important; }

	/* --- Hero: titular proporcionado a la pantalla --- */
	header .wp-block-cover h1,
	header .wp-block-cover h2 { font-size: 30px !important; line-height: 1.12 !important; }
}

/* --- Refuerzo Gibson: botones y enlaces que tenian Rubik --- */
html body .wc-block-components-button,
html body .wc-block-components-button__text,
html body .wp-block-button__link,
html body a.wp-element-button,
html body button.wp-element-button,
html body .wp-block-read-more,
html body .wpnbha .more-link,
html body a.more-link,
html body .woocommerce a.button,
html body .woocommerce button.button,
html body input.button,
html body button,
html body input, html body select, html body textarea {
  font-family: "canada-type-gibson", sans-serif !important;
}

/* --- Home: titulos del blog centrados bajo la foto --- */
body.home .wp-block-post-template li .wp-block-group.is-vertical { align-items: center !important; }
body.home .wp-block-post-template li .wp-block-post-title,
body.home .wp-block-post-template li .wp-block-post-excerpt,
body.home .wp-block-post-template li .wp-block-post-date {
  width: 100% !important;
  align-self: stretch !important;
  text-align: center !important;
}

/* --- Aire en los titulos (ajuste para Gibson) --- */
.wp-block-cover h1, .wp-block-cover h2 { line-height: 1.36 !important; letter-spacing: 0.01em !important; }
h2.wp-block-heading { line-height: 1.28 !important; letter-spacing: 0.02em !important; }
h2.wp-block-heading + p { margin-top: 16px !important; }


/* ===== MAS AIRE ENTRE LINEAS EN LOS TITULOS ===== */
.wp-block-post-title { line-height: 1.4; }
.qo-news-title, .qo-pop-title { line-height: 1.3; }