/* =====================================================================
   libro.css - [libro_reclamaciones]
   ---------------------------------------------------------------------
   El CSS del plugin de WordPress tal cual, mas lo nuevo: los campos del
   apoderado, la casilla de conformidad y la pantalla de "registrado".
   ===================================================================== */
.frlr-section-title{
      font-family:'Anton',system-ui,sans-serif;
      font-size:26px;font-weight:400;
      color:#742384;
      margin:0 0 4px;
      letter-spacing:.3px;
    }
    .frlr-section-sub{ font-size:13px;color:#888;margin:0 0 22px; }
    .frlr-section-title.second{ margin-top:34px; }
    .frlr-grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px 18px; }
    @media(max-width:680px){ .frlr-grid{ grid-template-columns:1fr; } }
    .frlr-field{ display:flex; flex-direction:column; }
    .frlr-field.full{ grid-column:1 / -1; }
    .frlr-field label{
      font-size:13px;font-weight:700;color:#333;margin-bottom:6px;
    }
    .frlr-field label .req{ color:#e0245e; margin-left:2px; }
    .frlr-field input,
    .frlr-field select,
    .frlr-field textarea{
      width:100%;
      border:1.5px solid #e3e3e3;
      border-radius:999px;
      padding:0 16px;
      height:46px;
      font-size:14px;
      font-family:inherit;
      color:#111;
      background:#fff;
      outline:none;
      transition:border-color .18s, box-shadow .18s;
      -webkit-appearance:none;
      box-sizing:border-box;
    }
    .frlr-field textarea{
      border-radius:16px;
      padding:12px 16px;
      height:auto;
      min-height:120px;
      resize:vertical;
    }
    .frlr-field input:focus,
    .frlr-field select:focus,
    .frlr-field textarea:focus{ border-width:1px; border-color:var(--foco-borde); box-shadow:var(--foco-halo); }
    .frlr-field input::placeholder,
    .frlr-field textarea::placeholder{ color:#bbb; opacity:1; }
    .frlr-field select{
      padding-right:38px;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 16px center;
    }
    .frlr-field select:disabled{ background-color:#f5f5f5; color:#aaa; cursor:not-allowed; }
    .frlr-submit{
      display:inline-flex;align-items:center;justify-content:center;gap:8px;
      width:100%;
      margin-top:26px;
      background:#742384;
      color:#fff;border:none;
      border-radius:999px;
      padding:14px 20px;
      font-size:15px;font-weight:800;
      cursor:pointer;
      transition:opacity .18s, transform .1s;
      -webkit-tap-highlight-color:transparent;
    }
    .frlr-submit:hover{ opacity:.92; }
    .frlr-submit:active{ transform:scale(.99); }
    .frlr-submit[disabled]{ opacity:.6; cursor:not-allowed; }
    .frlr-msg{ margin-top:16px; padding:14px 16px; border-radius:12px; font-size:14px; display:none; }
    .frlr-msg.ok{ display:block; background:#f0fdf4; color:#16a34a; border:1.5px solid #86efac; }
    .frlr-msg.err{ display:block; background:#fef2f2; color:#dc2626; border:1.5px solid #fecaca; }
    .frlr-codigo{ font-weight:800; font-size:16px; letter-spacing:.5px; }
    /* ===== Header banner ===== */
    .frlr-header{
      max-width:1180px;
      margin:24px auto 0;
      padding:0 12px;
      box-sizing:border-box;
    }
    .frlr-header-inner{
      background:transparent;
      border-radius:18px;
      padding:18px 28px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      box-shadow:0 10px 30px rgba(0,0,0,.15);
    }
    .frlr-header-title{
      font-family:'Anton',system-ui,sans-serif;
      font-weight:400;
      font-size:38px;
      line-height:1;
      color:#defdbb;
      margin:0;
      letter-spacing:.5px;
    }
    .frlr-header-date{
      background:rgba(255,255,255,.18);
      color:#fff;
      font-size:15px;
      font-weight:700;
      padding:8px 16px;
      border-radius:10px;
      white-space:nowrap;
      flex-shrink:0;
    }
    @media(max-width:680px){
      .frlr-header-inner{ flex-direction:column; align-items:flex-start; gap:10px; padding:16px 18px; }
      .frlr-header-title{ font-size:30px; }
    }
    /* ===== Layout 2 columnas: Consideraciones (izq) + contenido (der) ===== */
    .frlr-layout{
      max-width:1180px;
      margin:12px auto 24px;
      padding:0 12px;
      display:grid;
      grid-template-columns:320px 1fr;
      gap:16px;
      align-items:start;
      font-family:'DM Sans',system-ui,sans-serif;
      box-sizing:border-box;
    }
    @media(max-width:880px){ .frlr-layout{ grid-template-columns:1fr; } }
    .frlr-col-right{ display:flex; flex-direction:column; gap:16px; min-width:0; }
    .frlr-box{ background:#fff; border-radius:16px; padding:22px 24px; box-shadow:0 6px 24px rgba(0,0,0,.10); }
    /* Sidebar consideraciones */
    .frlr-sidebar{ position:sticky; top:16px; }
    @media(max-width:880px){ .frlr-sidebar{ position:static; } }
    .frlr-consider h3{ font-size:15px;font-weight:800;color:#111;margin:0 0 10px; }
    .frlr-consider p{ font-size:12.5px;color:#555;line-height:1.5;margin:0 0 6px; }
    .frlr-consider .oblig{ font-weight:700;color:#333;margin-top:10px; }
    .frlr-consider hr{ border:none;border-top:1px solid #000000;margin:20px 0; width:100%; }
    .frlr-consider .privacy{ font-size:12px;color:#777;line-height:1.5;margin:0; }
    .frlr-consider .privacy a{ color:#742384;text-decoration:underline; }
    .frlr-consider .aviso-legal{ font-size:11.5px;color:#999;line-height:1.5;margin:12px 0 0;font-style:italic; }
    .frlr-provider .frlr-section-title{ margin-bottom:8px; }
    .frlr-provider .prov-data{ font-size:14px;color:#444;line-height:1.6; }
    .frlr-provider .prov-data strong{ color:#111; }

/* ---- Nuevo ---- */
.frlr-wrap [hidden]{display:none !important}
.frlr-acepto{display:flex;gap:10px;align-items:flex-start;margin:22px 0 0;font-size:13.5px;color:#333;font-weight:600;cursor:pointer}
.frlr-acepto input{width:18px;height:18px;margin:1px 0 0;accent-color:#742384;flex:0 0 auto}
.frlr-acepto .req{color:#e0245e}
.frlr-trampa{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important}
.frlr-field.invalido input,.frlr-field.invalido select,.frlr-field.invalido textarea{border-color:#dc2626}
.frlr-exito{text-align:center;padding:26px 8px}
.frlr-exito-icono{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#f0fdf4;color:#16a34a;border:2px solid #86efac;font-size:32px;line-height:60px;font-weight:800}
.frlr-exito p{font-size:14.5px;color:#444;line-height:1.6;margin:8px 0}
.frlr-exito .frlr-codigo{color:#742384;font-size:20px}
.frlr-otro{max-width:260px;margin:18px auto 0}

/* "volver al inicio", debajo del libro (antes estaba pegado en el
   contenido de la pagina, con un margen negativo de WordPress). */
.frlr-volver{display:flex;justify-content:center;margin:32px 0 48px}
.frlr-volver-btn,.frlr-volver-btn:hover,.frlr-volver-btn:focus,.frlr-volver-btn:active{color:#8b3fff;text-decoration:none}
.frlr-volver-btn{display:inline-block;padding:14px 34px;border-radius:999px;
  background:linear-gradient(228.83deg,#13e5d5 -51.56%,#84f2c7 8.91%,#defdbb 72.65%);
  font:600 15px/1.2 Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  box-shadow:0 10px 26px rgba(0,0,0,.25);transition:transform .2s ease,background .35s ease}
.frlr-volver-btn:hover{transform:translateY(-1px);background:linear-gradient(228.83deg,#defdbb -51.56%,#84f2c7 8.91%,#13e5d5 72.65%)}
.frlr-volver-btn:focus-visible{outline:0;box-shadow:0 10px 26px rgba(0,0,0,.25),0 0 0 3px #fff,0 0 0 5px #8b3fff}
@media (max-width:680px){.frlr-volver-btn{padding:10px 20px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.frlr-volver-btn{transition:none}.frlr-volver-btn:hover{transform:none}}