.tcr-wrap{margin:0 auto; padding: 12px;}
.tcr-form{display:flex; flex-direction:column; gap:16px;}
.tcr-field input{width:100%; padding:18px 16px; border-radius:10px; border:1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.95); font-size:18px; outline:none;}
.tcr-hint{display:block; margin-top:8px; opacity:.85; font-size:12px}
.tcr-phone{display:flex; gap:10px; align-items:center;}
.tcr-country{padding:16px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.95); font-size:16px}
.tcr-btn{width:100%; padding:18px 16px; border:none; color:#fff; font-weight:900; letter-spacing:.5px; font-size:20px; cursor:pointer;}
.tcr-btn:hover{filter:brightness(1.05)}
.tcr-note{text-align:center; margin-top:8px; font-size:18px; opacity:.9}
.tcr-msg{min-height:18px; text-align:center; font-size:14px}
.tcr-msg-error{color:#ffb4b4}
.tcr-box{padding:14px;border-radius:12px}
.tcr-error{background:#2b0b0b;color:#ffd2d2;border:1px solid #ff6b6b}


/* Survey */
.tcr-survey-head{ text-align:center; margin-bottom:12px; }
.tcr-progress{ max-width:460px; margin:0 auto 12px; }
.tcr-progress-bar{ height:34px; border-radius:999px; background: rgba(255,255,255,.16); overflow:hidden; }
.tcr-progress-fill{ height:100%; border-radius:999px; background: linear-gradient(90deg, #2A63FF, #5CB6FF); }
.tcr-progress-label{ text-align:right; font-size:18px; opacity:.85; margin-top:6px; }

.tcr-loaded{ font-size:20px; opacity:.9; }
.tcr-loaded span{ color:#46ff7b; font-weight:900; }


.tcr-chat-box{border: 2px solid rgba(255,255,255,.35); border-radius:14px; padding:14px; background: rgba(0,0,0,.12);}
.tcr-chat-stream{height:420px; overflow:auto; padding:6px 4px; display:flex; flex-direction:column; gap:10px;}
.tcr-row{display:flex; align-items:flex-start; gap:10px;}
.tcr-row-user{justify-content:flex-end}
.tcr-avatar{width:34px; height:34px; border-radius:50%; background: rgba(255,255,255,.18);}
.tcr-bubble{background:#fff; color:#111; padding:12px 14px; border-radius:12px; max-width:72%; font-weight:800}
.tcr-chip{background:#2563eb; color:#fff; padding:10px 14px; border-radius:12px; font-weight:900; max-width:72%;}
.tcr-chat-actions{margin-top:10px; min-height:56px;}
.tcr-options{display:flex; flex-wrap:wrap; gap:10px;}
.tcr-opt{background:#1d4ed8; border:none; color:#fff; padding:10px 14px; border-radius:10px; cursor:pointer; font-weight:900}
.tcr-opt:hover{filter:brightness(1.06)}

/* Multi-select: estado seleccionado + input "Otro" */
.tcr-opt.is-selected{outline:2px solid rgba(255,255,255,.85); box-shadow: 0 0 0 3px rgba(37,99,235,.25);}
.tcr-other-wrap{margin-top:10px;}
.tcr-other-label{color:#fff; font-size:12px; opacity:.9; margin:6px 0; font-weight:800;}
.tcr-other-input{width:100%; padding:12px 14px; border-radius:10px; border:1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.95); font-size:14px; outline:none;}
.tcr-opt-continue{margin-top:10px;}
.tcr-typing{color:#fff; opacity:.85; font-size:18px; padding:10px}
.tcr-save-status{ text-align:center; margin-top:10px; font-weight:800; }

@media (max-width: 640px){
  .tcr-chat-stream{height:360px;}
  .tcr-btn{font-size:18px}
}

/* Forzar blanco + evitar que el tema lo "apague" */
.tcr-wrap .tcr-survey-head h2,
.tcr-wrap .tcr-survey-head p,
.tcr-wrap .tcr-loaded{
  color: #a3c2fd !important;
  opacity: 1 !important;
  filter: none !important;
  
}

/* Si el tema está aplicando color por variables */
.tcr-wrap .tcr-survey-head  h2{
  -webkit-text-fill-color: #fff !important; /* por si hay estilos raros en Safari/Astra */
}

.tcr-progress-label{
    -webkit-text-fill-color: #fff !important;
}


/* ===============================
   LOGO ARRIBA DE LA PROGRESS BAR
   =============================== */

.tcr-survey-head{
  position: relative;
  text-align: center;
    font-size: 25px;

}

/* Logo */
.tcr-survey-head::before{
  content:"";
  display:block;
  width: 250px;
  height: 100px;
  margin: 0 auto 16px auto;
  background: url("https://www.soyyorcharceo.com/wp-content/uploads/2026/01/cropped-cropped-logoyorch.png")
              center / contain no-repeat;
}

/* ===============================
   FOTO DE PERFIL EN CHAT
   =============================== */

.tcr-avatar{
  background-image: url("https://www.soyyorcharceo.com/wp-content/uploads/2026/01/Captura-de-pantalla-2026-01-26-a-las-5.18.41-p.m-e1771828474646.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}

/* Opcional: aro blanco elegante */
.tcr-avatar{
  border: 2px solid rgba(255,255,255,0.8);
}