h1,h2,h3{font-family:"Montserrat",Arial,sans-serif}
h1,h2,h3,h4,h5,h6{color:#ffd700}
p{color:#fff}
.py-6{padding-top:6rem!important;padding-bottom:6rem!important}
.py7{padding-top:9rem!important;padding-bottom:9rem!important}
.btn{padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease,color .3s ease}
.btn-primary{background-color:#ffd700;color:#0e1428}
.btn-primary:hover{background-color:orange;color:#0e1428;transition:background-color .3s ease}
#about,#featuredAstrologers{background-image:url(/images/zodiac_back.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
#aboutcover,#featurecover{background-color:rgba(5,8,16,0.8)}
#services{background-color:#1c233f}
#contact{background-color:#1c233f}

#mainnav .navbar-nav .nav-link{color:#fff;transition:color .3s ease}
#mainnav .navbar-nav .nav-link:hover{color:#ffd700}
#mainnav .btn-primary, #contact a {display: inline-flex; align-items: center; justify-content: center; padding: 12px 20px; min-width: 48px;min-height: 48px; font-weight: bold}

#contact a i { line-height: 1; display: block}
.navbar-brand{color:#ffd700}
.navbar-brand:hover{color:#ffd700}
#contact h5,a{color:#fff;text-decoration:none}
#contacticons a{font-size:2rem;margin-right:1rem}
#contactcard{background-color:#1c233f;border:none}
#contactcard label{color:#fff}
#featuredAstrologers a{font-size:2rem}
#aboutlogo a{font-size:2rem;margin-right:1rem}
.back-to-top{position:fixed;bottom:30px;right:30px;width:40px;height:40px;background-color:#0e1428;color:#ffd700;border:1px solid #ffd700;border-radius:50%;cursor:pointer;display:none}
.back-to-top i{font-size:24px}
.rotate{animation:rotation 12s linear infinite; -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:hidden;}
@keyframes rotation {
	from{transform:rotate(359deg)}
	to{transform:rotate(0deg)}
}
::placeholder {color: blue;font-size: 0.9em}
.accordion-button::after {
	--bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	--bs-accordion-btn-icon-width: 1.3rem;
	  background-image: var(--bs-accordion-btn-icon);
	  background-color: var(--bs-tertiary-bg);
	  border-radius: 0.8em;
	  box-shadow: var(--bs-box-shadow);
}
[data-bs-theme=dark] .accordion-button::after {
	--bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e5e5e5'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e5e5e5'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	--bs-accordion-btn-icon-width: 3rem;
	background-image: var(--bs-accordion-btn-icon);
	background-color: var(--bs-tertiary-bg);
	border-radius: 0.8em;
	box-shadow: var(--bs-box-shadow);
}
.popb { text-decoration: none;cursor: pointer}
.fondomodal{background-image: url('/videos/fondo-web.webp');border:1px solid #000;padding:10px 20px;box-shadow:0 0 20px;animation:infinite resplandorAnimation 2s}
.emote {transform:scale(-1, 1);width:fit-content}
.alert-premium { background-color: var(--bs-success-bg-subtle); color: var(--bs-success-text-emphasis); border: 3px solid #D4AF37 !important; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); position: relative; overflow: hidden; }

.alert-premium::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #D4AF37, #F1C40F, #D4AF37)}

.capa-video { position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; aspect-ratio: 16 / 9; background-position: center; background-size: cover; border-radius: 12px; box-shadow: 0 10px 20px rgba(0,0,0,0.2); transition: transform 0.3s ease; }

.boton-play { width: 75px; height: 75px; background: radial-gradient(circle, rgba(255,255,255,0.95) 0%, rgba(240,240,240,0.8) 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid #d4af37; box-shadow: 0 0 15px rgba(212, 175, 55, 0.4); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } 

.boton-play::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #5e35b1; margin-left: 6px; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3)); } 

.capa-video:hover { transform: translateY(-5px)} 
.capa-video:hover .boton-play { transform: scale(1.2) rotate(360deg); background: #fff; border-color: #ffd700; box-shadow: 0 0 30px rgba(255, 215, 0, 0.6); } 

#bloque-dinamico { display: none; } 
.link-mejorado { color: #0056b3 !important; text-decoration: underline !important; } 
.txt-esperamos { color: #a65d6a !important; font-weight: bold; font-size: 1.2rem; letter-spacing: 2px; }
#d_s.text-danger { color: #e63946 !important; font-weight: 800; }
.form-check { padding-top: 12px; padding-bottom: 12px; margin-bottom: 5px; display: flex; align-items: center; min-height: 48px; }

.form-check-input { width: 1.5em !important; height: 1.5em !important; margin-right: 15px !important; cursor: pointer}

.accordion-button.text-primary { color: #0052a3 !important; } 
.accordion-button:not(.collapsed) { color: #004085 !important; }
.form-check-label { color: #212529 !important; }

/* Estilos para el Acordeón Nativo (Details/Summary) */
.faq-details { border: 1px solid rgba(255, 215, 0, 0.2); border-radius: 10px; background: rgba(255, 255, 255, 0.05); overflow: hidden; margin-bottom: 12px; min-height: 55px; transition: all 0.3s ease; }
.faq-details:hover { border-color: rgba(255, 215, 0, 0.5); background: rgba(255, 255, 255, 0.08); transform: translateY(-2px); }
.faq-summary { padding: 16px 50px 16px 20px; cursor: pointer; list-style: none; position: relative; outline: none; color: #ff8da1; font-weight: 600; font-size: 1.05rem; transition: color 0.3s ease; }
.faq-summary::after { content: '+'; position: absolute; right: 20px; color: #ffd700; font-size: 1.4rem; top: 50%; transform: translateY(-50%); }
.faq-details[open] .faq-summary { border-bottom: 1px solid rgba(255, 215, 0, 0.1); background: rgba(255, 215, 0, 0.05); color: #ffffff; }
.faq-body { font-size: 0.95rem; line-height: 1.6; color: #f0f0f0; }
.antonia-bio-box { background: rgba(255,215,0,0.05); border-radius: 15px; border: 1px dashed rgba(255,215,0,0.2); transition: all 0.3s ease; }
.small.text-muted { color: #aaaaaa !important; }
.antonia-bio-box:hover { background: rgba(255,215,0,0.08); border-color: rgba(255,215,0,0.4); }
.italic { font-style: italic; }
.contact-icon { transition: transform 0.3s ease; }
.contact-icon:hover { transform: scale(1.1); }