/**
 * @file
 * Custom styles for taiarts theme.
 *
 * This file is for adding custom CSS rules without needing to compile SASS.
 * Add your styles below.
 */

:root {
  /* Colores */
  --color-primary: #E44134;
  --color-dark: #1D1D1D;
  --color-light: #fff;
  --color-border: #000;
  --color-gray: #E8E2DC;
  --color-pearl: #FBF4EE;
}

 .header-top {
    padding-right: 1rem;
    padding-left: 1rem;
    height: 60px;
 }

 .logo-container {
    display: flex;
    align-items: center;
 }

 .logo-form {
    height: 39px;
    width: auto;
    filter: invert(1);
}

body.path-lead-form .gge-af-connector-lead-form-front-form h2 {
    color: var(--color-light) !important;
    text-wrap: pretty;
    font-weight: 400 !important;
    margin-bottom: 1.5rem !important;
    font-size: 2.9rem !important;

   @media (max-width: 768px) {
        font-size: 2.4rem !important;
    }
}

body.path-lead-form {
    background-color: var(--color-dark) !important;
}

body.path-lead-form .gge-af-connector-lead-form-front-form .lead-form-subtitle {
    margin-bottom: 1.5rem !important;
    color: var(--color-gray) !important;
    text-wrap: pretty;
    line-height: 1.3;
}

.g-3 {
   --bs-gutter-y: 0rem !important;
}

label {
  display: none;
}

.lead-form-information {
  display: none;
}

label.form-check-label {
  display: inline-block;
}

.lead-form-description {
    padding-block: 1rem .5rem;
}

.lead-form-description ul li {
   --icon-star-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' preserveAspectRatio='xMidYMin meet'%3E%3Cpath d='M6.7 6.4c-.04-.74-.19-1.48-.45-2.21-.37-1.05-.55-1.78-.55-2.18 0-.56.13-.98.39-1.27.27-.29.6-.44.98-.44.33 0 .62.15.87.44.25.29.37.7.37 1.24 0 .48-.15 1.16-.44 2.03-.28.86-.45 1.65-.52 2.38.59-.38 1.12-.83 1.6-1.37.73-.85 1.27-1.38 1.63-1.58.35-.2.71-.31 1.08-.31s.65.12.89.37c.25.24.37.52.37.85 0 .4-.18.75-.53 1.06-.35.31-1.24.62-2.66.93-.83.18-1.51.39-2.06.63.56.29 1.24.51 2.05.66 1.3.24 2.15.53 2.55.89.41.35.61.74.61 1.16 0 .32-.12.6-.37.84-.24.24-.52.35-.84.35s-.68-.11-1.08-.34c-.39-.23-.91-.73-1.58-1.51-.44-.53-.99-1.02-1.64-1.48.02.61.15 1.28.37 2 .39 1.27.58 2.13.58 2.59 0 .43-.13.79-.39 1.1-.26.29-.53.44-.82.44-.4 0-.76-.16-1.08-.47-.23-.23-.34-.59-.34-1.08s.12-1.13.37-1.85c.25-.73.4-1.23.47-1.5.06-.28.12-.69.18-1.22-.63.42-1.19.89-1.66 1.4-.78.88-1.38 1.44-1.77 1.68-.28.17-.57.26-.87.26-.37 0-.68-.12-.93-.37s-.39-.52-.39-.82c0-.27.11-.55.32-.84.23-.3.56-.55 1-.74.29-.13.95-.3 1.98-.52.67-.14 1.32-.34 1.95-.61-.58-.29-1.27-.52-2.08-.68-1.32-.28-2.14-.53-2.45-.76-.48-.35-.73-.78-.73-1.29 0-.29.12-.55.35-.79.25-.25.53-.37.85-.37.35 0 .73.11 1.13.34.4.23.89.68 1.48 1.37.59.68 1.19 1.2 1.8 1.58Z' fill='%23E44134'/%3E%3C/svg%3E");

  position: relative;
  padding-inline-start: 1.5rem;
  list-style: none;
}

.lead-form-description ul li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0.3rem;
  inline-size: 1rem;
  block-size: 1rem;
  background: var(--icon-star-dark) center / contain no-repeat;
}

.lead-form-description ul {
  padding-inline-start: 0rem;
}

.lead-form-description ul li {
    > * {
        text-wrap: pretty;
    }
}

label[for="edit-gdpr"] {
  display: block; 
  color: #c9c9c9; 
  font-size: 10px; 
  line-height: 1.5;
}

label[for="edit-gdpr"]::first-line {
  color: var(--color-light); 
  font-size: 16px;
}

label[for="edit-gdpr"] a {
  font-size: 16px; 

}

a {
  color:#E44134 !important;
}



/* ==========================================================================
   TAI Custom Background Colors
   Used by UI Styles in Layout Builder sections.
   ========================================================================== */

/* TAI Red (official) - #d12216 */
.bg-tai-red {
  background-color: #d12216 !important;
}

/* TAI Dark (pure black, used on Programs/Madrid/Referentes/Final sections) */
.bg-tai-dark {
  background-color: #000000 !important;
}

/* TAI Gray - #f5f5f5 (soft background) */
.bg-tai-gray {
  background-color: #f5f5f5 !important;
}

/* TAI White */
.bg-tai-white {
  background-color: #ffffff !important;
}

/* TAI Red with contrasting white text */
.text-bg-tai-red {
  background-color: #d12216 !important;
  color: #ffffff !important;
}

/* TAI Dark with contrasting white text */
.text-bg-tai-dark {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* TAI White with contrasting dark text */
.text-bg-tai-white {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Utility text colors */
.text-tai-red { color: #d12216 !important; }
.text-tai-dark { color: #000000 !important; }
.text-tai-white { color: #ffffff !important; }

/* ==========================================================================
   Invert images to white.
   Add class "invert-img" to the block/container to apply.
   ========================================================================== */
.invert-img img {
  filter: brightness(0) invert(1);
}