:root {
	--primary: #D4AF7A; /* Gold acento */
	--primary-hover: #C5A069;
	--secondary: #E7C6C6; /* Rosa Secundario (Fondo suave) */
	--tertiary: #1F3A5F; /* Azul Dominante */
	--tertiary-hover: #162C4A;
}

body, .bg-white {
    background-color: var(--secondary) !important; /* Fondo Rosa suave en lugar de Blanco */
}

/* Custom Blue Dominant Helper */
.bg-blue-dominant {
	background-color: var(--tertiary) !important;
	color: #fff !important;
}

.bg-blue-dominant h1, 
.bg-blue-dominant h2, 
.bg-blue-dominant h3, 
.bg-blue-dominant h4, 
.bg-blue-dominant h5, 
.bg-blue-dominant h6,
.bg-blue-dominant .tarot-topics-text h4 a {
	color: #E7C6C6 !important; /* Rosa Secundario para mejor contraste en fondo azul */
}

.bg-blue-dominant p,
.bg-blue-dominant .tarot-topics-text p,
.bg-blue-dominant .widget ul li {
	color: #fff !important; /* Blanco para textos informativos */
}

.bg-blue-dominant .text-primary {
	color: var(--primary) !important; /* Dorado acento para detalles/precios */
}

/* Redefine primary for consistency in common template parts */
.site-button,
.comments-area .comment-form p input[type="submit"] {
	background-color: var(--primary) !important;
}

.site-button:active,
.site-button:hover,
.site-button:focus {
	background-color: var(--primary-hover) !important;
}

.text-primary,
.primary li:before,
.breadcrumb-row ul li a,
.header-nav .nav > li.active > a,
.header-nav .nav > li:hover > a {
	color: var(--primary) !important;
}

.text-secondary {
	color: var(--secondary) !important;
}

/* Ensure Stars are Gold */
.fa-star, .ti-star, .star-rating-svg {
	color: var(--primary) !important;
}

/* Owl Carousel Dots - From Green to Gold/Pink */
.owl-theme .owl-dots .owl-dot span {
	background-color: var(--primary) !important; /* Gold by default */
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #E7C6C6 !important; /* Pink when active/hover */
}

/* Portfolio and Wavy elements - using original PNGs (User will edit them) */
/* (References are in index.html inline styles) */

/* Footer lines and separators in gold */
.footer-line:after,
.dlab-separator:after,
.dlab-separator.style-skew:after,
.dlab-separator.style-skew:before {
	background-color: var(--primary) !important;
}

/* H3 using H2 font style but smaller */
.tarot-reviews .section-head h3, 
.tarot-methodology .section-head h3, 
.tarot-team-section .section-head h3, 
.tarot-content-text h3 {
    font-family: 'Abhaya Libre', serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 50px;
}

@media only screen and (max-width: 991px) {
    .tarot-reviews .section-head h3, 
    .tarot-methodology .section-head h3, 
    .tarot-team-section .section-head h3, 
    .tarot-content-text h3 {
        font-size: 28px;
        line-height: 36px;
    }
}

/* Added Padding */
.content-inner-3 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

/* Fix mobile scaling blue line issue on background waves */
.tarot-team-section:after {
    height: calc(100% + 2px) !important;
    top: -1px !important;
}

/* Compact specific call buttons */
.tarot-call-btn {
    width: auto !important;
    min-width: 0 !important;
    padding: 12px 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

/* Header specific tweaks for responsiveness */
.logo-header {
    margin-right: 100px !important;
}

@media (max-width: 991px) {
    .logo-header {
        margin-right: 10px !important;
    }
    .logo-header a {
        font-size: 28px !important;
    }
    .extra-nav {
        padding: 5px 0;
    }
    .header-call-btn {
        padding: 4px 6px !important;
        margin: 2px !important;
        font-size: 10px !important;
    }
}

/* Ensure the container doesn't break overflow only on mobile */
@media (max-width: 991px) {
    .tarot-header .container {
        max-width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Pinkish Loading Area to match the new logo */
#loading-area {
	background-color: var(--secondary) !important;
    background-image: none !important; /* This kills the old PNG ghost! */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 99999 !important;
}

.tarot-loading-text {
	font-family: 'Great Vibes', cursive !important;
	color: var(--primary) !important;
	font-size: 60px !important;
	text-transform: none !important;
	margin: 0 !important;
	animation: tarotPulse 2s infinite ease-in-out !important;
}

@keyframes tarotPulse {
	0% { opacity: 0.5; transform: scale(0.9); }
	50% { opacity: 1; transform: scale(1); }
	100% { opacity: 0.5; transform: scale(0.9); }
}