/* ════════════════════════════════════════════════════════════
   Espacio Digital · identidad de marca
   Azul #014EA9 · Verde #84C871 · Amarillo #FFD200 (solo precio)
   Poppins (titulares) · Lato (texto) · IBM Plex Mono (fiscal)
   ════════════════════════════════════════════════════════════ */
:root{
  --azul:#014EA9; --azul-honda:#013A7E; --azul-claro:#2E79CE; --azul-lavado:#EAF1FA;
  --verde:#84C871; --verde-honda:#4E9A3C; --verde-lavado:#EEF7EA;
  --amarillo:#FFD200;
  --pizarra:#405A56; --bruma:#C4D7D2;

  /* colores de marca: FIJOS, no cambian con el tema */
  --marca-azul:#014EA9; --marca-azul-honda:#013A7E; --marca-verde:#84C871;

  --fondo:#E7EDF4; --sup:#F2F6FA; --tarjeta:#FFFFFF; --sup-alt:#E2E9F1;
  --tinta:#0C1A2B; --tinta-suave:#415266; --tinta-tenue:#6D7F93;
  --linea:#D2DCE8; --linea-fuerte:#B6C5D6;

  --sombra:0 1px 2px rgba(12,26,43,.05), 0 10px 30px -18px rgba(12,26,43,.28);
  --sombra-alta:0 2px 4px rgba(12,26,43,.06), 0 26px 60px -28px rgba(1,58,126,.45);

  /* El recibo es papel: no cambia con el tema */
  --papel:#FFFDF8; --papel-cinta:#F2EFE6; --papel-tinta:#1A1A17; --papel-tenue:#7D7A6E; --papel-linea:#D6D1C2;

  --shell:1080px; --lectura:68ch;
  --radio:8px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --azul:#6AA6E8; --azul-honda:#0A2C52; --azul-claro:#8FBFF2; --azul-lavado:#132337;
    --verde:#8FD37C; --verde-honda:#A8DE97; --verde-lavado:#152A14;
    --pizarra:#9FB3AE; --bruma:#33454B;
    --fondo:#0A121C; --sup:#111D2B; --tarjeta:#17242F; --sup-alt:#1C2B3B;
    --tinta:#E7EDF5; --tinta-suave:#A9B8C9; --tinta-tenue:#78889B;
    --linea:#223346; --linea-fuerte:#31465C;
    --sombra:0 1px 2px rgba(0,0,0,.45), 0 10px 30px -18px rgba(0,0,0,.8);
    --sombra-alta:0 2px 4px rgba(0,0,0,.5), 0 26px 60px -28px rgba(0,0,0,.9);
  }
}
:root[data-theme="dark"]{
  --azul:#6AA6E8; --azul-honda:#0A2C52; --azul-claro:#8FBFF2; --azul-lavado:#132337;
  --verde:#8FD37C; --verde-honda:#A8DE97; --verde-lavado:#152A14;
  --pizarra:#9FB3AE; --bruma:#33454B;
  --fondo:#0A121C; --sup:#111D2B; --tarjeta:#17242F; --sup-alt:#1C2B3B;
  --tinta:#E7EDF5; --tinta-suave:#A9B8C9; --tinta-tenue:#78889B;
  --linea:#223346; --linea-fuerte:#31465C;
  --sombra:0 1px 2px rgba(0,0,0,.45), 0 10px 30px -18px rgba(0,0,0,.8);
  --sombra-alta:0 2px 4px rgba(0,0,0,.5), 0 26px 60px -28px rgba(0,0,0,.9);
}

*{box-sizing:border-box}
body{
  margin:0; background:var(--fondo); color:var(--tinta);
  font-family:Lato,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px; line-height:1.62; -webkit-font-smoothing:antialiased;
}
.shell{max-width:var(--shell); margin-inline:auto; padding-inline:20px}
.col{max-width:var(--lectura); margin-inline:auto; padding-inline:20px}

