/* =============================================================
   cihelo.css — Estilos propios del proyecto
   ============================================================= */


/* ── Navegación principal ──────────────────────────────────── */

.nav-link-pill {
	color: #000 !important;
	border: 1px solid #000;
	border-radius: 30px;
	padding: 8px 22px;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.nav-link-pill:hover,
.nav-link-pill.active {
	background: #ffc107;
	border-color: #0D1A1C;
}

.header-nav-left  { flex: 1; display: flex; align-items: center; gap: 12px; justify-content: flex-end;  padding-right: 24px; }
.header-nav-right { flex: 1; display: flex; align-items: center; gap: 12px; justify-content: flex-start; padding-left:  24px; }
.header-logo-center { flex: 0 0 auto; }


/* ── Logo sizes por contexto ───────────────────────────────── */

.sidebar-nav .offcanvas-header .logo img { height: 60px; width: auto; }
.theme-main-menu .header-logo-center img { height: 40px; width: auto; }
.d-lg-none .logo-mobile                 { height: 36px; width: auto; }


/* ── Hero ──────────────────────────────────────────────────── */

.hero-banner-seven .sub-heading { padding: 35px; }
.hero-banner-seven .d-sm-flex   { padding: 35px; }


/* ── Partner logos ─────────────────────────────────────────── */

.partner-logo-one       { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 32px 48px; }
.partner-logo-one .item { flex: 0 0 auto; }


/* ── Colores de cards de servicios ─────────────────────────── */

.card-bg-yellow { background: #FFE073; }
.card-bg-pink   { background: #FF9AE3; }
.card-bg-green  { background: #45F08D; }
.card-bg-purple { background: #A394FF; }
.card-bg-blue   { background: #94E5FF; }


/* ── Pricing cards ─────────────────────────────────────────── */

.pricing-card          { border-radius: 20px; padding: 44px 32px; height: 100%; }
.pricing-card-starter  { background: #FFE073; }
.pricing-card-pro      { background: #0D1A1C; position: relative; }
.pricing-card-business { background: #A394FF; }

.pricing-badge {
	position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
	background: #45F08D; border-radius: 20px; padding: 5px 20px;
	font-size: 0.78rem; font-weight: 700; white-space: nowrap; letter-spacing: .04em;
}

.pricing-price        { font-size: 3rem; font-weight: 700; line-height: 1; }
.pricing-price .period { font-size: 1rem; font-weight: 400; }
.pricing-pro-note     { color: #ccc; }
.pricing-pro-check    { color: #45F08D; }

.btn-pricing-pro {
	background: #45F08D; color: #0D1A1C; border-radius: 30px;
	padding: 13px 30px; font-weight: 700; display: block;
	text-align: center; text-decoration: none; transition: opacity .3s;
}
.btn-pricing-pro:hover { opacity: 0.85; color: #0D1A1C; }


/* ── FAQ (details/summary nativo) ──────────────────────────── */

.faq-details            { border-top: 2px solid #0D1A1C; padding: 20px 0; background: transparent; }
.faq-details:last-child { border-bottom: 2px solid #0D1A1C; }
.faq-details summary {
	font-size: 1.375rem; font-weight: 500; color: #0D1A1C;
	cursor: pointer; list-style: none; display: flex;
	justify-content: space-between; align-items: center; padding: 0;
}
.faq-details summary::-webkit-details-marker { display: none; }
.faq-details summary::after       { content: '+'; font-size: 1.5rem; font-weight: 300; flex-shrink: 0; margin-left: 16px; }
.faq-details[open] summary::after { content: '−'; }
.faq-details .faq-body            { font-size: 1.25rem; color: #0D1A1C; padding-top: 14px; }


/* ── Nosotros — quote ──────────────────────────────────────── */

/* ── Honeypot anti-spam ────────────────────────────────────────── */

.form-hp { position: absolute; left: -9999px; opacity: 0; height: 0; overflow: hidden; }


/* ── Nosotros — quote ──────────────────────────────────────────── */

.quote-nosotros {
	border-left: 4px solid #0D1A1C;
	padding: 24px 32px; margin: 60px 0;
	background: #f5f5f5; border-radius: 0 12px 12px 0;
}
.quote-nosotros blockquote {
	font-size: 1.6rem; font-weight: 500; line-height: 1.5;
	margin: 0; font-family: 'Montserrat', sans-serif;
}