.contacto-seccion{scroll-margin-top:88px;padding-bottom:24px}.contacto-tarjeta{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;padding:48px;border-radius:var(--r-xxl);background:var(--site-card,var(--canvas))}.contacto-intro{min-width:0;display:flex;flex-direction:column}.contacto-intro .seccion-titulo{margin:0 0 12px}.contacto-sub{margin:0;color:var(--muted);font-size:16px;line-height:1.55;max-width:420px}.contacto-puntos{list-style:none;margin:auto 0 0;padding:32px 0 0;display:flex;flex-direction:column;gap:18px}.contacto-puntos li{display:flex;align-items:flex-start;gap:14px}.contacto-puntos b{display:block;font-size:15px;font-weight:600}.contacto-puntos small{display:block;margin-top:2px;color:var(--muted);font-size:13.5px;line-height:1.45}.contacto-punto-ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--accent-bg);color:var(--on-accent-bg,var(--accent))}.contacto-formulario{min-width:0;display:flex;flex-direction:column}.contacto-campos{display:flex;flex-direction:column;gap:20px}.contacto-columnas{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contacto-formulario .field{min-width:0;margin:0}.contacto-formulario .field label,.contacto-motivos legend{display:block;margin-bottom:8px;font-size:13.5px;font-weight:600;color:var(--text)}.contacto-formulario .input{width:100%;min-height:52px;border:0;border-radius:var(--r-sm);background:var(--site-field,var(--surface));color:var(--text);font-size:15px;transition:box-shadow 160ms ease,background-color 160ms ease}.contacto-formulario .input:focus-visible{outline:0;box-shadow:0 0 0 2px var(--accent)}.contacto-formulario textarea.input{resize:vertical;min-height:148px;max-height:400px;line-height:1.55;padding-block:14px}.contacto-formulario .input[aria-invalid=true]{box-shadow:0 0 0 2px var(--crit)}.contacto-formulario .field label small{margin-left:4px;font-weight:400;color:var(--muted)}.mensaje-metadatos a{color:inherit;text-decoration:underline;text-underline-offset:3px}.contacto-pie-campo{display:flex;justify-content:space-between;gap:12px;margin:8px 2px 0;font-size:12.5px;color:var(--muted)}.contacto-pie-campo [data-contacto-cuenta]{font-variant-numeric:tabular-nums}.contacto-motivos{margin:0;padding:0;border:0;min-width:0}.contacto-chips{display:flex;flex-wrap:wrap;gap:8px}.contacto-chip{position:relative;cursor:pointer}.contacto-chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.contacto-chip span{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:var(--pill);background:var(--site-field,var(--surface));color:var(--muted);font-size:14px;font-weight:500;transition:background-color 160ms ease,color 160ms ease,transform 160ms ease}.contacto-chip:hover span{color:var(--text)}.contacto-chip:active span{transform:scale(.97)}.contacto-chip input:checked+span{background:var(--accent-bg);color:var(--on-accent-bg,var(--accent));font-weight:600}.contacto-chip input:focus-visible+span{box-shadow:0 0 0 2px var(--accent)}.contacto-chip input[aria-invalid=true]+span{box-shadow:inset 0 0 0 1.5px var(--crit)}.contacto-acciones{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:4px}.contacto-acciones button{min-height:52px;min-width:188px;justify-content:center;border:0;gap:10px;transition:transform 160ms cubic-bezier(.23,1,.32,1),opacity 160ms ease}.contacto-acciones button:active:not(:disabled){transform:scale(.97)}.contacto-flecha{display:inline-flex;transition:transform .2s cubic-bezier(.23,1,.32,1)}@media (hover:hover){.contacto-acciones button:hover .contacto-flecha{transform:translateX(3px)}}[aria-busy=true] .contacto-flecha{display:none}.contacto-acciones small{color:var(--muted);font-size:12.5px;max-width:260px;line-height:1.45}.contacto-acciones small a{color:var(--accent)}.contacto-resultado{margin:0;padding:12px 14px;border-radius:var(--r-sm);font-size:14px;line-height:1.5}.contacto-error{color:var(--crit);background:var(--crit-bg)}.contacto-exito{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:100%;padding:8px 0;outline:0;animation:contacto-entra 320ms cubic-bezier(.23,1,.32,1)}.contacto-exito-ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px;background:var(--ok-bg);color:var(--ok)}.contacto-exito h3{margin:0;font-size:24px;line-height:1.25;letter-spacing:-.3px}.contacto-exito p{margin:4px 0 20px;color:var(--muted);font-size:15px;line-height:1.55;max-width:380px}@keyframes contacto-entra{from{opacity:0;transform:translateY(8px) scale(.98)}}.contacto-senuelo{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contacto-carga{width:16px;height:16px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:mensajes-giro .8s linear infinite}.contacto-carga[hidden],.contacto-formulario [hidden],.mensajes-detalle [hidden],.notificaciones [hidden]{display:none!important}@keyframes mensajes-giro{to{transform:rotate(360deg)}}.notificaciones{position:relative}.notificaciones-boton{position:relative}.notificaciones-contador{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:17px}.notificaciones-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:2200;width:min(360px,calc(100vw - 24px));max-height:min(570px,calc(100dvh - 110px));display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-2)}.notificaciones-menu header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 12px}.notificaciones-menu h2{margin:0;font-size:17px;font-weight:600}.notificaciones-menu header a{font-size:12px;color:var(--accent);padding:8px 0}.notificaciones-lista{overflow:auto;overscroll-behavior:contain;padding:0 8px 8px;scrollbar-width:thin;scrollbar-color:var(--divider) transparent}.notificaciones-fila{display:flex;flex-direction:column;gap:4px;border-radius:16px;padding:14px 12px;text-decoration:none;color:var(--text)}.notificaciones-fila:focus-visible,.notificaciones-fila:hover{background:var(--input)}.notificaciones-fila.es-nuevo{background:var(--accent-bg);margin-bottom:2px}.notificaciones-titulo{font-size:14px;font-weight:600}.notificaciones-fila time{font-size:11px;color:var(--muted);margin-top:2px}.notificaciones-error,.notificaciones-vacio{margin:0;padding:16px 12px 24px;color:var(--muted);font-size:13px}.notificaciones-error{color:var(--crit);padding:8px 20px}.mensajes-filtros{display:flex;flex-wrap:wrap;gap:6px}.mensajes-filtros a{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border-radius:999px;color:var(--muted);background:var(--input);font-size:13px;text-decoration:none}.mensajes-filtros a.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.mensajes-filtros span{font-size:11px;opacity:.8}.mensajes-lista{display:flex;flex-direction:column;gap:4px}.mensaje-fila{border-radius:24px;background:var(--soft,var(--surface));overflow:hidden}.mensaje-fila.es-nuevo{background:var(--input)}.mensaje-abrir{display:flex;align-items:flex-start;gap:16px;padding:20px;color:var(--text);text-decoration:none}.mensaje-abrir>svg{flex:none;margin-top:14px;color:var(--muted)}.mensaje-abrir:hover{background:var(--subtle)}.mensaje-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--surface);color:var(--accent);font-size:16px;font-weight:600}.mensaje-resumen{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.mensaje-fila-titulo{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.mensaje-fila-titulo b{font-size:15px;font-weight:600}.mensaje-estado{font-size:11px;color:var(--muted)}.es-nuevo .mensaje-estado{color:var(--accent);font-weight:600}.mensaje-tipo{font-size:12px;color:var(--muted);margin:0;overflow-wrap:anywhere}.mensaje-extracto{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.mensaje-resumen time{font-size:11px;color:var(--muted)}.mensajes-paginacion{display:flex;justify-content:center;align-items:center;gap:16px;padding:24px 0;font-size:13px;color:var(--muted)}.mensaje-panel-inline{margin:0 0 24px;padding:24px;border-radius:24px;background:var(--soft,var(--surface))}.mensaje-panel-inline>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mensaje-panel-inline h2{margin:4px 0 0;font-size:24px}.mensaje-metadatos{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.mensaje-cuerpo-texto{margin:20px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:15px}.mensaje-acciones,.mensaje-acciones-gestion{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.mensaje-acciones{justify-content:flex-end;margin-top:24px}.mensaje-acciones form{margin:0}.mensaje-peligro{color:var(--crit)!important}.mensajes-detalle{border:0;padding:0;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:28px;background:var(--canvas);color:var(--text);overflow:hidden;box-shadow:var(--shadow-2)}.mensajes-detalle[open]{display:flex;flex-direction:column}.mensajes-detalle::backdrop{background:var(--scrim)}.mensaje-detalle-cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex:none;padding:24px 24px 12px}.mensaje-detalle-cabecera h2{margin:4px 0 0;font-size:24px;line-height:1.25;overflow-wrap:anywhere}.mensaje-detalle-cabecera button{flex:none}.mensaje-detalle-cuerpo{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 24px 8px;scrollbar-width:thin;scrollbar-color:var(--divider) transparent}.mensaje-detalle-cuerpo::-webkit-scrollbar,.notificaciones-lista::-webkit-scrollbar{width:5px}.mensaje-detalle-cuerpo::-webkit-scrollbar-thumb,.notificaciones-lista::-webkit-scrollbar-thumb{background:var(--divider);border-radius:999px}.mensajes-detalle>.mensaje-acciones{flex:none;padding:12px 24px 20px;margin:0;background:var(--canvas)}.mensaje-modal-estado{margin:20px 0;color:var(--muted)}.mensaje-borrar-aviso{padding:16px;border-radius:16px;background:var(--crit-bg);margin-bottom:16px}.mensaje-borrar-aviso p{margin:0 0 12px;font-size:14px}.mensaje-borrar-aviso .btn{min-height:44px}@media (max-width:700px){.contacto-tarjeta{grid-template-columns:1fr;gap:28px;padding:28px 20px;border-radius:var(--r-xl)}.contacto-puntos{margin-top:0;padding-top:24px;gap:14px}.contacto-columnas{grid-template-columns:1fr;gap:20px}.contacto-sub{max-width:none}.contacto-acciones{align-items:flex-start}.contacto-acciones button{width:100%}.contacto-acciones small{max-width:none}.notificaciones-menu{position:fixed;right:12px;top:72px;max-height:calc(100dvh - 100px)}.mensaje-abrir{gap:12px;padding:16px}.mensaje-avatar{width:36px;height:36px;font-size:14px}.mensajes-barra{align-items:stretch}.mensajes-filtros{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:4px;scrollbar-width:none}.mensajes-filtros a{flex:none}}@media (min-width:701px) and (max-width:960px){.contacto-tarjeta{gap:36px;padding:36px}.contacto-columnas{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.contacto-carga,.contacto-exito{animation:none}}