/* Cafesfera: navegación temática, 5 de noviembre de 2026. */
.cs-topic-index{background:#F5F2EA;border-bottom:1px solid #DAD2C8;padding:32px 24px}
.cs-topic-index-inner{max-width:1200px;margin:0 auto}
.cs-topic-index .cs-topic-index-title{font-family:'Playfair Display',serif;font-weight:700;font-size:24px;line-height:1.3;color:#2C241B;margin:0 0 16px}
.cs-topic-index ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px}
.cs-topic-index li{margin:0;padding:0;min-width:0}
.cs-topic-index a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 0;border-bottom:1px solid #DAD2C8;color:#2C241B;font-family:Inter,sans-serif;font-size:15px;line-height:1.5;text-decoration:none}
.cs-topic-index a::after{content:'↓';color:#8C5A3C}
.cs-topic-index a:hover{color:#8C5A3C;border-color:#8C5A3C}
.cs-topic-index a:focus-visible,#masthead a:focus-visible,#masthead button:focus-visible,.cs-search-area input:focus-visible,.cs-search-area button:focus-visible{outline:3px solid #8C5A3C;outline-offset:4px}
.cafesfera-page section[id]{scroll-margin-top:32px}
#masthead .sub-menu{background:#FDFBF7;border:1px solid #DAD2C8;box-shadow:none}
#masthead .sub-menu .menu-link{font-size:14px;color:#2C241B;line-height:1.5;padding:12px 20px}
#masthead .sub-menu .menu-link:hover,#masthead .sub-menu .menu-link:focus{background:#F5F2EA;color:#8C5A3C}
.cs-search-area{max-width:1200px;margin:0 auto;padding:32px 24px}
.cs-search-area label{display:block;color:#2C241B;font-weight:600;margin-bottom:8px}
.cs-search-area form{display:flex;gap:8px;max-width:640px}
.cs-search-area input[type=search]{min-width:0;width:100%;background:#FDFBF7;border:1px solid #DAD2C8;color:#2C241B;padding:12px 16px;border-radius:3px}
.cs-search-area button{background:#2C241B;color:#FDFBF7;padding:12px 24px;border:0;border-radius:3px}
@media(max-width:600px){.cs-topic-index{padding:24px 20px}.cs-topic-index ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.cs-topic-index .cs-topic-index-title{font-size:22px}.cs-topic-index a{font-size:14px}.cs-search-area{padding:24px 20px}.cs-search-area button{padding:12px 16px}}
@media(max-width:360px){.cs-topic-index ul{grid-template-columns:1fr}}

#masthead .site-title,#masthead .site-title a{white-space:nowrap;word-break:normal;overflow-wrap:normal}
#masthead .main-header-menu>.menu-item>.menu-link{color:#2C241B}
#masthead .main-header-menu>.current-menu-item>.menu-link,#masthead .main-header-menu>.menu-item>.menu-link:hover{color:#8C5A3C}