h1,h2,h3{margin:0; text-wrap:balance}
h1,h2,h3,.titular{font-family:Poppins,"Segoe UI",system-ui,sans-serif}
h1{font-weight:700; font-size:clamp(1.75rem,4.6vw,2.7rem); line-height:1.17; letter-spacing:-.025em}
h2{font-weight:600; font-size:clamp(1.48rem,3.6vw,2.05rem); line-height:1.18; letter-spacing:-.022em}
h3{font-weight:600; font-size:1.14rem; line-height:1.32; letter-spacing:-.012em}
p{margin:0}
a{color:var(--azul); text-underline-offset:3px}
:focus-visible{outline:2px solid var(--azul-claro); outline-offset:2px; border-radius:3px}
strong{font-weight:700}
.ojal{font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:.72rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--verde-honda); font-weight:500}

/* ─────────── barra ─────────── */
.barra{position:sticky; top:0; z-index:30; background:color-mix(in srgb,var(--sup) 92%,transparent);
  backdrop-filter:blur(10px); border-bottom:1px solid var(--linea)}
.barra .shell{display:flex; align-items:center; gap:18px; padding-block:12px}
.sello{display:flex; align-items:center; flex:none; text-decoration:none}
.sello img{display:block; height:19px; width:auto}
:root[data-theme="dark"] .sello img{filter:brightness(1.9) saturate(.6)}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) .sello img{filter:brightness(1.9) saturate(.6)} }
.barra nav{display:flex; gap:20px; font-size:.87rem; margin-left:auto; flex-wrap:wrap}
.barra nav a{color:var(--tinta-suave); text-decoration:none;
  font-family:Poppins,"Segoe UI",system-ui,sans-serif; font-weight:500}
.barra nav a:hover{color:var(--azul)}
.barra .wa{flex:none}
@media (max-width:860px){ .barra nav{display:none} }

/* botones */
.btn{display:inline-flex; align-items:center; gap:8px; padding:11px 19px; border-radius:6px;
  text-decoration:none; font-family:Poppins,"Segoe UI",system-ui,sans-serif; font-weight:600;
  font-size:.92rem; letter-spacing:0; border:1.5px solid transparent}
