/* Bloom contact brief · styles are scoped to this section only.
   Adapted from the standalone Gemini prototype, not its global reset. */
.thowi-brief {
  --brief-ink:#2b4433;
  --brief-muted:#5f7563;
  --brief-line:#c8d7c4;
  --brief-accent:#c7775c;
  background:#f3f5e9;
  color:var(--brief-ink);
  padding:clamp(68px,8vw,120px) clamp(18px,5vw,90px);
  border-top:1px solid var(--brief-line);
  font-family:'DM Sans',Arial,sans-serif;
}
.thowi-brief *{box-sizing:border-box}
.thowi-brief-heading{max-width:830px;margin:0 auto 45px 0}
.thowi-brief-eyebrow{
  display:inline-flex;align-items:center;gap:11px;color:#4c7552;
  font:800 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.13em;
}
.thowi-brief-eyebrow::before{
  content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brief-accent);
}
.thowi-brief-heading h2{
  font:600 clamp(43px,5vw,76px)/1.08 'DM Sans',Arial,sans-serif;
  letter-spacing:-.058em;margin:18px 0;
}
.thowi-brief-heading h2 em{font-style:normal;color:#51805d}
.thowi-brief-heading p{
  color:var(--brief-muted);
  max-width:670px;font:400 16px/1.8 'DM Sans',Arial,sans-serif;
}
/* Match the full usable width of Contacto instead of limiting the cards
   to 1240px and leaving a large unused strip on wide desktop screens. */
.thowi-brief-grid {
  display:grid;
  width:100%;
  max-width:none;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(18px,3.5vw,46px);
  align-items:start;
}
.thowi-brief-form,.thowi-brief-preview{
  min-width:0;border:1px solid var(--brief-line);
  border-radius:28px;background:#fcfcf4;
  box-shadow:0 16px 34px #496c4a13;
}
.thowi-brief-form{padding:clamp(21px,3.1vw,38px)}
.thowi-brief-field{min-inline-size:0;margin:0 0 34px;border:0;padding:0}
.thowi-brief-field:last-child{margin-bottom:0}
.thowi-brief-field > legend,
.thowi-brief-field > label{
  display:block;padding:0;color:var(--brief-ink);
  font:700 16px/1.5 'DM Sans',Arial,sans-serif;
}
.thowi-brief-field > legend span,
.thowi-brief-field > label > span {
  display:inline-block;color:var(--brief-accent);margin-right:11px;font:800 12px 'DM Sans',Arial,sans-serif;
}
.thowi-brief-field label small {
  font:600 11px/1.5 'DM Sans',Arial,sans-serif;
  color:var(--brief-muted);margin-left:5px;
}
.thowi-brief-field .thowi-brief-hint {
  margin:7px 0 14px;color:var(--brief-muted);
  font:400 13px/1.6 'DM Sans',Arial,sans-serif;
}
.thowi-brief-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.thowi-brief-option{position:relative;display:block;cursor:pointer;min-width:0}
.thowi-brief-option input{
  position:absolute;width:1px;height:1px;opacity:0;left:50%;top:50%;
}
.thowi-brief-option > span {
  display:flex;align-items:center;gap:12px;
  min-height:68px;padding:14px;border:1.5px solid var(--brief-line);
  border-radius:15px;background:#f5f7ee;
  font:700 13px/1.45 'DM Sans',Arial,sans-serif;
  transition:border-color .18s,background .18s,transform .18s;
}
.thowi-brief-option > span::before {
  content:"";flex:none;width:15px;height:15px;border-radius:50%;
  border:2px solid #adc5ad;background:#fcfcf6;
  transition:border-color .18s,box-shadow .18s;
}
.thowi-brief-option:hover > span {border-color:#75a07b;background:#ecf3e7}
.thowi-brief-option input:checked + span {
  background:#e2efdf;border-color:#4b7956;color:#2f5739;
}
.thowi-brief-option input:checked + span::before {
  border-color:#4b7956;box-shadow:inset 0 0 0 3px #fcfcf6;background:#b8795f;
}
.thowi-brief-option input:focus-visible + span {outline:3px solid #bd7057;outline-offset:3px}
.thowi-brief textarea,
.thowi-brief input[type=text]{
  display:block;width:100%;max-width:100%;min-width:0;
  border:1.5px solid var(--brief-line);border-radius:15px;
  background:#f8f9f0;color:var(--brief-ink);
  font:400 15px/1.55 'DM Sans',Arial,sans-serif;
  padding:14px 16px;
  transition:background .2s,border-color .2s;
}
.thowi-brief textarea {min-height:137px;resize:vertical}
.thowi-brief textarea::placeholder,.thowi-brief input[type=text]::placeholder {color:#728577;opacity:1}
.thowi-brief textarea:focus,.thowi-brief input[type=text]:focus {
  outline:3px solid #a8c8a380;outline-offset:1px;border-color:#62876b;background:#fffef8;
}
.thowi-brief textarea[aria-invalid=true] {border-color:#b85944}
.thowi-brief-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.thowi-brief-chips button {
  min-height:38px;border:1px dashed #b9cdb4;
  border-radius:22px;background:#edf2e7;color:#4b6c51;
  padding:8px 11px;font:700 11px/1.2 'DM Sans',Arial,sans-serif;
  cursor:pointer;
}
.thowi-brief-chips button:hover{border-style:solid;background:#e1ecdb}
.thowi-brief-chips button:focus-visible,
.thowi-brief-actions a:focus-visible,
.thowi-brief-actions button:focus-visible {outline:3px solid #c47757;outline-offset:3px}
.thowi-brief-preview {
  position:sticky;top:24px;padding:clamp(20px,2.7vw,30px);
}
.thowi-brief-preview-top {
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px;padding-bottom:17px;
  border-bottom:1px solid var(--brief-line);
}
.thowi-brief-preview-top strong{
  font:800 11px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.13em;
}
.thowi-brief-preview-top > span{
  font:700 11px/1.35 'DM Sans',Arial,sans-serif;color:#9e644c;
  padding:6px 11px;background:#f6e7db;border-radius:20px;
}
.thowi-brief-preview-top > span.is-ready {background:#e2f0df;color:#497651}
.thowi-brief-mail-meta{
  display:grid;gap:12px;margin:20px 0;background:#f1f5ea;
  border-radius:14px;padding:16px;
}
.thowi-brief-mail-meta > div{display:grid;gap:4px;min-width:0}
.thowi-brief-mail-meta span{
  font:800 10px/1.3 'DM Sans',Arial,sans-serif;
  letter-spacing:.09em;color:var(--brief-muted);
}
.thowi-brief-mail-meta strong{
  font:700 13px/1.5 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere;
}
.thowi-brief-message {
  margin:0;max-width:100%;min-width:0;
  max-height:340px;min-height:205px;overflow:auto;
  padding:19px;border:1px solid var(--brief-line);
  border-left:3px solid var(--brief-accent);border-radius:12px;
  background:#f9f9f2;color:#395140;
  white-space:pre-wrap;overflow-wrap:anywhere;
  font:400 12px/1.75 'DM Sans',Arial,sans-serif;
}
.thowi-brief-actions{display:grid;gap:10px;margin-top:20px}
.thowi-brief-actions a,.thowi-brief-actions button {
  display:flex;align-items:center;justify-content:center;
  width:100%;min-height:48px;padding:12px 15px;
  border-radius:14px;cursor:pointer;text-align:center;
  font:800 13px/1.4 'DM Sans',Arial,sans-serif;
  transition:transform .18s,background .18s;
}
.thowi-brief-action-primary {
  border:1px solid #c8795e;background:#c8795e;color:#fffdf6;
}
.thowi-brief-action-primary:hover {background:#ab6049;color:#fff}
.thowi-brief-actions button {
  border:1px solid #b6cbb4;background:#ebf1e7;color:#36523d;
}
.thowi-brief-actions button:hover{background:#dce9d8}
.thowi-brief-actions a:active,.thowi-brief-actions button:active{transform:scale(.99)}
.thowi-brief-note {
  margin:16px 0 0;font:400 11px/1.65 'DM Sans',Arial,sans-serif;color:var(--brief-muted);
}
.thowi-brief-feedback {
  min-height:1.3em;margin:7px 0 0;
  color:#507652;font:700 12px/1.4 'DM Sans',Arial,sans-serif;
}
.thowi-brief-feedback.is-error {color:#a6543f}
.thowi-brief-noscript {
  margin:25px 0 0;font:400 14px/1.6 'DM Sans',Arial,sans-serif;
}
.thowi-brief-noscript a{text-decoration:underline}
@media(max-width:980px) {
  .thowi-brief-grid{grid-template-columns:1fr;max-width:760px}
  .thowi-brief-preview{position:static}
}
@media(max-width:520px) {
  .thowi-brief{padding:64px 18px}
  .thowi-brief-heading{margin-bottom:30px}
  .thowi-brief-heading h2{font-size:clamp(39px,10vw,55px)}
  .thowi-brief-options{grid-template-columns:1fr}
  .thowi-brief-option > span{min-height:56px}
  .thowi-brief-form,.thowi-brief-preview{border-radius:22px;padding:20px}
  .thowi-brief-chips button{min-height:44px}
}
@media(prefers-reduced-motion:reduce) {
  .thowi-brief *, .thowi-brief *::before {transition:none!important;animation:none!important}
}

/* Entry point in the existing contact introduction. */
.rd-page .contact-guided-link{
  display:inline-flex;align-items:center;gap:12px;
  margin-top:24px;padding:13px 18px;min-height:45px;
  border-radius:40px;border:1px solid #9bb99d;
  background:#e8f0e4;color:#41694c;
  font:700 12px/1.5 'DM Sans',Arial,sans-serif;
}
.rd-page .contact-guided-link:hover{background:#dcebd7}
.rd-page .contact-guided-link:focus-visible{outline:3px solid #b47660;outline-offset:3px}
#preparar-proyecto{scroll-margin-top:35px}