/*
Theme Name: Tuchok 2.0
Theme URI: https://tuchok.com/
Author: Tuchok
Description: Custom WordPress theme for Tuchok.
Version: 1.0.0
Text Domain: tuchok-custom
*/

/* FUENTES OFICIALES DE TUCHOK */

@font-face {
  font-family: "Dexa Pro Expanded";
  src: url("./assets/fonts/DexaPro-Expanded-400-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Dexa Pro Expanded";
  src: url("./assets/fonts/DexaPro-Expanded-500-Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Dexa Pro Expanded";
  src: url("./assets/fonts/DexaPro-Expanded-800-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

:root { --yellow: #FFC100; --yellow-light: #FFCF00; --black: #151515; --white: #FFFFFF; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: var(--white); color: var(--black); }
img { display: block; max-width: 100%; height: auto; }
a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* ==========================================
   TUCHOK — FOOTER FINAL
========================================== */

.tuchok-footer {
  --yellow: #FFC100;
  --footer-bg-image: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 390px;
  padding: 55px 0;
  background:
    linear-gradient(rgba(255,193,0,.91), rgba(255,193,0,.91)),
    var(--footer-bg-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.tuchok-footer__overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.18), transparent 32%),
    radial-gradient(circle at 80% 75%, rgba(0,0,0,.08), transparent 30%);
  pointer-events: none;
}

.tuchok-footer__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, .5fr);
  align-items: center;
  gap: 70px;
  width: min(90%, 1600px);
  margin: 0 auto;
}

.tuchok-footer__slogan h2 { margin: 0; line-height: .9; letter-spacing: -.045em; }

.tuchok-footer__slogan strong {
  display: block;
  font-family: "Dexa Pro Expanded", Arial, sans-serif;
  font-size: clamp(62px, 7vw, 128px);
  font-weight: 800;
  color: transparent;
  background: linear-gradient(110deg, #0c1724 0%, #293847 35%, #634900 68%, #111820 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.08));
}

.tuchok-footer__slogan span {
  display: block;
  margin-top: 7px;
  font-family: "Dexa Pro", Arial, sans-serif;
  font-size: clamp(52px, 6vw, 108px);
  font-weight: 300;
  color: transparent;
  background: linear-gradient(110deg, #111820 0%, #263646 45%, #654a00 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.tuchok-footer__brand-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding-left: 35px;
  border-left: 1px solid rgba(0,0,0,.16);
}

.tuchok-footer__logo-link { display: inline-flex; }
.tuchok-footer__logo-link .custom-logo-link { display: block; }
.tuchok-footer__logo-link img,
.tuchok-footer__logo-link .custom-logo { display: block; width: clamp(180px, 15vw, 250px); height: auto; max-height: none; }
.tuchok-footer__logo-link > a:not(.custom-logo-link) { color: #101820; font-family: "Dexa Pro Expanded", Arial, sans-serif; font-size: 34px; font-weight: 800; text-decoration: none; }
.tuchok-footer__social { display: flex; gap: 12px; }

.tuchok-footer__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #101820;
  background: rgba(255,255,255,.38);
  border: 1px solid rgba(0,0,0,.1);
  backdrop-filter: blur(8px);
  transition: transform .25s ease, background .25s ease;
}

.tuchok-footer__social a:hover { transform: translateY(-4px); background: rgba(255,255,255,.7); }
.tuchok-footer__social svg { width: 22px; height: 22px; fill: currentColor; }
.tuchok-footer__copyright { margin: 0; font-size: 14px; line-height: 1.5; color: rgba(12,24,32,.78); }

@media (max-width: 767px) {
  .tuchok-footer { min-height: 0; padding: 42px 0 32px; }
  .tuchok-footer__inner { display: flex; flex-direction: column; align-items: stretch; width: calc(100% - 40px); gap: 35px; }
  .tuchok-footer__slogan strong { font-size: clamp(48px, 14vw, 70px); }
  .tuchok-footer__slogan span { font-size: clamp(41px, 12vw, 61px); }
  .tuchok-footer__brand-area { padding: 26px 0 0; border-left: 0; border-top: 1px solid rgba(0,0,0,.14); gap: 18px; }
  .tuchok-footer__logo-link img,
  .tuchok-footer__logo-link .custom-logo { width: 185px; }
}