/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme for Calcem Perú (Grupo Calidra) with custom templates and contact form integration.
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* ==========================================================================
   1. Definición de fuentes corporativas
   ========================================================================== */

@font-face {
  font-family: 'CenturyGothic';
  src: url('fonts/CenturyGothic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CenturyGothic';
  src: url('fonts/CenturyGothicBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Alias para compatibilidad con nombre espaciado */
@font-face {
  font-family: 'Century Gothic';
  src: url('fonts/CenturyGothic.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('fonts/CenturyGothicBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 2. Variables del tema Blocksy */
:root {
  --theme-font-family: 'CenturyGothic', 'Century Gothic', sans-serif;
  --theme-font-base: 'CenturyGothic', 'Century Gothic', sans-serif;
  --theme-font-headings: 'CenturyGothic', 'Century Gothic', sans-serif;
}

/* 3. Forzar aplicación global en elementos clave */
body, 
p, 
a, 
input, 
button, 
.site-title, 
.entry-content {
  font-family: 'CenturyGothic', 'Century Gothic', sans-serif !important;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
  font-family: 'CenturyGothic', 'Century Gothic', sans-serif !important;
  font-weight: 700;
}

/* ==========================================================================
   4. Botón Flotante B2B de Alta Conversión (Asesoría Técnica / Cotizar)
   ========================================================================== */
.calcem-floating-cta-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
}

.calcem-floating-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: var(--theme-palette-color-1, #E30613);
  color: #ffffff !important;
  font-family: 'CenturyGothic', 'Century Gothic', sans-serif !important;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 12px 20px;
  border-radius: 50px;
  box-shadow: 0 4px 18px #BDB2B2B8;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.calcem-floating-cta-btn:hover {
  background-color: #B5000B;
  color: #ffffff !important;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 24px #BDB2B2B8;
}

.calcem-floating-cta-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 689px) {
  .calcem-floating-cta-container {
    bottom: 16px;
    right: 16px;
  }
  .calcem-floating-cta-btn {
    padding: 10px 16px;
    font-size: 12px;
  }
}