/* Preguntas frecuentes (/preguntas-frecuentes/): buscador, temas y preguntas desplegables.
   Colores y letras de las páginas sueltas (sueltas.critico.css): oliva #696953, píldora #d3d4bc, Restora/Roboto. */
.pf .ps-titulo{font-size:37px}
.pf__buscar{margin:6px 0 18px}
.pf__etiqueta{display:block;margin-bottom:8px;font:700 17px/1.3 Restora,serif;color:#111}
.pf__caja{position:relative;display:flex;align-items:center}
.pf__caja svg{position:absolute;left:16px;color:#696953;pointer-events:none}
.pf__caja input{width:100%;min-height:52px;padding:12px 48px 12px 48px;border:2px solid #d3d4bc;border-radius:12px;background:#fff;font:400 17px/1.3 Roboto,sans-serif;color:#111;-webkit-appearance:none;appearance:none}
.pf__caja input::-webkit-search-cancel-button{display:none}
.pf__caja input:focus{outline:none;border-color:#696953;box-shadow:0 0 0 3px rgba(105,105,83,.18)}
.pf__borrar{position:absolute;right:8px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;font:400 26px/1 Roboto,sans-serif;color:#696953;cursor:pointer}
.pf__borrar:hover{background:#f1f1e8}
.pf__estado{min-height:1.4em;margin:8px 2px 0;font-size:15px;color:#555}
.pf__temas{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.pf__temas a{padding:6px 14px;border-radius:10px;background:#f1f1e8;font-size:15px;line-height:1.3;color:#111;text-decoration:none;transition:background .2s}
.pf__temas a:hover,.pf__temas a:focus-visible{background:#d3d4bc}
.pf__tema{margin:0 0 34px;scroll-margin-top:110px}
.pf__tema-t{margin:0 0 12px;font:700 27px/1.25 Restora,serif;color:#111}
.pf__p{border-bottom:1px solid #e3e3d6;scroll-margin-top:110px}
.pf__p:first-of-type{border-top:1px solid #e3e3d6}
.pf__p summary{position:relative;display:block;padding:15px 40px 15px 0;cursor:pointer;list-style:none}
.pf__p summary::-webkit-details-marker{display:none}
.pf__p summary::after{content:"";position:absolute;right:8px;top:50%;width:10px;height:10px;margin-top:-7px;border-right:2px solid #696953;border-bottom:2px solid #696953;transform:rotate(45deg);transition:transform .2s}
.pf__p[open] summary::after{margin-top:-2px;transform:rotate(-135deg)}
.pf__p summary:focus-visible{outline:2px solid #696953;outline-offset:2px;border-radius:4px}
.pf__p h3{margin:0;font:600 18px/1.4 Roboto,sans-serif;color:#111}
.pf__p summary:hover h3{color:#696953}
.pf__r{padding:0 0 16px;font-size:17px;line-height:1.6}
.pf__r p{margin:0 0 .8em}
.pf__r p:last-child,.pf__r ul:last-child{margin-bottom:0}
.pf__r ul{margin:0 0 .8em 20px;padding:0;list-style:disc}
.pf__r li{margin-bottom:.25em}
.pf__r a,.pf__mas a,.pf__nada a{color:#696953;font-weight:600}
.pf__r a:hover,.pf__nada a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.13em}
.pf__mas{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;font-size:15px}
.pf__mas a::after{content:" →"}
.pf__nada{padding:18px 20px;border-radius:12px;background:#f1f1e8}
.pf__nada p{margin:0}
.pf mark{padding:0 1px;border-radius:3px;background:#e6e7c8;color:inherit}
.pf--buscando .pf__temas,.pf--buscando .pf__mas{display:none}
@media (max-width:1024px){.pf .ps-titulo{font-size:30px}.pf__tema-t{font-size:22px}}
@media (max-width:767px){
  .pf .ps-titulo{font-size:26px}
  .pf__tema-t{font-size:20px}
  .pf__p h3{font-size:17px}
  .pf__r{font-size:16px}
  .pf__temas{flex-wrap:nowrap;overflow-x:auto;margin:0 -30px 26px;padding:0 30px 4px;scrollbar-width:none}
  .pf__temas::-webkit-scrollbar{display:none}
  .pf__temas a{flex:none}
}
