/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
:root {

  /* ── Paleta base ── */
  --color-accent:       #9e92e6;
  --color-accent-light: #d5cff6;
  --color-accent-mid:   #bfb5da;
  --color-secondary:    #ddbef1;
  --color-dark:         #484848;
  --color-warm:         #e69e9e;
  --color-warm-light:   #f6d6cf;
  --color-neutral:      #b7b7b7;

  /* ── Superficies ── */
  --surface-page:       #ffffff;
  --surface-subtle:     #faf9fe;
  --surface-tint:       #f0edf9;
  --surface-dark:       #484848;
  --surface-dark-soft:  #5e5e5e;

  /* ── Texto ── */
  --text-base:          #2a2a2a;
  --text-muted:         #666666;
  --text-on-dark:       #ffffff;
  --text-on-tint:       #484848;
  --text-accent:        #6b5bae;

  /* ── Bordes ── */
  --border-default:     #d5cff6;
  --border-strong:      #bfb5da;
  --border-subtle:      #ede9f8;

  /* ── Adornos / decorativos ── */
  --deco-primary:       #9e92e6;
  --deco-soft:          #d5cff6;
  --deco-warm:          #e69e9e;
  --deco-warm-soft:     #f6d6cf;

  /* ── Estado / feedback ── */
  --state-alert:        #e69e9e;
  --state-alert-bg:     #f6d6cf;
  --state-disabled:     #b7b7b7;
}
.bgimagecustom{
  .background-inner{
    background-position:  126% !important;
    background-size: auto 100% !important;
    @media (min-width: 556px) {
      background-position:  100% !important;
    }
  }

}

.proceso{
  .wpb_column {
    position: relative;
    &::after {
      content: "→";
      position: absolute;
      right: -20px; /* ajusta */
      top: 50%;
      transform: translateY(-50%);
    }
    @media (max-width: 566px){
      &:nth-child(even)::after {
        content: none;
      }
    }
    @media(min-width: 567px){
      &:last-child::after {
        content: none;
      }
    }
  }
  
  &.vineta{
    .wpb_column {
      .uncol{
        padding-top: 3rem;
        position: relative;
        &::before{
          content: "";
          position: absolute;
          top: calc(50% - 1.5rem);
          left: 50%;
          transform: translateX(-50%);
          width: 10px;
          height: 10px;
          background: currentColor;
          border-radius: 50%;   
        }
      }
    }  
  }
  &.vineta2{
    .wpb_column {
      .uncol{
        padding-top: 3rem;
        position: relative;
        &::before{
          content: "✓"; /* o ★, ●, →, etc */
          position: absolute;
          top: calc(50% - 1.5rem);
          left: 50%;
          transform: translateX(-50%);
          font-size: 18px;
          font-weight: bold;  
        }
      }
    }  
  }
  &.vineta3{
    .wpb_column {
      .uncol{
        padding-top: 3rem;
        position: relative;
        &::before{
          content: "";
          position: absolute;
          top: calc(50% - 1.5rem);
          left: 50%;
          transform: translateX(-50%);
          width: 40px;
          height: 4px;
          background: currentColor;
          border-radius: 2px; 
        }
      }
    }  
  }
} 

.proceso.numerado{
  counter-reset: paso;
  .wpb_column {
    counter-increment: paso;
    position: relative;
    
    .uncol{
      padding-top: 3rem;
      &::before{
        content: counter(paso);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        /* top: calc(50% - 1.5rem); */
        top: 25px;
        font-weight: bold;      
      }
    }
  }  
} 



:root {
  /* Color lavanda inspirado en tu logotipo */
  --color-lavanda: #a392e2; 
}

.seccion-contenedor {
  text-align: center;
  padding: 40px 20px;
}

.divisor-floral {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 30px auto;
  width: 100%;
  max-width: 600px;
  height: 40px;
}

/* El isotipo centralizado mediante SVG inline */
.divisor-floral::solid, .divisor-floral {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a392e2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21c-2.5-3.5-2.5-8.5 0-13 2.5 4.5 2.5 9.5 0 13z'/%3E%3Cpath d='M12 21c-4.5-1.5-6.5-5.5-5-9.5 2.5 1 4.5 4 5 9.5z'/%3E%3Cpath d='M12 21c4.5-1.5 6.5-5.5 5-9.5-2.5 1-4.5 4-5 9.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 40px;
  height: 40px;
}

/* Línea izquierda */
.divisor-floral::before {
  content: "";
  position: absolute;
  right: calc(50% + 30px);
  left: 0;
  height: 1px;
  background: linear-gradient(to left, var(--color-lavanda), transparent);
}

/* Línea derecha */
.divisor-floral::after {
  content: "";
  position: absolute;
  left: calc(50% + 30px);
  right: 0;
  height: 1px;
  background: linear-gradient(to right, var(--color-lavanda), transparent);
}
.logos{
  .tmb .t-entry-visual,
  .tmb .t-entry-visual img{
    height: 100px;
    width: auto;
    margin: auto;
  }
}
.grayimg .t-inside img {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.grayimg .t-inside:hover img {
  filter: grayscale(0%);
}


.formwrap{
  form{
    .campo{
      label{
        color: var(--text-on-tint);
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 1.2px;
      }
      input.wpcf7-text, select.wpcf7-select, textarea{
        font-size: 0.875rem;
        border-radius: 1.5rem;
        padding-block: 1rem;
        padding-inline: 1.25rem;
        background-color: var(--surface-subtle);
        &::placeholder {
          color: var(--text-on-tint);
          @supports (color: color-mix(in lab, red, red)) {
            color: color-mix(in oklab, var(--text-on-tint) 40%, transparent);
          }
        }
      }
    }
  }
}