/* SOLID */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900)
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../webfonts/fa-solid-900.woff2') format('woff2');
  font-display: swap;
}

/* REGULAR */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../webfonts/fa-regular-400.woff2') format('woff2');
  font-display: swap;
}

/* BRANDS */
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../webfonts/fa-brands-400.woff2') format('woff2');
  font-display: swap;
}

/* ===========================
     ICON CLASSES
     =========================== */

.fa,
.fab,
.fas,
.far {
  display: inline-block;
  font: normal normal normal 1em/1 'Font Awesome 6 Free';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fas {
  font-weight: 900;
}

.far {
  font-weight: 400;
}

.fab {
  font-family: 'Font Awesome 6 Brands';
}

/* ===========================
     ICONS USED
     =========================== */

/* Solid Icons */
.fa-phone:before {
  content: "\f095";
}

.fa-mobile-screen:before {
  content: "\e1ee";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-pen-to-square:before {
  content: "\f044";
}

.fa-user:before {
  content: "\f007";
}

.fa-file-pdf::before {
  content: "\f1c1";
}


/* Regular Icon */
.fa-clock:before {
  content: "\f017";
}

/* Brand Icons */
.fa-facebook-f:before {
  content: "\f39e";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-tiktok:before {
  content: "\e07b";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}
.fa-x-twitter:before {
  content: "\e61b";
}

/* === ICONOS MIGRADOS DE FONTELLO (uso en contacto.php) === */

.fa-check:before {
  content: "\f00c";
}

.fa-triangle-exclamation:before {
  content: "\f071";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-location-dot:before {
  content: "\f3c5";
}

.fa-phone:before {
  content: "\f095";
}

.fa-mobile-screen-button:before {
  content: "\f3cf";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-map-marker-alt:before {
  content: "\f3c5"; /* Ícono alternativo más común */
}

.fa-phone:before {
  content: "\f095";
}

.fa-mobile-alt:before {
  content: "\f3cd";
}

.fa-phone::before {
  content: "\f095";
}

.fa-location-dot::before {
  content: "\f3c5";
}
.fa-phone::before {
  content: "\f095";
}
.fa-mobile-screen-button::before {
  content: "\e1ee";
}


/* estos funcioan ne contacto.php*/
/* Íconos usados en contacto.php (Font Awesome 6) */
.fa-check::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.fa-warning::before {
  content: "\f071";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.fa-paper-plane::before {
  content: "\f1d8";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.fa-location-dot::before {
  content: "\f3c5";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.fa-phone::before {
  content: "\f095";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.fa-mobile-screen-button::before,
.fa-mobile-alt::before {
  content: "\f3cd"; /* ambas clases, por compatibilidad */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.fa-envelope::before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}