/* =====================================================
   TRAJAN PRO — AUTOHOST GLOBAL (DESKTOP + MOBILE)
   SISTEMA PREMIUM CON COLOR POR LANDING
   ===================================================== */

/* =====================================================
   1. CARGA DE FUENTE
   ===================================================== */

@font-face {
  font-family: "TrajanProCustom";
  src: url("https://static.tildacdn.com/REEMPLAZA_AQUI/TrajanPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =====================================================
   2. ESTILO BASE GLOBAL (SIN COLOR FIJO)
   ===================================================== */

#allrecords .w-title,
#allrecords .w-name,
#allrecords .w-adm {
  font-family: "TrajanPro", serif !important;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.4;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* 🔑 CLAVE DEL SISTEMA */
  color: var(--invite-color, #000); /* fallback NEGRO */

  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: block;
}

/* =====================================================
   3. JERARQUÍA EDITORIAL — DESKTOP
   ===================================================== */

#allrecords .w-title {
  font-size: 15px;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}

#allrecords .w-name {
  font-size: 15px;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}

#allrecords .w-adm {
  font-size: 13px;
  letter-spacing: 0.16em;
}

/* =====================================================
   4. MOBILE — AJUSTES FINOS
   ===================================================== */

@media screen and (max-width: 480px) {

  #allrecords .w-title {
    font-size: 13px;
    letter-spacing: 0.16em;
  }

  #allrecords .w-name {
    font-size: 13px;
    letter-spacing: 0.12em;
  }

  #allrecords .w-adm {
    font-size: 13px;
    letter-spacing: 0.18em;
  }
}

/* =====================================================
   FIN — SITE SETTINGS
   ===================================================== */

/* ==========================================
   DOM LOVES MARY - ADOBE FONTS
========================================== */

.dom-flourish-one,
.dom-flourish-one * {
    font-family: "domlovesmary-flourishes-one", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.dom-flourish-two,
.dom-flourish-two * {
    font-family: "domlovesmary-flourishes-two", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* Dom Loves Mary - Principal */
.dom-mary,
.dom-mary * {
    font-family: "domlovesmary-pro", serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* Looking Flowers Script */
.looking-flowers,
.looking-flowers * {
    font-family: "looking-flowers-script", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}
/* ==========================================
   ORMORANT GARAMOND - ADOBE FONTS
========================================== */
/* CORMORANT GARAMOND - REGULAR 400 */
.cormorant-400,
.cormorant-400 .tn-atom {
  font-family: "cormorant-garamond", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* CORMORANT GARAMOND - ITALIC 400 */
.cormorant-400-italic,
.cormorant-400-italic .tn-atom {
  font-family: "cormorant-garamond", serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

/* CORMORANT GARAMOND - MEDIUM 500 */
.cormorant-500,
.cormorant-500 .tn-atom {
  font-family: "cormorant-garamond", serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

/* CORMORANT GARAMOND - MEDIUM ITALIC 500 */
.cormorant-500-italic,
.cormorant-500-italic .tn-atom {
  font-family: "cormorant-garamond", serif !important;
  font-weight: 500 !important;
  font-style: italic !important;
}

/* CORMORANT GARAMOND - SEMIBOLD 600 */
.cormorant-600,
.cormorant-600 .tn-atom {
  font-family: "cormorant-garamond", serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

/* CORMORANT GARAMOND - SEMIBOLD ITALIC 600 */
.cormorant-600-italic,
.cormorant-600-italic .tn-atom {
  font-family: "cormorant-garamond", serif !important;
  font-weight: 600 !important;
  font-style: italic !important;
}

/* CORMORANT GARAMOND - BOLD 700 */
.cormorant-700,
.cormorant-700 .tn-atom {
  font-family: "cormorant-garamond", serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

/* CORMORANT GARAMOND - BOLD ITALIC 700 */
.cormorant-700-italic,
.cormorant-700-italic .tn-atom {
  font-family: "cormorant-garamond", serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
}
/* ==========================================
 Bickham Script - ADOBE FONTS
========================================== */
/* BICKHAM SCRIPT PRO 3 - REGULAR */
.bickham-400,
.bickham-400 .tn-atom {
    font-family: "bickham-script-pro-3", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

/* BICKHAM SCRIPT PRO 3 - SEMIBOLD */
.bickham-600,
.bickham-600 .tn-atom {
    font-family: "bickham-script-pro-3", sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
}

/* BICKHAM SCRIPT PRO 3 - BOLD */
.bickham-700,
.bickham-700 .tn-atom {
    font-family: "bickham-script-pro-3", sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
}