.btn.wa{background:var(--verde); color:#10300A; border-color:var(--verde)}
.btn.wa:hover{filter:brightness(1.06)}
.btn.azul{background:var(--azul); color:#fff}
.btn.fantasma{border-color:var(--linea-fuerte); color:var(--tinta); background:var(--tarjeta)}
.btn.claro{background:#fff; color:#013A7E}
.btn.borde-claro{border-color:rgba(255,255,255,.45); color:#fff}
.btn svg{width:17px; height:17px; flex:none}

/* ─────────── hero ─────────── */
.hero{color:#fff; background:var(--marca-azul); border-bottom:5px solid var(--marca-verde)}
.hero .shell{padding-block:clamp(38px,7vw,68px) clamp(42px,7vw,72px);
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:clamp(28px,5vw,54px); align-items:start}
.hero .ojal{color:#A8DE97}
.hero h1{margin-top:14px; color:#fff}
.hero h1 em{font-style:normal; color:#A8DE97}
.hero .bajada{margin-top:18px; font-size:1.07rem; color:#CFE0F4; max-width:48ch}
.hero .acciones{display:flex; gap:12px; flex-wrap:wrap; margin-top:26px}
.hero .micro{margin-top:14px; font-size:.82rem; color:#9FBDE2}
.firma{margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,255,255,.22);
  font-size:.84rem; color:#BBD3EE}
.firma strong{color:#fff; font-weight:700}
@media (max-width:820px){ .hero .shell{grid-template-columns:1fr} }

/* el recibo — pieza de marca */
.recibo{margin:0; background:var(--papel); border-radius:3px; box-shadow:var(--sombra-alta);
  overflow:hidden; font-family:"IBM Plex Mono",ui-monospace,monospace; color:var(--papel-tinta)}
.recibo .cinta{background:var(--papel-cinta); border-bottom:1px dashed var(--papel-linea);
  padding:8px 16px; font-size:.66rem; letter-spacing:.11em; text-transform:uppercase;
  color:var(--papel-tenue); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}
.recibo dl{margin:0; padding:17px 16px; display:grid; gap:10px; font-size:.78rem}
.lr{display:grid; grid-template-columns:minmax(0,13ch) 1fr; gap:10px; align-items:baseline}
.lr dt{color:var(--papel-tenue); font-size:.68rem; letter-spacing:.05em; text-transform:uppercase}
.lr dd{margin:0; font-weight:500; font-variant-numeric:tabular-nums; word-break:break-word}
.lr.ojo dd{color:#B3430E; font-weight:600}
.recibo .nota{border-top:1px dashed var(--papel-linea); padding:11px 16px; font-size:.67rem;
  color:var(--papel-tenue); background:var(--papel-cinta); line-height:1.5; font-family:Lato,sans-serif}

/* ─────────── bandas ─────────── */
.banda{padding-block:clamp(38px,6vw,60px)}
.banda.sup{background:var(--sup); border-block:1px solid var(--linea)}
.banda .col > * + *, .banda .shell > * + *{margin-top:18px}
.banda p{max-width:64ch}
ul,ol{margin:0; padding-left:1.15em; display:grid; gap:9px; max-width:62ch}
li::marker{color:var(--verde-honda)}
.aviso{font-size:.86rem; color:var(--tinta-tenue); border-left:2px solid var(--bruma);
  padding-left:14px; max-width:60ch; line-height:1.55}

/* lista de verificacion */
.lista-chk{display:grid; grid-template-columns:repeat(auto-fit,minmax(236px,1fr)); gap:14px}
.grupo{background:var(--tarjeta); border:1px solid var(--linea); border-radius:var(--radio);
  padding:18px 20px; display:grid; gap:11px; align-content:start}
.grupo h3{font-size:1rem}
.grupo ul{list-style:none; padding:0; margin:0; display:grid; gap:8px; font-size:.93rem; max-width:none}
.grupo li{display:grid; grid-template-columns:auto 1fr; gap:9px; align-items:start;
  color:var(--tinta-suave); line-height:1.45}
.grupo li::before{content:"\2713"; color:var(--verde-honda); font-weight:900; font-size:.95rem}

/* dos relojes */
.relojes{display:grid; grid-template-columns:repeat(auto-fit,minmax(248px,1fr)); gap:14px}
.reloj{background:var(--tarjeta); border:1px solid var(--linea); border-top:3px solid var(--azul);
  border-radius:var(--radio); padding:19px 20px; display:grid; gap:8px; align-content:start}
.reloj.dos{border-top-color:var(--verde)}
.reloj p{font-size:.95rem; color:var(--tinta-suave); max-width:none}
.reloj .etiq{font-family:"IBM Plex Mono",monospace; font-size:.67rem; letter-spacing:.11em;
  text-transform:uppercase; color:var(--tinta-tenue)}

/* calculadora */
.tool{background:var(--tarjeta); border:1px solid var(--linea-fuerte); border-radius:var(--radio);
  box-shadow:var(--sombra); overflow:hidden; max-width:var(--lectura)}
.tool .top{padding:17px 20px; border-bottom:1px solid var(--linea); background:var(--sup-alt)}
.tool .top p{font-size:.88rem; color:var(--tinta-suave); margin-top:3px}
.campos{padding:20px; display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px}
.campo{display:grid; gap:5px}
.campo label{font-size:.72rem; letter-spacing:.07em; text-transform:uppercase;
  color:var(--tinta-tenue); font-weight:700}
.campo input{font-family:"IBM Plex Mono",monospace; font-size:.95rem; padding:9px 11px;
  border:1px solid var(--linea-fuerte); background:var(--tarjeta); color:var(--tinta);
  border-radius:5px; width:100%; font-variant-numeric:tabular-nums}
.salida{padding:0 20px 20px; display:grid; gap:12px}
.veredicto{padding:16px 18px; border-radius:6px; display:grid; gap:5px;
  background:var(--azul-lavado); border:1px solid var(--azul-claro)}
.veredicto.alerta{background:var(--verde-lavado); border-color:var(--verde-honda)}
.veredicto .grande{font-family:Poppins,"Segoe UI",system-ui,sans-serif; font-weight:600;
  font-size:1.22rem; line-height:1.25; color:var(--azul);
  letter-spacing:-.015em}
.veredicto.alerta .grande{color:var(--verde-honda)}
.veredicto .detalle{font-size:.92rem; color:var(--tinta-suave)}
.marcadores{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.marcador{border:1px solid var(--linea); border-radius:6px; padding:12px 14px; display:grid; gap:2px; background:var(--fondo)}
.marcador .n{font-family:"IBM Plex Mono",monospace; font-size:1.32rem; font-weight:600;
  font-variant-numeric:tabular-nums}
.marcador .l{font-size:.71rem; letter-spacing:.07em; text-transform:uppercase; color:var(--tinta-tenue)}

/* desglose del numero de factura */
.desglose{display:grid; grid-template-columns:repeat(auto-fit,minmax(116px,1fr)); gap:10px}
.desglose > div{background:var(--tarjeta); border:1px solid var(--linea);
  border-top:3px solid var(--verde); border-radius:6px; padding:11px 12px; display:grid; gap:4px}
.desglose .seg{font-family:"IBM Plex Mono",ui-monospace,monospace; font-size:1rem; font-weight:600;
  color:var(--azul); font-variant-numeric:tabular-nums}
.desglose .eti{font-size:.73rem; color:var(--tinta-tenue); line-height:1.35}
.desglose .eti em{display:block; font-style:normal; color:var(--verde-honda); font-weight:700}

/* preguntas */
.qa details{border-bottom:1px solid var(--linea)}
.qa summary{cursor:pointer; padding:15px 0; font-family:Poppins,"Segoe UI",system-ui,sans-serif;
  font-weight:600; font-size:1.05rem; list-style:none;
  display:flex; gap:12px; align-items:baseline; letter-spacing:-.01em}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"+"; font-family:"IBM Plex Mono",monospace; color:var(--verde-honda);
  font-weight:600; flex:none}
.qa details[open] summary::before{content:"\2212"}
.qa .r{padding:0 0 17px 25px; color:var(--tinta-suave); display:grid; gap:10px; max-width:62ch}

/* ─────────── módulos (patrón de grid de apps) ─────────── */
.mods{display:grid; grid-template-columns:repeat(auto-fit,minmax(186px,1fr)); gap:14px}
.mod{background:var(--tarjeta); border:1px solid var(--linea); border-radius:var(--radio);
  padding:18px; display:grid; gap:9px; align-content:start}
.mod .tile{width:42px; height:42px; border-radius:9px; display:grid; place-items:center;
  background:var(--azul-lavado); color:var(--azul)}
.mod.ancla .tile{background:var(--verde-lavado); color:var(--verde-honda)}
.mod.ancla{border-color:var(--verde); border-width:1.5px}
.mod .nom{font-family:Poppins,"Segoe UI",system-ui,sans-serif; font-weight:600; letter-spacing:-.012em}
.mod p{font-size:.9rem; color:var(--tinta-suave); max-width:none}
.mod svg{width:22px; height:22px}
.opcionales{display:flex; flex-wrap:wrap; gap:8px}
.chip{font-size:.82rem; font-weight:700; color:var(--tinta-tenue); background:var(--sup-alt);
  border:1px solid var(--linea); border-radius:20px; padding:5px 13px}

/* ─────────── secciones alternadas ─────────── */
.par{display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:clamp(22px,4vw,46px);
  align-items:center}
.par + .par{margin-top:clamp(32px,5vw,52px); padding-top:clamp(32px,5vw,52px); border-top:1px solid var(--linea)}
.par .txt{display:grid; gap:14px; align-content:start}
.par .txt p{max-width:46ch}
.par.invertido .arte{order:-1}
@media (max-width:700px){ .par.invertido .arte{order:0} }

/* panel de vigilancia — dibujo, no captura */
.vigila{background:var(--tarjeta); border:1px solid var(--linea); border-radius:var(--radio);
  box-shadow:var(--sombra); overflow:hidden}
.vigila .cab{padding:12px 16px; background:var(--azul); color:#fff; font-size:.78rem;
  font-weight:900; letter-spacing:.04em; text-transform:uppercase; display:flex; justify-content:space-between; gap:10px}
.vigila .cab span:last-child{font-family:"IBM Plex Mono",monospace; font-weight:400; opacity:.85; text-transform:none; letter-spacing:0}
.vigila ol{margin:0; padding:0; list-style:none; display:grid; gap:0; max-width:none}
.vigila li{display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center;
  padding:13px 16px; border-top:1px solid var(--linea); font-size:.9rem}
.vigila li:first-child{border-top:none}
.dias{font-family:"IBM Plex Mono",monospace; font-weight:600; font-size:.98rem;
  background:var(--azul-lavado); color:var(--azul); border-radius:5px; padding:4px 9px;
  font-variant-numeric:tabular-nums; min-width:4.6ch; text-align:center}
.vigila li.rojo .dias{background:#FBE7DF; color:#B3430E}
:root[data-theme="dark"] .vigila li.rojo .dias, :root:not([data-theme="light"]) .vigila li.rojo .dias{background:#3A1B0E; color:#F0A882}
.vigila li em{font-style:normal; color:var(--tinta-tenue); font-size:.8rem}
.vigila .pie{padding:11px 16px; background:var(--sup-alt); border-top:1px solid var(--linea);
  font-size:.78rem; color:var(--tinta-tenue)}

/* cross-sell de hardware */
.kit{display:grid; gap:10px}
.kit .fila{display:flex; align-items:center; gap:12px; background:var(--tarjeta); border:1px solid var(--linea);
  border-radius:7px; padding:12px 15px; font-size:.92rem; font-weight:700}
.kit .fila span.tag{margin-left:auto; font-family:"IBM Plex Mono",monospace; font-size:.72rem;
  font-weight:400; color:var(--tinta-tenue); text-transform:uppercase; letter-spacing:.06em}
.kit .fila .pt{width:8px; height:8px; border-radius:50%; background:var(--verde); flex:none}

/* ─────────── tabla comparativa ─────────── */
.tabla-env{overflow-x:auto; border:1px solid var(--linea-fuerte); border-radius:var(--radio); background:var(--tarjeta)}
table{border-collapse:collapse; width:100%; min-width:520px; font-size:.95rem}
th,td{text-align:left; padding:13px 16px; border-top:1px solid var(--linea)}
thead th{border-top:none; font-size:.76rem; letter-spacing:.07em; text-transform:uppercase;
  color:var(--tinta-tenue); font-weight:900; background:var(--sup-alt)}
thead th:last-child{color:var(--verde-honda)}
tbody th{font-weight:700}
td{text-align:center; width:11.5rem; font-weight:900}
.si{color:var(--verde-honda)}
.no{color:var(--tinta-tenue)}

/* ─────────── planes — el único lugar del amarillo ─────────── */
.conmutador{display:inline-flex; background:var(--sup-alt); border:1px solid var(--linea-fuerte);
  border-radius:999px; padding:4px; gap:4px; width:fit-content}
.conmutador button{border:0; background:transparent; cursor:pointer; border-radius:999px;
  font-family:Poppins,"Segoe UI",system-ui,sans-serif; font-weight:600; font-size:.88rem;
  padding:8px 18px; color:var(--tinta-suave)}
.conmutador button[aria-pressed="true"]{background:var(--marca-azul); color:#fff}

.planes{display:grid; grid-template-columns:repeat(auto-fit,minmax(222px,1fr)); gap:14px}
.plan{background:var(--tarjeta); border:1px solid var(--linea); border-radius:var(--radio);
  padding:20px; display:grid; gap:7px; align-content:start}
.plan.destacado{border:1.5px solid var(--azul); box-shadow:var(--sombra)}
.plan .nom{font-family:Poppins,"Segoe UI",system-ui,sans-serif; font-weight:600; font-size:1.14rem;
  color:var(--azul); letter-spacing:-.015em}
.plan .quien{font-size:.84rem; color:var(--tinta-tenue); min-height:2.7em; line-height:1.4}
.plan .precio{display:flex; align-items:baseline; gap:7px; flex-wrap:wrap; margin-top:6px}
.plan .precio .n{display:inline-block; font-family:"IBM Plex Mono",monospace; font-size:1.5rem;
  font-weight:600; font-variant-numeric:tabular-nums; padding-inline:4px;
  box-shadow:inset 0 -.34em 0 var(--amarillo)}
.plan .precio .isv{font-size:.8rem; font-weight:700; color:var(--tinta-suave); letter-spacing:.01em}
.plan .per{font-size:.76rem; color:var(--tinta-tenue); line-height:1.45}
.plan .ahorro{display:flex; align-items:center; width:fit-content; margin-top:4px;
  font-family:Poppins,"Segoe UI",system-ui,sans-serif; font-weight:600; font-size:.76rem;
  color:var(--verde-honda); background:var(--verde-lavado); border:1px solid var(--verde);
  border-radius:5px; padding:5px 10px}
.plan ul{font-size:.88rem; gap:6px; padding-left:1.05em; margin-top:8px; max-width:none}
.plan .mas{margin-top:10px}

/* ─────────── cierre ─────────── */
.cierre{background:var(--marca-verde); color:#0A2743; border-top:5px solid var(--marca-azul)}
.cierre .shell{padding-block:clamp(40px,6vw,62px); display:grid; gap:16px; max-width:760px}
.cierre .ojal{color:#0F4A73}
.cierre h2{color:#07243D}
.cierre p{color:#143A57; max-width:52ch}
.cierre .acciones{display:flex; gap:12px; flex-wrap:wrap; margin-top:6px}
.cierre .btn.wa{background:var(--marca-azul); color:#fff; border-color:var(--marca-azul)}
.cierre .btn.borde-claro{border-color:#2A5C82; color:#0A2743}

footer{border-top:1px solid var(--linea); padding-block:30px; color:var(--tinta-tenue); font-size:.85rem;
  background:var(--sup)}
footer .shell{display:grid; gap:12px; max-width:var(--shell); justify-items:start}
footer img{display:block; width:132px; height:auto}
:root[data-theme="dark"] footer img{filter:brightness(1.35)}
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]) footer img{filter:brightness(1.35)} }
footer a{color:var(--tinta-suave)}

@media (max-width:420px){
  body{font-size:16px}
  .lr{grid-template-columns:1fr; gap:2px}
  .marcadores{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important}}

/* ─────────── formulario de contacto ─────────── */
.wpcf7 form.wpcf7-form{display:grid; gap:15px}
.wpcf7 label{display:grid; gap:6px; font-size:.86rem; font-weight:700; color:var(--tinta-suave)}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 textarea{
  width:100%; padding:11px 13px; border:1px solid var(--linea-fuerte); border-radius:6px;
  background:var(--tarjeta); color:var(--tinta); font-family:Lato,sans-serif; font-size:1rem}
.wpcf7 textarea{min-height:130px; resize:vertical}
.wpcf7 input:focus, .wpcf7 textarea:focus{outline:2px solid var(--azul-claro); outline-offset:1px}
.wpcf7 .f-trampa{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.wpcf7 input[type=submit]{
  font-family:Poppins,"Segoe UI",system-ui,sans-serif; font-weight:600; font-size:.95rem;
  background:var(--marca-azul); color:#fff; border:0; border-radius:6px; padding:12px 24px;
  cursor:pointer; width:fit-content}
.wpcf7 input[type=submit]:hover{filter:brightness(1.08)}
.wpcf7-not-valid-tip{color:#B3430E; font-weight:400; font-size:.82rem}
.wpcf7 form .wpcf7-response-output{
  border-radius:6px; border:1px solid var(--linea-fuerte); padding:12px 14px;
  font-size:.92rem; margin:4px 0 0}
.wpcf7 form.sent .wpcf7-response-output{border-color:var(--verde); background:var(--verde-lavado); color:var(--verde-honda)}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output{
  border-color:#E2A98B; background:#FBE7DF; color:#8A3409}