/* Selector visible del portafolio: conserva la paleta y tipografía de ROCCA. */
#portafolio .busqueda-inicio.con-operaciones { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#portafolio .busqueda-inicio [hidden] { display: none; }
#portafolio .operaciones-inicio { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; width: min(100%, 420px); padding: 4px; border: 1px solid #454139; border-radius: 3px; background: #141412; }
#portafolio .operaciones-inicio button { min-height: 48px; padding: 10px 20px; border: 1px solid transparent; border-radius: 2px; background: transparent; color: #f2efe7; font-family: var(--geo); font-size: 18px; font-weight: 500; line-height: 1.3; cursor: pointer; }
#portafolio .operaciones-inicio button[aria-pressed="true"] { background: #a6533e; border-color: #a6533e; color: #fff; }
#portafolio .operaciones-inicio button:hover { border-color: #817361; }
#portafolio .operaciones-inicio button:focus-visible { outline: 2px solid #f2efe7; outline-offset: 2px; }
@media (max-width: 600px) {
  #portafolio .busqueda-inicio.con-operaciones { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #portafolio .operaciones-inicio { width: 100%; }
  #portafolio .busqueda-inicio.con-operaciones > .boton { grid-column: 1 / -1; }
}