/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 19 2026 | 09:29:05 */
/* ==========================================================================
   Site header — Dewar's
   Desktop: centered logo, language pills right
   Mobile:  left logo, icon-only flags right
   ========================================================================== */

:root {
  --brand-primary: #8d3a26;
  --brand-dark: #0d1922;
  --brand-accent: #8e4a3b;
  --brand-soft: #b97266;
  --brand-cream: #fff8f2;

  --header-pad-y: 30px;
  --header-pad-x: 120px;
  --logo-w: 275px;
  --flag-size: 36px;
}

.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px; }
.fs-20 { font-size: 20px;line-height: 23px;}
.fs-23 { font-size: 23px; }
.fs-28 { font-size: clamp(24px, 3vw, 28px); }
.fs-30 { font-size: 30px; }
.fs-31 { font-size: 25px; }
.fs-32 { font-size: 28px; }
.fs-34 { font-size: 34px; }
.fs-54 { font-size: clamp(40px, 3vw, 54px); }
.fs-70 { font-size: clamp(40px, 3vw, 70px); }
.fs-94 { font-size: clamp(50px, 6vw, 94px);line-height: 100%; }


@font-face {
    font-family: 'TT Fors';
    src: url('/wp-content/themes/Licores-maduro/assets/dewarspromo-font/TTFors-Medium.woff2') format('woff2'),
         url('/wp-content/themes/Licores-maduro/assets/dewarspromo-font/TTFors-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Fors';
    src: url('/wp-content/themes/Licores-maduro/assets/dewarspromo-font/TTFors-DemiBold.woff2') format('woff2'),
         url('/wp-content/themes/Licores-maduro/assets/dewarspromo-font/TTFors-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.tt-fors { font-family: 'TT Fors', sans-serif; }
.medium { font-weight: 500; }
.demibold { font-weight: 600; }
.bold { font-weight: 700; }

.col-primary { color: var(--brand-primary); }
.col-dark { color: var(--brand-dark); }
.col-dark-accent { color: var(--brand-accent); }
.col-brand-cream { color: var(--brand-cream); }
.l-normal{line-height: normal;}

.page-template-tpl-dewarspromo h1,.page-template-tpl-dewarspromo h2,.page-template-tpl-dewarspromo h3,.page-template-tpl-dewarspromo h4,.page-template-tpl-dewarspromo p{
  margin: 0;
  padding: 0;
}

.page-template-tpl-dewarspromo img{width: initial;height: initial;max-width: initial;}

.uppercase { text-transform: uppercase; }

.container { max-width: 1440px; margin: auto; }
.page-template-tpl-dewarspromo .container:before,.page-template-tpl-dewarspromo .container:after{display:none;}
.page-template-tpl-dewarspromo .container{padding: 0 !important;}

.flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.space-between { justify-content: space-between; }
.align-self { align-self: center; }
.text-center { text-align: center; }


/* --------------------------------------------------------------------------
   Bar
   -------------------------------------------------------------------------- */
.header {
  background: var(--brand-primary);
  color: var(--brand-cream);
  position: relative;
  z-index: 100;
}

/* Optional: uncomment to make it sticky
.site-header { position: sticky; top: 0; }
*/

.site-header__inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 16px;
  max-width: 1440px;
  margin-inline: auto;
  padding: var(--header-pad-y) var(--header-pad-x);
}

/* --------------------------------------------------------------------------
   Logo
   -------------------------------------------------------------------------- */
.site-header__logo {
  grid-column: 2;
  display: block;
  width: var(--logo-w);
  max-width: 100%;
  color: var(--brand-cream);
  line-height: 0;
  text-decoration: none;
}

.site-header__logo svg,
.site-header__logo img {
  display: block;
  width: 100%;
  height: auto;
}

/* --------------------------------------------------------------------------
   Language switch
   -------------------------------------------------------------------------- */
.lang-switch {
  grid-column: 3;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 12px;
}

.lang-btn {
  --lang-bg: transparent;
  --lang-fg: var(--brand-cream);
  --lang-bd: var(--brand-cream);

  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 3px 18px 3px 3px;
  border: 1px solid var(--lang-bd);
  border-radius: 999px;
  background: var(--lang-bg);
  color: var(--lang-fg);
  text-decoration: none;
  font-family: "TT Fors";
  font-size: 24px;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Active / current language */
.lang-btn.is-active {
  --lang-bg: var(--brand-cream);
  --lang-fg: var(--brand-dark);
  --lang-bd: var(--brand-cream);
}

.lang-btn:hover,
.lang-btn:focus-visible {
  --lang-bg: var(--brand-cream);
  --lang-fg: var(--brand-dark);
}

.lang-btn:focus-visible {
  outline: 2px solid var(--brand-cream);
  outline-offset: 3px;
}

.lang-btn__flag {
  display: block;
  flex: 0 0 auto;
  width: var(--flag-size);
  height: var(--flag-size);
  line-height: 0;
  border-radius: 50%;
  overflow: hidden;
  /* single hairline edge for every flag, so all assets match */
  box-shadow: inset 0 0 0 1px rgba(13, 25, 34, 0.25);
}

.lang-btn__flag svg,
.lang-btn__flag img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */
   .dewarspromo .video video{width:100%;}

#hero{padding:100px;background:#FCFCFC;}
#hero .flex >div:first-of-type{width:45%;}
#hero .flex >div:first-of-type img{width:100%;}
#hero .flex >div:last-of-type{width:55%;}
#hero .title{margin:62px 0;}

/* --------------------------------------------------------------------------
   Prizes
   -------------------------------------------------------------------------- */
#prizes{padding:50px 100PX;background:#8D3A26;}
#prizes .flex{gap:50px;}
#prizes .cart{display:flex;gap:22px;}
#prizes .cart h2{line-height: 23.075px;}

@media(max-width:1345px){
  #prizes .flex{gap:50px;flex-wrap:wrap;}
  #prizes .cart{width:calc(50% - 25px);}
}

/* --------------------------------------------------------------------------
   steps
   -------------------------------------------------------------------------- */
.bg-image{background-image:url('https://licoresmaduro.com/wp-content/uploads/2026/08/sections.png');background-size:cover;background-position:center;}
#steps{padding:200px 50px 100px 50px;}
#steps .flex{gap:75px;}
#steps .flex >div:first-of-type{width:37%;}
#steps .flex >div:first-of-type img{width:100%;}
#steps .flex >div:last-of-type{width:calc(60% - 75px);}
#steps .step{display:flex;gap:40px;margin-bottom:40px;align-items: center;}
#steps h2{line-height: 33.83px;}
#steps .step__number{font-family: "TT Fors";    line-height: 100%;font-size: 136px;font-weight: 600;text-transform: uppercase;color: #8D3A26;}

/* --------------------------------------------------------------------------
   items
   -------------------------------------------------------------------------- */
#items{padding:100px 50px;}
#items h2{margin-bottom:64px;letter-spacing: 5.957px;text-align: center;}
#items h3{margin-bottom:39px;width: 77%;}
#items .tables{gap:120px;width: 90%;margin: 0 auto;}
#items .tables > div{width:calc(33% - 60px);}
#items .table-header,#items .table-row{gap:20px;margin-bottom:13px;}
#items .table-header h4{width:calc(50% - 20px);}
#items .table-row div{width:calc(50% - 20px);border: 1px solid  #8D3A26;text-align: center;padding: 2px 0;}

/* ==========================================================================
   Winner tables — nested ACF repeater
   ========================================================================== */

/* Section ---------------------------------------------------------------- */
.wt {
  padding: 100px 120px;
}

.center{text-align: center;margin-bottom: 24px;}

.wt .title,.wt .text{letter-spacing: 5.957px;line-height: 63px;}
.wt .sub-title{letter-spacing: 4.062px;}

.wt__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Card ------------------------------------------------------------------- */
.wt-card {
  border: 1px solid #8D3A26;
}

.wt-card__title {
  margin: 0;
  background: #8d3a26;
  color: #FCFCFC;
  font-weight: 600;
  letter-spacing: 2.56px;
  text-align: center;
  text-transform: uppercase;
  font-family: "TT Fors";
  padding: 6px 0 !important;
}

.wt-card__body {
  padding: 12px 16px 16px 16px;
}

/* Table ------------------------------------------------------------------ */
.wt-table {
  width: 100%;
  min-width: 560px; /* below this the table scrolls sideways */
  border-collapse: separate; /* was collapse — required for row gaps */
  border-spacing: 0 12px;    /* 0 horizontal | 12px = your row "margin-top" */
  margin-block: -12px;       /* removes the leading/trailing gap */
  table-layout: fixed;
  font-family: "TT Fors";
  color: #0d1922;
}

.wt-table__th {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.45px;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 4px; /* was margin-bottom — margin is ignored on cells */
}

.wt-table__td {
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  word-break: break-word;
  border-block: 1px solid #8d3a26;
  letter-spacing: 0.45px;
  font-family: "TT Fors";
}

.wt-table__td:first-child {
  border-left: 1px solid #8d3a26;
}

.wt-table__td:last-child {
  border-right: 1px solid #8d3a26;
}



/* Column widths */
.wt-table__th--name      { width: 20%; }
.wt-table__th--surname   { width: 30%; }
.wt-table__th--id_number { width: 27%; }
.wt-table__th--phone     { width: 23%; }



.footer{background-color: #8D3A26;padding: 56px 97px;}
.footer .container{text-align: center;}
.footer p{color:  #FCFCFC;
text-align: center;
font-family: tt-fors;
font-size: 16px;
font-weight: 500;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
margin-bottom: 60px;
}

/* Mobile ----------------------------------------------------------------- */
@media (max-width: 640px) {
  .wt {
    padding: 24px 14px;
  }

  .wt-card__body {
    padding: 14px 16px 18px;
  }
}



/* --------------------------------------------------------------------------
   Mobile / tablet
   -------------------------------------------------------------------------- */
@media (max-width: 1023px) {
  :root {
    --header-pad-y: 21px;
    --header-pad-x: 16px;
    --logo-w: 176px;
  }

  .site-header__inner {
    grid-template-columns: auto 1fr;
  }

  .site-header__logo {
    grid-column: 1;
  }

  .lang-switch {
    grid-column: 2;
    gap: 14px;
  }

  .lang-btn__flag{width: 52px;height: 52px;border: 1px solid #fff;padding:8px;}
  .lang-btn.is-active .lang-btn__flag{border-color: #0D1922;background: #FCFCFC;}
  .lang-btn.is-active .lang-btn__flag svg{border-color: #0D1922;}

  /* Icon-only: drop the pill completely, the flag IS the button */
  .lang-btn,
  .lang-btn.is-active,
  .lang-btn:hover,
  .lang-btn:focus-visible {
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 50%;
  }

  .lang-btn:focus-visible {
    outline: 0;
  }

  /* Inactive reads as secondary */
  .lang-btn:not(.is-active) .lang-btn__flag {
    /* opacity: 0.75; */
  }

  .lang-btn:not(.is-active):hover .lang-btn__flag {
    opacity: 1;
  }

  /* Active ring drawn OUTSIDE the circle with a gap — never touches the artwork */
  /* .lang-btn.is-active .lang-btn__flag,
  .lang-btn:focus-visible .lang-btn__flag {
    box-shadow:
      inset 0 0 0 1px rgba(13, 25, 34, 0.25),
      0 0 0 2px var(--brand-primary),
      0 0 0 4px var(--brand-cream);
  } */

  .lang-btn__label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }

  #hero .flex{flex-direction: column;align-items: center;}
  #hero .flex >div:first-of-type{margin-bottom:60px;}
  #hero {padding: 100px 20px;}
  #prizes {padding:100px 20px;}
  #prizes .flex {gap: 64px;}
  #prizes .cart {width:100%;flex-direction: column;align-items: center;text-align: center;}

  #steps {padding: 100px 20px;}
  #steps .flex{flex-direction: column;align-items: center;}
  #steps .step{align-items: self-start;}
  #steps .flex >div:first-of-type {width: 50%;}
  #steps .flex >div:last-of-type {width: 100%;}

  #items {padding: 100px 20px;}
  #items .tables{flex-direction: column;}
  #items .tables > div {width: 100%;}
  #items h3{width:100%;}

  #items .tables{width:100%;}

  .wt {padding: 100px 20px;}
  .footer{padding: 56px 16px;}

}
@media (max-width: 767px) {
  #hero .flex >div:first-of-type,#hero .flex >div:last-of-type {
    width: 100%;
  }


}
@media (max-width: 700px) {
  .parent-table{overflow-x: auto;}
  .parent-table .wt-card{min-width: 700px;}
  .flex >div:last-of-type img{width: 100%;}
}

@media (max-width: 450px) {
    #steps .flex >div:first-of-type {
        width: 100%;
    }

    #items h2{line-height: 63px;}
    .wt .text {line-height: 44px;}
    .wt .sub-title{line-height: 30px;}
    #steps .step__number{width:30%;}
    #steps h2{width:70%;word-wrap: break-word;}
}
@media (max-width: 380px) {
  :root {
    --logo-w: 124px;
    --flag-size: 32px;
  }
}