.policies-page em{font-style:normal;color:#a74713;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* Bienvenida + índice de temas */
.policies-welcome{max-width:1500px;margin:auto;padding:80px 6% 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end;}
.policies-welcome h1{font-size:clamp(52px,6vw,90px);line-height:1.02;letter-spacing:-.02em;}
.policies-welcome p{max-width:520px;margin-top:26px;font-size:18px;}
.policies-index{background:#f4f1e9;border-radius:22px;padding:28px 30px 16px;}
.policies-index .eyebrow{margin-bottom:10px;color:#a74713;}
.policies-index ol{list-style:none;margin:0;padding:0;}
.policies-index a{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:baseline;padding:13px 0;border-top:1px solid #61340820;font-size:15px;font-weight:600;color:var(--olive);transition:color .2s;}
.policies-index li:first-child a{border-top:0;}
.policies-index a:hover{color:#a74713;}
.index-num{font-size:12px;font-weight:700;letter-spacing:.08em;color:#a74713;}
.index-count{font-size:12px;font-weight:500;color:var(--brown);}

/* Biblioteca: un bloque por tema, título a la izquierda y documentos en filas */
.policies-library{max-width:1500px;margin:auto;padding:10px 6% 90px;}
/* Cada tema es un acordeón cerrado de entrada (details/summary, como en Recetas): el título abre la lista */
.policy-group{border-top:1px solid #61340825;scroll-margin-top:110px;}
.policy-group-head{display:grid;grid-template-columns:72px 1fr auto;gap:24px;align-items:center;padding:30px 0;cursor:pointer;list-style:none;border-radius:14px;}
.policy-group-head::-webkit-details-marker{display:none;}
.policy-group-head:focus-visible{outline:3px solid #b34308;outline-offset:-3px;}
.group-num{display:block;font-family:Kardia,Arial,sans-serif;font-size:46px;line-height:1;color:var(--orange);}
.policy-group-head h2{font-size:clamp(26px,2.4vw,36px);margin:0 0 6px;transition:color .2s;}
.policy-group-head:hover h2{color:#a74713;}
.policy-group-head p{max-width:560px;font-size:15px;}
.group-side{display:flex;align-items:center;gap:18px;font-size:13px;color:var(--olive);white-space:nowrap;}
.group-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid #61340840;border-radius:50%;font-size:24px;line-height:1;color:#a74713;transition:transform .3s,background .2s;}
.policy-group-head:hover .group-toggle,.policy-group[open] .group-toggle{background:#f4f1e9;}
.policy-group[open] .group-toggle{transform:rotate(45deg);}
.policy-group .doc-list,.policy-group .text-link{margin-left:96px;}
.policy-group .doc-list{padding-bottom:30px;}
.policy-group .text-link{display:inline-block;margin-top:-12px;margin-bottom:36px;font-size:13px;}
.doc-list{list-style:none;margin:0;padding:0;}
.doc-list li+li{border-top:1px solid #61340818;}
.doc-row{display:grid;grid-template-columns:44px 1fr auto;gap:22px;align-items:center;padding:20px 18px;border-radius:14px;transition:background .2s;}
.doc-row:hover{background:#f4f1e9;}
.doc-badge{display:grid;place-items:end center;width:44px;height:54px;padding-bottom:8px;border:1px solid #61340830;border-radius:5px 14px 5px 5px;background:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;color:#a74713;}
.doc-title{display:block;font-family:Kardia,Arial,sans-serif;font-size:23px;line-height:1.2;color:var(--brown);}
.doc-meta{display:block;margin-top:5px;font-size:13px;color:var(--olive);}
.doc-side{display:flex;align-items:center;gap:18px;font-size:12px;color:var(--olive);white-space:nowrap;}
.doc-arrow{font-size:22px;transition:transform .2s,color .2s;}
.doc-row:hover .doc-arrow{transform:translate(3px,-3px);color:#a74713;}
.doc-row:focus-visible{outline:3px solid #b34308;outline-offset:2px;}

/* Contacto con Pía señalando */
.policies-contact{position:relative;overflow:hidden;display:flex;justify-content:center;padding:65px 6%;background:#e1edc9;}
/* pia-senala.webp tiene el lado IZQUIERDO recto (pia-asoma lo tiene a la derecha): se asoma desde el borde izquierdo de la franja. */
.policies-contact .pia-cameo{position:absolute;left:0;bottom:-8px;width:clamp(95px,11vw,150px);}
.policies-contact .pia-cameo img{width:100%;height:auto;}
.policies-contact h2{font-size:clamp(34px,3.4vw,50px);}
.policies-contact p{margin:16px 0 20px;font-size:16px;}
.mail-link{font-size:17px;font-weight:700;color:var(--brown);text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere;}
.mail-link:hover{color:#a74713;}

@media (max-width:1000px){
  .policies-welcome{grid-template-columns:1fr;gap:40px;align-items:start;}
  .policy-group-head p{max-width:none;}
}
@media (max-width:650px){
  .policies-welcome{padding:45px 6% 40px;}
  .policies-welcome h1{font-size:clamp(38px,13.5vw,54px);}  /* 'reglamentos.' debe caber en 320 px */
  .policies-welcome p{font-size:16px;}
  .policies-index{padding:20px 20px 10px;}
  .policies-library{padding:0 6% 55px;}
  .policy-group-head{grid-template-columns:44px 1fr auto;gap:14px;padding:22px 0;}
  .group-num{font-size:34px;}
  .policy-group-head p{display:none;}
  .group-count{display:none;}
  .group-toggle{width:34px;height:34px;font-size:20px;}
  .policy-group .doc-list,.policy-group .text-link{margin-left:0;}
  .policy-group .doc-list{padding-bottom:18px;}
  .doc-row{grid-template-columns:36px 1fr;gap:14px;padding:16px 4px;}
  .doc-badge{width:36px;height:44px;font-size:9px;padding-bottom:6px;}
  .doc-title{font-size:20px;}
  .doc-side{grid-column:2;gap:12px;}
  .policies-contact{padding:45px 6% 200px;}
  .policies-contact .pia-cameo{width:95px;}
}
@media (prefers-reduced-motion:reduce){
  .doc-row,.doc-arrow{transition:none;}
}