/* Google Fonts - mismo import que el proyecto Lovable threads-counseling-cursor-lovable-theme-replication-b31f */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap');

/* Botón perfil propietario - ajustes de padding (se cargan antes que lovable-base, usamos !important) */
a[data-url-setting="threads_owner_profile_url"] {
	padding-bottom: 18px !important;
}
a[data-url-setting="threads_owner_profile_url"] span[data-i18n-en="threads_en_owner_profileButton"] {
	padding-top: 10px !important;
}

/* Botón CTA de pricing - ajustes de padding */
#pricing button[data-scroll-target="#contact"] {
	padding-bottom: 5px;
}
#pricing span[data-i18n-en="threads_en_pricing_cta"] {
	padding-top: 5px;
}

/* Botón enviar contacto - ajustes de padding */
#contact button[data-submit-button] {
	padding-bottom: 13px;
}
#contact span[data-i18n-en="threads_en_contact_sendMessage"] {
	padding-top: 5px;
}

/* FAQ accordion - animación suave del icono al abrir/cerrar (igual que React/Radix) */
[data-accordion-trigger] svg {
	transition: transform 0.2s ease-out;
}
[data-accordion-trigger][data-state="open"] svg {
	transform: rotate(180deg);
}

/* Evitar que los iconos SVG se recorten en botones y contenedores */
button svg,
a[class*="inline-flex"] svg,
[data-accordion-trigger] svg,
.rounded-full.bg-muted svg {
	flex-shrink: 0;
	overflow: visible;
}

body.admin-bar .threads-site-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .threads-site-header {
    top: 46px;
  }
}