/* Libro de Reclamaciones: tarjeta de confirmación, ventana emergente y hoja imprimible.
   Una sola familia (la de texto del sitio), blanco y negro como el resto del catálogo. */
.wcr-ok,.wcr-ok *,.wcr-modal,.wcr-modal *,.wcr-sheet,.wcr-sheet *{font-family:var(--w-font-body,"Neusa Next Pro",system-ui,-apple-system,"Segoe UI",sans-serif);box-sizing:border-box}

/* ---- Tarjeta (se ve en la página y dentro de la ventana) ---- */
.wcr-ok{max-width:520px;margin:8px auto 24px;padding:32px 28px 28px;background:#fff;border:1px solid #e7e7e5;color:#141315;text-align:center}
/* Círculo negro con el visto dibujado en SVG y centrado por el propio fondo: queda exactamente en el medio. */
.wcr-ok__icon{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:#0d0d0e url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4.2 4.2L18.5 7.8'/%3E%3C/svg%3E") center/30px 30px no-repeat}
.wcr-ok .wcr-ok__title{margin:0 0 20px;padding:0;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:.01em;text-transform:none;color:#141315}
.wcr-ok .wcr-ok__label{margin:0 0 4px;font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b6e76}
.wcr-ok .wcr-ok__code{margin:0 0 20px;padding:12px 14px;background:#f3f3f1;font-size:26px;line-height:1.2;font-weight:800;letter-spacing:.04em;color:#141315;user-select:all}
.wcr-ok .wcr-ok__text{margin:0 0 24px;font-size:15px;line-height:1.6;color:#3b3d42}
.wcr-ok .wcr-ok__text strong{color:#141315}
.wcr-ok__actions{display:flex;flex-direction:column;gap:10px}
/* El tema da estilo propio a todos los botones (fondo azul, sin borde): aquí se imponen los del sitio. */
.wcr-ok .wcr-btn{appearance:none!important;display:block!important;width:100%!important;min-height:48px!important;padding:12px 18px!important;border:1px solid #0d0d0e!important;border-radius:4px!important;background:#fff!important;color:#0d0d0e!important;font-size:13px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;box-shadow:none!important;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.wcr-ok .wcr-btn{display:flex!important;align-items:center;justify-content:center;gap:10px}
/* Icono de hoja con líneas, dibujado con máscara para que tome el color del texto del botón. */
.wcr-ok .wcr-btn--primary::before{content:"";flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E") center/contain no-repeat}
.wcr-ok .wcr-btn:hover{background:#f3f3f1!important;color:#0d0d0e!important}
.wcr-ok .wcr-btn--primary{background:#0d0d0e!important;color:#fff!important}
.wcr-ok .wcr-btn--primary:hover{background:#2a2b2e!important;color:#fff!important}
.wcr-ok .wcr-btn:focus-visible,.wcr-modal__x:focus-visible{outline:2px solid #0d0d0e!important;outline-offset:2px}

/* ---- Ventana emergente ---- */
.wcr-lock{overflow:hidden}
.wcr-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;animation:wcr-fade .18s ease-out}
.wcr-modal__backdrop{position:absolute;inset:0;background:rgba(13,13,14,.62)}
.wcr-modal__box{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;background:#fff;animation:wcr-rise .22s ease-out}
.wcr-modal__box .wcr-ok{margin:0;border:0;max-width:none}
.wcr-modal .wcr-modal__x{position:absolute;top:8px;right:8px;z-index:1;width:40px;height:40px;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:28px;line-height:1;color:#141315!important;cursor:pointer}
@keyframes wcr-fade{from{opacity:0}to{opacity:1}}
@keyframes wcr-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wcr-modal,.wcr-modal__box{animation:none}.wcr-btn{transition:none}}
@media (max-width:480px){
  .wcr-ok{padding:28px 18px 22px}
  .wcr-ok .wcr-ok__code{font-size:22px}
  .wcr-modal{align-items:flex-end;padding:0}
  .wcr-modal__box{max-height:92vh}
}

/* ---- Formulario en celular: títulos de sección que se montaban, campos muy separados, letra que hacía zoom en iPhone ---- */
/* El título de cada sección llegaba con interlineado de 6 px (en todos los anchos): las dos líneas se pisaban. */
body #gform_wrapper_1 .gsection .gsection_title{line-height:1.25!important;letter-spacing:0}
@media (max-width:640px){
  body #gform_wrapper_1 .gform_title{margin:0 0 14px!important;font-size:24px!important;line-height:1.15!important}
  body #gform_wrapper_1 .gform_fields{row-gap:16px!important}
  body #gform_wrapper_1 .gsection{margin:18px 0 0!important;padding-bottom:8px!important}
  body #gform_wrapper_1 .gsection .gsection_title{margin:0!important;font-size:17px!important}
  body #gform_wrapper_1 .gfield_label{margin:0 0 6px!important;font-size:14px!important;line-height:1.3!important}
  /* 16 px evita el acercamiento automático de iPhone al tocar un campo; 46 px es un buen blanco táctil. */
  body #gform_wrapper_1 input[type=text],body #gform_wrapper_1 input[type=email],body #gform_wrapper_1 input[type=tel],body #gform_wrapper_1 input[type=number],body #gform_wrapper_1 input[type=date],body #gform_wrapper_1 select{min-height:46px!important;font-size:16px!important}
  body #gform_wrapper_1 textarea{font-size:16px!important}
  body #gform_wrapper_1 .gform_footer{margin-top:8px!important;padding-top:0!important}
}

/* ---- Hoja de reclamación: oculta en pantalla, visible al imprimir ---- */
.wcr-sheet{display:none}
.wcr-sheet__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 12px;border:1px solid #111;margin:0 0 14px}
.wcr-sheet__head img{display:block;height:34px;width:auto;margin:0 0 6px}
.wcr-sheet__head div{font-size:9.5pt;line-height:1.35;color:#111}
.wcr-sheet__meta{text-align:right}
.wcr-sheet .wcr-sheet__title{margin:0 0 12px;padding:0;text-align:center;font-size:13pt;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#111}
.wcr-sheet table{width:100%;border-collapse:collapse;margin:0 0 12px;page-break-inside:avoid}
.wcr-sheet th{padding:6px 8px;border:1px solid #111;background:#111;color:#fff;text-align:left;font-size:9pt;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.wcr-sheet td{padding:6px 8px;border:1px solid #cfcfcf;vertical-align:top;font-size:9.5pt;line-height:1.35;color:#111}
.wcr-sheet td:first-child{width:34%;background:#f3f3f1;font-weight:700}
.wcr-sheet .wcr-sheet__foot{margin:14px 0 0;padding:10px 12px;border:1px solid #111;font-size:9pt;line-height:1.45;color:#111}

.wcr-print-root{display:none}
@media print{
  @page{margin:14mm}
  html.wcr-printing body{background:#fff!important}
  html.wcr-printing body > *:not(.wcr-print-root){display:none!important}
  html.wcr-printing .wcr-print-root{display:block!important}
  html.wcr-printing .wcr-print-root .wcr-sheet{display:block}
}