/* Start custom CSS *//* Start custom CSS *//* ============================================================
   Mr.Miu — Contacto (documento 23) — CSS de página
   Mockup: ContactPage v2 (hero oscuro, canales WA+form, FAQ, email)
   ============================================================ */

/* ---- 1) Hero: glow radial como el mock ---- */
[data-id="7763d132"]::after {
  content: "";
  position: absolute;
  top: 0; left: 50%;
  width: 900px; height: 300px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, rgba(103,68,139,0.18) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* ---- 2) Círculo WhatsApp con icono ---- */
[data-id="6e0076ad"] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 28px;
}

/* ---- 3) (icono email movido a 3b) */

/* ---- 4) Overrides de los textos clonados en la tarjeta formulario ---- */
[data-id="3b90d644"] { margin: 0 0 6px !important; cursor: default; }
[data-id="6f20b91a"] {
  font-size: 14px !important;
  color: rgba(255,255,255,0.40) !important;
  line-height: 1.6 !important;
  margin: 0 0 28px !important;
}
[data-id="28177ab2"] {
  font-size: 11px !important;
  color: rgba(255,255,255,0.22) !important;
  text-align: center !important;
  max-width: none !important;
  margin: 14px 0 0 !important;
}

/* ---- 5) Pulido del formulario (e-form) ---- */
[data-id="f364e25"] ::placeholder { color: rgba(255,255,255,0.35); opacity: 1; }
[data-id="234371a4"], [data-id="1768a904"] { display: block; }
[data-id="124d41cf"] {
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  cursor: pointer;
}
[data-id="124d41cf"] option { background-color: #1A2238; color: #ffffff; }
[data-id="1b834c89"] { transition: background-color 160ms, transform 160ms; }
/* éxito: círculo morado con check */
[data-id="535c3914"]::before {
  content: "";
  display: inline-block;
  width: 48px; height: 48px;
  border-radius: 50%;
  background-color: #67448B;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  margin: 0 auto 16px;
}
[data-id="535c3914"] { font-family: Onest !important; }
[data-id="535c3914"] * { font-family: Onest !important; }

/* ---- 6) FAQ acordeón: estados abiertos ---- */

[data-id="e1374ef"] { transition: background-color 200ms, border-color 200ms; }
[data-id="e1374ef"][open] { background-color: #ffffff !important; border-color: rgba(103,68,139,0.16) !important; }
[data-id="65261d8a"] { color: #67448B; }
[data-id="65261d8a"] svg, [data-id="65261d8a"] svg path { stroke: #67448B; width: 12px !important; height: 12px !important; }
[data-id="e1374ef"][open] [data-id="65261d8a"] { background-color: #67448B; border-color: #67448B; color: #ffffff; }
[data-id="e1374ef"][open] [data-id="65261d8a"] svg, [data-id="e1374ef"][open] [data-id="65261d8a"] svg path { stroke: #ffffff; }
[data-id="4fa93c52"] { transition: background-color 200ms, border-color 200ms; }
[data-id="4fa93c52"][open] { background-color: #ffffff !important; border-color: rgba(103,68,139,0.16) !important; }
[data-id="47401e14"] { color: #67448B; }
[data-id="47401e14"] svg, [data-id="47401e14"] svg path { stroke: #67448B; width: 12px !important; height: 12px !important; }
[data-id="4fa93c52"][open] [data-id="47401e14"] { background-color: #67448B; border-color: #67448B; color: #ffffff; }
[data-id="4fa93c52"][open] [data-id="47401e14"] svg, [data-id="4fa93c52"][open] [data-id="47401e14"] svg path { stroke: #ffffff; }
[data-id="153de695"] { transition: background-color 200ms, border-color 200ms; }
[data-id="153de695"][open] { background-color: #ffffff !important; border-color: rgba(103,68,139,0.16) !important; }
[data-id="6fdffcc"] { color: #67448B; }
[data-id="6fdffcc"] svg, [data-id="6fdffcc"] svg path { stroke: #67448B; width: 12px !important; height: 12px !important; }
[data-id="153de695"][open] [data-id="6fdffcc"] { background-color: #67448B; border-color: #67448B; color: #ffffff; }
[data-id="153de695"][open] [data-id="6fdffcc"] svg, [data-id="153de695"][open] [data-id="6fdffcc"] svg path { stroke: #ffffff; }
[data-id="2662c21e"] { transition: background-color 200ms, border-color 200ms; }
[data-id="2662c21e"][open] { background-color: #ffffff !important; border-color: rgba(103,68,139,0.16) !important; }
[data-id="423ad428"] { color: #67448B; }
[data-id="423ad428"] svg, [data-id="423ad428"] svg path { stroke: #67448B; width: 12px !important; height: 12px !important; }
[data-id="2662c21e"][open] [data-id="423ad428"] { background-color: #67448B; border-color: #67448B; color: #ffffff; }
[data-id="2662c21e"][open] [data-id="423ad428"] svg, [data-id="2662c21e"][open] [data-id="423ad428"] svg path { stroke: #ffffff; }
[data-id="6450ace3"] { transition: background-color 200ms, border-color 200ms; }
[data-id="6450ace3"][open] { background-color: #ffffff !important; border-color: rgba(103,68,139,0.16) !important; }
[data-id="2a21a847"] { color: #67448B; }
[data-id="2a21a847"] svg, [data-id="2a21a847"] svg path { stroke: #67448B; width: 12px !important; height: 12px !important; }
[data-id="6450ace3"][open] [data-id="2a21a847"] { background-color: #67448B; border-color: #67448B; color: #ffffff; }
[data-id="6450ace3"][open] [data-id="2a21a847"] svg, [data-id="6450ace3"][open] [data-id="2a21a847"] svg path { stroke: #ffffff; }
[data-id="1e4755c4"] { transition: background-color 200ms, border-color 200ms; }
[data-id="1e4755c4"][open] { background-color: #ffffff !important; border-color: rgba(103,68,139,0.16) !important; }
[data-id="71bb1329"] { color: #67448B; }
[data-id="71bb1329"] svg, [data-id="71bb1329"] svg path { stroke: #67448B; width: 12px !important; height: 12px !important; }
[data-id="1e4755c4"][open] [data-id="71bb1329"] { background-color: #67448B; border-color: #67448B; color: #ffffff; }
[data-id="1e4755c4"][open] [data-id="71bb1329"] svg, [data-id="1e4755c4"][open] [data-id="71bb1329"] svg path { stroke: #ffffff; }
[data-id="7ad1f2f2"] .e-accordion-item-header-base::-webkit-details-marker { display: none; }
[data-id="7ad1f2f2"] summary { outline: none; }

/* ---- 7) Headers sin cursor pointer (no son enlaces) ---- */
[data-id="4cda5ff3"], [data-id="1b1e8881"], [data-id="48f77ac"], [data-id="1ef738a2"], [data-id="3edb2e7f"] { cursor: auto; }

/* ---- 8) Responsive (mockup: breakpoint 860px) ---- */
@media (max-width: 860px) {
  [data-id="239668f2"] { padding: 24px 20px 48px !important; } /* header móvil compacto (#594 v1.1); mockup móvil: kicker y≈96 */
  [data-id="2ebe8815"] { grid-template-columns: 1fr !important; }
  [data-id="106b12e7"], [data-id="124d9296"] { padding: 52px 20px !important; }
  [data-id="4cda5ff3"] { font-size: 32px !important; }
  [data-id="1b1e8881"], [data-id="3b90d644"] { font-size: 22px !important; }
  [data-id="60a60cae"] { padding: 64px 20px !important; }
  [data-id="3d25bbf3"] { grid-template-columns: 1fr !important; gap: 28px !important; }
  [data-id="321c6f95"] { position: static !important; }
  [data-id="3de79139"], [data-id="714ccb4e"], [data-id="377d4ef1"], [data-id="63dd138c"], [data-id="5159ef3f"], [data-id="32c7c6c3"] { padding: 18px 18px !important; gap: 14px !important; }
  [data-id="1de12aea"], [data-id="6ea98fdd"], [data-id="2469b7ce"], [data-id="4a179dfe"], [data-id="1dc34793"], [data-id="4b099706"] { padding: 0 18px 18px !important; }
  [data-id="26901cbe"] { padding: 56px 20px !important; }
  [data-id="35cbe202"] { flex-direction: column !important; align-items: flex-start !important; }
}

/* ---- 3b) CTA email: icono de sobre vía ::before ---- */
[data-id="3bc4dee9"] { display: inline-flex; align-items: center; }
[data-id="3bc4dee9"]::before {
  content: "";
  display: inline-block;
  width: 18px; height: 18px;
  margin-right: 10px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
[data-id="3bc4dee9"] .mmu-mail-ic { display: none; }

/* ---- 9) Éxito: centrar el check ---- */
[data-id="535c3914"] { display: block; text-align: center; }
[data-id="535c3914"]::before { margin-left: auto; margin-right: auto; }/* End custom CSS *//* End custom CSS */