/*
Theme Name: Velvet Inspiro Child
Description: Tema hijo de Inspiro para Velvet Bouquet Studio.
Author: Velvet Bouquet Studio
Template: inspiro
Version: 1.0.0
Text Domain: velvet-inspiro-child
*/

/*
Theme Name: Velvet Inspiro Child
Template: inspiro
*/

/* =========================================
   VELVET BOUQUET STUDIO - BASE GENERAL
   ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600&display=swap');

:root {
	--velvet-black: #0a0a0a;
	--velvet-dark: #121212;
	--velvet-gold: #c6a75c;
	--velvet-gold-light: #dfc982;
	--velvet-ivory: #f4f0e8;
	--velvet-text: #d8d2c7;
	--velvet-transition: 0.3s ease;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background-color: var(--velvet-black);
	color: var(--velvet-text);
	font-family: "Montserrat", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

body,
.site,
.site-content,
.site-main,
.entry-content {
	background-color: var(--velvet-black);
}

* {
	box-sizing: border-box;
}

img {
	max-width: 100%;
	height: auto;
}

/* Tipografía */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	color: var(--velvet-ivory);
	font-family: "Playfair Display", Georgia, serif;
	font-weight: 600;
	line-height: 1.15;
}

p,
li,
input,
textarea,
select,
button {
	font-family: "Montserrat", Arial, sans-serif;
}

/* Enlaces */

a {
	color: var(--velvet-gold);
	text-decoration: none;
	transition:
		color var(--velvet-transition),
		opacity var(--velvet-transition);
}

a:hover,
a:focus {
	color: #ffffff;
}

/* Botones generales */

button,
input[type="submit"],
.wp-block-button__link,
.uagb-buttons-repeater,
.button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 13px 28px;
	border: 1px solid var(--velvet-gold) !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	color: var(--velvet-gold) !important;
	font-family: "Montserrat", Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	cursor: pointer;
	transition:
		background-color var(--velvet-transition),
		color var(--velvet-transition),
		border-color var(--velvet-transition),
		transform var(--velvet-transition),
		box-shadow var(--velvet-transition);
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.uagb-buttons-repeater:hover,
.uagb-buttons-repeater:focus,
.button:hover,
.button:focus,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background-color: var(--velvet-gold) !important;
	border-color: var(--velvet-gold) !important;
	color: var(--velvet-black) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(198, 167, 92, 0.22);
}