/* Order surfaces adapted from the existing delivery panel. */
:root { --red:#ea090b; --red-dark:#cc0709; --cream:#fef1df; --cream-2:#f6e2c4; --paper:#fffcf5; --ink:#151410; --ink-2:#4d443c; --muted:#675e57; --line:#dfd1bc; --line-strong:#a69b88; --font-brand:'Baloo 2',system-ui,sans-serif; --font-display:'Outfit',system-ui,sans-serif; --font-ui:'DM Sans',system-ui,sans-serif; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; background:var(--cream); color:var(--ink); font:400 16px/1.45 var(--font-ui); }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-family:var(--font-display); line-height:1.18; text-wrap:balance; }
h1 { font-size:clamp(28px,5vw,36px); }
h2 { font-size:24px; }
h3 { font-size:20px; }
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; }
button,a,input,textarea { -webkit-tap-highlight-color:transparent; }
input,textarea { color:var(--ink); caret-color:var(--red-dark); }
input::placeholder,textarea::placeholder { color:var(--muted); }
::selection { background:#ffd23f; color:var(--ink); }
:focus-visible { outline:3px solid var(--ink); outline-offset:3px; }
.marca-franja { display:flex; align-items:center; gap:16px; padding:0 20px; background:var(--red); color:white; font-size:14px; }
.marca-logo { display:inline-flex; align-items:center; min-height:48px; color:white; font:800 20px/1 var(--font-brand); text-decoration:none; }
.marca-logo:focus-visible { outline-color:white; }
.domicilios-view { width:min(100%,1200px); margin:0 auto; display:grid; gap:20px; padding:24px 16px 48px; }
.domicilios-hero { display:flex; align-items:start; justify-content:space-between; gap:16px; }
.domicilios-hero p { margin-top:6px; }
.meta { color:var(--muted); font-size:14px; }
.meta strong { color:var(--ink); }
.login-section { width:min(100%,420px); padding:24px; border:1px solid var(--line); border-radius:14px; background:var(--paper); }
.login-section > p { margin-top:8px; }
.form-grid { display:grid; gap:16px; }
.login-section .form-grid { margin-top:20px; }
.campo { display:grid; gap:8px; font-weight:700; }
input,textarea { width:100%; min-height:48px; padding:10px 12px; border:1px solid var(--line-strong); border-radius:10px; background:white; }
textarea { resize:vertical; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:10px 16px; border:0; border-radius:10px; color:var(--ink); font-weight:700; text-decoration:none; }
.btn--primary { background:var(--red); color:white; }
.btn--primary:hover:not(:disabled) { background:var(--red-dark); }
.btn--suave { background:var(--cream-2); color:var(--ink); }
.btn--suave:hover:not(:disabled) { background:#ecd6b3; }
.btn--border { background:transparent; border:1px solid var(--line-strong); }
.btn--danger { background:transparent; border:1px solid var(--red-dark); color:var(--red-dark); }
.btn:disabled { opacity:.65; }
.panel-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.vistas { display:flex; flex-wrap:wrap; gap:6px; }
.vistas button { display:inline-flex; align-items:center; gap:8px; min-height:48px; padding:10px 12px; border:0; border-radius:10px; background:transparent; color:var(--ink-2); font-weight:700; }
.vistas button[aria-pressed=true] { background:var(--ink); color:white; }
.vistas span { min-width:20px; font-size:13px; text-align:center; font-variant-numeric:tabular-nums; }
.vista-heading { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 16px; margin:24px 0 16px; }
.domicilios-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); align-items:start; gap:16px; }
.order-card { display:grid; gap:14px; min-width:0; padding:16px; border:1px solid var(--line); border-radius:14px; background:var(--paper); }
.order-card > * { min-width:0; }
.order-card__top { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.order-card__id { font-family:var(--font-display); font-size:20px; overflow-wrap:anywhere; }
.order-card__time { margin-right:auto; color:var(--muted); font-size:13px; font-variant-numeric:tabular-nums; }
.status { padding:4px 8px; border-radius:8px; background:var(--cream-2); color:var(--ink); font-size:13px; font-weight:700; }
.status--nuevo { background:#ffdfcf; color:#8b2f10; }
.status--entregado { background:#e0eddf; color:#205b27; }
.dom-cliente { display:grid; gap:12px; }
.dom-cliente__datos { display:grid; gap:3px; overflow-wrap:anywhere; }
.dom-cliente__datos strong { font-size:17px; }
.dom-entrega { display:grid; gap:4px; color:var(--ink-2); overflow-wrap:anywhere; }
.dom-modalidad { justify-self:start; padding:4px 8px; border-radius:8px; background:var(--cream-2); color:var(--ink); font-size:13px; font-weight:700; }
.dom-contacto { display:flex; flex-wrap:wrap; gap:8px; }
.order-lines { display:grid; gap:8px; margin:0; padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); list-style:none; }
.order-lines li { display:flex; align-items:start; justify-content:space-between; gap:16px; }
.order-lines span { min-width:0; overflow-wrap:anywhere; }
.order-lines strong { flex:none; font-variant-numeric:tabular-nums; }
.order-lines small { display:block; margin-top:3px; color:var(--muted); font-size:13px; }
.order-totals { display:grid; gap:5px; margin:0; }
.order-totals > div { display:flex; justify-content:space-between; gap:16px; font-size:14px; }
.order-totals dt { color:var(--muted); }
.order-totals dd { margin:0; font-variant-numeric:tabular-nums; }
.order-totals .order-total { margin-top:4px; color:var(--ink); font-size:20px; font-weight:700; }
.order-actions { display:flex; flex-wrap:wrap; gap:8px; }
.order-actions .btn { flex:1 1 auto; }
.order-note summary { display:flex; align-items:center; min-height:44px; color:var(--ink-2); font-weight:700; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.order-note form { display:grid; gap:10px; margin-top:8px; }
.order-note .btn { justify-self:start; }
.notice { padding:12px 16px; border-radius:12px; background:var(--paper); }
.notice--error { background:#fce6e2; color:#8e1515; }
.empty-state { padding:40px 16px; text-align:center; }
.empty-state p { margin-top:8px; }
dialog { width:min(100% - 32px,460px); max-height:calc(100dvh - 48px); overflow:auto; padding:24px; border:0; border-radius:14px; background:var(--paper); color:var(--ink); box-shadow:0 10px 28px rgba(21,20,16,.18); }
dialog::backdrop { background:rgba(21,20,16,.45); }
.dialog-actions { display:flex; justify-content:flex-end; gap:10px; }
@media (min-width:700px) { .domicilios-view { padding:32px 24px 56px; } .dom-cliente { grid-template-columns:minmax(0,1fr) auto; align-items:center; } }
@media (max-width:390px) { .vistas { gap:2px; } .vistas button { padding-inline:8px; gap:4px; } .login-section { padding:20px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

/* Store management extends the existing cream, ink and red panel. */
.panel-navigation { display:flex; gap:8px; border-bottom:1px solid var(--line-strong); padding-bottom:12px; }
.panel-navigation .btn { min-width:120px; background:transparent; }
.panel-navigation [aria-pressed=true] { background:var(--ink); color:white; }
#shop-section,#shop-content { display:grid; gap:24px; min-width:0; }
.shop-store-status,.shop-public-access,.shop-row-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.shop-store-status p,.shop-row-heading p { margin-top:6px; }
.shop-public-access { padding:16px 0; border-block:1px solid var(--line); }
.shop-public-access > div:first-child { display:grid; gap:6px; min-width:0; }
.shop-public-access a:not(.btn) { display:flex; align-items:center; min-height:44px; color:var(--red-dark); text-underline-offset:4px; overflow-wrap:anywhere; }
.shop-navigation { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
.shop-navigation button { min-width:0; min-height:48px; padding:10px 6px; border:0; border-radius:10px; background:transparent; color:var(--ink-2); font-weight:700; }
.shop-navigation button:hover:not([aria-pressed=true]) { background:var(--cream-2); }
.shop-navigation [aria-pressed=true] { background:var(--ink); color:white; }
.shop-actions,.shop-form-actions { display:flex; flex-wrap:wrap; gap:8px; }
.shop-actions .btn { min-width:44px; }
.shop-help { max-width:72ch; }
.shop-category { border-top:1px solid var(--line-strong); padding-top:20px; }
.shop-category > .shop-row-heading { align-items:start; }
.shop-products { margin-top:16px; }
.shop-product { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; padding:20px 0; border-top:1px solid var(--line); }
.shop-product-info { display:grid; gap:6px; min-width:0; overflow-wrap:anywhere; }
.shop-product h4 { margin:0; font:600 20px/1.25 var(--font-display); }
.shop-product-info > p { font-variant-numeric:tabular-nums; }
.shop-product-status { color:var(--ink-2); font-size:14px; }
.shop-form { max-width:760px; }
.shop-form--wide { max-width:900px; }
.shop-form > .meta { max-width:65ch; }
.shop-field-pair { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.shop-form-actions { padding-top:8px; }
.shop-editor { padding:20px; border-radius:14px; background:var(--paper); }
.shop-editor .form-grid { max-width:760px; }
.shop-editor input,.shop-editor select,.shop-editor textarea { min-width:0; }
.shop-check { display:flex; align-items:center; gap:12px; min-height:48px; cursor:pointer; color:var(--ink); }
.shop-check input { width:24px; height:24px; min-height:24px; margin:0; padding:0; accent-color:var(--red-dark); flex:none; }
.shop-check:has(input:focus-visible) { outline:3px solid var(--ink); outline-offset:3px; border-radius:6px; }
.shop-price-mode { display:flex; flex-wrap:wrap; gap:4px 24px; padding:0; border:0; margin:0; }
.shop-price-mode legend { font-weight:700; margin-bottom:4px; }
.shop-option { display:grid; gap:12px; align-items:end; margin:16px 0; padding-block:16px; border-block:1px solid var(--line); }
.shop-option .btn { justify-self:start; }
.shop-option + .shop-option { border-top:0; margin-top:0; }
.shop-days { display:grid; gap:16px; }
.shop-day { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; min-width:0; border:0; border-top:1px solid var(--line); padding:12px 0 0; margin:0; }
.shop-day legend { font-weight:700; padding:0 12px 0 0; }
.shop-day .shop-check { grid-column:1/-1; }
.shop-day input[type=time] { min-width:0; }
.shop-zones { display:grid; gap:16px; border-top:1px solid var(--line-strong); padding-top:24px; }
.shop-zone { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:16px 0; border-bottom:1px solid var(--line); }
.shop-zone p { margin-top:6px; font-variant-numeric:tabular-nums; }
.shop-empty { padding:28px 0; color:var(--ink-2); }
.shop-empty p { margin-top:8px; }
select { width:100%; min-height:48px; padding:10px 12px; border:1px solid var(--line-strong); border-radius:10px; background:white; color:var(--ink); }
#shop-feedback { scroll-margin-top:20px; }
button,input,select,textarea { transition:background-color 140ms ease-out,border-color 140ms ease-out; }
.shop-navigation button:active,.shop-actions .btn:active { filter:brightness(.94); }
input:disabled,select:disabled,textarea:disabled { background:var(--cream-2); color:var(--ink-2); }
@media (min-width:700px) {
  .shop-navigation { display:flex; gap:8px; }
  .shop-navigation button { padding-inline:24px; }
  .shop-field-pair { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .shop-option { grid-template-columns:minmax(0,1fr) minmax(140px,.6fr) auto; }
  .shop-day { grid-template-columns:minmax(120px,1fr) repeat(2,minmax(0,1fr)); align-items:end; }
  .shop-day .shop-check { grid-column:auto; }
  .shop-category > .shop-row-heading > div:first-child { flex:1 1 180px; }
}
@media (min-width:1100px) { .shop-product { grid-template-columns:minmax(240px,1fr) auto; align-items:center; } }
@media (max-width:420px) { .shop-editor { padding:16px; } .shop-form-actions .btn { flex:1; } }
@media (prefers-reduced-motion:reduce) { button,input,select,textarea { transition:none; } }

/* Credits bar (manual recharge) */
.credits-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:16px 0; padding:12px 16px; border:1px solid var(--line-strong); border-radius:14px; background:#fff; }
.credits-bar strong { display:block; font-size:20px; }
.credits-bar--alert { border-color:#cc0709; background:#fff7f5; }
.credits-bar .btn:disabled { opacity:.6; cursor:not-allowed; }
.recharge-pay { flex-basis:100%; display:grid; gap:8px; padding-top:12px; border-top:1px solid #eadfcb; }
.recharge-pay__titulo { font-weight:700; }
.recharge-pay__llave { display:inline; font-size:17px; overflow-wrap:anywhere; }
.recharge-pay p .btn { margin-left:8px; }
.credits-history { flex-basis:100%; padding-top:12px; border-top:1px solid #eadfcb; }
.credits-history summary { display:flex; align-items:center; min-height:44px; font-weight:700; cursor:pointer; }
.credits-history summary::-webkit-details-marker { display:none; }
.credits-history summary::after { content:""; width:8px; height:8px; margin-left:10px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); }
.credits-history[open] summary::after { transform:translateY(2px) rotate(-135deg); }
@media (prefers-reduced-motion: no-preference) { .credits-history summary::after { transition:transform .15s; } }
.credits-history .movimiento strong { display:block; font-size:15px; }
.credits-history .movimiento__cifras strong { font-size:17px; }
.credits-history summary:focus-visible { outline:3px solid #cc0709; outline-offset:2px; border-radius:6px; }
.credits-history__lista { display:grid; gap:0; margin:8px 0 0; padding:0; list-style:none; }
.credits-history #credits-history-status:empty { display:none; }
.movimiento { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid #f0e6d6; }
.movimiento:first-child { border-top:0; }
.movimiento__texto { display:grid; gap:2px; min-width:0; overflow-wrap:anywhere; }
.movimiento__cifras { display:grid; gap:2px; justify-items:end; text-align:right; white-space:nowrap; }
.movimiento--suma { color:#1d6b35; }
.movimiento--resta { color:#cc0709; }
.recharge-pay__qr { width:220px; height:auto; max-width:100%; border:1px solid #eadfcb; border-radius:12px; background:#fff; }

/* Photos inside the panel */
.shop-product { grid-template-columns:72px minmax(0,1fr); align-items:start; }
.shop-product > .shop-actions { grid-column:1 / -1; }
.shop-photo { display:block; width:72px; height:72px; border-radius:12px; object-fit:cover; background:var(--paper); border:1px solid var(--line); }
.shop-photo--empty { display:grid; place-items:center; color:var(--ink-2); font-size:12px; text-align:center; }
.shop-photo--big { width:120px; height:120px; }
.shop-photo--wide { width:240px; max-width:100%; height:100px; }
.shop-photo-field { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.shop-photo-field > div { display:grid; gap:8px; justify-items:start; }
.shop-photo-btn { position:relative; cursor:pointer; }
.shop-photo-btn input[type="file"] { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }
.shop-photo-btn:focus-within { outline:3px solid var(--ink); outline-offset:3px; }
.shop-images { display:grid; gap:12px; margin-bottom:24px; }
.shop-images-grid { display:grid; gap:20px; }
@media (min-width:900px) { .shop-product { grid-template-columns:72px minmax(0,1fr) auto; align-items:center; } .shop-product > .shop-actions { grid-column:auto; } .shop-images-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Link to self-registration on the login screen */
.login-registro { margin-top:16px; }
.login-registro a { color:#cc0709; font-weight:700; }

/* =====================================================================
   f13 · "La comanda": cada pedido es un tiquete. Mismo papel, tinta y rojo
   de la tienda; el panel sigue siendo sencillo, solo cambia la piel.
   ===================================================================== */
:root { --muted: #574f48; --punteo: #8f8173; --r: 6px; }
::selection { background: var(--ink); color: var(--cream); }
.marca-franja { background: transparent; color: var(--red-dark); padding: 4px 20px 0; }
.marca-logo { color: var(--red-dark); font-size: 18px; }
.marca-franja :focus-visible { outline-color: var(--ink); }
.domicilios-view { padding-top: 12px; }
h1 { letter-spacing: -0.02em; line-height: 1; }
input, textarea, select { border: 1px solid var(--ink); border-radius: var(--r); }
.btn { border-radius: var(--r); }
.btn--suave, .btn--border { background: transparent; border: 1px solid var(--ink); color: var(--ink); }
.btn--suave:hover:not(:disabled), .btn--border:hover:not(:disabled) { background: var(--paper); }
.btn--danger { border-color: var(--red-dark); }
.login-section, .notice, dialog { border: 1px solid var(--ink); border-radius: var(--r); }
dialog { border-top-width: 3px; }
.credits-bar { border: 1px solid var(--ink); border-radius: var(--r); background: var(--paper); }
.credits-bar--alert { border-color: var(--red-dark); border-width: 2px; }
.recharge-pay, .credits-history { border-top: 1px dashed var(--punteo); }
.recharge-pay__qr { border: 1px solid var(--ink); border-radius: var(--r); }
.movimiento { border-top: 1px dashed var(--punteo); }
.movimiento--suma { color: #1d6b35; }

/* barra de vistas y navegación: subrayado de tinta, sin píldoras */
.vistas button, .panel-navigation .btn, .shop-navigation button { border-radius: 0; color: var(--ink-2); font-family: "Outfit", var(--font-ui); letter-spacing: .06em; text-transform: uppercase; font-size: 13px; }
.vistas button[aria-pressed=true], .panel-navigation [aria-pressed=true], .shop-navigation [aria-pressed=true] { background: transparent; color: var(--ink); box-shadow: inset 0 -3px var(--ink); }
.panel-navigation { border-bottom: 2px solid var(--ink); }
.shop-navigation button:hover:not([aria-pressed=true]) { background: transparent; box-shadow: inset 0 -3px var(--punteo); }

/* el pedido como tiquete */
.domicilios-grid { gap: 20px; }
.order-card { padding: 16px; border: 1px solid var(--ink); border-radius: var(--r); background: var(--paper); box-shadow: 4px 4px 0 var(--ink); }
.order-card__id { font-size: 22px; letter-spacing: -0.01em; }
.status { border: 2px solid currentColor; border-radius: 4px; background: transparent; font: 700 12px/1.25 "Outfit", var(--font-ui); letter-spacing: .07em; text-transform: uppercase; }
.status--nuevo { color: #8b2f10; background: transparent; }
.status--entregado { color: #1d6b35; background: transparent; }
.dom-modalidad { border: 1px solid var(--ink); border-radius: 4px; background: transparent; }
.order-lines { border-top: 1px dashed var(--punteo); border-bottom: 1px dashed var(--punteo); }
.order-totals .order-total { padding-top: 8px; border-top: 2px solid var(--ink); font-size: 22px; }
.shop-public-access { border-block: 1px dashed var(--punteo); }
.shop-category { border-top: 2px solid var(--ink); }
.shop-product, .shop-zone, .shop-option, .shop-day { border-color: var(--punteo); border-style: dashed; }
.shop-editor { border: 1px solid var(--ink); border-radius: var(--r); }
.shop-photo { border-radius: var(--r); border-color: var(--ink); }

/* Logo de CúcutaCome (igual que cucutacome.com, 2026-11-14): "Cúcuta" negro, "Come" rojo,
   Baloo 2, y "Come" da un saltico al pasar el mouse o llegar con el teclado. */
.marca-logo { color: var(--ink); font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; letter-spacing: 0.005em; }
.marca-logo .marca-come { display: inline-block; color: #ea090b; transform-origin: 50% 80%; }
.marca-logo:hover .marca-come, .marca-logo:focus-visible .marca-come { animation: cc-logo-saltico .62s ease both; }
@keyframes cc-logo-saltico { 0%, 100% { transform: translateY(0) rotate(0); } 35% { transform: translateY(-3px) rotate(-4deg); } 70% { transform: translateY(1px) rotate(2deg); } }
@media (prefers-reduced-motion: reduce) { .marca-logo:hover .marca-come, .marca-logo:focus-visible .marca-come { animation: none; } }

/* =====================================================================
   f17 · arreglos de la auditoría de diseño (Gemini, 2026-11-14)
   ===================================================================== */
/* Títulos en Baloo 2, como la tienda, el registro y el admin */
h1, h2, h3, h4, .order-card__id { font-family: var(--font-brand); font-weight: 800; letter-spacing: 0; }
/* Los valores escritos no van en negrita (las etiquetas sí) */
.campo input, .campo textarea, .campo select { font-weight: 400; }
/* Login: centrado, sin hueco vacío y sin el título "Pedidos" antes de entrar */
#page-status:empty, #page-error:empty { display: none; }
.login-section { justify-self: center; margin-inline: auto; }
.domicilios-view:has(#login-section:not([hidden])) .domicilios-hero { display: none; }
.login-registro a { display: inline-flex; align-items: center; min-height: 44px; }
/* Créditos: una franja compacta; los pedidos se ven apenas se entra */
.credits-bar { margin: 0; padding: 10px 14px; gap: 6px 14px; align-items: center; }
.credits-bar__saldo { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.credits-bar__saldo strong { font-size: 20px; }
.credits-bar__saldo p { flex-basis: 100%; }
.credits-bar .recharge-pay { border-top: 0; padding-top: 6px; }
.credits-bar > details { flex-basis: 100%; padding-top: 4px; }
body[data-seccion="tienda"] #credits-bar { display: none; }
/* Foto de logo y portada: misma forma (ayuda debajo del botón en las dos) */
.shop-photo-field { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; }

/* f18 · auditoría (segunda parte) */
/* Un solo pedido no se estira a todo lo ancho */
.domicilios-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); }
/* Horario: botón de su tamaño, sin línea cruzando el nombre del día y "Guardar" siempre a la vista */
.shop-form > .btn, .shop-form > button[data-shop-action] { justify-self: start; }
.shop-day { border-top: 0; border-bottom: 1px dashed var(--punteo); padding: 0 0 12px; }
form[data-shop-form="schedule"] .shop-form-actions { position: sticky; bottom: 0; z-index: 2; padding: 10px 0 calc(10px + env(safe-area-inset-bottom)); background: var(--cream); border-top: 1px solid var(--ink); }
input[type=checkbox], input[type=radio] { accent-color: var(--red-dark); }

/* f19 · pantalla de acceso (shared/acceso.css) */
.domicilios-view > #login-section { width: min(100%, 940px); justify-self: center; }
/* Pestañas: la raya activa se distingue de la línea de abajo */
.panel-navigation { border-bottom-width: 1px; }

/* Aviso: confirma tu correo */
.notice--correo { display: grid; gap: 10px; border: 2px solid var(--red-dark); background: var(--paper); }
.notice--correo p { margin: 0; }